@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{ font-size: 16px; font-family:"微软雅黑","Microsoft YaHei","msyh"; color: #333; background-image:url(../images/bg/7.jpg); }
textarea{ font-family:"微软雅黑","Microsoft YaHei","msyh"; }
a{ color: #333; text-decoration: none; }
li{ list-style: none; }
button, textarea, input, select{ outline: none; }

.clear{ clear: both; }
.container{ width: 100%; overflow: hidden; min-width: 1200px; }
.wrapper{ width: 1200px; margin: 0px auto; position: relative; }
.kfull{ background-size: cover; background-position: center; background-repeat: no-repeat; }
/*图片水平垂直居中*/
/*.pic{ width: 200px; height: 200px; vertical-align: middle; display: table-cell; text-align: center; }
.pic img{ display: block; vertical-align: middle; margin: 0 auto; max-width: 200px; max-height: 200px; }*/
/*文字单行显示超过隐藏*/
.aline{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* banner */
.banner{ }
.banner .slideBox{ width:100%; height:500px; overflow:hidden; position:relative; }
.banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; width: 100%; left: 0px; bottom:20px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; display: table; margin: 0 auto;  }
.banner .slideBox .hd ul li{ float:left; margin:0 3px;  width:60px; height:10px; line-height:14px; text-align:center; background:#ffffdb; cursor:pointer; opacity: 0.75; }
.banner .slideBox .hd ul li.on{ background:#860603;  color:#fff; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; height:500px; display:block;  }
.banner .slideBox .bd li a{ width: 100%; height: 500px; display: block; background-position: center; }

.banner /* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .slideBox .prev,
.banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .slideBox .prev:hover,
.banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .slideBox .prevStop{ display:none;  }
.banner .slideBox .nextStop{ display:none;  }

body>.nav{ width: 100%; background-color: #fff; border-top: 1px solid #ddd; position: relative; z-index: 5; }
body>.nav ul{ z-index: 50; }
body>.nav>.wrapper>ul>li{ line-height: 30px; text-align: center; float: left; padding: 10px 0; position: relative; }
body>.nav>.wrapper>ul>li>ul{ display: none; position: absolute; z-index: 50;  top: 36px; }
body>.nav ul li ul li{ background-color: rgba(50,50,50,0.75); border-bottom: 1px solid #8f8; }
body>.nav ul li ul li a{ color: #fff; white-space:nowrap; height: 40px; line-height: 40px; text-align: left; }
body>.nav ul li ul li a:hover{ color: #8f8; }
body>.nav ul li a{ display: block; color: #777; border-left: 1px solid #aaa; font-size: 1rem; line-height: 1rem; padding: 0 25px; }
body>.nav ul li:first-child a{ border-left: 0px; }
body>.nav ul li a:hover,body>.nav ul li a.hover{ color: #4a0; }

.header{ background-color: #fff; }
.header .logo{ width: 369px; height: 77px; margin-top: 0px; float: left; margin-right: 15px; margin-bottom: 10px; background-image: url(../images/icon/logo.jpg); background-size: 300px auto; background-repeat: no-repeat; }
.header .cb{ float: left; margin-top: 10px; }
.header .cb2{ float: right; text-align: right; margin-top: 15px; }
.header .cb2 h2{ font-weight: normal; font-size: 1.7rem; }
.header .cb2 i { font-size: 1.5rem; line-height: 1.5rem; margin-right: 0.5rem; }
.header .cb2 p{ font-size: 0.92rem; }

.search{ background-image: url(../images/bg/1.jpg); padding: 15px 0; font-size: 0.92rem; line-height: 27px; color: #555; }
.search a{ color: #555; margin-left: 10px; font-size: 0.92rem; }
.search i{ color: #f00; }
.search a:hover{ text-decoration: underline; }
.search span{ float: left; }
.search .search-box{ background-color: transparent; width: 250px; border-radius: 10px; overflow: hidden; height: 27px; float: right; margin-right: 40px; line-height: 27px; border:1px solid #777; }
.search input{ height: 27px; border: 0px; }
.search input.text{ width: 220px;  float: left; background-color: transparent; padding: 0 10px; box-sizing: border-box; }
.search input.submit{ width: 30px; background-image: url(../images/zyf/icon/glass.png); background-position: center; background-repeat: no-repeat; background-color: transparent; cursor: pointer; }

.good{ background-image: url(../images/icon/goodbg.jpg); height: 145px; }
.good .cb{ float: left; margin-top: 17px; }
.good .goodimg{ float: right; margin-top: 15px; }
.good .goodimg ul li{ float: left; margin-left: 40px; width: 93px; padding-top: 93px; background-position:0px top; line-height: 1.7rem; text-align: center; background-repeat: no-repeat; font-size: 0.87rem; }

.product{ padding: 53px 0; background-image: url(../images/bg/2.jpg); background-position: center; background-repeat: no-repeat; box-sizing: border-box; height: 1122px; }
.product .product-list{ width: 240px; float: left; }
.product .product-list .t{ background-image: url(../images/icon/product-t.png); height: 60px; background-position: center; }
.product .product-list .t .main-t{  }
.product .product-list .t .main-t img{ float: left; width: 34px; }
.product .product-list .t .main-t .p{ float: left; color: #eee; margin-left:17px;  }
.product .product-list .t .main-t .p h3{ line-height: 1.1rem; font-size: 1.1rem; }
.product .product-list .t .main-t .p span{ display: block; color: #f1e8e1; font-size: 0.75rem; margin-top: 2px; }
.product .product-list .more{ height: 60px; display: block; background-image: url(../images/icon/more.png); background-position: center;}
.product .product-list .list{ margin:10px 0; }
.product .product-list .list{ line-height: 36px; }


.product .product-list .list>ul>li{ border-top: 1px solid #777; margin-bottom: 7px; }
.product .product-list .list>ul>li:first-child{ border-top: 0px; }
.product .product-list .list>ul>li .li-cur{ height: 36px; padding: 0 20px; }

.product .product-list .list i{ font-style:normal; width: 36px; display: block; float: left; text-align: center; font-size: 1.7rem; color: #860603; cursor:pointer; font-weight: 200; min-height: 1px; }
.product .product-list .list a{ display: block; font-size: 1.05rem; background-image: url(../images/icon/btn.png); text-align: center; }
.product .product-list .list a:hover,.product .product-list .list a.hover{ background-image: url(../images/icon/on.png); }

.product .product-list .list li ul a{ font-size:0.96rem; color: #fff; }
.product .product-list .list li ul{ display: none; }
.product .product-list .list li ul .li-cur{ height: 30px; border-top: 1px dashed #999; }
.product .product-list .list li ul .li-cur i,.product .product-list .list li ul .li-cur a{ height: 30px; line-height: 30px; }
.product .product-list .list li ul{ margin-bottom: 15px; }

.product .product-list .t a{ color: #fff; }

.productshow{ width: 736px; float: right; }
.productshow .t{ font-size: 0.98rem; color: #860600; margin-bottom: 10px; }
.productshow .t span{ font-size: .9rem; color: #be9884; }
.productshow ul{ margin-bottom: 10px; }
.productshow li{ width: 172px; height: 255px; margin-right:38px; float: left; margin-bottom: 85px; position: relative; overflow: hidden; border-radius: 6px; }
.productshow li:nth-child(3n){ margin-right: 0; }
.productshow li a{ display: block; width: 100%; height: 100%; }
.productshow li .pic{ width: 100%; height: 100%; overflow: hidden; }
.productshow li .text{ width: 90%; padding: 0 5%; height: 2rem; line-height: 2rem; color: #fff; background-color: rgba(0,0,0,0.75); font-size: 0.85rem; text-align: center; position: absolute;  bottom: -2rem; left: 0px; transition: all 0.35s; }
.productshow li:hover .text{ bottom: 0; }

.assess{ padding: 70px 0; }
.assess .t h2{ color: #860600; }
.assess .t span{ font-size: 2rem; color: #aaa; font-weight: 100; }
.assess ul{ margin-top: 20px; }
.assess ul li{ width: 46%; float: left; margin-right: 8%; position: relative; margin-bottom: 30px; }

.assess ul li:nth-child(2n){ margin-right: 0; }
.assess ul li .pic{ height: 320px; width: 47%; float: left; }
.assess ul li .pic img{ width: 100%; height: 100%; }
.assess ul li .text{ float: right; width: 47%; margin-left: 6%; position: relative; height: 100%; position: absolute; right: 0px; top: 0px; }
.assess ul li .text .title{ color: #890900; font-size: 1.1rem; }
.assess ul li .text .p{ font-size: 0.85rem; color: #555; margin-top: 20px; line-height: 1.4rem; height: 12.6rem; overflow: hidden; }
.assess ul li .text a{ display: block; width: 110px; height: 30px; line-height: 30px; border:1px solid #890900; text-align: center; color: #890900; position: absolute; bottom: 0px; left: 0px; }



.newque{ padding-bottom: 70px; }
.newque .news{ width: 777px; box-sizing: border-box; height: 545px; float: left; background-color: #fff; padding: 20px; }
.newque .question{ width: 37%; float: right; }
.newque .news .t{ border-bottom: 1px solid #f8c761; }
.newque .news .t ul li{ float: left; }
.newque .news .t ul li a{ display: block; height: 40px; width: 140px;  line-height: 40px; text-align: center;  font-size: 1rem; letter-spacing: 2px; }
.newque .news .t ul li a.hover{ background:url(../images/bg/news-btn.png) center; }

.newque .news-list{ margin-top: 10px; }
.newque .news-list .newsinfo-first{ height: 240px; }
.newque .news-list .newsinfo-first .pic{ width: 50%; height: 100%; float: left; }
.newque .news-list .newsinfo-first .firstinfo{ width: 50%; float: left; padding-left: 20px; box-sizing: border-box; height: 100%; position: relative; }
.newque .news-list .newsinfo-first .firstinfo .title{ font-size: 1.1rem;  }
.newque .news-list .newsinfo-first .firstinfo .text{ font-size: 0.92rem; margin-top: 15px; }
.newque .news-list .newsinfo-first .firstinfo a.more{ position: absolute; bottom: 0px; left:15px; width: 65px; height: 25px; line-height: 25px; text-align: center; border:1px solid #860600; color: #860600; font-size: 0.85rem; top: auto; }
.newque .newsul{ color: #999; margin-top: 10px; }
.newque .newsul ul li{ float: left; width: 50%; list-style: square inside; margin-top: 10px; position: relative; }
.newque .newsul ul li a{ color: #555; font-size: 0.85rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: absolute; width: 80%; }

.newque .news-list .newsinfo-first .pic img{ width: 100%; height: 100%; }


.fl{ float: left; }
.fr{ float: right; }


.pagebanner{ position: relative; height: 300px; background-position: center;  background-repeat: no-repeat; background-size: cover; min-width: 1200px; }
.pagebanner img{ width: 100%; display: block; }
.pagebanner .nav{ position: absolute; bottom: 0px; left: 0px; width: 100%; height: 45px; background-image:url(../images/icon/bannernav.png); }
.pagebanner .nav ul li{ float: left; }
.pagebanner .nav ul li a{ display: block; line-height: 45px; padding: 0 20px; color: #fff; }
.pagebanner .nav ul li a:hover, .pagebanner .nav ul li a.hover{ background-color: #c85d01;  }

.pageinfo{ padding:30px 0 23px 0; margin-bottom: 30px; border-bottom: 7px solid rgba(134,6,0,0.05); }
.pageinfo .location{ color: #999; float: left; }
.pageinfo .location span{ color: #e67817; }

.pageinfo .location-t{ float: right; font-weight: bold; }
.pageinfo .location-t span{ color: #b33; font-family: 微软雅黑; font-size: 20px; font-style: normal; font-variant: normal; line-height: 140%;  }
.pageinfo .location-t i{ color: #d77; font-size: 20px; line-height: 28px; text-transform: uppercase; }

.foursqure ul li {
    width: 50%;
    float: left;
    height: 350px;
    overflow: hidden;
}
.foursqure ul li p{ text-indent: 2rem; margin: 5px 0; }
.foursqure ul li img{ width: 100%; height: 100%; }
.foursqure ul li .t {
    font-size: 1.5rem;
    margin-bottom: 20px;
}
.foursqure ul li p {
    font-size: 0.92rem;
}

.article{ width: 900px; float: right; }
.article .t{ font-size: 1.5rem; font-weight: bold; text-align: center;  }
.article .info{ font-size: 0.85rem; margin-top:20px; text-align: center; }
.article .jianjie{ padding:20px; border: 1px solid #bbb; background: #eee; font-size: 0.85rem; margin-top: 20px; line-height: 1.6rem; }
.article .news-title{ border-bottom: 1px solid #999; padding-bottom: 7px; font-weight: bold; color: #aaa; font-size: 1.2rem; margin-bottom: 20px; }
.article .news-text{ margin-top: 20px; background: #fff; box-sizing: border-box; padding: 30px; border-top: 3px solid #c85d01; min-height: 400px; }
.article .news-text img{ max-width: 100%; }
.fenye{ display: table; margin:0 auto; }

.sp-wrap{ margin: 0; }
.fdjpage{ display: table; margin:40px auto; }

.sidebar{ width: 250px; float: left; }
.sidebar ul li a{ display: block;  border-top: 3px solid #c85d01; }
.sidebar ul li a img{ display: block; width: 100%; }
.sidebar ul li{ margin-bottom: 10px; position: relative; }
.sidebar ul li.a div{ position: absolute; right: 25px; top: 20px; text-align: right; line-height: 1.5rem; }
.sidebar ul li.a div p{ font-size: 0.92rem;  }
.sidebar ul li.a div p span{ color: #aaa; }

.sidebar ul li.a2 div{ position: absolute; left: 25px; top: 20px; text-align: left; line-height: 1.5rem; }
.sidebar ul li.a2 div p{ font-size: 0.92rem;  }
.sidebar ul li.a2 div p span{ color: #aaa; }

.con{ width: 900px; float: right; }
.con ul li{ border-bottom: 1px dashed #aaa; padding-bottom: 15px; margin-bottom: 15px; position: relative; }
.con ul li .date{ width: 70px; height: 70px; background: url(../../../images/upload/month_1507/201507031144263105.jpg); text-align: center; color: #fff; font-weight: 300; float: left; }
.con ul li .date .day{ font-size: 2.5rem; line-height: 3rem;  }
.con ul li .date .ym{ }
.con ul li .area{ float: right; width: 813px; }
.con ul li .area .t{ margin-bottom: 5px; width: 733px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.con ul li .area .t a{ font-size: 1.1rem;   }
.con ul li .area .p a{ font-size: 0.85rem; color: #777; line-height: 1.4rem; height: 2.8rem; overflow: hidden; display: block; }
/*.more{ display: block; position: absolute; right: 0px; top: 0px; color: #860600; font-size: 0.88rem; }*/
.con ul li:hover .more{ text-decoration: underline; }
.con ul li .more{ position: absolute; right: 0; top: 0; color: #860600; }

.tech li{ width: 30%; height: 360px; margin:1.666%; float: left; position: relative; overflow: hidden; background-color: #a77019; }
.tech li .pic{ width: 360px; height: 360px; transition: all 0.35s; display: table-cell;vertical-align: middle; text-align: center; }
.tech li .pic img{ max-height: 100%; max-width: 100%; text-align: center; vertical-align: middle; display: table-cell; margin: 0 auto; display: block; }
.tech li .text{ position: absolute; top: 291px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.65); padding: 15px; box-sizing: border-box; transition: all 0.35s; }
.tech li .text .name{ color: #fff; height: 40px; line-height: 40px; border-bottom: 1px solid #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tech li .text .jianjie{ color: #ccc; margin-top: 15px; height: 9.6rem; font-size: 0.85rem; line-height: 1.6rem; overflow: hidden; }
.tech li:hover .text{ top: 0px; }
.tech li:hover .pic{ transform: scale(1.05); }

.sidebar-e{ 
	overflow: hidden;
    width: 250px;
    float: left;
    min-height: 500px;
    background-image: url(../images/banner/3221.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 100%;
    padding-left: 30px; }
.sidebar-e .t{
    line-height: 70px;
    color: #000;
    font-size: 1.7em;
    padding-top: 20px; }
.sidebar-e ul li{ 
    line-height: 2.7em;
    font-size: 1.1em;
    margin: 10px 0; }
.sidebar-e ul li a{ 
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.35s; }
.sidebar-e ul li a:hover{ background: rgba(255,255,255,0.55); padding-left: 20px; width: 250px; }
.sidebar-e ul li a.hover{ background: rgba(255,255,255,0.55); padding-left: 20px; width: 250px; }


.example-list{ width: 240px; float: left; }
.example-list ul li{ width: 100%; height: 80px; position: relative; margin-bottom: 10px; }
.example-list ul li .pic{ width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; }
.example-list ul li a{ position: absolute; width: 100%; height: 100%; display: block; z-index: 10; border: 1px solid #860600; }
.example-list ul li:hover .img{ transform: scale(1.5); }
.example-list ul li .t{ width: 92%; left: 4%; bottom: 15px; position: absolute; border-bottom: 1px solid #860600; padding-bottom: 7px; font-size: 1.3rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #860600; z-index: 9; }
.example-area{ width: 940px; float: right; border-top: 2px solid #860600; background-color: #fff; padding: 20px; box-sizing: border-box; min-height: 400px; }
.example-area .ea-t{ text-align: center; border-bottom: 1px solid #aaa; padding-bottom: 15px; font-size: 1.5rem; margin-bottom: 15px; letter-spacing: 2px;  }


.assess-box li{ width:48%; margin-right: 4%; background-color: #fff; height: 300px; margin-bottom: 20px; float: left; position: relative; }
.assess-box li:nth-child(2n){ margin-right: 0px; }
.assess-box li .pic{ float: left; width: 38%; height: 100%; position: relative; }
.assess-box li .pic img{ width: 100%; height: 100%; }
.assess-box li .pic .name{ position: absolute; bottom: 10px; width: 90%; border-bottom: 1px solid #fff;  left: 5%; padding-bottom: 7px; color: #fff; }
.assess-box li .t{ float:right; width:59%; }
.assess-box li .t .p{ margin-right: 4%; margin-top: 5%;  }
.assess-box li .t .p .text{ font-size: 0.85rem; color: #555; text-indent: 2rem; margin-top: 12px; }
.assess-box li .t .p .jj{ font-size: 1.2rem; }
.assess-box li .t a{ position: absolute; bottom: 15px; right: 20px; width: 100px; border:1px solid #860600; text-align: center; line-height: 30px; height: 30px; color: #860600; font-size: 0.85rem; }

.contact-page .contact{ padding-bottom: 60px; }

.contact-page .contact-t{ font-size: 1.8em; text-align: center; letter-spacing: 2px; }
.contact-page .contact-e{ font-size: 0.7em; text-align: center; margin-bottom: 30px; }
.contact-page .contact-r{ float: right; width: 578px; height: 409px; border:0px solid #d1d1d1; position: relative; }

.cr-li{ width: 100%; }
.cr-li .clp{ float: left; height: 80px; width: 15%; }
.cr-li .clp i{ width: 100%; height: 100%; display: block; font-size: 2rem; color: #f80; line-height: 80px; text-align: center; }

.cr-li .space{ width: 14px; height: 1px; background: #7f7f7f; margin:5px 0; }
.clt{ float: left; color: #777; width: 82%; margin-left:3%; }
.clt1{ font-size: 1rem; }
.clt1 span{ font-size: 0.6em; margin-left:11px; color: #aaa; }

.srt1{ text-align: center; font-size: 1.5em; letter-spacing: 3px; margin-top:10px;  }
.srt2{ text-align: center; font-size: 0.7em; }

.contact2{ margin-top:0px; margin-bottom: 50px; }

.lmap{ height: 300px; background: #aaa; }

.pagecount{ display: table; }
.body1bg{ background-image: url(../images/body1bg.jpg); background-position: center; background-repeat: no-repeat; }
.body2bg{ background-image: url(../images/body2bg.jpg); background-position: center; background-repeat: no-repeat; }

.example-area img{ max-width: 100%; }
.lpmo{ position: absolute; top: 0px; left: 0px; background-color: rgba(255,255,255,0.35); width:240px;height: 100%; z-index: 4; }


/*发光石*/
.long1 { background-image: url(../images/bg/3.jpg); height: 195px; }
.long1 .wrapper{ margin-top: 26px; background-color: rgba(255,255,255,0.75); padding: 16px 41px; }
.long1 .wrapper .long1-l{ width: 66.66%; float: left; }
.long1 .wrapper .long1-r{ width: 33.33%; float: right; }
.long1 .wrapper ul{ margin-top: 5px; }
.long1 .wrapper ul li{ float: left; width: 50%; margin-top: 3px; font-weight: 100; font-size: 1.1rem; }
.long1 .wrapper .long1-r .long1-tel{ font-size: 1.7rem; }
.long1 .wrapper .long1-r a.long1-more{ display: block; background-color: #000; color: #fff; line-height: 2.5rem; font-size: 1.2rem; text-align: center; margin-top: 7px; }

.adv{ padding: 65px 0; background-image: url(../images/bg/4.jpg); background-repeat: no-repeat; background-position: center; height: 1311px; box-sizing: border-box; }
.adv .title img{ display: block; margin: 0 auto; }
.adv ul li{ width: 555px; margin-left:180px; }
.adv ul li.adv1{ margin-top: 53px; }
.adv ul li.adv2{ margin-top: 150px; }
.adv ul li.adv3{ margin-top: 241px; }
.adv ul li.adv4{ margin-top: 164px; }
.adv ul li .p{ margin-top: 18px; line-height: 1.6rem; }
.adv ul li.r{ margin-left: 385px; }

.about{ height: 724px; background-image: url(../images/bg/5.jpg); background-repeat: no-repeat; background-position: center; padding: 186px 0; box-sizing: border-box; }

.about .wrapper .title img{ margin: 0 auto; display: block; }
.about .wrapper .p{ color: #fff; height: 240px; line-height: 2.5rem; width: 860px; margin: 0 auto;  margin-top: 15px; font-size: 1.3rem; font-weight: 100; text-align: center; }
.about .wrapper a{ display: block; width: 135px; height: 40px; margin: 0 auto; line-height: 40px; color: #fff; background-color: #896b4f; border-radius: 20px; text-align: center; margin-top: 10px; }

.long2 { background-image: url(../images/bg/6.jpg); height: 194px; padding: 22px 0; box-sizing: border-box; }
.long2 img{ display: block; margin: 0 auto; }
.long2 .long2-cb{ line-height: 45px; border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 1.8rem; font-weight: 100; text-align: center; margin-top: 20px; }
.long2 .more{ display: table; margin: 15px auto; }
.long2 .more a{ display: block; width: 80px; height: 25px; color: #fff; border-radius: 12px; line-height: 25px; background-color: #000; float:left; text-align: center; font-size: 0.85rem; }
.long2 .more a.b2{ background-color: #896b4f; margin-left: 20px; }

.example{ padding: 60px 0; }
.example .wrapper .title img{ display: block; margin: 0 auto; }
.example .wrapper .example-con{ height: 545px; background-image: url(../images/bg/anli.png); background-repeat: no-repeat; background-position: center; margin-top: 35px; }
.example .wrapper .example-con ul { display: table; margin: 0 auto; }
.example .wrapper .example-con ul li{width: 257px; margin: 0 12px; float: left; }
.example .wrapper .example-con ul li .pic{ width: 257px; height: 314px;  overflow: hidden; border-radius: 6px; }
.example .wrapper .example-con ul li .t{ height: 34px; line-height: 34px; color: #f8cd28; text-align: center; background-image: url(../images/icon/bgb.png); background-position: center; background-repeat: no-repeat; margin-top: -28px; z-index: 3; position: relative; }

.msg{ padding-bottom: 60px;  box-sizing: border-box;  }
.msg .wrapper{ padding: 30px 40px; box-sizing: border-box; background-image: url(../images/bg/留言.jpg); background-repeat: no-repeat; background-position: center; box-shadow: 0 0 50px #fff; }
.msg .wrapper .msg-l{ width: 50%; float: left; }
.msg .wrapper .msg-r{ width: 50%; float: right; background-color: #fff; box-sizing: border-box; padding: 15px; }
.msg .wrapper .p{ margin-top: 5px; font-size: 1.1rem; }
.msg .wrapper .pic{ margin-top: 10px; }
.msg .wrapper .tel{ margin-top: 40px; font-size: 1.1rem;}
.msg .wrapper input{ width: 48%; float: left; background-color: #fff; border: 0;border-bottom: 1px solid #000; line-height: 2.5rem; font-size: 1rem; }
.msg .wrapper input.telinput{ margin-left: 4%; }
.msg .wrapper textarea{ width: 100%; height: 100px; margin-top: 18px; border: 0px; border-bottom: 1px solid #000; font-size: 1rem; }
.msg .wrapper button{ width: 105px; height: 30px; margin: 0 auto;  margin-top: 10px; background-color: #896b4f; text-align: center; color: #fff; line-height: 30px; border-radius: 10px; border: 0px; display: block; cursor: pointer; }

.news-tel{ float: right; width: 423px; height: 545px; background-image: url(../images/bg/new-r.jpg); text-align: center; }
.news-tel .nt1{ font-weight: bold; margin-top: 221px; color: #fff; font-size: 26px; }
.news-tel .nt2{ letter-spacing: 5px; margin-top: 3px; color: #fff; font-size: 17px; }
.news-tel .nt3{ font-weight: bold; margin-top: 11px; color: #000; font-size: 14px; }

.contact{  }
.contact .title{ margin-bottom: 50px; }
.contact .title img{ margin: 0 auto; display: block; }
.contact .contact-l{ width: 895px; float: left; }
.contact .contact-r{ width: 305px; height: 375px; float: right; background-color: #32251b; color: #fff; padding: 25px; box-sizing: border-box; }
.contact .contact-r .t{ margin-top: 22px; margin-bottom: 15px; }
.contact .contact-r .ewm{ margin-top: 15px; }
.contact .contact-r p{ line-height: 1.8rem; font-size: 1.2rem; }

.bg2{ background-image: url(../images/bg/7.jpg); }
.foot{ background-color: #181818; padding: 40px 0; margin-top: 70px; }
.foot dl{ float: left; width: 150px; margin-right: 20px; }
.foot dl dt{ color: #fff; font-size: 0.92rem; margin-bottom: 10px; }
.foot dl dd{ margin-bottom: 7px; }
.foot dl dd a{ color: #aaa; font-size: 0.85rem;  }

.baidu{ display: block;  }
.foot-r{ float: right; }
.foot-r .copyright{ text-align: right; font-size: 0.76rem; color: #aaa; margin-top: 70px; }
.foot-r a{ text-align: right; color: #999; float: right; margin-top: 10px; font-size: 0.76rem }

.product-detail-page{ background-image: none; padding-bottom: 60px; }
.product-noindex{ height: auto; background-position:center 0; }
.product-noindex .productshow ul{ min-height: 1010px; }

.cd_quick{ line-height: 1.6rem; font-size: 0.85rem; color: #777; background-color: #eee;padding:10px 20px; border-bottom: 2px solid #c85d01; position: relative; }
.cd_quick .back{ position: absolute; bottom: 10px; right: 20px; }
.middle-b{ display: block; margin: 0 auto; }
.middle-t{ display: table; margin: 0 auto; }

.download .example-area ul li{ border-bottom: 1px dashed #aaa; padding: 10px 0; margin: 10px 0; }
.download .example-area ul li a{ display: block; float: left; }
.download .example-area ul li a.t{ width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #555; }
.download .example-area ul li a.d{ width: 15%; text-align: center; }
.download .example-area ul li a.date{ width: 15%; text-align: right; color: #aaa; }
.contact-page .contact-l{ box-shadow: 0px 5px 10px rgba(0,0,0,0.55); float: left; width: 50%; height: 400px; }
.contact-page .contact-r{ width: 47%; padding: 20px; background-color: transparent; background-image: url(../images/bg/留言2.png); background-size: auto 100%; box-shadow: 0px 5px 10px rgba(0,0,0,0.55); height: auto; }
.contact2{ margin-top: 50px; }

.about-page .wrapper .title img{ margin: 0 auto; display: block; margin-bottom: 30px;   }

.quick{ position: fixed; right: 0px; top: 55%;  margin-right: -100px; transition: all 0.35s; }
.quick ul li{ margin-bottom: 5px; }
.quick:hover{ margin-right: 0; }
.quick ul li a{ width: 150px; height: 50px; line-height: 50px; background-color: #e59b16; border-radius: 25px 0 0 25px; display: block; padding: 5px; box-sizing: border-box; color: #fff; }
.quick ul li a i{ border:1px solid #fff; width: 38px; height: 38px; color: #fff; text-align: center; line-height: 38px; font-size: 1.2rem; display: block; border-radius:19px; float: left; }
.quick ul li a div{ float: left; line-height: 38px; margin-left: 12px; }