﻿/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */

@charset "utf-8";
@import url("iconfont.css");
.swiper-button-next:active,.swiper-button-prev:active,.swiper-button-next,.swiper-button-prev{
            box-shadow: 0 0  !important;outline: none  !important;
        }
 /* 去除点击选项卡时出现的蓝色边框 */
.swiper-pagination-bullet:focus {
           outline: none  !important;
    }
    
 /* 去除点击选项卡时出现的蓝色背景 */
.swiper-pagination-bullet {
            cursor: auto  !important;
}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

input, select { font-size: 12px; margin: 0; padding: 0; }

body { font-family: "Microsoft YaHei", Arial; font-size: 12px; color: #000; width: 100%; margin: 0 auto; background-color: #f6f1eb;  }
samp { font-family: "Microsoft YaHei", Arial; }
body > div { margin-right: auto; margin-left: auto; }



form, img, ul, ol, li, dl, dd, dt, p { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; }

ol, ul, li, dd, dt { list-style: none; margin: 0px; padding: 0px; }

fieldset, a img { border: 0; }

input, select, textarea { font-size: 12px; }

input { vertical-align: middle; border-radius: 0; -webkit-appearance: none !important; }
table { border: none; margin: 0px; padding: 0px; }

.none { display: none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */



/* border-collapse: collapse;

    border-spacing: 0;*/

em, u { font-style: normal; text-decoration: none; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }

.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.left { float: left; display: inline; }

.right { float: right; display: inline; }

a { transition: all .5s; outline: none !important; color: #000; text-decoration: none; }

a:hover { color: #000; text-decoration: underline; }

.more{ width:100%; margin:auto;clear: both; text-align:center}
.more a{ color:#fff !important; background-color:#C08714; height:35px; line-height:35px; font-size:14px; padding:0px 20px;border-radius:10px;display:inline-block !important  }
.more a:hover { color: #000; text-decoration: underline; }



/*

.gg{ position:fixed;z-index:99999; right:10px; top:30%; width:130px; background-color:#f6f1eb; text-align:center; padding-bottom:5px}
.gg .title,.wxh_gg .title{ background-color:#666; height:30px; line-height:30px; color:#fff; width:90%; padding:0px 5%}
.gg .title .iconfont,.wxh_gg .title .iconfont{ float:right; cursor:pointer}
.gg .tel,.wxh_gg .tel{  font-size:14px; text-align:left; padding:3px}
.gg .tel b,.wxh_gg .tel b{ text-align:center; width:100%; display:block;font-size:18px;}
.gg img{ width:90%}
.gg p,.wxh_gg p{ font-size:8px}

.header_top .wxh{ position:relative}
.header_top .wxh .wxh_gg{  display:none; position:absolute;z-index:1; right:-50%; top:35px; width:150px; background-color:#f6f1eb; text-align:center; padding-bottom:5px; font-size:12px; color:#666; line-height:20px;}
.header_top .wxh  .wxh_gg .tel .iconfont { font-size:14px;}
.header_top .wxh  .wxh_gg img{ width:90%; border-radius:0px}
*/
.gg{ position:fixed;z-index:99999; right:10px; top:30%; width:130px; background-color:#f6f1eb; text-align:center; padding-bottom:5px}
.gg .c{ width:100%; position:relative}
.gg .c span{ width:30px; height:30px; display:block; position:absolute; top:0px; right:0px; z-index:1; cursor:pointer}
.gg .c img{ width:100%}

.header_top .wxh{ position:relative}
.header_top .wxh .wxh_gg{  display:none; position:absolute;z-index:1; right:0px; top:35px; width:300px; background-color:#f6f1eb; text-align:center; padding-bottom:5px; font-size:12px; color:#666; line-height:20px;}
.header_top .wxh .wxh_gg .c{ width:100%; position:relative}
.header_top .wxh .wxh_gg .c span{ width:30px; height:30px; display:block; position:absolute; top:0px; right:0px; z-index:1; cursor:pointer}
.header_top .wxh .wxh_gg .c img{ width:100%;border-radius:0px}


input::-webkit-input-placeholder { color: #fff; }
input::-moz-input-placeholder { color: #fff; }
input::-ms-input-placeholder { color: #fff; }


.container-fluid { width: 100%; padding: 0px; max-width: 1920px; margin: 0px auto; }

.pagelist { height: 30px; padding: 0 0px 30px 0px; margin: 0 auto; width: 100%; }
   .pagelist a{ display:block; float:left; padding:5px 12px; margin:0 0 0 8px; border:1px solid #e1e2e3; line-height:20px; height:20px; color:#3b8dd1; background:#fff; text-decoration:none; }
   .pagelist a:hover { border:1px solid #3b8dd1; }
   .pagelist span{ display:block; float:left; padding:5px 0; line-height:20px; height:20px; }
   .pagelist span.current { padding:5px 12px; margin:0 0 0 8px; color:#555; font-weight:bold; }
   .pagelist span.disabled { border:1px solid #eee; padding:5px 12px; margin:0 0 0 8px; color:#ddd; }

.main3 { width: 100%; padding: 150px 0 20px; font-size: 32px; color: #C08714; text-align: center; line-height: 35px; }
.main3 samp { font-size: 16px; color: #666; font-weight: initial; display: inline-block; width: 100%; letter-spacing: 2px; }
.main3 a { font-size: 16px; color: #8e5daf; font-weight: initial; display: inline-block; }
.main3 a .iconfont { font-size: 16px; vertical-align: bottom; }

.main4 { width: 100%; overflow: hidden; }
.main4 ul li { float: left; width: 49%; text-align: center; margin: 1%;  line-height: 0px; position:relative;    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.main4 ul li img { width: 100%; border: 0px; }
.main4 ul li p{ position:absolute; top:46%; left:0px; z-index:1; text-align:center; width:100%;   }
.main4 ul li samp{ font-size:32px; display:block; width:100%; color:#C08714; font-weight:bold;  height:55px; line-height:50px;}
.main4 ul li span{ font-size:20px;letter-spacing: 5px; display:block; color:#444; height:30px; line-height:30px;}
.main4 ul li:nth-child(odd) { margin-left: 0px; }
.main4 ul li:nth-child(even) { margin-right: 0px; }

.main5 { width: 100%; position: relative;overflow: hidden; }
.main5 .swiper { margin: 0 15px; overflow: hidden; }
.main5 .swiper-button-prev { left: -10px; color: #363B44; background: none; font-size: 50px; }
.main5 .swiper-button-next { right: 10px; color: #363B44; background: none; font-size: 50px; }

.main5 ul li { float: left; _display: inline; overflow: hidden; text-align: center; height: 440px; }
.main5 ul li .img { width: 100%; height: 210px; position: relative; }
.main5 ul li .img span { height: 140px; width: 100%; border-radius: 20px 20px 0 0; background-color: #e6e3db; position: absolute; bottom: 0px; left: 0px; z-index: -1; }
.main5 ul li .img img { height: 210px; text-align: center; border: 0px; }
.main5 ul li .title { height: 190px; background-color: #fffcf7; border-radius: 0 0 20px 20px; padding: 30px 20px 10px; text-align: left; }
.main5 ul li .title span { font-size: 22px; color: #B57300; display: block; height: 30px; }
.main5 ul li .title samp { color: #444; display: inline-block; border-bottom:2px solid #B57300; font-size: 14px; padding: 5px 3px; letter-spacing: 2px; }
.main5 ul li .title p { margin-top: 10px; font-size: 22px; color: #666; display: block; font-size: 14px; width: 100%; height: 112px; overflow:hidden; line-height:23px }
.main5 ul li .title a { font-size: 14px; color: #8e5daf; font-weight: initial; display: inline-block; float: right; line-height: 20px; }
.main5 ul li .title a .iconfont { font-size: 12px; color: #8e5daf; vertical-align: bottom; height: auto; display: inline; font-weight: initial; }

.main6 img { width: 60%; float: left; }
.main7 { width: 28%; float: right; text-align: left; font-size: 16px; padding-left: 1%; }
.main7 p { width: 100%; line-height: 28px; padding-bottom: 30px; }
.main7 p span { color: #C08714; font-weight: bold; width: 140px; display: inline-block; vertical-align: top; letter-spacing: 3px; }
.main7 p samp { color: #666; display: inline-block; font-size: 16px; letter-spacing: 4px; }

.main8 { width: 100%; overflow: hidden; }
.main8 ul li { float: left; width: 23.5%; text-align: center; margin: 1%; line-height: 0px; }
.main8 ul li img { width: 100%; border: 0px; }
.main8 ul li:nth-child(4n+1) { margin-left: 0px; }
.main8 ul li:nth-child(4n+4) { margin-right: 0px; }

.main9 { width: 100%; height: 100%; position: relative; padding-bottom: 40px;overflow: hidden; }

.main9 .swiper-slide { background-position: center; background-size: cover; }

.main9 .swiper-slide img { display: block; width: 100%; }

.main9 .swiper-button-prev { left: 10px; color: #fff; background: none; font-size: 40px; }
.main9 .swiper-button-prev:before { border: 1px solid #333; }
.main9 .swiper-button-next { right: 30px; color: #fff; background: none; font-size: 40px; }
.main9 .swiper-button-prev:before, .main9 .swiper-button-next:before { border: 1px solid #C79430; background-color: #C99B3F; border-radius: 50%; }
.main9 .swiper-pagination { bottom: 0px; }
.main9 .swiper-pagination-bullet { width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; color: #C08714; opacity: 1; background: #fff; border: 1px solid #C08714; }

.main9 .swiper-pagination-bullet-active { color: #fff; background: #C08714; border: 1px solid #E05F00; }


.main10 { width: 100%; position: relative;overflow: hidden; }
.main10 .swiper { margin: 0 15px; overflow: hidden; }
.main10 .swiper-button-prev { left: -10px; color: #363B44; background: none; font-size: 50px; }
.main10 .swiper-button-next { right: 10px; color: #363B44; background: none; font-size: 50px; }

.main10 ul li { float: left; _display: inline; overflow: hidden; text-align: center; height: 450px; padding: 12px 0; }
.main10 ul li .li { width: 90%; padding: 5%; position: relative; border-top: 2px solid #333; text-align: center; }
.main10 ul li .li i { position: absolute; border: 5px solid #C08714; background-color: #fff; width: 12px; height: 12px; display: inline-block; border-radius: 50%; z-index: 1; top: -12px; left: 50%; margin-left: -11px; }
.main10 ul li .li .data { font-size: 32px; font-weight: bold; color: #C08714; }
.main10 ul li .content { margin-top: 15px; height: 380px; background-color: #fffcf7; border-radius: 10px; text-align: left; }
.main10 ul li .content img { height: 160px; width: 100%; }
.main10 ul li .content span { margin-top: 15px; font-size: 18px; color: #333; display: block; height: 30px; font-weight: bold; text-align: center; }
.main10 ul li .content p { padding: 0 10px; color: #666; display: block; font-size: 14px; }

.main11 { width: 100%; overflow: hidden; }
.main11 ul li { float: left; width: 32%; text-align: center; margin: 1%; line-height: 0px; }
.main11 ul li img { width: 100%; border: 0px; }
.main11 ul li:nth-child(1) { margin-left: 0px; }
.main11 ul li:nth-child(3) { margin-right: 0px; }


.main12 { width: 100%; overflow: hidden; }
.main12 .main13 { float: left; width: 49%; text-align: left; margin: 1%; background-color: #fffcf7; border-bottom: 3px solid #C08714; }
.main12 .main13:nth-child(1) { margin-left: 0px; }
.main12 .main13:nth-child(2) { margin-right: 0px; }
.main13 .title { text-indent: 1em; font-size: 16px; height: 50px; line-height: 50px; background-color: #e6e3db; color: #444; }
.main13 .title a { font-size: 14px; color: #8e5daf; font-weight: initial; display: inline-block; float: right; margin-right: 15px; }
.main13 .title a .iconfont { font-size: 12px; vertical-align: top; }
.main13 ul li { font-size: 14px; float: left; width: 100%; text-indent: 1em; height: 30px; line-height: 30px; overflow: hidden; }




.main14 { width: 100%; position: relative; font-size: 22px; margin-top: 20px; overflow: hidden;}
.main14 .swiper { margin: 0 30px; overflow: hidden; }
.main14 .swiper-button-prev { left: -10px; color: #363B44; background: none; font-size: 50px; }
.main14 .swiper-button-next { right: 10px; color: #363B44; background: none; font-size: 50px; }

.main14 ul li { float: left; _display: inline; overflow: hidden; text-align: center; height: 400px; }
.main14 ul li .title {  font-size;30px; background-color: #444;color: #fff;border-radius: 50%; width:50px; height:50px; display:inline-block;line-height: 50px;    position: absolute;    left: 50%;    margin-left: -25px; }
.main14 ul li .content { margin-top: 25px; height: 300px; background-color: #fffcf7; border-radius: 10px; text-align: left; padding-top: 45px; }

.main14 ul li .content span { color: #C08714; background-color: #e6e3db; display: block; height: 40px; line-height: 40px;  text-align: center; }
.main14 ul li .content p { padding: 5px 15px; color: #666; display: block; line-height: 22px; letter-spacing: 3px; font-size:14px; }

.main15 { width: 100%; padding-top: 80px; font-size: 32px; color: #C08714; text-align: center; line-height: 35px;padding-bottom: 20px; }
.mode15 { width: 100%; overflow: hidden; }
.mode15 ul li { float: left; width: 30%; text-align: center; margin:1.5% 2.5%; line-height: 0px; color:#444; background-color: #fffcf7; border-radius: 10px; height:130px; line-height:130px; font-size:40px;letter-spacing: 4px; }
.mode15 ul li:nth-child(3n+1) { margin-left: 0px; }
.mode15 ul li:nth-child(3n+3) { margin-right: 0px; }

.about { width: 100%; margin:auto;margin-top:163px; padding: 10px 0 60px 0; overflow: hidden; font-family: "Microsoft YaHei", Arial;}
.about .ab_lt { position:fixed; top:200px; left:50%; z-index:999; margin-left:-600px;}
.ab_lt h2 { color: #e60012; font-size: 22px; }
.ab_lt .active a { color: #e60012; }
.ab_lt ul { margin-top: 50px; }
.ab_lt ul li a { display: inline-block; font-size: 17px; margin-bottom: 20px; color: #000; }
.al_rt { width: 1050px; }
.about .al_rt .content{ width:100%; padding-bottom:50px; min-height:200px;overflow:hidden}
/*.about .al_rt .content:target {padding-top: 200px;  margin-top:-200px}
.about .al_rt .content:nth-child(1):target {margin-top: 0px;padding-top: 150px;}*/

.nytit { width:100%; border-bottom:2px solid #bfbfbf; padding-bottom:10px;}
.nytit h1 { font-size: 32px; font-weight: bold; }
.nytit p { font-size: 14px; margin-top: 20px; }
.cynnnr { margin-top: 50px;  }
.cynnnr p { font-size: 16px; color: #141413; line-height: 30px; }

.cynnnr_news1{margin-top: 50px; width:100%;}
.cynnnr_news1 li{ float:left; width:100%; margin-bottom:30px}
.cynnnr_news1 img{ float:left; width:290px; margin-right:30px}
.cynnnr_news1 div{ display: flow-root;}
.cynnnr_news1 div span{ font-size:16px; height:40px; display:block}
.cynnnr_news1 div p{ font-size:12px; line-height:22px; font-family:微软雅黑;}


.cynnnr_news2{margin-top: 50px; width:100%;}
.cynnnr_news2 li{ float:left; width:100%; margin-bottom:30px; border-bottom:1px solid #bfbfbf; padding-bottom:30px;}
.cynnnr_news2 img{ float:left; width:290px; margin-right:30px; max-height:220px;}
.cynnnr_news2 div{ display: flow-root;}

.cynnnr_news2 div samp{ font-size:14px; height:30px; font-family:微软雅黑; display:block}
.cynnnr_news2 div span{ font-size:22px; line-height :25px; display:block;font-family:微软雅黑; font-weight:bold}
.cynnnr_news2 div a{ display:block; color:#8e5daf; margin-top:5px }
.cynnnr_news2 div p{ font-size:14px; line-height:22px; font-family:微软雅黑; margin-top:15px;}

.cynnnr_case{margin-top: 50px; width:100%; overflow:hidden}
.cynnnr_case li{ float:left; width:100%; margin:20px 0; border-bottom:1px solid #efebeb; padding-bottom:30px;}
.cynnnr_case  span{ font-size:32px; font-family:微软雅黑; display:block;width:100%; text-align:center; color:#C08714;padding-bottom:10px}
.cynnnr_case samp {    font-size: 16px;   color: #666;    font-weight: initial;    display: block;  text-align:center;  width: 100%;    letter-spacing: 2px;padding-bottom:30px}
.cynnnr_case  a{ color:#8e5daf;  font-size: 16px;  }
.cynnnr_case  p{ margin: auto;    font-size: 18px;    line-height: 30px;    color: #444;    text-indent: 2em;    font-weight: initial;    width: 100%;    letter-spacing: 2px;}


.cynnnr_pic1{margin: 50px 0px 30px; width:100%; position: relative;overflow: hidden; }
.cynnnr_pic1 .swiper { margin: 0 15px; overflow: hidden; }
.cynnnr_pic1 .swiper-button-prev { left: -10px; color: #363B44; background: none; font-size: 50px; }
.cynnnr_pic1 .swiper-button-next { right: 10px; color: #363B44; background: none; font-size: 50px; }

.cynnnr_pic1 ul li { float: left; _display: inline; overflow: hidden; text-align: center; height: 440px;  }
.cynnnr_pic1 ul li .img { width: 100%; height: 210px; position: relative; }
.cynnnr_pic1 ul li .img span { height: 140px; width: 100%; border-radius: 20px 20px 0 0; background-color: #e6e3db; position: absolute; bottom: 0px; left: 0px; z-index: -1; }
.cynnnr_pic1 ul li .img img { height: 210px; text-align: center; border: 0px; max-width:80%;}
.cynnnr_pic1 ul li .title { height: 190px; background-color: #fffcf7; border-radius: 0 0 20px 20px; padding: 30px 20px 10px; text-align: left; }
.cynnnr_pic1 ul li .title span { font-size: 22px; color: #B57300; display: block; height: 30px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.cynnnr_pic1 ul li .title samp { color: #444; display: inline-block; border-bottom:2px solid #B57300;font-size: 14px; padding: 5px 3px; letter-spacing: 2px;  }
.cynnnr_pic1 ul li .title p { margin-top: 15px; font-size: 22px; color: #666; display: block; font-size: 14px; width: 100%; height: 112px; overflow:hidden;word-break:break-all; }
.cynnnr_pic1 ul li .title a { font-size: 14px; color: #8e5daf; font-weight: initial; display: inline-block; float: right; line-height: 20px; }
.cynnnr_pic1 ul li .title a .iconfont { font-size: 12px; color: #8e5daf; vertical-align: bottom; height: auto; display: inline; font-weight: initial; }




.cynnnr_pic2{margin-top: 30px; width:100%;}
.cynnnr_pic2 li{ float:left; width:21%; margin:10px 2%; height:190px}
.cynnnr_pic2 img{  width:100%; height:160px; }
.cynnnr_pic2 span{ width:100%; display:block; height:30px; line-height:30px; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.cynnnr_pic3{margin-top: 30px; width:100%;}
.cynnnr_pic3 li{ float:left; width:23%; margin:10px 1%; height:100px}
.cynnnr_pic3 img{  width:100%; height:100px;border-radius: 5px; }



.cynnnr_pic4{margin: 50px 0px 30px; width:100%; position: relative;overflow: hidden; }
.cynnnr_pic4 .swiper { margin: 0 15px; overflow: hidden; }
.cynnnr_pic4 .swiper-button-prev { left: -10px; color: #363B44; background: none; font-size: 50px; }
.cynnnr_pic4 .swiper-button-next { right: 10px; color: #363B44; background: none; font-size: 50px; }

.cynnnr_pic4 ul li { float: left; _display: inline; overflow: hidden; text-align: center; height: 440px;  }
.cynnnr_pic4 ul li .img { width: 100%; height: 210px; position: relative; }
.cynnnr_pic4 ul li .img span { height: 140px; width: 100%; border-radius: 20px 20px 0 0; background-color: #e6e3db; position: absolute; bottom: 0px; left: 0px; z-index: -1; }
.cynnnr_pic4 ul li .img img { height: 140px; text-align: center; border: 0px; max-width:80%;border-radius:50% }
.cynnnr_pic4 ul li .img .t{position: absolute; bottom: 0px; left: 0px; z-index: -1; width:100%; overflow:hidden; height:50px;}
.cynnnr_pic4 ul li  .img .t span { position:relative; font-size: 22px;border-radius:0px; line-height:20px; color: #C08714; float:left; height: 22px; overflow: hidden;word-break:break-all; }
.cynnnr_pic4 ul li  .img .t samp { color: #444;float:left;  width:100%;height: 20px; line-height:20px;font-size: 14px; padding: 5px 3px; letter-spacing: 2px; }
.cynnnr_pic4 ul li .title { height: 190px; background-color: #fffcf7; border-radius: 0 0 20px 20px; padding: 30px 20px 10px; text-align: left; }

.cynnnr_pic4 ul li .title p { margin-top: 0px;     line-height: 25px;font-size: 22px; color: #666; display: block; font-size: 14px; width: 100%; height: 127px; overflow:hidden;word-wrap: break-word;word-break: normal; }
.cynnnr_pic4 ul li .title a { font-size: 14px; color: #8e5daf; font-weight: initial; display: inline-block; float: right; line-height: 20px; }
.cynnnr_pic4 ul li .title a .iconfont { font-size: 12px; color: #8e5daf; vertical-align: bottom; height: auto; display: inline; font-weight: initial; }

.cynnnr_pic5{margin: 50px 0px 30px; width:100%; position: relative;overflow: hidden; }
.cynnnr_pic5 ul li { float: left; _display: inline; overflow: hidden;border:1px solid #efebeb; background-color:#fff; text-align: left;  width:46%; margin:2%; position:relative; border-radius: 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cynnnr_pic5 ul li img{ width:100%; height:230px;}
.cynnnr_pic5 ul li span{border-radius:0px 0px 10px 0px;background: linear-gradient(#fe885e, #ff4e48); position:absolute; z-index:1; top:0px; left:0px; height:25px; line-height:25px;  display:inline-block; padding:0px 8px; font-size:16px; color:#fff; text-align:center}
.cynnnr_pic5 ul li  .c {width: 100%; height: 198px; overflow:hidden; padding:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cynnnr_pic5 ul li .title { height:40px; line-height:40px; font-weight:bold; font-size:22px; color:#333 }
.cynnnr_pic5 ul li  p{font-size: 16px; color: #666;  width: 100%; }
.cynnnr_pic5 ul li .price { font-size: 14px; color:#333; float:left; width:40%; vertical-align:middle; padding-top:40px; }
.cynnnr_pic5 ul li .price b{ font-size:32px;font-weight:bold;}
.cynnnr_pic5 ul li .time{ float:right; width:50%; color:#888; line-height:22px; font-size:16px; padding-top:38px; text-align:right}

.cynnnr_expert0{  position:relative}
.cynnnr_expert{margin-top: 50px; width:100%; padding-bottom:20px;}
.cynnnr_expert li{ float:left; width:100%;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
.cynnnr_expert img{  width:30%; float:left; margin-right:10px; }
.cynnnr_expert div{ display: flow-root; padding:50px; }
.cynnnr_expert div samp{ font-size:18px; height:20px; font-family:微软雅黑; display:block; font-weight:bold}
.cynnnr_expert div span{ font-size:14px; line-height :25px; display:block;height:40px;}
.cynnnr_expert div p{ font-size:12px; line-height:22px; font-family:微软雅黑;}
.cynnnr_expert0 .swiper-pagination { bottom: -20px;  width:100%; position:absolute;    }

.mode1{ width:100%;margin:20px 0px; }
.mode1 img{width:100%;}

.mode2{ width:100%;margin-top:70px;}
.mode2 img:nth-child(1){width:100%;}
.mode2 img:nth-child(2){width:56%;}
.mode2 img:nth-child(3){width:100%; display:none}
.mode3 { width: 100%; position: relative; font-size: 22px; margin-top: 20px;    overflow: hidden; }
.mode3 .swiper { margin: 0 30px; overflow: hidden; }
.mode3 .swiper-button-prev { left: -10px; color: #363B44; background: none; font-size: 50px; }
.mode3 .swiper-button-next { right: 10px; color: #363B44; background: none; font-size: 50px; }
.mode3 ul li { float: left; _display: inline; overflow: hidden; text-align: center; height: 400px; }
.mode3 ul li .title {  font-size:30px; background-color: #444;color: #fff;border-radius: 50%; width:50px; height:50px; display:inline-block;line-height: 50px;    position: absolute;    left: 50%;    margin-left: -25px; }
.mode3 ul li .content { margin-top: 30px; height: 300px; background-color: #fffcf7; border-radius: 10px; text-align: left; padding-top: 45px; }

.mode3 ul li .content span { color: #C08714; background-color: #e6e3db; display: block; height: 40px; line-height: 40px;  text-align: center; }
.mode3 ul li .content p { padding: 5px 15px; color: #666; display: block; line-height: 30px; letter-spacing: 3px;font-size:14px; }

.mode4 { width: 100%; position: relative; font-size: 22px; margin-top: 20px; position:relative;    padding-bottom: 40px;    overflow: hidden; }
.mode4 .swiper { margin: 0 30px; overflow: hidden; }
.mode4 .swiper-button-prev { left: -10px; color: #363B44; background: none; font-size: 50px; }
.mode4 .swiper-button-next { right: 10px; color: #363B44; background: none; font-size: 50px; }
.mode4 ul li { float: left; _display: inline; overflow: hidden; text-align: center; height: 400px; }

.mode4 ul li .title {  font-size:30px; background-color: #444;color: #fff;border-radius: 50%; width:50px; height:50px; display:inline-block;line-height: 50px;    position: absolute;    left: 50%;    margin-left: -25px; }
.mode4 ul li .content { margin-top: 25px; height: 300px; background-color: #fffcf7; border-radius: 10px; text-align: left; padding-top: 45px; }


.mode4 ul li .content span { color: #C08714; background-color: #e6e3db; display: block; height: 40px; line-height: 40px; text-align: center; }
.mode4 ul li .content p { padding: 5px 15px; color: #666; display: block; line-height: 30px; letter-spacing: 3px; font-size:14px; }
.mode4 .swiper-pagination { bottom: 0px;  width:100%;    }
.mode4 .swiper-pagination-bullet { margin: 0 4px; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; color: #C08714; opacity: 1; background: #fff; border: 1px solid #C08714; }
.mode4 .swiper-pagination-bullet-active { color: #fff; background: #C08714; border: 1px solid #E05F00; }


.mode5 { width: 100%; position: relative; font-size: 22px; margin-top: 20px;    overflow: hidden; }
.mode5 .swiper { margin: 0 30px; overflow: hidden; }
.mode5 .swiper-button-prev { left: -10px; color: #363B44; background: none; font-size: 50px; }
.mode5 .swiper-button-next { right: 10px; color: #363B44; background: none; font-size: 50px; }
.mode5 ul li { float: left; _display: inline; overflow: hidden; text-align: center; height: 400px; }
.mode5 ul li .title {  font-size:30px; background-color: #444;color: #fff;border-radius: 50%; width:50px; height:50px; display:inline-block;line-height: 50px;    position: absolute;    left: 50%;    margin-left: -25px; }
.mode5 ul li .content { margin-top: 25px; height: 300px; background-color: #fffcf7; border-radius: 10px; text-align: left; padding-top: 45px; }

.mode5 ul li .content span { color: #C08714; background-color: #e6e3db; display: block; height: 40px; line-height: 40px;  text-align: center; }
.mode5 ul li .content p { padding: 5px 15px; color: #666; display: block; line-height: 30px; letter-spacing: 3px;font-size:14px; }

.mode6{ width:100%;margin:20px 0px;    overflow: hidden; }
.mode6 .swiper { margin:0 30px; overflow: hidden;height:360px; }
.mode6 .swiper-button-prev { left: -10px; color: #363B44; background: none; font-size: 50px; }
.mode6 .swiper-button-next { right: 10px; color: #363B44; background: none; font-size: 50px; }
.mode6 li{   float: left; _display: inline; overflow: hidden; text-align: center; height:100px;width:25%; }
.mode6 img{  width:100%; height:100%;border-radius: 5px; }

.mode7 { width: 100%;  position: relative; margin:20px auto ;    overflow: hidden;}
.mode8{   margin: auto;    font-size: 18px; line-height:30px;
    color: #444; text-indent:2em;
    font-weight: initial;
    width: 100%;
    letter-spacing: 2px; }

.mode8 a {
    font-size: 16px;
    color: #8e5daf;
    font-weight: initial;
}
.mode9 { width: 100%; position: relative; font-size: 22px; margin-top: 20px; position:relative;    margin-bottom: 40px;    overflow: hidden; }
.mode9 .swiper { margin: 0 30px; overflow: hidden; }
.mode9 .swiper-button-prev { left: -10px; color: #363B44; background: none; font-size: 50px; }
.mode9 .swiper-button-next { right: 10px; color: #363B44; background: none; font-size: 50px; }
.mode9 li{   float: left; _display: inline; overflow: hidden; text-align: center; height:500px;width:25%; border-radius:10px }
.mode9 img{  width:100%; height:100%;border-radius: 5px; }
.mode9 .swiper-pagination { bottom: 0px;  width:100%; display:none    }
.mode9 .swiper-pagination-bullet { margin: 0 4px; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; color: #C08714; opacity: 1; background: #fff; border: 1px solid #C08714; }
.mode9 .swiper-pagination-bullet-active { color: #fff; background: #C08714; border: 1px solid #E05F00; }
.mode10{   margin: 0 245px 50px 245px;    font-size: 18px; line-height:30px;    color: #444;    font-weight: initial;        letter-spacing: 2px; }
.mode10 ol{ padding-left:10px;list-style: decimal}
.mode10 li{list-style-type:decimal; padding:5px 0; }
.mode10 li b{ font-size:20px; color:#C08714}
.mode11{   margin:40px 10px 0px; text-align:center}
.mode11 .title{ font-size:60px; width:100%;font-family: "Microsoft YaHei", Arial;font-weight:bold;color: #c00000; letter-spacing: 20px; text-indent:20px}
.mode11 .btn{ border-radius:30px; width:320px; line-height:60px; height:60px; font-size:24px; color:#fff;letter-spacing: 5px;text-indent:5px;font-weight:bold;background-color: #c00000;background-image: linear-gradient(#f73f3f,#be0000); display:block; margin:20px auto}
.mode11 img{max-width:100%}

.mode11 .content{font-size:24px; line-height:40px; padding-left:22%; text-align:left}
.mode11  b{ font-size:28px; color:#C08714}


.mode12{   margin:40px 10px 0px; text-align:center}
.mode12 .title{ font-size:60px; width:100%;font-family: "Microsoft YaHei", Arial;font-weight:bold;color: #c00000; letter-spacing: 20px; text-indent:20px}
.mode12 .btn{ border-radius:30px; width:320px; line-height:60px; height:60px; font-size:24px; color:#fff;letter-spacing: 5px;text-indent:5px;font-weight:bold;background-color: #c00000;background-image: linear-gradient(#f73f3f,#be0000); display:block; margin:20px auto}
.mode12 img{max-width:100%}

.mode12 .content{font-size:24px; line-height:40px; padding-left:22%; text-align:left}
.mode12  b{ font-size:28px; color:#C08714}

.mode14 { width: 100%; position: relative; margin-top: 20px; position:relative;    padding-bottom: 40px;    overflow: hidden; }
.mode14 ul li { float: left; _display: inline; font-size: 22px; overflow: hidden; text-align: center;  width:23.5%; margin:0px 1% ;color: #C08714; background-color: #e6e3db;  height: 60px; line-height: 60px;  }
.mode14 ul li:nth-child(1){margin-left:0px;}
.mode14 ul li:nth-child(4){margin-right:0px;}

.search-tit{ display:block; margin:0; padding-bottom:30px; line-height:38px;}
    .search-tit h3{ display:inline-block; color:#333; font-size:16px; font-weight:normal; }
    .search-tit span{ color:#999; font-size:14px; }
    .search-tit span strong{ margin:0 2px; color:red; font-weight:600; }

@media screen and (min-width: 1024px) {
    .padhaed { display: none; }
    .header_top { background: #f6f1eb;   width: 100%; padding: 10px 0px 0px 0px; color: #444; position:fixed;top:0px; left:0px; z-index:9999;border-bottom: 3px solid #e6e3db; }
    .header_top .logo { width: 100%; height:80px; text-align: center; line-height: 75px; font-family: "Microsoft YaHei"; font-size: 34px; margin:auto }
    .header_top .logo img{ vertical-align:text-bottom}
    .header_top .s_input { position: relative; border: 2px solid #fff; border-radius: 5px; width: 185px; float: right; margin-right: 40px; padding-left: 5px; margin-top: 12px; }
    .header_top .s_input input { border: 0px; background-color: inherit; color: #fff; font-size: 14px; line-height: 33px; height: 33px; width: 150px; margin-left: 5px; }
    .header_top .s_input input:focus { outline: none; }
    .header_top .s_input .iconfont { color: #fff; vertical-align: middle; }

    .header_top .lx { float: right; margin:12px 22px 0;  line-height: 34px; font-size: 14px; }
       .header_top .lx a{ color:#fff}
    .header_top .lx img { width: 34px; border-radius: 50%; vertical-align: middle; }
    .header_top .lx .iconfont { vertical-align: middle; font-size: 34px; color: #171715; width: 34px;border-radius: 50%;  }
    .header_top .lx:nth-child(3) .iconfont { font-size: 34px;  }

    .header_nav { clear: both; height: 36px; width: 100%; color: #fff; padding: 12px 0px; z-index:9999;}

    .header_nav ul { width: 100%; }
    .header_nav ul li { float: left; text-align: center; line-height: 30px; position: relative;font-family: "Microsoft YaHei", Arial; }
    .header_nav ul li:nth-child(1) { margin-left: 0px; }
    .header_nav ul li:nth-child(10) { margin-right: 0px; }
    .header_nav ul li a { color: #444; text-decoration: none; display: inline-block; min-width: 66px; border-radius: 18px; }
    .header_nav ul li a:hover { color: #fff; background: #444;  }
    #c_about  .header_nav ul li.li_about>a{color: #fff; background: #444;}
    #brand  .header_nav ul li.li_brand>a{color: #fff; background: #444;}
    #e-p  .header_nav ul li.li_e-p>a{color: #fff; background: #444;}
    #agency  .header_nav ul li.li_agency>a{color: #fff; background: #444;}
    #outsource  .header_nav ul li.li_outsource>a{color: #fff; background: #444;}
    #consult  .header_nav ul li.li_consult>a{color: #fff; background: #444;}
    #plowing  .header_nav ul li.li_plowing>a{color: #fff; background: #444;}
    #contact  .header_nav ul li.li_contact>a{color: #fff; background: #444;}
    
    .header_nav ul li a .icon-24gf-bubble2{position: absolute;    top: -26px;    left: 50%; color: #fff;}
    .header_nav ul li a .icon-24gf-bubble2:before{    font-size: 40px;    color: #C08714;}
    .header_nav ul li a .icon-24gf-bubble2 i{position: absolute;    left: 17%;    top: -1px;    width: 28px;    font-size: 14px;font-style: initial; font-weight:lighter}
    
    .header_nav ul li:nth-child(4)>a, .header_nav ul li:nth-child(5)>a, .header_nav ul li:nth-child(6)>a, .header_nav ul li:nth-child(7)>a{ font-weight:bold; font-size: 16px;}
    
    .header_nav ul.sub_nav { display: none; position: absolute; left: 0px; top: 30px; padding: 10px 15px; width: 90px; float: left; background:#c6c4bdbd; z-index: 9999; }
    .header_nav ul.sub_nav li { height: 30px; line-height: 30px; width: 100%; padding: 0px; margin: 0px; text-align: left; }
    .header_nav ul.sub_nav li a { border-radius: 0px; text-align: left; background-color: none; color: #fff; font-size: 14px; font-weight: initial; width: 100%; padding:0px }
    .header_nav ul.sub_nav li a::after { font-family: "iconfont" !important; font-size: 12px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e775"; float: right; }
    .header_nav ul.sub_nav li a:hover { background: none; color: #ff0000; text-decoration: underline; border-radius: 0px; }
    .footer { background: #fffcf7; width: 100%; padding-top: 50px; color: #444; }
    .footer a { color: #444; }
    .footer a:hover { color: #333; }
    .footer .f_advantage { width: 100%; margin: auto; overflow: hidden; }
    .footer .f_advantage li { width: 25%; float: left; height: 40px;margin:0; text-align:center ;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .footer .f_advantage li:nth-child(4){ margin-right:0px}
    .footer .f_advantage li .iconfont { font-size: 24px; vertical-align: middle;  margin-right: 5px; border: 1px solid #444; border-radius: 50%; padding: 6px; }
    .footer .f_advantage li samp{display: inline-block;    vertical-align: middle; text-align:left}
    .footer .f_advantage li samp b { font-size: 18px; font-weight:normal;display: block; }
    .footer .f_advantage li i { font-size: 10px;     font-style: normal;display: block; }
    .footer .f-1 { width: 100%; padding: 30px 0; border-bottom: 5px solid #e6e3db; overflow: hidden; }
    .footer .f-1 .f_l { width: 60%; float: left; font-size: 16px; }
    .footer .f-1 .f_l img { width: 150px; float: left; margin-right: 10px; }
    .footer .f-1 .f_l span { font-size: 22px; display: block; font-weight: bold; }
    .footer .f-1 .f_l samp { font-size: 42px; display: block; font-weight: bold; }
    .footer .f-1 .f_l p { letter-spacing: 2px; line-height: 30px; }
    .footer .f-1 .f_l p a { font-size: 14px; color: #8e5daf; font-weight: initial; display: inline-block; }
    .footer .f-1 .f_l p a .iconfont { font-size: 12px; vertical-align: top; }

    .footer .f-1 .f_r { float: right; border: 8px solid #c08714; font-size: 32px; padding: 3px; font-weight: bold; color:#c08714 }
    .footer .f-1 .f_r span { display: inline-block; padding: 0px 12px; }
    .footer .f-1 .f_r samp { padding: 0px 15px; font-size: 32px; border-left: 2px solid #c08714; display: inline-block; }

    .footer .f-2 { width: 100%; padding-top: 30px; overflow: hidden; }
    .footer .f-2 .f_l { width: 40%; float: left; font-size: 16px; text-align: center; line-height: 40px; }
    .footer .f-2 .f_l img { margin: 0px 10px; }

    .footer .f-2 .f_r { float: right; width: 60%; }
    .footer .f-2 .f_r li { width: 20%; float: left; text-align: left; }
    .footer .f-2 .f_r li a { display: block; font-size: 16px; line-height: 30px; height: 30px; }

    .footer .f-3 { width: 100%; padding-top: 30px; overflow: hidden; }
    .footer .f-3 span { float: left; width: 80px; }
    .footer .f-3 a { font-size: 14px; margin: 0px 3px; white-space:nowrap}
    .footer .f-copyright { font-size: 14px; padding: 30px 0; width: 100%; text-align: center; }


    .banner { width: 100%;  background-size: cover; height: 584px; border-bottom: 5px solid #C08714;margin-top:143px; cursor:pointer }
    .bannerwap { display: none; }
    .main1 { width: 100%; padding: 60px 0 10px; font-size: 32px; color: #C08714; text-align: center; line-height: 35px;letter-spacing: 2px; }
    .main1 samp { font-size: 16px; color: #666; font-weight: initial; }
    .main2 { width: 100%; padding: 10px 0; overflow: hidden; }
    .main2 ul li { float: left; width: 16.667%; text-align: center; font-size: 48px; line-height: 50px; color: #C08714; position: relative;min-width: 16%; }
    .main2 ul li .iconfont { font-size: 16px; vertical-align: text-top; color: #C08714; line-height: 25px; position: absolute; top: 0px; }
    .main2 ul li samp { font-size: 14px; color: #666;line-height: 30px; width: 100%; display: block; }
    .main2_1{ padding-top:150px;}

    .vdBox { width: 60%; float: left; position: relative; margin-top: 0px; }
    .vdBox_text { width: 40%; float: left; text-align: center; line-height: 25px; }
    .vdBox_text h1 { font-size: 25px; color: #000; font-weight: bold; padding-bottom: 20px; }
    .vdBox_text span { font-size: 22px; color: #B36F00; font-weight: bold; }
    .vdBox_text p { padding-bottom: 30px; font-size: 1px; }
    .bofBut { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); cursor: pointer; }

    .sub .header_top { background: #f6f1eb; color: #666; border-bottom: 3px solid #666; }
    .sub .header_top .s_input { border: 2px solid #666; }
    .sub .header_top .s_input input { color: #666; }
    .sub .header_top .s_input .iconfont { color: #666; }

    .sub .header_top .s_input input::-webkit-input-placeholder { color: #666; }
    .sub .header_top .s_input input::-moz-input-placeholder { color: #666; }
    .sub .header_top .s_input input::-ms-input-placeholder { color: #666; }
  .sub  .header_nav { background: #f6f1eb; color: #666; }
   .sub .header_nav ul li a { color: #666; }

 .sub   .header_nav ul li a .icon-24gf-bubble2:before{       color: #C08714;}
.sub #nav>li:nth-child(4)>a{color:#C00000}
.sub #nav>li:nth-child(5)>a{color:#C00000}
.sub #nav>li:nth-child(6)>a{color:#C00000}
.sub #nav>li:nth-child(7)>a{color:#C00000}
.sub #nav>li>a:hover{color:#fff}
   .sub .footer { background: #f6f1eb; color: #666; }
   .sub .footer a { color: #666; }
   .sub .footer .f_advantage li .iconfont { border: 1px solid #666; }
   .sub .footer .f-1 { border-bottom: 5px solid #666; }
   .sub .footer .f-1 .f_r { border: 8px solid #666; }


}

@media screen and (min-width: 1440px) {
    .w1300 { width: 1300px; margin: 0 auto; }
    .w1200 { width: 1300px; margin: 0 auto; }
    .w1150 { width: 1300px; margin: 0 auto; }

    .banner { width: 100%;  background-size: cover; height: 580px; border-bottom: 5px solid #C08714; }
    .header_nav ul li { margin: 0px 7px; font-size: 15px; }
    .header_nav ul li a { padding: 0px 19px; }

    .jzgs { margin-top: 0px; }
    .jzgs_lt h1 { font-size: 24px; }
    .jzgs_lt { width: 30%; }

    .jzgs_rt { width: 65%; }

    .jzgs_rt img { width: 100%; }

    .jzgs_lt h1 { font-size: 22px; }

    .vdBox { width: 53%; float: left; position: relative; margin-left:2% }
    .vdBox_text { width: 30%; float: left; text-align: center; line-height: 30px; margin-left:10% }
    .vdBox_text h1 { font-size: 25px; color: #000; font-weight: bold; padding-bottom: 20px; }
    .vdBox_text span { font-size: 22px; color: #B36F00; font-weight: bold; }
    .vdBox_text p { padding-bottom: 20px; font-size: 18px; }
}

@media screen and (min-width:1280px) and (max-width: 1439px) {
    .w1300 { width: 1200px; margin: 0 auto; }
    .w1200 { width: 1200px; margin: 0 auto; }
    .w1150 { width: 1200px; margin: 0 auto; }
    
    .about  .ab_lt { position:fixed; top:200px; left:50%; z-index:999; margin-left:-615px;}

    .banner { width: 100%; background: url(../images/banner.jpg) no-repeat top; background-size: cover; height: 480px; border-bottom: 5px solid #C08714; }
    .header_nav ul li { margin: 0px 4px; font-size: 15px; }
    .header_nav ul li a { padding: 0px 17px; }


    .vdBox { width: 48%; float: left; position: relative; padding-top: 0px; margin-top:0px; margin-left:2%  }
    .vdBox_text { width: 40%; float: left; text-align: center; line-height: 26px; margin-left:10%  }
    .vdBox_text h1 { font-size: 22px; color: #000; font-weight: bold; padding-bottom: 20px; }
    .vdBox_text span { font-size: 20px; color: #B36F00; font-weight: bold; }
    .vdBox_text p { padding-bottom: 20px; font-size: 18px; }


    .main3 { padding: 70px 0 20px; }
    
    .main7 { width: 29%;  }
      .main7 p { line-height: 22px; padding-bottom: 46px; }
.mode10{   margin: 0 200px 50px 200px !important; }


.cynnnr_pic5 ul li img{ height:230px;}
.cynnnr_pic5 ul li  .c {width: 100%; height: 188px; overflow:hidden; padding:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cynnnr_pic5 ul li .title { height:40px; line-height:40px; font-weight:bold; font-size:22px; color:#333 }
.cynnnr_pic5 ul li  p{font-size: 16px; color: #666;  width: 100%; }
.cynnnr_pic5 ul li .price { font-size: 14px; color:#333; float:left; width:40%; vertical-align:middle; padding-top:30px; }
.cynnnr_pic5 ul li .price b{ font-size:32px;font-weight:bold;}
.cynnnr_pic5 ul li .time{ float:right; width:50%; color:#888; line-height:22px; font-size:16px; padding-top:28px; text-align:right}
}

@media screen and (min-width:1024px) and (max-width: 1279px) {
    .w1300 { width: 1000px; margin: 0 auto; }
    .w1200 { width: 1000px; margin: 0 auto; }
    .w1150 { width: 1000px; margin: 0 auto; }
        .about  .ab_lt { position:fixed; top:200px; left:50%; z-index:999; margin-left:-490px;}
    .banner { width: 100%;  background-size: cover; height: 400px; border-bottom: 5px solid #C08714; }
    .header_nav ul li { margin: 0px; font-size: 13px; }
    .header_nav ul li a { padding: 0px 12.3px; }
    .header_nav ul li:nth-child(4)>a, .header_nav ul li:nth-child(5)>a, .header_nav ul li:nth-child(6)>a, .header_nav ul li:nth-child(7)>a{ font-weight:bold; font-size: 13px;}
    .header_nav ul.sub_nav { width: 90px; }
    .header_nav ul.sub_nav li { height: 25px; line-height: 25px; }
    .header_nav ul.sub_nav li a { font-size: 12px; }

    .footer .f-1 .f_r { float: right; border: 8px solid #c08714; font-size: 32px; padding: 3px; font-weight: bold; }
    .footer .f-1 .f_r span { display: inline-block; padding: 0px 1px; }
    .footer .f-1 .f_r samp { padding: 0px 13px; font-size: 32px; border-left: 2px solid #fff; display: inline-block; }

    .sub .footer .f-1 .f_r { border: 8px solid #666; }

    .main2 ul li { width: auto; padding: 8px; }
    .main2 ul li samp { font-size: 12px; }
    .main5 ul li { height: 420px; }
    .main5 ul li .title { height: 180px; padding: 15px 15px 10px; }
    .main5 ul li .title p { font-size: 12px; margin-top: 8px; }
    
.main7 { width: 35%; float: right; text-align: left; font-size: 16px; padding-left: 1%; }
    .main7 p { line-height: 22px; padding-bottom: 23px; }

    .main9 .swiper-pagination-bullet { width: 20px; height: 20px; line-height: 20px; font-size: 16px; }

    .main13 ul li { font-size: 12px; text-indent: 1em; }
    .main14 { font-size: 18px; }
    .main14 ul li { height: 330px; }
    .main14 ul li .content { margin-top: 30px; height: 240px; padding-top: 30px; }
    .main14 ul li .content p { padding: 5px 10px; line-height: 30px; }

      .vdBox { width: 48%; float: left; position: relative; padding-top: 0px; margin-top:0px; margin-left:2%  }
    .vdBox_text { width: 40%; float: left; text-align: center; line-height: 22px; margin-left:10%  }
    .vdBox_text h1 { font-size: 22px; color: #000; font-weight: bold; padding-bottom: 20px; }
    .vdBox_text span { font-size: 18px; color: #B36F00; font-weight: bold; }
    .vdBox_text p { padding-bottom: 15px; font-size: 16px; }
    
    .al_rt { width: 850px; }
    .cynnnr_news1 img,.cynnnr_news2 img{ width:250px;max-height:190px; }
.cynnnr_pic1{ width:80%; margin:auto}
 .cynnnr_pic1 li{  width:380px; margin:0px 0px 20px; padding-top:40px;  height:280px; }

.cynnnr_pic1 img{  width:200px; height:140px;}

.cynnnr_pic2 li{ float:left; width:29.33%; margin:10px 2%; height:190px}
.cynnnr_pic3 li{ float:left; width:23%; margin:10px 1%; height:80px}
.cynnnr_pic3 img{  height:80px; }

.cynnnr_pic4{ width:80%; margin:auto}
 .cynnnr_pic4 li{  width:380px; margin:0px 0px 20px; padding-top:40px;  height:280px; }
 
    .mode3 { font-size: 18px; }
    .mode3 ul li { height: 330px; }
    .mode3 ul li .content { margin-top: 25px; height: 240px; padding-top: 30px; }
    .mode3 ul li .content p { padding: 5px 10px; line-height: 24px; font-size:12px; }
    
 
    .mode3 ul li .title {
    width: 40px;
    height: 40px;
    margin-left: -20px;line-height:40px;
}
  .mode4 ul li .content { margin-top: 25px; height: 240px; padding-top: 30px; }
    .mode4 ul li .title {
    width: 40px;
    height: 40px;
    margin-left: -20px; line-height:40px;
}
     .mode5 { font-size: 18px; }
    .mode5 ul li { height: 360px; }
    .mode5 ul li .title {
    width: 40px;
    height: 40px;
    margin-left: -20px;line-height:40px;
}
    .mode5 ul li .content { margin-top: 25px; height: 240px; padding-top: 30px; }
    .mode5 ul li .content p { padding: 5px 10px; line-height: 30px; }

        .mode9 .swiper-pagination-bullet { width: 20px; height: 20px; line-height: 20px; font-size: 16px; }
        
        .mode10{   margin: 0px 95px 50px 95px !important; }
        
   .main15{ padding-top:50px;}     
.mode15 ul li { height:110px; line-height:110px; font-size:30px; }

.cynnnr_pic5 ul li img{ height:210px;}
.cynnnr_pic5 ul li  .c {width: 100%; height: 178px; overflow:hidden; padding:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cynnnr_pic5 ul li .title { height:40px; line-height:40px; font-weight:bold; font-size:22px; color:#333 }
.cynnnr_pic5 ul li  p{font-size: 16px; color: #666;  width: 100%; }
.cynnnr_pic5 ul li .price { font-size: 14px; color:#333; float:left; width:40%; vertical-align:middle; padding-top:20px; }
.cynnnr_pic5 ul li .price b{ font-size:32px;font-weight:bold;}
.cynnnr_pic5 ul li .time{ float:right; width:50%; color:#888; line-height:22px; font-size:16px; padding-top:18px; text-align:right}

.mode14 ul li {  font-size: 20px;  height: 50px; line-height: 50px;  }

}

@media screen and (max-width: 1023px) 
{
     
    .about .al_rt .content{ width:100%; padding-bottom:50px; min-height:200px;overflow:hidden}
.about .al_rt .content:target {padding-top: 70px;  margin-top:-70px}
.about .al_rt .content:nth-child(1):target {margin-top: 0px;padding-top: 70px;}

    
    .w1300 { width:100%;  margin: 0 auto; }
    .w1200 {width:100%;  margin: 0 auto; }
    .w1150 {width:100%;  margin: 0 auto; }
    .header_top { display: none; }
    .header_nav { display: none; }
    .padhaed { font-family: "Microsoft YaHei", Arial;position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; }
    .padhaed * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    .padnav_a { height: 70px; background: #f6f1eb; padding: 0px 16px; width: 100%; z-index: 999; line-height: 70px; position: relative; box-sizing: border-box; -webkit-text-size-adjust: 100%; }
    .padnav_aon { background: #f6f1eb; }
    .pad_tel { margin-top: 28px; }


    .pad_menu { background: url(../images/gg12.png) no-repeat center center; width: 18px; height: 18px; margin-top: 28px; }
    .pad_menuon { background: url(../images/cds.png) no-repeat center center; }
    .pad_logo { position: absolute; left: 50%; transform: translateX(-50%); line-height:30px; text-align:center; width:75% }
.pad_logo img{ width:130px; margin-top:5px}
.pad_logo p{font-size:12px; color:#444; line-height:24px;}
    .padnav_b { display: none; }
    .padserch { background: #404040; width: 100%; height: 50px; line-height: 50px; }

    .pd_sh_a { margin-top: 8px; width: calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); }
    .pdshhx { color: #fff; height: 30px; background: none; border: none; border-bottom: 1px solid #707070; background: none; float: left; width: calc(100% - 30px); width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); }
    .pd_sh_a input:focus { outline: none; }
    .pdshss { background: url(../images/16ss.png) no-repeat center center; width: 29px; height: 29px; border: none; float: left; }

    .pd_sh_b { margin-right: 15px; height: 50px; line-height: 50px; }

    .pd_nnav { background: #eeeeee; position: relative; top: -2px; }

    .pd_nnav_nr { padding: 0px 22px; width: 100%; overflow-y: scroll; height: 450px; }

    .pd_nnav_nr ul li a { display: inline-block; float: left; font-size: 15px; color: #333333; }

    .pd_nnav_nr ul li { height: auto; overflow: hidden; line-height: 50px; width: 100%; }
    .jia { background: url(../images/gdjia.png) no-repeat center center; width: 11px; height: 11px; margin-top: 20px; margin-right: 20px; }

    .jian { background: url(../images/jian.png) no-repeat center center; }

    .yiji { border-bottom: 1px solid #cecece; height: auto; overflow: hidden; }

    .erji { width: 100%; padding: 0px 20px; overflow: hidden; display: none; }

    .erji dl dd { display: block; height: auto; line-height: 40px; overflow: hidden; }

    .erji dl dd a { font-size: 13px; }


    .bannerwap { width: 100%; background-color: #000; margin-top: 70px; position: relative; }

    .bannerwap .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
    .banner { display: none !important; }


    .main1 { width: 100%; padding: 20px 0 10px; font-size: 20px; color: #C08714; text-align: center; line-height: 35px; font-weight: bold; }
    .main1 samp { font-size: 12px; color: #666; font-weight: initial; }

    .main2 { width: 100%; padding: 10px 0; overflow: hidden; }
    .main2 ul li { float: left; width: 50%; text-align: center; font-size: 36px; line-height: 40px; color: #C08714; position: relative; padding: 10px 0; }

    .main2 ul li .iconfont { font-size: 16px; vertical-align: text-top; color: #C08714; line-height: 25px; position: absolute; top: 0px; }
    .main2 ul li samp { font-size: 12px; color: #666;  line-height: 30px; width: 100%; display: block; }

    .vdBox { width: 100%; position: relative; margin-top: 40px; }
    .vdBox_text { width: 100%; text-align: center; line-height: 25px; margin-top: 30px; }
    .vdBox_text h1 { font-size: 20px; color: #000; font-weight: bold; padding-bottom: 10px; }
    .vdBox_text span { font-size: 18px; color: #B36F00; font-weight: bold; }
    .vdBox_text p { padding-bottom: 5px; font-size: 14px; }
    .bofBut { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); cursor: pointer; }

    .main3 { width: 100%; padding: 40px 0 20px; font-size: 20px; color: #C08714; text-align: center; line-height: 35px; font-weight: bold; }
    .main3 samp { font-size: 12px; color: #666; font-weight: initial; display: inline-block; width: 100%; line-height: 15px; }
    .main3 a { font-size: 12px; color: #8e5daf; font-weight: initial; display: inline-block; }
    .main3 a .iconfont { font-size: 12px; vertical-align: bottom; }

.main4 ul li samp{ font-size:3.2vw; height:5vw; line-height:5vw; }
.main4 ul li span{ font-size:1.7vw;}

    .main6 img { width: 100%; }
    .main7 { width: 100%; padding: 20px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .main7 p { width: 100%; line-height: 20px; padding-bottom: 10px; }


    /*.main8 ul li { float: left; width: 48%; text-align: center; margin: 1%; line-height: 0px; }
    .main8 ul li:nth-child(4n+1) { margin-left: 1%; }
    .main8 ul li:nth-child(4n+4) { margin-right: 1%; }*/

    .main9 { padding-bottom: 30px; }
    .main9 .swiper-button-prev { left: 10px; color: #fff; background: none; font-size: 25px; }
    .main9 .swiper-button-next { right: 20px; color: #fff; background: none; font-size: 25px; }
    .main9 .swiper-button-prev:before, .main9 .swiper-button-next:before { border: 1px solid #C79430; background-color: #C99B3F; border-radius: 50%; }

    .main9 .swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 14px; color: #C08714; opacity: 1; background: #fff; border: 1px solid #C08714; }
    .main9 .swiper-pagination-bullet-active { color: #fff; background: #C08714; border: 1px solid #E05F00; }


    .main11 ul li { float: left; width: 98%; text-align: center; margin: 1%; line-height: 0px; }

    .main11 ul li:nth-child(1) { margin-left: 1%; }
    .main11 ul li:nth-child(3) { margin-right: 1%; }

    .main12 .main13 { float: left; width: 98%; text-align: left; margin: 1%; background-color: #fffcf7; border-bottom: 3px solid #C08714; }
    .main12 .main13:nth-child(1) { margin-left: 1%; }
    .main12 .main13:nth-child(2) { margin-right: 1%; }

    .main13 ul li { font-size: 14px; float: left; width: 100%; text-indent: 5px; height: 25px; line-height: 25px; overflow: hidden; }


    .footer { background: #fffcf7; width: 100%; padding-top: 20px; color: #444; }
    .footer a { color: #444; }
    .footer a:hover { color: #333; }
    .footer .f_advantage { width: 100%; margin: auto; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 0px; }

    .footer .f_advantage li { height: 40px;    display: inline-block;    margin: auto; }
    .footer .f_advantage li .iconfont { font-size: 24px; vertical-align: middle; float: left; margin-right: 5px; border: 1px solid #444; border-radius: 50%; padding: 6px; }
    .footer .f_advantage li samp{display: inline-block;    vertical-align: middle; text-align:left;overflow:hidden}
    .footer .f_advantage li samp b { font-size: 18px; font-weight:normal;display: block; }
    .footer .f_advantage li i { font-size: 10px;font-style: normal;display: block; overflow:hidden}
    .footer .f-1 { width: 100%; padding: 30px 0; border-bottom: 5px solid #e6e3db; overflow: hidden; }
    .footer .f-1 .f_l { width: 100%; float: none; font-size: 16px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px ;  }
    .footer .f-1 .f_l img { width: 150px; float: left; margin-right: 10px; }
    .footer .f-1 .f_l span { font-size: 22px; display: block; font-weight: bold; }
    .footer .f-1 .f_l samp { font-size: 42px; display: block; font-weight: bold; }
    .footer .f-1 .f_l p { letter-spacing: 2px; line-height: 30px; }
    .footer .f-1 .f_l p a { font-size: 14px; color: #8e5daf; font-weight: initial; display: inline-block; }
    .footer .f-1 .f_l p a .iconfont { font-size: 12px; vertical-align: top; }



    .footer .f-2 { display: none; }

    .footer .f-2 .f_r { display: none; }

    .footer .f-3 { width: 100%; padding-top: 30px; overflow: hidden; }
    .footer .f-3 span { float: left; width: 80px; }
    .footer .f-3 a { font-size: 14px; margin: 0px 3px; }
    .footer .f-copyright { font-size: 14px; padding: 30px 0; width: 100%; text-align: center; }

    .sub .footer { background: #f6f1eb; color: #666; }
    .sub .footer a { color: #666; }
    .sub .footer .f_advantage li .iconfont { border: 1px solid #666; }
    .sub .footer .f-1 { border-bottom: 5px solid #666; }
    .sub .footer .f-1 .f_r { border: 8px solid #666; }



   .about .ab_lt { width: 100%; position:inherit; margin:auto }

    .ab_lt ul { margin-top: 20px; }

    .ab_lt ul li { float: left; margin-right: 20px; }

    .al_rt { width: 100%; }

    .al_rt img { max-width: 100%; }

    .join_a_a { margin-bottom: 40px; }

    .yewu { margin-top: 30px !important; }

    .yw_rt { width: 61%; }

    .ywumap img { max-width: 100%; }

    .join_b_nr img { max-width: 100%; }

    .xzjl { margin: 100px auto; }

    .xzjl h2 { font-size: 30px; }

    .xzjl p { font-size: 24px; }

    .chjcase { width: 100%; }

    .chjcase ul { margin: 0px -10px; }

    .chjcase ul li { width: 33.3%; margin: 0px; padding: 10px; }

    .unfined { margin: 50px auto; }

    .baiwan_nr { padding: 50px 0px; }

    .bw_img img { max-width: 100%; }

    .bwlt_rt { width: 62%; }

    .bwc_rt h3 { font-size: 16px; }
    .about { width:94% ; margin:auto;margin-top: 80px;}

    .cynnnr_news1 img,.cynnnr_news2 img{ width:250px;max-height:190px; }


.cynnnr_pic1{ width:690px; margin:auto}
 .cynnnr_pic1 li{  width:380px; margin:0px 0px 20px; padding-top:40px;  height:280px; }

.cynnnr_pic1 img{  top:-70px; left:15px;  width:200px; height:140px;}


.cynnnr_pic4{ width:690px; margin:auto}
 .cynnnr_pic4 li{  width:380px; margin:0px 0px 20px; padding-top:40px;  height:280px; }

.cynnnr_pic4 img{  top:-70px; left:15px;  }


.cynnnr_pic2 li{ float:left; width:29.33%; margin:10px 2%; height:190px}
.cynnnr_pic3 li{ float:left; width:23%; margin:10px 1%; height:80px}
.cynnnr_pic3 img{  height:80px; }


.mode10{   margin: 0px 10px 30px 30px !important;    font-size: 18px; line-height:30px;    color: #444;    font-weight: initial;     letter-spacing: 2px; }
.mode10 ol{list-style:list-style-type}
.mode10 li{list-style-type:decimal;}
.mode10 li b{ font-size:20px; color:#C08714}

.mode12 .content{font-size:20px; line-height:30px; padding-left:15%; text-align:left}

.mode12  b{ font-size:22px; color:#C08714}

.nytit h1{ font-size:36px;}
    .main15 {  font-size: 20px; }
}

@media screen and (min-width:750px) and (max-width: 1023px) {

    .main1 { width: 100%; padding: 50px 0 20px; font-size: 30px; color: #C08714; text-align: center; line-height: 35px; font-weight: bold; letter-spacing: 2px; }
    .main1 samp { font-size: 16px; color: #666; font-weight: initial; }
    .main2 { width: 100%; padding: 30px 0; overflow: hidden; }
    .main2 ul li { float: left; width: 25%; text-align: center; font-size: 48px; line-height: 50px; color: #C08714; position: relative; }
    .main2 ul li:last-child { width: 25%; }
    .main2 ul li .iconfont { font-size: 16px; vertical-align: text-top; color: #C08714; line-height: 25px; position: absolute; top: 0px; }
    .main2 ul li samp { font-size: 14px; color: #666;  line-height: 30px; width: 100%; display: block; }

    .vdBox { width: 50%; float: left; position: relative; margin-top: 0px;  }
    .vdBox_text { width: 50%; float: left; text-align: center; line-height: 2.2vw;margin-top: 5px; }
    .vdBox_text h1 { font-size: 18px; color: #000; font-weight: bold; padding-bottom: 10px; }
    .vdBox_text span { font-size: 16px; color: #B36F00; font-weight: bold; }
    .vdBox_text p { padding-bottom: 12px; font-size: 14px; }
    .bofBut { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); cursor: pointer; }

    .main3 { width: 100%; padding: 50px 0 20px; font-size: 30px; color: #C08714; text-align: center; line-height: 35px; font-weight: bold; }
    .main3 samp { font-size: 16px; color: #666; font-weight: initial; display: inline-block; width: 100%; letter-spacing: 2px; }
    .main3 a { font-size: 16px; color: #8e5daf; font-weight: initial; display: inline-block; }
    .main3 a .iconfont { font-size: 16px; vertical-align: bottom; }

    .main6 img { width: 50%; margin-top: 1vw; }
    .main7 { width: 48%; padding:1vw }
    .main7 p {  line-height: 2vw; padding-bottom: 1vw; }
    .main7 p span{ width:135px}
.main7 p samp{ font-size:14px;}
   /* .main8 ul li { float: left; width: 31.33%; text-align: center; margin: 1%; line-height: 0px; }
    .main8 ul li:nth-child(4n+1) { margin-left: 1%; }
    .main8 ul li:nth-child(4n+4) { margin-right: 1%; }
*/

    .main9 .swiper-button-prev { left: 10px; color: #fff; background: none; font-size: 30px; }
    .main9 .swiper-button-next { right: 20px; color: #fff; background: none; font-size: 30px; }
    .main9 .swiper-button-prev:before, .main9 .swiper-button-next:before { border: 1px solid #C79430; background-color: #C99B3F; border-radius: 50%; }

    .main9 .swiper-pagination-bullet { width: 25px; height: 25px; text-align: center; line-height: 25px; font-size: 16px; color: #C08714; opacity: 1; background: #fff; border: 1px solid #C08714; }
    .main9 .swiper-pagination-bullet-active { color: #fff; background: #C08714; border: 1px solid #E05F00; }


    .main11 ul li { float: left; width: 48%; text-align: center; margin: 1%; line-height: 0px; }

    .main11 ul li:nth-child(1) { margin-left: 1%; }
    .main11 ul li:nth-child(3) { margin-right: 1%; }

    .main12 .main13 { float: left; width: 49.4%; text-align: left; margin: 0.6%; background-color: #fffcf7; border-bottom: 3px solid #C08714; }
    .main12 .main13:nth-child(1) { margin-left: 0px; }
    .main12 .main13:nth-child(2) { margin-right: 0px; }


    .footer { background: #fffcf7; width: 100%; padding-top: 30px; color: #444; }

    .footer .f_advantage { width: 100%; margin: auto; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 20px; }

    .footer .f_advantage li { width: 25%; float: left; height: 40px;margin:0; }
    .footer .f_advantage li:nth-child(4){ margin-right:0px}
    
    .footer .f_advantage li .iconfont { font-size: 24px; vertical-align: middle; float: left; margin-right: 5px; border: 1px solid #444; border-radius: 50%; padding: 6px; }
 
    
        .footer .f_advantage li samp{display: inline-block;    vertical-align: middle; text-align:left}
    .footer .f_advantage li samp b { font-size: 18px; font-weight:normal;display: block; }
    .footer .f_advantage li i { font-size: 10px;     font-style: normal;display: block; }
    
    .footer .f-1 { width: 100%; padding: 30px 10px; border-bottom: 5px solid #e6e3db; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .footer .f-1 .f_l { width: 100%; float: none; font-size: 16px; display: inline-block; padding-left:25%; padding-bottom:10px; }
    .footer .f-1 .f_l img { width: 150px; float: left; margin-right: 10px; }
    .footer .f-1 .f_l span { font-size: 22px; display: block; font-weight: bold; }
    .footer .f-1 .f_l samp { font-size: 42px; display: block; font-weight: bold; }
    .footer .f-1 .f_l p { letter-spacing: 2px; line-height: 30px; }
    .footer .f-1 .f_l p a { font-size: 14px; color: #8e5daf; font-weight: initial; display: inline-block; }
    .footer .f-1 .f_l p a .iconfont { font-size: 12px; vertical-align: top; }

    .footer .f-1 .f_r { float: left; border: 8px solid #c08714; color: #c08714; font-size: 32px; padding: 3px; font-weight: bold; margin: auto; margin-left: 25%; }
    .footer .f-1 .f_r span { display: inline-block; padding: 0px 12px; }
    .footer .f-1 .f_r samp { padding: 0px 15px; font-size: 32px; border-left: 2px solid #fff; display: inline-block; }

    .sub .footer { background: #f6f1eb; color: #666; }
    .sub .footer a { color: #666; }
   .sub .footer .f_advantage li .iconfont { border: 1px solid #666; }
    .sub .footer .f-1 { border-bottom: 5px solid #666; }
    .sub .footer .f-1 .f_r { border: 8px solid #666; }

.cynnnr_pic2 li{ float:left; width:29.33%; margin:10px 2%; height:190px}
.cynnnr_pic3 li{ float:left; width:31.33%; margin:10px 1%; height:100px}

.mode15 ul li { height:100px; line-height:100px; font-size:36px; }
        
   .main15{ padding-top:30px;font-size: 30px;}    
    
    
.cynnnr_pic5 ul li img{ height:22vw;}
.cynnnr_pic5 ul li  .c {width: 100%; height: 178px; overflow:hidden; padding:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cynnnr_pic5 ul li .title { height:40px; line-height:40px; font-weight:bold; font-size:22px; color:#333 }
.cynnnr_pic5 ul li  p{font-size: 16px; color: #666;  width: 100%; }
.cynnnr_pic5 ul li .price { font-size: 14px; color:#333; float:left; width:40%; vertical-align:middle; padding-top:20px; }
.cynnnr_pic5 ul li .price b{ font-size:32px;font-weight:bold;}
.cynnnr_pic5 ul li .time{ float:right; width:50%; color:#888; line-height:22px; font-size:16px; padding-top:18px; text-align:right}


.mode14 ul li {  font-size: 16px;  height: 40px; line-height: 40px;  }
.mode14 ul li:nth-child(1){margin-left:0px;}
.mode14 ul li:nth-child(4){margin-right:0px;}
}

@media screen and (min-width:600px) and (max-width: 749px) 
{
     .footer .f-1 .f_r { float: left; border: 8px solid #C08714; color: #C08714; font-size: 32px; padding: 3px; font-weight: bold; margin: auto; margin-left:width:-webkit-calc(50% - 210px); 
margin-left:-moz-calc(50% - 210px); 
margin-left:calc(50% - 210px);   margin-top:30px }
    .footer .f-1 .f_r span { display: inline-block; padding: 0px 12px; }
    .footer .f-1 .f_r samp { padding: 0px 15px; font-size: 32px; border-left: 2px solid #fff; display: inline-block; }
    
    .main1 { width: 100%; padding: 40px 0 20px; font-size: 28px; color: #C08714; text-align: center; line-height: 35px; font-weight: bold; letter-spacing: 2px; }
    .main1 samp { font-size: 14px; color: #666; font-weight: initial; }
    .main2 { width: 100%; padding: 20px 0; overflow: hidden; }
    .main2 ul li { float: left; width: 33.3%; text-align: center; font-size: 40px; line-height: 50px; color: #C08714; position: relative; }
 
    .main2 ul li .iconfont { font-size: 16px; vertical-align: text-top; color: #C08714; line-height: 25px; position: absolute; top: 0px; }
    .main2 ul li samp { font-size: 14px; color: #666; line-height: 30px; width: 100%; display: block; }

    .main3 { width: 100%; padding: 40px 0 20px; font-size: 28px; color: #C08714; text-align: center; line-height: 35px; font-weight: bold; }
    .main3 samp { font-size: 14px; color: #666; font-weight: initial; display: inline-block; width: 100%; letter-spacing: 2px; }
    .main3 a { font-size: 14px; color: #8e5daf; font-weight: initial; display: inline-block; }
    .main3 a .iconfont { font-size: 14px; vertical-align: bottom; }

    .main11 ul li { float: left; width: 48%; text-align: center; margin: 1%; line-height: 0px; }

    .main11 ul li:nth-child(1) { margin-left: 1%; }
    .main11 ul li:nth-child(3) { margin-right: 1%; }
    .cynnnr_news1 img,.cynnnr_news2 img{ width:220px;  margin-right:15px}

.cynnnr_news1 div span {     height:30px;}

.cynnnr_pic1{margin-top: 30px;  width:500px; margin:auto}
 .cynnnr_pic1 li{  width:380px; margin:0px 0px 20px; padding-top:40px;  height:280px; }
.cynnnr_pic1 .swiper-button-prev {
    left: -13px;
}
  .cynnnr_pic1 .swiper {
    margin: 0 5px;
    overflow: hidden;
}
.cynnnr_pic1 ul li .img{ height:180px;}
.cynnnr_pic1 ul li .img img{ top:-50px; left:50%; margin-left:0px;  width:210px; height:180px; }
.cynnnr_pic1 ul li .title span{ font-size:16px;}



.cynnnr_pic2 li{ float:left; width:29.33%; margin:10px 2%;height:22vw;}
.cynnnr_pic2 img{  width:100%; height:19vw; }

.cynnnr_pic3 li{ float:left; width:31.33%; margin:10px 1%; height:70px}
.cynnnr_pic3 img{  width:100%; height:70px;border-radius: 5px; }

.cynnnr_pic4{margin-top: 30px;  width:500px; margin:auto}
 .cynnnr_pic4 li{  width:380px; margin:0px 0px 20px; padding-top:40px;  height:280px; }
.cynnnr_pic4 .swiper-button-prev {
    left: -13px;
}
  .cynnnr_pic4 .swiper {
    margin: 0 5px;
    overflow: hidden;
}
.cynnnr_pic4 ul li .img{ height:180px;}
.cynnnr_pic4 ul li .img img{ top:-50px; left:50%; margin-left:0px;  height:120px; width:120px; }
.cynnnr_pic4 ul li .title span{ font-size:16px;}


.cynnnr_expert div{ padding:10px; display:block}

.mode3{width:590px; margin:auto}
.mode3 ul li{ height:370px;}
.mode4{width:590px; margin:auto}
.mode4 ul li{ height:400px;}
.mode5{width:590px; margin:auto}
.mode5 ul li{ height:370px;}

.mode6{width:590px; margin:auto}
.mode6 ul li{ height:370px;}


.mode12{  width:590px; margin:20px 10px 0px; text-align:center}
.mode12 .title{ font-size:40px; width:100%;font-family: "Microsoft YaHei", Arial;font-weight:bold;color: #c00000; letter-spacing: 10px; text-indent:10px}
.mode12 .btn{ border-radius:30px; max-width:80%; line-height:40px; height:40px; font-size:18px; color:#fff;letter-spacing: 2px;text-indent:2px;font-weight:bold;background-color: #c00000;background-image: linear-gradient(#f73f3f,#be0000); display:block; margin:20px auto}
.mode12 .content {
    padding-left: 10%;
}
.main14{width:590px; margin:auto}


.mode15 ul li { height:80px; line-height:80px; font-size:20px;letter-spacing: 2px; }
        
   .main15{ padding-top:20px; font-size: 28px; }   
   
   
   .cynnnr_pic5 ul li img{ height:22vw;}
.cynnnr_pic5 ul li  .c {width: 100%; height: 22vw; overflow:hidden; padding:2.5vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cynnnr_pic5 ul li .title { height:4vw; line-height:4vw; font-weight:bold; font-size:3vw; color:#333 }
.cynnnr_pic5 ul li  p{font-size: 2vw; color: #666;  width: 100%; }
.cynnnr_pic5 ul li .price { font-size: 2vw; color:#333; float:left; width:40%; vertical-align:middle; padding-top:20px; }
.cynnnr_pic5 ul li .price b{ font-size:4vw;font-weight:bold;}
.cynnnr_pic5 ul li .time{ float:right; width:50%; color:#888; line-height:3vw; font-size:2vw; padding-top:18px; text-align:right}


.mode14 ul li {  font-size: 13px;  height: 40px; line-height: 40px;  }
.mode14 ul li:nth-child(1){margin-left:0px;}
.mode14 ul li:nth-child(4){margin-right:0px;}
}

@media screen and (min-width:500px) and (max-width: 599px) 
{

     .contact .cynnnr { margin-top:0px} 
     .footer .f-1 .f_r { float: left; border: 8px solid #C08714; color: #C08714; font-size: 32px; padding: 3px; font-weight: bold; margin:10px auto; margin-left:width:-webkit-calc(50% - 210px); 
margin-left:-moz-calc(50% - 210px); 
margin-left:calc(50% - 210px);  }
    .footer .f-1 .f_r span { display: inline-block; padding: 0px 12px; }
    .footer .f-1 .f_r samp { padding: 0px 15px; font-size: 32px; border-left: 2px solid #fff; display: inline-block; }

    .main1 { width: 100%; padding: 30px 0 20px; font-size: 26px; color: #C08714; text-align: center; line-height: 35px; font-weight: bold; letter-spacing: 2px; }
    .main1 samp { font-size: 14px; color: #666; font-weight: initial; }
    .main2 { width: 100%; padding: 15px 0; overflow: hidden; }
    .main2 ul li { float: left; width: 33.3%; text-align: center; font-size: 40px; line-height: 50px; color: #C08714; position: relative; }

    .main2 ul li .iconfont { font-size: 16px; vertical-align: text-top; color: #C08714; line-height: 25px; position: absolute; top: 0px; }
    .main2 ul li samp { font-size: 14px; color: #666;  line-height: 30px; width: 100%; display: block; }


    .main3 { width: 100%; padding: 30px 0 20px; font-size: 26px; color: #C08714; text-align: center; line-height: 35px; font-weight: bold; }
    .main3 samp { font-size: 14px; color: #666; font-weight: initial; display: inline-block; width: 100%; letter-spacing: 2px; }
    .main3 a { font-size: 14px; color: #8e5daf; font-weight: initial; display: inline-block; }
    .main3 a .iconfont { font-size: 14px; vertical-align: bottom; }

    .main5 ul li .title { height: 205px; padding: 15px 15px 10px; text-align: left; }
    .main5 ul li .title p { margin-top: 8px; height: 134px; }

    .footer .f_advantage { width: 100%; margin: auto; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 20px; }

    .footer .f_advantage li { width: 50%; padding-bottom:5px; float: left; height: 40px; }
    .footer .f_advantage li .iconfont { font-size: 24px; vertical-align: middle; float: left; margin-right: 5px; border: 1px solid #444; border-radius: 50%; padding: 6px; }
    .footer .f_advantage li samp{display: inline-block;    vertical-align: middle; text-align:left}
    .footer .f_advantage li samp b { font-size: 18px; font-weight:normal;display: block; }
    .footer .f_advantage li i { font-size: 10px;     font-style: normal;display: block; }
    
    
    
    .footer .f-1 { padding: 0 10px; border-bottom: 1px solid #fff; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }
    .footer .f-1 img { display: none; }
    .footer .f-1 .f_l span { display: none; }
    .footer .f-copyright { padding: 10px 0;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}


     .sub .footer .f-1 { border-bottom: 1px solid #666; }

      .ab_lt { display:none }

.cynnnr_news1 img,.cynnnr_news2 img{ width:200px; margin-right:10px;max-height:150px; }
.cynnnr_news1 div span {    font-size: 14px;    height: 25px;}

.cynnnr_news2 div span{ font-size:18px;}

.cynnnr_pic1{ width:350px;}
.cynnnr_pic1 li{   padding-top:70px; height:260px; }

.cynnnr_pic1 ul li .img img{    width:310px; }

.cynnnr_pic2 li{ float:left; width:46%; margin:10px 2%; height:29vw}
.cynnnr_pic2 li img{height:26vw}

.cynnnr_pic3 li{ float:left; width:48%; margin:8px 1%; height:90px}
.cynnnr_pic3 img{  width:100%; height:90px;border-radius: 5px; }


.cynnnr_pic4{ width:350px;}
.cynnnr_pic4 li{   padding-top:70px; height:260px; }




.mode6 .swiper { margin:0 30px; overflow: hidden;height:320px; }

.cynnnr_expert div{ padding:0px; display:block}

.nytit h1{ font-size:30px;}


.mode12{   margin:20px 10px 0px; text-align:center}
.mode12 .title{ font-size:40px; width:100%;font-family: "Microsoft YaHei", Arial;font-weight:bold;color: #c00000; letter-spacing:10px; text-indent:10px}
.mode12 .btn{ border-radius:30px; max-width:80%; line-height:40px; height:40px; font-size:18px; color:#fff;letter-spacing: 2px;text-indent:2px;font-weight:bold;background-color: #c00000;background-image: linear-gradient(#f73f3f,#be0000); display:block; margin:20px auto}
.mode12 .content {
    padding-left: 5%;
    font-size:18px
}
.mode4 {
    padding-bottom: 20px;}
.mode4 .swiper-pagination-bullet {    margin: 0 2px;}
      .mode4 .swiper-pagination-bullet { width: 20px; height: 20px; line-height: 20px; font-size: 16px; }
 .mode3 ul li{ height:370px;}

.mode4 ul li{ height:400px;}     
  
.mode5 ul li{ height:370px;}

.mode6 ul li{ height:370px;}

.mode9 ul li{ height:370px;}


.mode15 ul li { height:60px; line-height:60px; font-size:18px;letter-spacing: 0px; }
        
   .main15{ padding-top:10px;font-size: 26px;}  
   
   .cynnnr_pic5 ul li img{ height:22vw;}
.cynnnr_pic5 ul li  .c {width: 100%; height: 22vw; overflow:hidden; padding:2.5vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cynnnr_pic5 ul li .title { height:4vw; line-height:4vw; font-weight:bold; font-size:3vw; color:#333 }
.cynnnr_pic5 ul li  p{font-size: 2vw; color: #666;  width: 100%; }
.cynnnr_pic5 ul li .price { font-size: 2vw; color:#333; float:left; width:40%; vertical-align:middle; padding-top:20px; }
.cynnnr_pic5 ul li .price b{ font-size:4vw;font-weight:bold;}
.cynnnr_pic5 ul li .time{ float:right; width:50%; color:#888; line-height:3vw; font-size:2vw; padding-top:18px; text-align:right}



.mode14 ul li {  font-size: 14px;  height: 40px; line-height: 40px; width:48%; margin:1%  }
.mode14 ul li:nth-child(1){margin-left:1%;}
.mode14 ul li:nth-child(2){margin-right:1%;}
.mode14 ul li:nth-child(3){margin-left:1%;}
.mode14 ul li:nth-child(4){margin-right:1%;}
}

@media screen and (max-width:500px) {

    .main4 { width: 100%; overflow: hidden; }
    .main4 ul li { float: left; width: 98%; text-align: center; margin: 1%;  line-height: 0px; }
    .main4 ul li img { width: 100%; border: 0px; }
    .main4 ul li:nth-child(odd) { margin-left: 1%; }
    .main4 ul li:nth-child(even) { margin-right: 1%; }
    
    .main4 ul li samp {
    font-size: 6vw;
    height: 6vw;
    line-height: 6vw;}

    /*.main8 ul li { float: left; width: 98%; text-align: center; margin: 1%; line-height: 0px; }
    .main8 ul li:nth-child(4n+1) { margin-left: 1%; }
    .main8 ul li:nth-child(4n+4) { margin-right: 1%; }*/

      .footer .f_advantage { width: 100%; margin: auto; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 20px; }

    .footer .f_advantage li { width: 50%; padding-bottom:5px; float: left; height: 40px; }
    .footer .f_advantage li .iconfont { font-size: 20px; vertical-align: middle; float: left; margin-right: 5px; border: 1px solid #444; border-radius: 50%; padding: 6px; }
    .footer .f_advantage li samp { font-size: 16px; display: block; }
    .footer .f_advantage li p { font-size: 10px; display: block; }
    
    
    .footer .f-1 { padding: 0 10px; border-bottom: 1px solid #fff; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }
    .footer .f-1 img, .footer .f-1 .f_l span { display: none; }
      .footer .f-1 .f_l{ text-align:center; padding:10px;}
      .footer .f-1 .f_l span{ font-size:22px;}
    .footer .f-1 .f_l samp { font-size: 24px; }
    .footer .f-1 .f_l p { letter-spacing: 0px; font-size: 12px; line-height:20px; }
    .footer .f-copyright { padding: 10px; font-size: 12px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }
    .footer .f-copyright a { display: none; }
    
    
 .footer .f-1 .f_r { float: left; border: 4px solid #C08714; color: #C08714; font-size: 22px; padding: 3px; font-weight: bold; margin:10px auto; margin-left:width:-webkit-calc(50% - 140px); 
margin-left:-moz-calc(50% - 140px); 
margin-left:calc(50% - 140px);  }
    .footer .f-1 .f_r span { display: inline-block; padding: 0px 8px; }
    .footer .f-1 .f_r samp { padding: 0px 10px; font-size: 22px; border-left: 2px solid #fff; display: inline-block; }
    
    
      .ab_lt { display:none }
      .contact .cynnnr { margin-top:0px} 
.cynnnr_news1 img,.cynnnr_news2 img{ width:40%; margin-right:10px; max-height:23vw; }
.cynnnr_news1 div span {    font-size: 14px;    height: 20px;}
.cynnnr_news2 div samp{ height:20px}

.cynnnr_case  span{ font-size:26px; font-family:微软雅黑; display:block;width:100%; text-align:center; color:#C08714;font-weight: bold;padding-bottom:10px}
.cynnnr_case samp {    font-size: 14px;   color: #666;    font-weight: initial;    display: block;  text-align:center;  width: 100%;    letter-spacing: 2px; padding-bottom:20px}
.cynnnr_case  a{ color:#8e5daf;  font-size: 12px;  }
.cynnnr_case  p{ margin: auto;    font-size: 12px;    line-height: 30px;    color: #444;    text-indent: 2em;    font-weight: initial;    width: 100%;    letter-spacing: 2px;}


   .pagelist a{padding:5px 8px;  }
   .pagelist span.current { padding:5px 8px; }
   .pagelist span.disabled { padding:5px 8px;  }

.cynnnr_news2 div span{ font-size:16px;}

.cynnnr_pic2 li{ float:left; width:46%; margin:10px 2%; height:28vw}
.cynnnr_pic2 img{  width:100%; height:26vw; }

.cynnnr_pic3 li{ float:left; width:48%; margin:7px 1%; height:70px}
.cynnnr_pic3 img{  width:100%; height:70px;border-radius: 5px; }

.cynnnr_expert div{ padding:0px; display:block}
/*
.mode2 img:nth-child(1){ display:none}
.mode2 img:nth-child(2){display:none}
.mode2 img:nth-child(3){ display:inline}*/
.mode4 {
    padding-bottom: 20px;}
.mode4 .swiper-pagination-bullet {    margin: 0 2px;}
      .mode4 .swiper-pagination-bullet { width: 20px; height: 20px; line-height: 20px; font-size: 16px; }
.mode6 .swiper { margin:0 30px; overflow: hidden;height:260px; }
.mode6 li{   float: left; _display: inline; overflow: hidden; text-align: center; height:80px;width:25%; }
.mode6 img{  width:100%; height:100%;border-radius: 5px; }

.mode8{     font-size: 14px; line-height:18px;
  
    width: 94%;
    letter-spacing: 1px; }
    .mode8 a { font-size: 12px;}
    
    .mode9 {
    padding-bottom: 20px;}
.mode9 .swiper-pagination-bullet {    margin: 0 2px;}
      .mode9 .swiper-pagination-bullet { width: 20px; height: 20px; line-height: 20px; font-size: 16px; }
    
    
    .mode10{   margin: 0 5px 20px 30px !important;    font-size: 12px; line-height:20px;    }
.mode10 li{ padding:5px 0px}
.mode10 li b{ font-size:14px; color:#C08714}

.mode11{   margin:20px 10px 0px; text-align:center}
.mode11 .title{ font-size:40px; width:100%;font-family: "Microsoft YaHei", Arial;font-weight:bold;color: #c00000; letter-spacing: 10px; text-indent:10px}
.mode11 .btn{ border-radius:30px; max-width:80%; line-height:40px; height:40px; font-size:18px; color:#fff;letter-spacing: 2px;text-indent:2px;font-weight:bold;background-color: #c00000;background-image: linear-gradient(#f73f3f,#be0000); display:block; margin:20px auto}

.mode12{   margin:20px 10px 0px; text-align:center}
.mode12 .title{ font-size:40px; width:100%;font-family: "Microsoft YaHei", Arial;font-weight:bold;color: #c00000; letter-spacing: 5px; text-indent:5px}
.mode12 .btn{ border-radius:30px; max-width:80%; line-height:40px; height:40px; font-size:18px; color:#fff;letter-spacing: 2px;text-indent:2px;font-weight:bold;background-color: #c00000;background-image: linear-gradient(#f73f3f,#be0000); display:block; margin:20px auto}
.mode12 .content {
    padding-left: 5%;
    font-size:16px;line-height: 26px;
}
.nytit h1{ font-size:24px;}
.gg{ display:none}


.cynnnr_pic1{ width:350px;}
.cynnnr_pic1 li{   padding-top:20px; height:260px;    margin: 10px 0% 10px; }
.cynnnr_pic1 ul li .title span {    font-size:18px  }
.cynnnr_pic1 ul li .img img{    width:200px; }

.cynnnr_pic4{ width:350px;}
.cynnnr_pic4 li{   padding-top:70px; height:260px; }
.cynnnr_pic4 ul li .title span {    font-size:18px  }

.mode3{width:320px; margin:auto}
.mode3 ul li{ height:370px;}

.mode4{width:320px; margin:auto}
.mode4 ul li{ height:400px;}

.mode5{width:320px; margin:auto}
.mode5 ul li{ height:370px;}

.mode6{width:320px; margin:auto}
.mode6 ul li{ height:370px;}

.mode9{width:320px; margin:auto}
.mode9 ul li{ height:400px;}
.main5{width:320px; margin:auto}
.main10{width:320px; margin:auto}
.main14{width:320px; margin:auto}


.mode15 ul li { height:50px; line-height:50px; font-size:16px;letter-spacing: 0px;width: 31.33%;    margin: 1.5% 1.5%; }
        
   .main15{ padding-top:10px;} 
   .cynnnr_pic5 ul li {
    width: 48%;
    margin:1%;
    border-radius: 5px;}
    .cynnnr_pic5 ul li span {
    height: 20px;
    line-height: 20px;
    font-size: 14px; padding:0px 6px;
}
      .cynnnr_pic5 ul li img{ height:22vw;}
.cynnnr_pic5 ul li  .c {width: 100%; height: 90px; overflow:hidden; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cynnnr_pic5 ul li .title { height:4vw; line-height:4vw; font-weight:bold; font-size:3vw; color:#333 }
.cynnnr_pic5 ul li  p{font-size: 2vw; color: #666;  width: 100%; }
.cynnnr_pic5 ul li .price { font-size: 14px; color:#333; float:left; width:30%; vertical-align:middle; padding-top:20px; }
.cynnnr_pic5 ul li .price b{ font-size:16px;font-weight:bold;}
.cynnnr_pic5 ul li .time{ float:right; width:70%; color:#888; line-height:15px; font-size:12px; padding-top:10px; text-align:right}


.mode14 ul li {  font-size: 14px;  height: 40px; line-height: 40px; width:48%; margin:1%  }
.mode14 ul li:nth-child(1){margin-left:1%;}
.mode14 ul li:nth-child(2){margin-right:1%;}
.mode14 ul li:nth-child(3){margin-left:1%;}
.mode14 ul li:nth-child(4){margin-right:1%;}
}

@media screen  and (max-width:400px) 
{
    .main7 {
    padding:    10px}
    .main7 p span{width: 128px;letter-spacing: 1px;}
    .main7 p samp{ font-size:13px;}
      .footer .f_advantage { padding: 0px  }

    .footer .f_advantage li { height: 40px; }
    .footer .f_advantage li:nth-child(1){ width:50%; padding-left:5%}
      .footer .f_advantage li:nth-child(2){ width:45%;}
        .footer .f_advantage li:nth-child(3){ width:50%; padding-left:5%}
          .footer .f_advantage li:nth-child(4){ width:45%;}
    .footer .f_advantage li .iconfont { font-size: 12px;  margin-right: 0px;  padding: 6px;  }
    .footer .f_advantage li samp{display: inline-block;    vertical-align: middle; text-align:left}
    .footer .f_advantage li samp b { font-size: 12px; font-weight:normal;display: block; }
    .footer .f_advantage li i { font-size: 10px;     font-style: normal;display: block; }
    
.cynnnr_pic1{margin-top: 30px; width:100%;}
.cynnnr_pic1 li{  width:100%; margin:70px 0% 10px; padding-top:70px; height:260px; }

.cynnnr_news2 div samp{ height:20px}

.cynnnr_pic3 li{ float:left; width:48%; margin:5px 1%; height:60px}
.cynnnr_pic3 img{  width:100%; height:60px;border-radius: 5px; }
.mode3{width:310px; margin:auto}
.mode4{width:310px; margin:auto}
.mode5{width:310px; margin:auto}
.mode6{width:310px; margin:auto}

.mode6 .swiper { margin:0 30px; overflow: hidden;height:200px; }
.mode6 li{   float: left; _display: inline; overflow: hidden; text-align: center; height:60px;width:25%; }
.mode6 img{  width:100%; height:100%;border-radius: 5px; }
.mode9{width:310px; margin:auto}
.mode12 .title{ font-size:36px; width:100%;font-family: "Microsoft YaHei", Arial;font-weight:bold;color: #c00000; letter-spacing: 1px; text-indent:1px}

.mode12 .content {
    padding-left: 5px;
    font-size:14px;line-height: 22px;
}
.mode12 .content b{ font-size:18px}
.main5{width:310px; margin:auto}
.main10{width:310px; margin:auto}
.main14{width:310px; margin:auto}

.cynnnr_pic1{ width:280px;}
.cynnnr_pic1 ul li{   padding-top:0px; height:400px;    margin: 10px 0% 10px; }
.cynnnr_pic1 ul li .title span {    font-size:16px  }
.cynnnr_pic1 ul li .img {    height: 160px;}
.cynnnr_pic1 ul li .img span {     height:110px; }
.cynnnr_pic1 ul li .img img{    height:160px; }


.cynnnr_pic4{ width:280px;}
.cynnnr_pic4 ul li{   padding-top:0px; height:400px;    margin: 10px 0% 10px; }
.cynnnr_pic4 ul li .img{ height:180px;}
.cynnnr_pic4 ul li .img img{ top:-50px; left:50%; margin-left:0px;  height:120px; width:120px; }
.cynnnr_pic4 ul li .title span{ font-size:16px;}
.mode14 ul li {  font-size: 13px;  height: 40px; line-height: 40px; width:48%; margin:1%  }
}

@media screen  and (max-width:350px) 
{
    .mode14 ul li {  font-size: 12px;  height: 40px; line-height: 40px; width:48%; margin:1%  }
      .footer .f_advantage li:nth-child(1){ width:55%; padding-left:0px }
 
        .footer .f_advantage li:nth-child(3){ width:55%; padding-left:0px}
        }