﻿@charset "utf-8";
/* CSS Document */
html{ overflow-x:hidden; overflow-y:auto;}
body{background-color:#fff;}
*{ padding:0; margin:0; outline: none;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{ cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
i{font-style:normal;}

.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.minHeight{min-height:500px;}

/*首页 */
.h148{height:148px;}
.top1{width:100%; position: fixed; top: 0; left: 0; z-index: 600; background-color: #fff; }
.top1.active{box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.top1Box{background:url(../images/tp1.jpg) center right no-repeat; background-size:100% 100%; }
.top1T{/*padding-left:40.125%;*/}
.top1T .wel{width:41.96%; float:left;   font-size:14px; color:#fff; line-height:40px; }
.top1T .phoneT{float:right; font-size:14px; color:#fff; line-height: 40px;}
.top1T .phoneT .ico{width:21px; height: 21px; display: inline-block; line-height: 0; margin: 8.5px 5px 0 0;}
.top1T .phoneT .bold{font-size:15px; font-weight: bold;}
.top1T .phoneT1{padding:0 4.17%; position: relative;}
.top1T .phoneT1::after{width:1px; height: 12px; background-color: #0645be; content: ""; position: absolute; top:14px; right:0;}
.top1T .phoneT2{float:right;}

.logo{width:500px; height: auto; float:left; margin-top:22px;}

.search{ position: relative; float:right; z-index: 100; margin-top:34px; }
.search .submit{display:block; width:36px; height: 36px; border-radius: 50%; position: relative;z-index: 1; float:right; background-color: #867159;
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}
.search .input{width:0px; position: absolute; top:0; right:1px; overflow: hidden; border-radius: 30px; border:1px solid rgba(255,255,255,0);
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.search .input input{display:block; width: 100%; height: 34px; line-height: 34px;padding:0 40px 0 10px; background:none; color:#666;
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0; border-radius: 0;}
.search:hover .input{width:150px;border-color:#867159;background-color: #fff;}

.lang{float:right; text-align: center;  margin:34px 8px 0 0; width: 36px; height: 36px; border:1px solid #e9e5e1; border-radius: 30px; font-size:14px; color:#867159; font-family: Arial; line-height: 34px;}
.lang:hover{background-color:#867159; color:#833F40;}

.menu_box{ float:right;/* margin-right:3.75%; */}
.menu{float:left;}
.menu .nli{float:left;position: relative; text-align: center; margin-right:35px;}
.menu .nli:last-child{ margin-right:0;}
.menu .nli span > a{font-size:20px; font-weight: 700;color:#333333; display: block;position: relative; line-height: 100px; width:100px; text-align: center;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.menu .nli span > a::after{width:100%; height: 1px; background-color: #01369c; background-color:#01369c; content: ""; position: absolute; bottom:0; left: 0; opacity: 0;}
.menu .nli span > a::before{width:0; height:0;border-width:0 8px 8px 8px; border-style: solid; border-color:transparent transparent #01369c transparent; content: ""; position: absolute; bottom:0; left: 50%; margin-left:-8px; opacity: 0;}
.menu .nli:hover span > a{color:#01369c; font-weight: bold;}
.menu .nli.on span > a{color:#01369c; font-weight: bold;}
.menu .nli:hover span > a::after,
.menu .nli:hover span > a::before{opacity:1;}
.menu .nli.on span > a::after,
.menu .nli.on span > a::before{opacity:1;}

.menu .drop{display:block;position:absolute;top:68px;left:50%;z-index:2;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:1920px;background-color:#fff;padding-bottom:21px;margin-left:120%;overflow:hidden}
.menu .drop dl{overflow:hidden}
.menu .drop dd{float:left;width:20%;margin-bottom:10px;overflow:hidden}
.menu .drop dd .con{display:block;overflow:hidden}
.menu .drop dd .pic{height:260px;line-height:260px;text-align:center;overflow:hidden}
.menu .drop dd .pic img{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.menu .drop dd a:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)}
.menu .drop dd span{display:block;width:162px;height:46px;font-size:18px;color:#646464;line-height:44px;text-align:center;border:1px solid #d1d1d1;margin:0 auto;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;overflow:hidden}
.menu .drop dd a:hover span{color:#fff;border-color:#f27521;background-color:#f27521}

.sub{position: absolute; top:107px; left: 50%; margin-left:-70px; width:140px; text-align: center; z-index: 300; display:none;}
.sub a{display:block; font-size:14px; color:#fff;  line-height: 40px; border-bottom:1px solid rgba(255,255,255,0.1);background-color:rgba(1,54,156,0.8);}
.sub a:hover{background-color:rgba(19,61,141,1);}

.vv2{display: none;}
@media screen and (max-width:1629px){
	.top1T{/* padding-left:40%; */}
	.top1T .wel{width:32%;}
	.top1T .phoneT1{padding:0 2%;}
	.menu .nli{margin-right:18px;}
	.logo{width:250px; margin-top:22px;}
}
@media screen and (max-width:1199px){
	.top1T .wel{font-size:12px; width:32%;}
	.top1T .phoneT1{font-size:12px; padding:0 2%;}
	.top1T .phoneT .bold{font-size:13px;}
	.top1T{padding-left:37%;}
	.menu .nli span > a{font-size:14px; width: 70px;}
}
@media screen and (max-width:991px){
	.h148{height:60px;}
}

/*手机头*/
.top2{width:100%; height:60px;display: none ; position: fixed; top:0; left: 0; z-index: 600; border-top:2px solid #867159; background-color: #fff;}
.top2.active{box-shadow: 0 4px 10px rgba(0,0,0,0.1)}
.top2 .logo{width:150px; height:auto; float:left; margin-top:14px;}
.top2 .lang{margin:15px 10px 0 0;}
.top2 .lang a{width:40px; height: 30px; line-height: 30px; font-size:13px;}

@media screen and (max-width:991px){
   .top2{ display:block;}
	.top1{ display:none;}
}

/*下拉*/
.menuph{
    float:right;
    margin:10px 0 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
}
.menuph .point
{
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 10px;
    position: relative;
}

.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
    width: 28px;
}
.menuph .navbtn
{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 2px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #867159;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #867159;
}
.menuph .navbtn::after
{
    top: -11px;
}
.menuph .navbtn::before
{
    top: 10px;
}
.menuph .point.active .navbtn{
    background: transparent;
}
.menuph .point.active .navbtn::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}
.menuph .point.active .navbtn::before
{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}


/*手机下拉*/
.xialaph{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	  height: 100%;
    display: none;
	 padding-top:60px;
	  overflow-y: auto;
    z-index: 200;
    background-color:#fff;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph h4 a{
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 50px;
    position: relative;
/*	font-weight: bold;*/
	text-transform: uppercase;
}
.xialaph h4{
    position: relative;
}
.xialaph h4 .ico{width:22px; line-height: 0; display: inline-block ; vertical-align: middle; margin-right:5px;}
.xialaph li:last-child h4::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #f2f2f2;
	display: none
}
.xialaph li:first-child h4::after{display:none;}
.xialaph h4::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color:#dedede;
    /*opacity: 0.1;*/
}
.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}

.xialaph h5 a{
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 42px; padding:0 10px;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color:rgba(95,123,118,0.1);;
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.xialaph h4 b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #666 solid 1px; border-right: #666 solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xialaph h4.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
}
/*.xialaph .ul2{ padding-left: 30px;  }*/
.xialaph .ul3{
    padding-top: 12px;
    padding-bottom: 18px;
    padding-left: 15px;
    position: relative;
}
.xialaph .ul3::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
    display: none;
}
.xialaph .ul3 li a{
    color: #666;
    font-size: 14px;
    line-height: 35px;
    display: block;
}
.xialaph .ul3 li{
    padding-top: 5px;
}
.xialaph .ul3 li:first-child{
    padding-top: 0;
}

.xialaph h5 b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #999 solid 1px; border-right: #999 solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xialaph h5.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
}


.phonemeng{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    opacity: .6;
    z-index: 99;
    display: none;
}
.phonemeng.active{
    display: block;
}
.langPh{text-align: center; font-size:0;}
.langPh a{display:inline-block; width:40px; line-height: 24px; border:1px solid #867159; font-size:14px;}
.langPh a.on{background-color:#867159; color:#fff;}
.searchPh{width:90%; margin: auto auto auto auto; float:none; border-bottom:1px solid #867159;}
.xialaph .searchP{ margin: 15px 0 20px 5%; height: 35px; border: #dddddd solid 1px; width:90%; float:left;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.xialaph .searchP button{ float: right; width: 33px; height: 33px; line-height: 0; border-radius: 50%; background-color: #867159;}
.xialaph .searchP .searchLeft{ padding: 0 34px 0 0;}
.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 10px 0 14px; color: #333; font-size: 14px; border: 0; background: 0;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
    -webkit-appearance:none;
    outline: 0;
}

/*banner*/
.pz_banner{clear: both;}
.c_banner{position:relative; }
.slide1 .list{line-height:0; position: relative;}

.slide1 .slick-dots{width:100%; bottom:40px; font-size:0;}
.slide1 .slick-dots li{width:18px; height: 18px;margin: 0 10px; border-radius: 50%; background-color: #867159; opacity: 0.6;}
.slide1 .slick-dots li.slick-active{opacity: 1;}
.slide1 .slick-dots li button:before,
.slide1 .slick-dots li button{display:none;}

.bannerTxt{width:100%; position: absolute; left: 0; top:50%;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.bannerTxt2{padding:0 6%;}
.bannerTxt2 .H4{font-size:23px; line-height: 35px; color:#aa8d6d; font-family: "sy_light"; font-weight:lighter;}
.bannerTxt2 .H5{font-size:66px; color:#867159; font-weight: bold;font-family: "sy_bold"; margin: 30px 0;}
.bannerTxt2 .H5 .lighter{ font-family: "sy_light"; font-weight:lighter;}
.bannerTxt2 .bannerMore{display:block; width:177px; height: 42px; line-height: 42px; text-align: center; background-color: #867159; font-size:16px; color:#fff;}
.bannerTxt2 .bannerMore .trangle{display:inline-block;vertical-align: middle;width: 0; height: 0; border-width: 6px 0 6px 6px; border-style:solid; border-color:transparent transparent transparent #fff; margin-left:10px;}
.bannerTxt2 .bannerMore:hover{opacity:0.8;}

@media screen and (max-width:1199px){
	.bannerTxt2 .H4{font-size:18px;}
	.bannerTxt2 .H5{font-size:40px; margin: 15px 0;}
}
@media screen and (max-width:767px){
	.bannerTxt2{padding:0;}
	.bannerTxt2 .H4{font-size:14px; line-height: 20px;}
	.bannerTxt2 .H5{font-size:20px; margin: 10px 0;}
	.bannerTxt2 .bannerMore{width:110px; height: 30px; line-height: 30px; font-size:12px;}
	.slide1 .slick-dots{bottom:10px;}
	.slide1 .slick-dots li{width:10px; height: 10px; margin: 0 4px;}
.vv1{display:none;}
.vv2{display:block;}
}

/*main*/
.index1{padding:120px 0; position: relative;}
.index1 .line{width:120px; height: 1px; background-color: #bfc0c0; position: absolute; top:50%; right:0;}
.in1L{width:48.37%; float:left; padding:100px 0 100px 3.12%; position: relative; z-index: 1;}
.title{position: relative;}
.title .line2{width:48px; height: 2px; background-color: #867159; position: absolute; left: -50px; top:-60px;}
.title .bolder{font-weight: bolder; }
.title .H4{font-size:24px; color:#1f262c; font-family: Arial; font-weight: bolder; text-transform: uppercase;}
.title .H4 .color{color:#867159;}
.title .H5{font-size:30px; color:#1f262c; margin: 25px 0 45px 0;}
.in1L .p{font-size:16px; line-height: 36px; color:#323c43; text-align: justify;height:180px;
         overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;}
.in1More{font-size:14px; color:#867159; font-weight: bold; text-transform: uppercase; line-height: 20px; border-bottom:1px solid #fff; margin-top:45px; display: inline-block;}
.in1More .ico{display:inline-block; width: 19px; height: 10px; background: url(/Templates/cn/images/p4.png) center no-repeat; background-size: 100%; margin-right:8px;}
.in1More:hover{border-color:#867159;}

.in1R{width:46.56%; float:right; position: relative;}
.in1R .playBtn{width:100%; height: 100%; position: absolute; top:0; left: 0; background-color: rgba(0,0,0,0.1);}
.in1R .playBtn .btns{width:73px; height: 73px; position: absolute; top:50%; left: 50%; cursor: pointer;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.in1R .in1EnTi{height:100%; width:59.59%; left: -59.59%; top:0; position: absolute; background: url(../images/j3.jpg) center right no-repeat; background-size: auto 100%;}

.videoPop{width:100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; top:0; left: 0; z-index: 999999; display: none;}
.videoPop2{background-color:#fff; min-height: 100px; width:50%; left: 25%; padding:10px; position: absolute; top:50%;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.videoPop2 .video2{display:block;width: 100%;object-fit:fill}
.videoPop2 .close2{width:30px; height: 30px; position: absolute; top:-15px; right:-15px;}

@media screen and (max-width:1629px){
	.in1L{padding:30px 0 0 3.12%}
	.title .line2{top:-30px;}
}
@media screen and (max-width:1199px){
	.index1{padding:60px 0;}
	.title .H5{font-size:22px; margin: 10px 0;}
	.in1L .p{line-height:24px; height:100px;}
}
@media screen and (max-width:991px){
	.in1R{margin-top:60px;}
	.videoPop2{width:90%; left: 5%; padding:10px;}
}
@media screen and (max-width:767px){
	.index1{padding:30px 0;}
	.in1L{width:100%; padding:15px 0 0 0;}
	.title .H4{font-size:20px;}
	.title .H5{font-size:18px;}
	.in1L .p{font-size:14px;}
	.in1More{margin-top:10px;}
	.in1R{width:100%; margin-top:20px;}
	.in1R .playBtn .btns{width:40px; height: 40px;}
	.title .line2{left: 0; top:-15px;}
}

.index2{padding:108px 0 114px 0; position: relative;}
.title2{float:left; padding:18px 0 0 38px}
.title2 .H4{color:#3c3c3c;}
.title2 .H5{color:#3c3c3c; margin:12px 0 0 0;}
.title2 .line2{top:-27px; left: 0;}

.in2Nav{float:right; text-align: center; font-size:0;}
.in2Nav .list{display:inline-block; margin-left:22px; vertical-align: middle; width:160px; height: 38px; line-height: 36px; border-radius: 30px; text-align: center; border:1px solid #d9d9d9; color:#484848; font-size:18px; cursor: pointer;}
@media screen and (min-width:992px){
	.in2Nav .list:hover{background-color:#01369b; color:#fff;}
}
.in2Nav .list.on{background-color:#053eab; color:#fff;}

.in2Con{margin-top:10px;}
.in2Con .list{overflow:hidden;}
.in2slide{margin:0 -19px;}
.in2slide .li{float:left; width:25%; padding:40px 10px;}
.in2slide .li .box{background-color:#fff; padding:15px 15px 40px; text-align: center; border-radius: 6px; box-shadow: 0 0 21px rgba(0,0,0,0.1); display: block; position: relative;}
.in2slide .li .box .img{display:block; width: 100%; overflow:hidden;}
.in2slide .li .box .H4{font-size:20px; color:#1f262c; margin: 35px 0 15px 0;}
.in2slide .li .box .H5{font-size:14px; color:#575f65;}
.in2slide .li .box .ico{width:60px; height: 60px; background: url(../images/a6.png) center no-repeat; background-size: 100%; position: absolute; bottom:-30px; left: 50%; margin-left:-30px;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
@media screen and (min-width:992px){
	.in2slide .li .box:hover .ico{background-image:url(../images/b1.png); transform:rotateY(180deg);}
	.in2slide .li .box:hover .H4{color:#867159;}
}
.in2slide .slick-dots{width:100%; bottom:0; font-size:0;}
.in2slide .slick-dots li{width:8px; height: 8px;margin: 0 4px; border-radius: 50%; background-color: #867159; opacity: 0.6;}
.in2slide .slick-dots li.slick-active{opacity: 1;}

.in2EnTi{width:32.65%; right:0; bottom:96px; position: absolute;}

@media screen and (max-width:1199px){
	.index2{padding:60px 0;}
	.in2Nav .list{width:140px; font-size:16px;}
	.in2slide{margin:0 -10px;}
	.in2slide .li{padding:20px 10px}
	.in2slide .li .box{padding:20px 20px 40px 20px;}
	.in2slide .li .box .H4{margin:20px 0;}
	.in2EnTi{bottom:50px;}
}
@media screen and (max-width:991px){
	.in2Nav .list{width:120px; margin-left:10px;}
}
@media screen and (max-width:767px){
	.index2{padding:30px 0 30px 0;}
	.title2{padding:15px 0 0 0;}
	.title2 .line2{top:0;}
	.in2Nav{width:100%; text-align: center; margin-top:10px;}
	.in2Nav .list{padding:0 5px; height: 30px; line-height: 28px; font-size:14px; margin:10px 1% 0 1%; width: 23%;}
	.in2slide .li{float:none; width: 100%; padding:20px 0 40px 0;}
	.in2slide{margin:0;}
	.in2slide .li .box{padding:20px 10px 30px 10px; box-shadow: 0 0 21px rgba(0,0,0,0)}
	.in2slide .li .box .img{width:70%; margin: auto;}
	.in2slide .li .box .H4{font-size:18px; margin: 10px 0;}
	.in2EnTi{bottom:20px; width: 300px;}
}

.index3{padding:126px 0 0 0;}
.index3 .more .list{font-weight:bold; text-transform: uppercase; font-size:14px; margin-top:17px;}
.index3 .more .list:hover{background-color:#fff; color:#867159;}

.index3Ul{margin-top:60px;}
.index3Ul .list{width:32.5%; float:left; height: 716px; position: relative; background-color: #000; overflow: hidden;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.index3Ul .img{position:absolute; top:0; left: 0; width:100%; height: 100%; opacity: 0.5}
.index3Ul .box1{position: absolute; left: 37px; bottom:85px;}
.index3Ul .box1 .ico{width:76px; height: 76px; background-color: #fff; display: block; border-radius: 50%; overflow: hidden;}
.index3Ul .box1 .H4{font-size:24px; color:#fff; margin: 30px 0 20px 0;}
.index3Ul .box1 .line{display:block; width:29px; height: 3px; background-color: #fff;}
.index3Ul .box1 .H5{font-size:14px; color:#fff; font-family: Arial; text-transform: uppercase; margin-top:20px;}

.index3Ul .box2{width:577px; position: absolute; top:50%;margin-top:-181px; left: 0; opacity: 0; background: url(../images/p17.png) center no-repeat; background-size: cover; overflow: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.index3Ul .box3{width:462px; height: 362px; background-color: rgba(255,255,255,0.95); padding-right:80px; display: block; padding:65px 14% 0 28%; position: relative; text-align: right;}
.index3Ul .box3 .H4{font-size:30px; color:#333333; position: relative;}
.index3Ul .box3 .H4::after{width:374px; height: 14px;  background-size: 100%; content: ""; position: absolute; bottom:-50px; right:0;}
.index3Ul .box3 .p{font-size:16px; line-height: 30px; height: 60px; margin: 72px 0 47px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.index3Ul .box3 .H5{font-size:14px; color:#867159; font-family: Arial; text-transform: uppercase; font-weight: bold; position: relative; display: inline-block;}
.index3Ul .box3 .H5::after{width:16px; height: 3px; background-color: #867159; position: absolute; content: ""; top:50%; margin-top:-1.5px; left: -28px;}
.index3Ul .box3 .ico{width:76px; height: 76px; background-color:#867159; position: absolute; right:-38px; top:50%; margin-top:-38px; border-radius: 50%; overflow: hidden;}

@media screen and (min-width:768px){
	.index3Ul .list.on{width:35%;}
	.index3Ul .list.on .img{opacity:1;}
	.index3Ul .list.on .box1{opacity:0;}
	.index3Ul .list.on .box2{opacity:1;}
}

@media screen and (max-width:1629px){
	.index3Ul .box2{width:500px;}
	.index3Ul .box3{width:400px; padding:65px 10% 0 12%}
	.index3Ul .box1{left:20px;}
}
@media screen and (max-width:1199px){
	.index3{padding-top:60px;}
	.index3Ul .box1 .H5{font-size:12px;}
	.index3Ul .box2{width:400px;}
	.index3Ul .box3{width:340px;}
	.index3Ul .box3 .H4{font-size:22px;}
	.index3Ul .box1 .ico,
	.index3Ul .box3 .ico{width:60px; height: 60px;}
	.index3Ul .box3 .ico{right:-30px; margin-top:-30px;}
	.index3Ul .list{height:500px;}
}
@media screen and (max-width:991px){
	.index3Ul .box2{width:300px;}
	.index3Ul .box3{width:240px; padding: 40px 10% 0 5%;}
}
@media screen and (max-width:767px){
	.index3{padding-top:30px;}
	.index3 .more{float:right; width: auto;}
	.index3 .more .list{width:100px;}
	.index3Ul .list{width:33%; height: auto; background: none !important;}
	.index3Ul .img,
	.index3Ul .box2{display:none;}
	.index3Ul .box1{position:static;}
	.index3Ul .box1 .ico{border:1px solid #867159; margin: auto; width: 50px; height: 50px;}
	.index3Ul{margin-top:30px;}
	.index3Ul .box1 .H4{color:#867159; font-size:14px; margin: 10px 0; text-align: center;}
	.index3Ul .box1 .line{background-color:#867159; margin: auto; height:1px;}
	.index3Ul .box1 .H5{display: none;}
}

.index4{padding:90px 0 90px 0; position: relative; overflow: hidden;}
.index4 .bg{width:39.58%; position: absolute; right:8.33%; bottom:0;}
.in4Ul{width:790px;}
.in4Ul .list{padding:10px 40px 20px 40px;}
.in4Ul .list .box{display:block; background-color: #fff; box-shadow: 7px 7px 10px rgba(0,0,0,0.16); padding: 44px 55px 123px 77px;}
.in4Ul .list .box .H4{font-size:30px;}
.in4Ul .list .box .H5{font-size:14px; font-family: Arial; text-transform: uppercase; padding:7px 0 25px 0; border-bottom:1px solid #d8d8d8;}
.in4Ul .list .box .H6{width:179px; height: 31px; line-height: 31px; background-color: #867159; border-radius: 30px; text-align: center; font-size:21px; color:#fff; margin: 24px 0 30px 0;}
.in4Ul .list .box .p{font-size:16px; line-height: 27px; color:#323232; height: 54px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.in4Ul .list .box .img{margin-top:45px;}
.in4Ul .slick-prev,
.in4Ul .slick-next{width:30px; height: 30px;background: url(../images/b2.png) center no-repeat; background-size: 100%; background-color: #d0d0d0; bottom:65px; top:auto; transform: translate(0); left: 16.45%; right: auto;}
.in4Ul .slick-next{left:21.77%; background-image: url(../images/b3.png);}
.in4Ul .slick-prev:hover,
.in4Ul .slick-next:hover{background-color:#867159;}

@media screen and (max-width:1199px){
	.index4{padding:60px 0;}
	.index4 .bg{width:50%; right: 0;}
}
@media screen and (max-width:991px){
	.in4Ul{width:100%;}
}
@media screen and (max-width:767px){
	.index4{padding:30px 0;}
	.in4Ul .list{padding:0;}
	.in4Ul .list .box{padding:20px 20px 40px 20px; background-color: rgba(255,255,255,0.8)}
	.in4Ul .list .box .H4{font-size:20px;}
	.in4Ul .list .box .H5{padding:5px 0 10px 0;}
	.in4Ul .list .box .H6{font-size:14px; margin: 10px 0; width: 140px;}
	.in4Ul .list .box .p{font-size:14px; line-height: 24px; height: 48px;}
	.in4Ul .list .box .img{margin-top:10px;}
	.in4Ul .slick-prev, .in4Ul .slick-next{bottom:0; left: 0;}
	.in4Ul .slick-next{left:35px;}
	.index4 .bg{width:100%;}
}

.index5{padding:0px 0 77px 0;}
.in5Con .list{overflow:hidden;}
.newL{width:45.18%; float:left; margin-top:55px; position: relative; margin-bottom:20px;}
.newL .img{border-radius: 6px 6px 0 0;overflow: hidden;}
.newL .img img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.newL .time{background-color:#867159; padding:30px 20px 38px 20px; border-radius: 6px; position: absolute; bottom:0; left: 0; text-align: center;}
.newL .time .H4{font-size:30px; color:#fff; font-weight: bold; padding:0 12px; line-height: 60px; border-bottom:1px solid #9e8d7a;}
.newL .time .H5{font-size:23px; color:#fff; text-align: center; line-height: 55px;}
.newL .text{box-shadow:0 5px 10px rgba(240,240,240,7.5); background-color: #fff; padding:30px 30px 30px 170px;border-radius: 0 0 6px 6px;}
.newL .text .H4{font-size:21px; color:#424242;}
.newL .text .p{font-size:16px; line-height: 26px; height: 52px; margin-top:14px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color:#000;}
.newL:hover .img img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.newL:hover .text .H4{color:#867159;}

.in5New{width:48.12%; float:right; margin-top:15px; margin-right:10px;margin-bottom:20px;}
.in5New .li{margin-top:40px; display: block; box-shadow:0 0 10px rgba(240,240,240,7.5); border-radius: 6px; padding:25px 30px;}
.in5New .li .img{width:170px; float:left; overflow: hidden;}
.in5New .li .img img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.in5New .li .text{margin-left:210px;}
.in5New .li .text .H4{font-size:21px; color:#424242; margin: 12px 0 15px 0;}
.in5New .li .text .p{font-size:16px; line-height: 26px; height: 52px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color:#000;}
.in5New .li .text .time{text-align:right; font-size:14px; color:#b7b7b7;}
.in5New .li:hover .img img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.in5New .li:hover .H4{color:#867159;}

@media screen and (max-width:1629px){
	.in5New .li{margin-top:15px;padding: 15px 20px;}
	.in5New{margin-top:35px;}
}
@media screen and (max-width:1199px){
	.index5{padding:60px 0;}
	.newL{width:48%;}
	.in5New .li .text{margin-left:190px;}
	.newL .text .H4,
	.in5New .li .text .H4{font-size:18px;}
}
@media screen and (max-width:991px){
	.newL,
	.in5New{width:auto ;margin: 30px 10px 0 10px; float:none;}
}
@media screen and (max-width:767px){
	.index5{padding:30px 0;}
	#in5Nav .list{width:30%;}
	.newL .time{padding:10px; top:0; left: 0; bottom:auto; background-color:rgba(134,113,89,0.6)}
	.newL .time .H4{font-size:20px; line-height: 30px;}
	.newL .time .H5{font-size:16px; line-height: 30px;}
	.newL .text{padding:10px;box-shadow: 0 5px 10px rgba(240, 240, 240, 0);}
	.newL .text .p{font-size:14px; margin-top:5px;}
	.newL{border-bottom:1px dashed rgba(0,0,0,0.1); }
	.newL,
	.in5New{width:100%; margin: 20px 0 0 0;}
	.in5New .li{box-shadow: 0 5px 10px rgba(240, 240, 240, 0); padding:10px; border-bottom:1px dashed rgba(0,0,0,0.1); margin: 0;}
	.in5New .li .img{width:120px !important;}
	.in5New .li .text{margin-left:130px !important;}
	.in5New .li .text .H4{font-size:16px; margin: 5px 0;}
	.in5New .li .text .p{font-size:13px; line-height: 22px; height: 44px;}
	.in5New .li .text .time{font-size:12px;}
}

/*bottom*/
.bottom{background-color:#4b4b4b;margin-top: 40px}
.bottom1{padding:55px 0 40px 0;}
.bottom1 .b1{width:42.25%; float:left;}
.bottom1 .b1 .H4{font-size:16px; color:#fff; margin: 10px 0 16px 0;}
.bottom1 .b1 .H4 .ico{width:19px; height: 19px; display: inline-block; line-height: 0; margin:0 10px 0 5px; vertical-align: middle;}
.bottom1 .b1 .H5{font-size:34px; color:#fff; font-weight: bold;}
.bottom1 .b1 .p{font-size:14px; line-height: 24px; color:rgba(255,255,255,0.6); margin: 18px 0 40px 0;}
.b1Share .li{float:left; width:35px; height: 35px; border-radius: 50%; border:1px solid rgba(255,255,255,0.3); position: relative; margin-right:20px;}
.b1Share .li .b1Ewm{width:100px; height: 100px; background-color: #fff; position: absolute; bottom:40px; left: 50%; margin-left:-50px; transform: scale(0);
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
@media screen and (min-width:992px){
	.b1Share .li:hover .b1Ewm{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
}
.b1Share .li .b1Ewm.on{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}

.b2{float:left; margin-left:0.68%; width: 30.93%;}
.b2 a{float:left; width: 32.52%; font-size:15px; color:#fff; padding-bottom:15px; border-bottom:1px dashed #5c5c5c; margin-bottom:15px;}
.b2 a:nth-child(2n){margin-left:34.96%;}
.b2 a:hover{border-color:#fff;}

.b3{float:right;}
.b3 .b3L{width:110px; float:left; text-align: center;}
.b3 .b3L .img{display:block; background-color: #fff; padding:5px;}
.b3 .b3L .H6{font-size:12px; color:#fff; line-height: 18px; margin-top:10px;}
.b3 .b3R{float:right; margin-left:20px;}
.b3 .b3R .img{display:block; width: 22px; margin: auto;}
.b3 .b3R .H6{font-size:14px; color:#fff; margin-top:5px;}

.bottom2{border-top:1px solid #5c5c5c; padding:25px 0 32px 0;}
.bLink2{float:left; width: 100%;}
.bLink2 .list{display:inline-block; font-size:14px; color:#fff;}
.bLink2 .top{color:#fff; margin: 0;}
.bLink2 .i2{font-size:14px; color:#fff; margin: 0 9px;}
.bLink2 .scrollBox,
.bLink2 .scroll{display:inline-block;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.bLink2 .top .ico{display:none;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.bLink2 .a:hover{color:#57360f;}

@media screen and (max-width:1629px){
	.bLink2 .i2{ margin: 0 2px;font-size:12px;}
	.bLink2 .list{font-size:12px;}
}
@media screen and (max-width:991px){
	.bLink2{width:180px; height: 34px; background-color:#6b5439; border:1px solid rgba(255,255,255,0.2); position: relative; margin:auto auto; padding: 0; float:none; clear: both;}
	.bLink2 .i2{display:none;}
	.bLink2 .top{width:100%; height: 34px; line-height: 34px; padding:0 40px 0 10px; position: relative; text-align: left;}
	.bLink2 .top .ico{width:20px; height: 20px; position: absolute; top:7px; right:10px; display: block; line-height: 0;}
	.bLink2 .scrollBox{width:100%; height: 0;overflow-x: hidden; overflow-y: auto; position: absolute; bottom:33px; left: 0; background-color:#fff;}
	.bLink2 .scrollBox .scrol{ margin: 10px;}
	.bLink2 .scrollBox .scrol .a{display:block; line-height: 30px; text-align: left; color:#666;}
	.bLink2.active .scrollBox{height:140px;}
	.bLink2 .top.active .ico{transform: rotate(180deg);}
}
@media screen and (max-width:767px){
	.bLink2{margin:auto;}
}

.cr{font-size:14px; color:#fff; margin-top:10px; float:left; width: 100%;}
.cr .p{display:inline-block;}

@media screen and (max-width:1629px){
	.bottom1 .b1 .H5{font-size:26px;}
}
@media screen and (max-width:1199px){
	.bottom1 .b1 .H5{font-size:20px;}
}
@media screen and (max-width:991px){
	.bottom1 .b1 .H5{font-size:16px;}
	.b2 a{width:40%;}
	.b2 a:nth-child(2n){margin-left:20%;}
	.b3 .b3L{width:90px;}
	.b3 .b3R{margin-left:10px;}
	.cr{text-align:center;}
}
@media screen and (max-width:767px){
	.b2,.b3{display:none;}
	.bottom1 .b1{width:100%;}
	.bottom1{padding:20px 0;}
	.bottom1 .b1 .H4{margin:0 0 10px 0;}
	.bottom1 .b1 .p{font-size:12px; line-height: 22px; margin:15px 0 10px 0;}
	.b1Share{text-align:center;}
	.b1Share .li{float:none; display: inline-block; margin: 0 5px;}
	.bottom2{padding:10px 0;}
	.cr {font-size:12px;}
	.cr .p{display:block; }
}

.bNavPh{display:none;}

@media screen and (max-width:767px){
	.frBox{height:40px}
	.bNavPh{display:block; position: fixed; bottom:0; left: 0; width: 100%; background-color: #1e1e1e; height: 40px; border-top:1px solid rgba(255,255,255,0.2); z-index: 88;}
	.bNavPh a{width:33.33%; float:left; position: relative;}
	.bNavPh a .ico{display:block; width:30px; margin:5px auto;}
	.bNavPh a .ewm{width:100px; height: 100px; background-color:#fff; padding:5px; position: absolute; bottom:41px; left: 50%; margin-left:-50px; display: none;}
}

/*产品中心*/
.localtion{border-bottom:1px solid #e5e5e5;}
.localtion .H4{font-size:14px; color:#6d6d6d; line-height: 64px; }
.localtion .H4 a{color:#6d6d6d;}
.localtion .H4 a:hover{color:#867159;}
.localtion .H4 a:last-child{color:#867159;}

.pageNav{float:left;}
.pageNav a{float:left; font-size:18px; color:#181818; line-height: 64px; padding:0 22px; position: relative; margin-right:15px;}
.pageNav a::after{width:100%; height: 2px; background-color: #867159; position: absolute; content: ""; bottom:-1px; left: 0; opacity: 0}
.pageNav a::before{width: 0;height: 0;border-width: 0 8px 8px 8px;border-style: solid;border-color: transparent transparent #867159 transparent;content: ""; position: absolute;bottom: 0;left: 50%;margin-left: -8px; opacity: 0}
.pageNav a.on::after{opacity:1}
.pageNav a.on::before{opacity:1}

.pro1{padding:25px 0;}
.pro1 .caseUl{padding-bottom:0;}
.pro1 .caseUl .list{margin-bottom:0; margin-top:20px;}
.proH4{font-size:30px; color:#313131; line-height: 84px; border-bottom:1px solid #867159; background: url(../images/b4.png) left bottom no-repeat; position: relative;}
.proMore{position:absolute; top:0; right: 0; line-height: 84px; font-size:14px; color:#867159;}
.proMore:hover{font-weight:bold;}


.pro2Nav{width:17.37%; float:left; margin-top:25px;}
.pro2Nav a{display:block; border:1px solid #0a0a0a; line-height: 38px; text-align: center; border-radius: 2px; font-size:16px; color:#000000; margin-top:10px;}
.pro2Nav a:hover{background-color:#01369c; color:#fff;}
.pro2Nav a.on{background-color:#01369c; color:#fff;}

.pro2Ul{width:82.63%; float:right; margin: 0; padding-bottom:50px;}
.pro2Ul .li{width:33.33%; padding:30px 0 30px 3%;}

.paging{text-align:center; font-size:0;width:82.63%; float:right;}
.paging a{display:inline-block; vertical-align: middle; width:38px; height: 38px; border-radius: 30px; line-height: 36px; text-align: center; font-size:14px; color:#272727; margin: 0 5px; border:1px solid #e1e1e1; box-sizing: border-box; }
.paging .pageup{width:100px; background:url(../images/b5.png) center no-repeat; background-size:100%;}
.paging .pagedown{width:100px; background:url(../images/b6.png) center no-repeat; background-size:100%;}
.paging .pageup:hover{background-image:url(../images/b7.png);}
.paging .pagedown:hover{background-image:url(../images/b8.png);}
.paging a.hover{background-color:#79654e; color:#fff; border-color:#79654e;}
.paging .aPh{font-size:12px; color:#333; margin: 0 5px; display:none; vertical-align: middle;}

@media screen and (min-width:992px){
	.paging a:hover{background-color:#79654e; color:#fff; border-color:#79654e;}
}

@media screen and (max-width:1199px){
	.paging{width:100%;}
}
@media screen and (max-width:767px){
	.paging .a{display:none;}
	.paging .aPh{display:inline-block;}
}

.pro3{padding:25px 0 5px 0;}
.pro3Ul{margin:20px -20px 0 -20px;}
.pro3Ul .list{padding:0 20px;}
.pro3Ul .list .box{display:block; background-color: #f1f1f1;padding:5px 5px 0 5px;}
.pro3Ul .list .box .img{display:block; overflow: hidden;}
.pro3Ul .list .box .img img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.pro3Ul .list .box .H5{text-align:center;font-size:20px; color:#181818; line-height: 80px;}
.pro3Ul .list .box:hover .img img{
transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.pro3Ul .list .box:hover .H5{color:#79654e;}
.pro4UlBtn .slick-prev,
.pro4UlBtn .slick-next{width:32px; height: 32px; background: url(../images/b9.png) center no-repeat; background-size: 100%; top:-77px;transform: translate(0); left: auto; right: 60px; background-color: #bfbfbf; border-radius: 2px;}
.pro4UlBtn .slick-next{right:20px; background-image: url(../images/b10.png);}
.pro4UlBtn .slick-prev:hover,
.pro4UlBtn .slick-next:hover{background-color:#79654e;}

.pro4{width:48%; float:left;}
.pro4Ul{border:1px solid #e5e5e5; margin-top:25px; padding:35px 11.74%;}
.pro4Ul .list{width:78.83%; margin: auto;}
.pro4Ul .slick-prev,
.pro4Ul .slick-next{width:24px; height: 74px; background: url(../images/b11.png) center no-repeat; background-size: 100%; left: 0; background-color: #bfbfbf;}
.pro4Ul .slick-next{background-image:url(../images/b12.png); left: auto; right: 0;}
.pro4Ul .slick-prev:hover,
.pro4Ul .slick-next:hover{background-color: #867159;}

.pro5{width:48%; float:right;}
.pro5Ul{margin-top:-10px;}
.pro5 .list{width:100%; margin: 0;}
.pro5Ul .in5New .li{margin:40px 0}
.pro5UlBtn .slick-prev,
.pro5UlBtn .slick-next{top:-45px;}
.pro5UlBtn .slick-next{right:0;}
.pro5UlBtn .slick-prev{right:40px;}

.proMarB{margin-bottom:15px;}

@media screen and (max-width:1629px){
	.pro5Ul{margin:6px 0 0 0;}
	.pro5Ul .in5New .li{margin:20px 0;}
	.proMarB{margin-bottom:35px;}
	.pro5UlBtn .slick-prev,
	.pro5UlBtn .slick-next{top:-55px}
}
@media screen and (max-width:1199px){
	.proH4{font-size:24px; line-height: 60px;}
	.proMore{line-height: 60px;}
	.pro3Ul .list .box .H5{font-size:18px;line-height: 40px;}
	.pro2Nav{width:auto; margin: 20px -5px 0 -5px; float:none; font-size:0; text-align: center;}
	.pro2Nav a{width:19%; margin: 5px 0.5% 0 0.5%; display: inline-block;}
	.pro2Ul{width:auto; float:none; margin: 0 -10px;}
	.pro2Ul .li{padding:20px 10px;}
	.pro5 .in5New .li .img{width:140px}
	.pro5 .in5New .li .text{margin-left:155px;}
	.pro5 .in5New .li .text .H4{font-size:16px; margin: 5px 0;}
	.pro5 .in5New .li .text .p{font-size:14px; line-height: 24px; height: 48px;}
}
@media screen and (max-width:991px){
	.pro2Nav a{font-size:14px; line-height: 18px; padding:5px}
	.pageNav{display:none;}
}
@media screen and (max-width:767px){
	.localtion .H4{line-height:40px;}
	.proH4{font-size:20px; line-height: 40px; background-size:6px}
	.proMore{line-height: 40px;}
	.pro3Ul .list .box .H5{font-size:16px;}
	.pro2Nav a{ width:49%; font-size:12px;}
	.pro2Ul .li{width:50%; float:left;}
	.pro2Ul .li .box{box-shadow: 0 0 21px rgba(0,0,0,0.1);}
	.pro2Ul{padding-bottom:20px; margin: 0 -5px;}
	.pro2Ul .li{padding: 20px 5px;}
	.pro2Ul .li .box .ico{width:40px; height: 40px; bottom:-20px; margin-left:-20px;}
	.pro4UlBtn .slick-prev, .pro4UlBtn .slick-next{width:24px; height: 24px; top:-55px;}
	.pro4,
	.pro5{width:100%; margin-top:10px;}
	.pro4Ul{padding:20px 30px;}
	.pro4Ul .list{width:90%;}
	.pro5UlBtn .slick-prev,
	.pro5UlBtn .slick-next{top:-40px;}
	.pro5Ul .in5New .li{padding:10px 0; margin: 0;}
}

/*产品中心详情*/
.proDe{padding:55px 0 30px 0;}
.proDe1{width:42%; float:left; }
.proDe1 .topk{border-radius:8px; overflow: hidden; box-shadow: 0 0 21px rgba(0,0,0,0.1); border:1px solid #e5e5e5;
}
.proDe1 .homedown{margin-top:20px; padding:0 38px;}
.proDe1 .homedown .list{width:88.75%; margin: auto; border:1px solid #e5e5e5;}
.proDe1 .homedown .slick-current .list{border:1px solid #857159;}
.proDe1 .homedown .slick-prev,
.proDe1 .homedown .slick-next{width:22px; height:100%; left: 0; background:url(../images/b13.png) center no-repeat; background-size:100%; background-color: #e5e5e5;}
.proDe1 .homedown .slick-next{background-image:url(../images/b14.png); left: auto; right:0;}
.proDe1 .homedown .slick-prev:hover,
.proDe1 .homedown .slick-next:hover{background-color: #857159;}
.proDe img{max-width:100%; height:auto;}

.proDe2{width:47%; float:right;}
.proDe2 .H4{font-size:36px; color:#5a4e4a; margin: 20px 0 25px 0; font-weight: bold;}
.proDe2 .p{font-size:18px; line-height: 30px; color:#4c4c4c; text-align: justify;}
.proDe2 .p2{font-size:30px; line-height: 30px; color:#4c4c4c; padding:25px 0; border-top:1px dashed #cccccc; border-bottom:1px dashed #cccccc; margin:25px 0; font-weight: bold;}
.proDe2 .p3{font-size:16px; line-height: 30px; color:#d50000; margin-top: 40px;}
.proDe2 .p4{font-size:16px; line-height: 30px; color:#d50000; margin-top: 40px; width: 150px;}
.proDe2 .ask{display:block; width: 150px; height: 44px; line-height: 44px; background-color: #857159; border-radius:30px; text-align: center; font-size:16px; color:#fff;}
.proDe2 .ask:hover{opacity:0.8}

.proDe3{width:71.37%; float:left; margin-top:40px;}
.proDe3H4{font-size:16px; color:#fff; font-weight: bold; line-height: 52px; background-color: #0843b3; padding:0 40px;}
.proDe3 .p{font-size:16px; line-height: 30px; margin:25px 0 45px 0; color:#000;}
.proDe3 .p .img{text-align:center; }
.proDe3 .p .img2{width:48.77%; float:left;}
.proDe3 .p .img2:nth-child(2n){margin-left:2.46%;}
.proDe3Share{padding:12px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.proDe3Share .H5{float:left; line-height: 26px; font-size:14px; color:#181818;}
.proDe3Share .bdsharebuttonbox {float:left;}
.proDe3Share .bdsharebuttonbox a{width:25px; height: 25px; margin:0 0 0 10px; padding: 0; background:url(../images/aa.jpg) center no-repeat; background-size: 100%;}
.proDe3Share .bdsharebuttonbox .bds_sqq{background-image:url(../images/bb.jpg)}
.proDe3Share .bdsharebuttonbox .bds_qzone{background-image:url(../images/cc.jpg)}
.proDe3Share .bdsharebuttonbox .bds_tsina{background-image:url(../images/dd.jpg)}
.proDe3Share .zan{float:right; line-height: 25px; font-size:14px; color:#181818; cursor: pointer;}
.proDe3Share .zan .ico{width:21px; height: 21px; line-height: 0; display: inline-block; vertical-align: middle; margin-right:8px; background: url(../images/ee.jpg) center no-repeat; background-size: 100%; margin-top:-6px;}
.proDe3Share .zan.on .ico{background-image:url(../images/ff.jpg);}
.proDe3Share .zan.on{color:#867159;}

.pages a{width:40%; float:left; font-size:14px; color:#333333; line-height: 45px;}
.pages a:nth-child(2){float:right; text-align: right;}
.pages a:hover{color:#867159;}

.proDe4{width:26%; float:right;margin-top: 40px;}
.proDe4 .caseUl{margin:0; padding: 0;}
.proDe4 .caseUl .list{width:100%; padding: 0;margin-bottom:0; margin-top:20px;}

@media screen and (max-width:1199px){
	.proDe1{width:50%; margin: 0 0 0 25%;}
	.proDe2{width:100%;}
}
@media screen and (max-width:991px){
	.proDe3Share2{display:none;}
	.proDe1{width:70%; margin: 0 0 0 15%;}
}
@media screen and (max-width:767px){
	.proDe{padding:30px 0;}
	.proDe1{width:100%; margin: 0;}
	.proDe2 .H4{font-size:20px; margin: 20px 0 10px 0;}
	.proDe2 .p{font-size:14px; line-height: 24px;}
	.proDe2 .p2{margin:10px 0; padding:10px 0;font-size:14px; line-height: 24px;}
	.proDe3,
	.proDe4{width:100%; margin-top:20px;}
	.proDe3H4{font-size:16px; line-height: 40px;padding: 0 15px;}
	.proDe3 .p{margin:20px 0; line-height: 24px;}
	.proDe3 .p table{ width: 100%;}
	.proDe4 .caseUl{margin:0 -5px;}
	.proDe4 .caseUl .list{width:33.33%; padding:0 5px;}
	.proDe4 .caseUl .list .box .H5{font-size:13px;}
	.pages{margin-top:10px;}
	.pages a{width:100%; text-align: left !important; line-height: 24px;}
}

/*经典案例*/
.case{padding:60px 0;}
.caseUl{padding-bottom:20px; margin: 0 -22px;}
.caseUl .list{width:25%; float:left; padding:0 22px; margin-bottom:40px;}
.caseUl .list .box{display:block; background-color: #f1f1f1; padding:5px 5px 0 5px; position: relative;}
.caseUl .list .box .H5{font-size:20px; color:#181818; line-height: 80px; text-align: center;}
.caseUl .list .boxOn{position:absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); padding:55px 35px 0 35px; transform: scale(0);-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.caseUl .list .boxOn .H4{font-size:30px; color:#fff; letter-spacing: 6px;}
.caseUl .list .boxOn .p{font-size:14px; line-height: 30px; height: 150px; color:#fff; margin: 30px 0 50px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;}
.caseUl .list .boxOn .H6{width:140px; height: 46px; line-height: 46px; background-color: #867159; text-align: center; border-radius: 30px; font-size:16px; color:#fff;}

@media screen and (min-width:992px){
	.caseUl .list .box:hover .boxOn{transform:scale(1);}
	.caseUl .list .box:hover .H5{opacity:0;}
}
.case .paging{width:100%; float:none;}

@media screen and (max-width:1629px){
	.caseUl .list .boxOn .p{margin:20px 0; line-height: 24px; height: 120px;}
}
@media screen and (max-width:1199px){
	.caseUl .list .boxOn{padding:20px 20px 0 20px;}
	.caseUl .list .boxOn .H4{font-size:24px;}
	.caseUl{margin:0 -10px;}
	.caseUl .list{padding:0 10px;}
	.caseUl .list .box .H5{font-size:18px; line-height: 60px;}
}
@media screen and (max-width:767px){
	.case{padding:30px 0;}
	.caseUl{margin:0 -5px; padding-bottom:15px;}
	.caseUl .list{width:50%; padding:0 5px; margin-bottom:15px;}
	.caseUl .list .box .H5{font-size:16px; line-height: 40px;}
}

/*案例详情*/
.caseDe{padding:55px 0 35px 0;}
.caseDe1{width:71.37%; float:left;}
.caseDe1 .H1{font-size:30px; color:#333333; text-align: center;}
.caseDe1 .newTextDiv{border-top:1px solid #d7d8d8; border-bottom:1px solid #d7d8d8; padding:9px 0; margin: 40px 0 30px 0; display: inline-block; width: 100%;}
.caseDe1 .newTextDiv .H2{font-size:14px; color:#777777; margin-right:0.83%; float:left;line-height: 34px; letter-spacing: 0.5px; }
.caseDe1 .newTextDiv .return{float:right; font-size:14px; color:#777777; line-height: 34px;}
.caseDe1 .newTextDiv .return .i1{float:right; width:38px; height: auto; margin-left:10px; }
.caseDe1 .newTextDiv .return .i1 img{display:block;}
.caseDe1 .newTextDiv .return:hover{color:#9c612e}

.slideOut2{ width:100%; position: relative; }
.slide{
  float: left;
    width: 100%;
    min-height: 100px;
    position: relative;
}
.slide .img{
    overflow: hidden;
    position: absolute;
	transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
	width:34.71%;
	background-color:#fff;
	padding:5px;
	border:1px solid #e5e5e5;
    opacity:0;
}
/*
.slide .img1{
    top:23%;
    left: 0;
    z-index: 1;
	opacity: 1;
	width:37.52%;
}
*/
.slide .img2{
    top:15%;
    left: 0;
    z-index: 1;
	opacity: 1;
	width:30%;
}
.slide .img3{
   top: 0;
    left: 29.42%;
    z-index: 2;
	width:41.15%;
	padding:10px;
	box-sizing: border-box;
    opacity:1;

}
.slide .img4{
   top:15%;
    left: 70%;
    z-index: 1;
	opacity: 1;
	width:30%;

}
/*
.slide .img5{
    height:auto;
    top: 8.335%;
    right: 0.85%;
    z-index: 1;
	opacity: 1;
	height:83.33%;
}
*/

.slide .img .pic{ float:left;  line-height:0; border:1px solid #eeeeee; overflow:hidden; width:100%; background-color:#000;}
.slide .img .pic img{
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.slide .img:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.slide .sd{ position: absolute; width: 100%; left: 0; top: 0;}
.slide .img2 .sd{ display: none;}
.slide .img4 .sd{ display: none;}

.slideOut2 button{
   position: absolute;
	left: 170px;
	top: 50%;
	margin-top:-24px;
	width: 50px;
	height: 48px;
	background-size:auto 100%;
	z-index: 9;
-webkit-transition: all 0.3s ease-out 0s;
   -moz-transition: all 0.3s ease-out 0s;
	 -o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
}
.slideOut2 .butLeft{ position: absolute; left:90px; background: url(../images/c1.png) center no-repeat; outline: 0; z-index: 20; cursor: pointer;}
.slideOut2 .butRight{position: absolute; right:90px; left: auto;background: url(../images/c2.png) center no-repeat; outline: 0; z-index: 20; cursor: pointer;}
.slideOut2 .butLeft:hover{background-image: url(../images/c3.png)  }
.slideOut2 .butRight:hover{background-image: url(../images/c4.png) }

.caseDe1Span{display:block; width: 28px; height: 24px; line-height: 0; margin:25px auto 35px auto;}
.caseDe1 .p{font-size:14px; line-height: 30px; color:#333333; margin-bottom:45px;}
.caseDe1 .p .H6{font-size:14px; color:#333333; font-weight: bold;}
.caseDe1 .p .span{margin-right:8%}
.caseDe1 .p .span2{width:45.97%; display: inline-block;}

.caseDe2{margin-top:20px;}

@media screen and (max-width:1629px){
	.caseDe1 .p .span2{display:block; width: 100%;}
}
@media screen and (max-width:767px){
	.caseDe{padding:30px 0;}
	.caseDe1{width:100%;}
	.caseDe1 .H1{font-size:20px;}
	.caseDe1 .newTextDiv{margin:15px 0;}
	.caseDe1 .newTextDiv .H2{font-size:12px; line-height: 20px; margin-right: 10px}
	.caseDe1 .p{line-height:24px; margin-bottom:20px;}

	.slide .img2{width:40%; top:24%;}
	.slide .img4{width:40%; left: 60%;top:24%;}
	.slide .img3{width:80%; left: 10%;}
	.slideOut2 .butLeft{left:15%;}
	.slideOut2 .butRight{right:15%;}
	.caseDe1Span{margin:15px auto;}

	.caseDe1 .newTextDiv .return {line-height:26px;}
	.caseDe1 .newTextDiv .return .i1{width:26px; height: 26px;}
}

/*新闻资讯*/
.news{padding:55px 0 60px 0;}
.newsL{width:71%; float:left;}
.newsLUl{padding-bottom:40px;}
.newsLUl .list{margin-bottom:20px; padding:20px 20px 20px 30px; border:1px solid #e5e5e5;}
.newsLUl .list .img{width:329px; float:right; overflow: hidden;}
.newsLUl .list .img img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.newsLUl .list .text{margin-right:380px; position: relative;}
.newsLUl .list .text .H3{font-size:20px; color:#333333; line-height: 60px; padding-left:80px;}
.newsLUl .list .text .time{position:absolute; top:0; left: 0; border-right:1px solid #c0c0c0; padding-right:14px;}
.newsLUl .list .text .time .day{font-size:14px; color:#202020;}
.newsLUl .list .text .time .day .big{font-size:30px; color:#202020; font-family: Arial;}
.newsLUl .list .text .time .year{font-size:14px; color:#202020; margin-top:5px;}
.newsLUl .list .text .p{font-size:14px; line-height: 30px; height: 60px; color:#666666; margin: 25px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.newsLUl .list .text .more{font-size:16px; color:#666666; }
.newsLUl .list .text .more .ico{width:30px; height: 10px; background: url(../images/c5.png) center no-repeat; background-size: 100%; display: inline-block;}
.newsLUl .list:hover .img img{
transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.newsLUl .list:hover .H3{color:#79654e;}
.newsLUl .list:hover .more{color:#79654e;}
.newsLUl .list:hover .more .ico{background-image:url(../images/c6.png);}
.newsL .paging{width:100%; float:none;}

.newsR{width:26%; float:right;}
.newsR2{width:100%; float:none;}
.newsR2 .li{padding:15px; margin-top:10px;}
.newsR2{margin-top:20px;}
.newsR2 .li .img{width:132px;}
.newsR2 .li .text{margin-left:145px;}
.newsR2 .li .text .H4{font-size:17px; margin:8px 0;}
.newsR2 .li .text .p{font-size:14px; color:#8d8d8d;}
.newsR2 .li .text .time{float:right; background-color: #fff; line-height: 26px; margin-top:-26px; position: relative; z-index: 1; font-size:12px; padding-left:10px;}

@media screen and (max-width:1199px){
	.newsLUl .list .img{width:240px;}
	.newsLUl .list .text{margin-right:260px;}
	.newsLUl .list .text .p{margin:10px 0; line-height: 24px; height: 48px;}
	.newsLUl .list .text .H3{line-height:50px;}
	.newsR2 .li .img{width:100px;}
	.newsR2 .li .text{margin-left:110px;}
	.newsR2 .li .text .p{height:26px;-webkit-line-clamp: 1;}
	.newsR2 .li .text .time{float:none; padding: 0; margin: 0;}
	.newsR2 .li .text .H4{margin:0;}
}
@media screen and (max-width:991px){
	.newsL{width:100%;}
	.newsR{width:100%; margin-top:20px;}
	.newsR2{margin:20px 0 0 0;}
}
@media screen and (max-width:767px){
	.news{padding:30px 0;}
	.newsLUl .list .img{width:100%; float:none;}
	.newsLUl .list{padding:10px; position: relative;}
	.newsLUl .list .text{margin:0; position: static;}
	.newsLUl .list .text .time{top:10px; left: 10px; background-color: rgba(255,255,255,0.6); padding: 10px;}
	.newsLUl .list .text .H3{font-size:16px; line-height: 30px; padding: 0;}
	.newsLUl .list .text .p{margin:0;}
	.newsLUl .list .text .more{font-size:13px;}
	.newsLUl{padding-bottom:10px; margin-bottom: 10px;}
	.newsR2 .li .text .p {height: 44px;-webkit-line-clamp: 2; margin: 5px 0;}
	.newsR2 .li .text .time{line-height:normal;}
	.newsR2 .li{padding:10px 0; margin: 0;}
}



/*新闻详情*/
.newsL .imgBox .img{width:48.68%; float:left;}
.newsL .imgBox .img:nth-child(2n){margin-left:2.64%;}
.newsL .caseDe1{width:100%; float:none;}

/*联系我们*/
.contact{padding:60px 0 70px 0;}
.contactTit{text-align:center; font-size:54px; color:rgba(134,113,89,0.16); font-weight: bold; font-family: Arial; text-transform: uppercase;  line-height: 50px; position: relative; text-align: center;}
.contactTit .H4{font-size:30px; color:#867159; position: absolute; line-height: 50px; left: 0; top:0; width: 100%;}

.contact2{margin:65px -13px 30px -13px; }
.contact2 .list{width:33.33%; float:left; padding:0 13px;}
.contact2 .box{border:1px solid #e5e5e5; box-shadow: 0 0 27px rgba(0,0,0,0.02); padding:15px; min-height: 145px;}
.contact2 .box .li{font-size:16px; line-height: 36px;}
.contact2 .box .li .ico{float:left; width: 22px; line-height: 0; margin-right:12px; margin-top:7px;}
.contact2 .box .li .p{margin-right:5%; width:48%; display: inline-block;}
.contact2 .box .li .p:nth-child(3){margin:0; width:auto;}
.contact2 .list:last-child .box .li .p{width:auto;margin: 0;}

.map{ width:100%; height:604px;  margin-top:38px;}
#bdmap{ width:100%; position:relative; height:100%;}
#bdmap .BMap_pop{ float:right; background-image:url(../images/c7.png); background-repeat:no-repeat; border:none !important; width:250px !important; border:0 !important; height:67px; margin: 35px 0 0 0;}
#bdmap .BMap_pop .BMap_top,#bdmap .BMap_pop .BMap_center,#bdmap .BMap_pop .BMap_bottom,#bdmap .BMap_pop div:nth-child(9n){ width:86% !important;}
#bdmap .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;}
#bdmap .BMap_pop div img{display:none;}
#bdmap .iw_poi_content{ font-size: 15px; color: #222222;  text-align: center; padding:20px 0 22px 0; }
#bdmap .BMap_shadow{ width:100%; float: left; display: none !important;}
#bdmap .BMapLabel{ display: none !important;}
@media  screen and (max-width:767px){

}
#bdmap .BMap_pop div:nth-child(9){height:55px; top:0 !important; left: 0 !important; width: 100% !important; height: 100%; }
#bdmap .BMap_pop img:nth-child(10){display:none;}

@media screen and (max-width:1629px){
	.contact2 .box .li .p{width:auto; margin: 0 0 0 30px !important; display: block;}
	.contact2 .box{min-height:212px}
}
@media screen and (max-width:1199px){
	.map{height:400px;}
	.contact2 .box .li{font-size:14px;}
}
@media screen and (max-width:991px){
	.contact2{margin:30px 0;}
	.contact2 .list{padding:0; width: 100%; margin-top:10px;}
	.contact2 .box{min-height:inherit;}
}
@media screen and (max-width:767px){
	.contact{padding:30px 0;}
	.contactTit{font-size:30px; line-height: 40px;}
	.contactTit .H4{font-size:20px; line-height: 40px;}
	.contact2{margin-top:10px;}
	.map{height:200px;}
}

/*关于我们*/
.about1{padding:55px 0}
.about1D{background-color:#f0e5d6; position: relative; padding-left:50%; margin-top:55px;}
.about1D2 .in1EnTi{ background: none; }
.about1D2 .playBtn .btns{width:66px; height: 66px;}
.about1D2 {position:absolute; top:0; left: 0; height: 100%; width: 50%;}
.about1D .text{width:100%; float:right; padding:45px 5.62% 50px 5.62%; position: relative;}
.about1D .text::after{width:24px; height: 26px; background: url(../images/c8.png) center no-repeat; background-size: 100%; position: absolute; left: -24px; top:50%; margin-top:-13px; content: '';}
.about1D .text .p{font-size:16px; line-height: 30px; color:#181818; height:450px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 15;
-webkit-box-orient: vertical;}

@media screen and (max-width:991px){
	.about1D2{margin: 0; }
}
@media screen and (max-width:767px){
	.about1{padding:30px 0;}
	.about1D{margin-top:20px; padding: 0;}
	.about1D2{width:100%; background: none !important; position: relative;}
	.about1D2 .playBtn .btns{width: 40px;height: 40px;}
	.about1D .text::after{display:none;}
	.about1D .text{padding:10px;}
	.about1D .text .p{font-size:14px; line-height: 24px; height: auto; display: block;}
}

.about2L{width:52.5%; float:left; margin-top:80px;}
.ab2LTit{font-size:20px; color:#181818; line-height: 50px;}
.ab2LTit .ico{display:inline-block; width: 50px; height: 50px; background-color: #867159; border-radius: 50%; line-height: 0; margin: -5px 19px 0 0;}
.about2L .p{font-size:16px; line-height: 30px; margin-top:22px;}
.about2Limg{width:42.75%; float:right; margin-top:95px;}

@media screen and (max-width:1199px){
	.about2Limg{margin-top:200px;}
}
@media screen and (max-width:991px){
	.about2L{margin-top:50px; width: 100%;}
	.about2Limg{width:60%; margin: 30px 20% 0 0}
}
@media screen and (max-width:767px){
	.about2 .contactTit{font-size:22px;}
	.about2L{margin-top:20px;}
	.ab2LTit .ico{width:30px; height: 30px;}
	.ab2LTit{font-size:16px; line-height: 30px;}
	.about2L .p{font-size:14px; line-height: 24px; margin-top:10px;}
	.about2Limg{width:100%; margin: 20px 0 0 0;}
}

.about3 .list{background-color:#f0e5d6; padding:35px 40px; width:48.75%; float:left; margin: 55px 0}
.about3 .list .ab2LTit{display:inline-block; vertical-align: middle;}
.about3 .list:nth-child(2n){margin-left:2.5%;}
.about3 .list .line{display:inline-block; vertical-align: middle; position: relative; width: 184px; height: 1px; background-color: #867159; margin: 0 15px;}
.about3 .list .line::after{width:7px; height: 7px; background-color: #867159; content: ""; position: absolute; left: 0; top:-3px; border-radius: 50%;}
.about3 .list .H5{display:inline-block; font-size:16px; color:#181818; vertical-align: middle;}

.about4 .list{width:47.5%;float:left;;}
.about4 .list:nth-child(2n){float:right; margin-right:1.27%;}
.about4 .img{width:268px; margin-right:30px; float:left;}
.about4 .p{font-size:16px; line-height: 30px; margin-top:20px;}

@media screen and (max-width:1629px){
	.about3 .list .line{width:120px;}
}
@media screen and (max-width:1199px){
	.about3 .list{padding:30px 15px;}
	.about3 .list .line{width:70px;}
	.about4 .img{width:200px}
}
@media screen and (max-width:991px){
	.about3 {margin:20px 0;}
	.about3 .list{width:100%; margin: 10px 0 0 0 !important;}
	.about4 .img{width:160px;}
}
@media screen and (max-width:767px){
	.about3 .list .line{display:none;}
	.about3 .list .H5{display:block; margin: 0 0 0 50px;}
	.about3 .list{padding:10px;}
	.about4 .list{width:100%; margin:10px 0 0 0!important;}
	.about4 .img{width:100%; margin: 0; float:none;}
	.ab2LTit{margin-top:10px;}
	.about4 .p{font-size:14px; line-height: 24px; margin-top:10px;}

}

.about5{padding:60px 0;}
.map2{height:400px;}
.contact3 {margin-top:25px; margin-bottom: 0;}

@media screen and (max-width:767px){
	.map2{height:200px;}
}



@font-face {
	font-family: 'sy_bold';
	src: url('fonts/OPENSANS-BOLD.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'sy_light';
	src: url('fonts/SourceHanSansCN-Light.otf');
	font-weight: normal;
	font-style: normal;
}



#nav_47, #nav_71{
    position: static;
}
.menu .drop{
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 3px 3px 0;
    box-shadow: rgba(0,0,0,0.1) 0 3px 3px 0;
    width: auto!important;
    top: 100%;
    margin-top: -20px;
    margin-left: 0;
    display: none;
    left: 0;
    right: 0;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.proDe3H4 li {
    display: inline;
    margin-right:60px;
    font-weight: normal;
    font-size: 17px;
}

.proDe3H4 li.on{color: #fff; background:#dc0909;padding: 16px 60px;  }






@media screen and (max-width: 767px){
.proDe3H4 li.on{color: #fff; background:#dc0909;padding: 16px 13px;  }}

@media screen and (max-width: 767px){
.proDe3H4 li {
    display: inline;
    margin-right: 10px;
    font-weight: normal;
    font-size: 14px;
}}


@media screen and (max-width: 767px){
.proDe1 .homedown {
    margin-top: 20px;
    padding: 0 38px;
}}

@media screen and (max-width: 767px){
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}}

@media screen and (max-width: 767px){
.proDe1 .homedown .list {
    width: 88.75%;
    margin: auto;
    border: 1px solid #e5e5e5;

}}

@media screen and (max-width: 767px){
.proDe1 .homedown .slick-current .list {
    border: 1px solid #857159;

}}
@media screen and (max-width: 767px){
.proDe img {
    max-width: 100%;
    height: auto;
}}


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

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

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

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

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

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

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


.content {
    width: 100%;
    overflow: hidden;
    min-height: 720px;
}
.w {
    max-width: 1200px;
    margin: 0 auto;
}
.location{width: 100%;height: 40px;background: #f0f0f4;line-height: 40px;}
.product-page .top{width: 100%;overflow: hidden;margin: 40px 0;}
.product-page .left{width: 655px;float: left;}
.product-page .left img{width: 650px;height: 400px;}
.product-page .right{width: 515px;float: right;margin-top: 15px;}
.product-page .right h1{font-size: 32px;line-height: 30px;}
.product-page .right .text{line-height: 24px;margin: 15px 0;font-size: 14px;}
.product-page .right .xn{width: 100%;overflow: hidden;padding: 15px 0;border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;}
.product-page .right span{width: 33.2%;float: left;text-align: center;font-size: 14px;}
.product-page .right span img{width: 35px;}
.product-page .right span strong{display: block;margin: 8px 0 2px 0;font-size: 14px;}
.product-page .right .line{width: 1px;height: 30px;background: #999999;margin-top: 30px;}
.product-page .right .tel{margin: 20px 0;}
.product-page .right .tel span{width: 160px;text-align: left;background: url("../images/tel.png") left center no-repeat;
    background-size: 40px;padding-left: 55px;height: 40px;padding-top: 10px;}
.product-page .right .tel a{font-size: 25px;color: #f20d00;font-weight: bold;line-height: 38px;margin-left: 10px;}
.product-page .right .btn-zx{width: 240px;height: 50px;background: #f20d01;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#f20d01), to(#ff461f));
    display: block;font-size: 18px;color: #fff;line-height: 50px;border-radius: 4px;-webkit-box-shadow: #ff461f 0px 2px 5px;
    -moz-box-shadow: #ff461f 0px 0px 5px;box-shadow: #ff461f 0px 0px 5px;cursor: pointer;}
.product-page .right .btn-zx i{width: 30px;height: 30px;background: url("../images/price.png") center no-repeat;
    display: block;float: left;re5}
.product-page .right .cn{width: 100%;overflow: hidden;padding-top: 25px;}
.product-page .right .cn li{
    float: left;
    color: #555555;
    background: url("../images/dh.png") left center no-repeat;
    padding-left: 26px;
    margin-left: 6.3%;
    background-size: 20px;
    height: 25px;
    font-size: 14px;padding-top: 3px;
    }
.product-page .right .cn li:first-child{margin-left: 0;}
.product-page .title{width: 100%;}
.product-page .title li a{width: 20%;background: #f0f0f4;float: left;height: 50px;line-height: 45px;
    text-align: center;font-size: 18px;display: block;border: 2px solid #fff;position: relative;}
.product-page .title li:first-child a{background: #425066;color: #fff;}
.product-page .title li:first-child a:after{content: "";display: block;width: 0;height: 0;overflow: hidden;
    border-color: #425066 transparent transparent;border-style: solid dashed dashed;border-width: 10px;
    position: absolute;left: 50%;margin-left: -10px;bottom: -19px;}
.product-page .title .inquiry a{color: #f30f00;background: url("../images/gcs.png") left 60px center no-repeat #f0f0f4;
    text-align: right;padding-right: 60px;cursor: pointer;}
.product-page .title li a:hover{background: #425066;color: #fff;}
.product-page .title .inquiry:hover a{background: url("../images/gcs.png") left 60px center no-repeat #425066;}
.product-page .cp-content,.al,.wz,.promise{width: 100%;overflow: hidden;}
.product-page .cp-content{padding-top: 55px;}
.product-page .left-nr{width: 910px;float: left;}
.product-page .introduce h2{font-size: 22px;margin: 16px 0;font-weight: 600;color: #000;background: url("../images/title.png") left center no-repeat;
    background-size: 20px;padding-left: 30px;}
.product-page .introduce p{line-height: 28px;padding: 10px 0;color: #333;text-indent: 2em;}
.product-page .introduce p strong{font-size: 16px;}
.product-page .introduce p a{color: #f20d00;}
.product-page .al h2{font-size: 30px;line-height: 30px;background: url("../images/xgal.png") left 10px center no-repeat;
    margin: 28px 0;background-size: 30px;padding-left: 55px;}
.product-page .al li{width: 32.33%;float: left;margin: 0 0.5%;position: relative;}
.product-page .al li p{font-size: 18px;color: #fff;text-align: center;padding: 12px 0;
    width: 100%;position: absolute;bottom: 0;background: rgba(0,0,0,0.5);}
.product-page .right .proonebtn {
    margin-left: 0px;
    margin-top: 20px;position: relative;
    
    
}

.product-page .right .proonebtn:before {
    content: "";
    position: absolute;
    left: 100px;
    right: 0;
    height: 60px;
    background: -webkit-linear-gradient(left,rgba(201,35,30,.2) 0,transparent 100%);
    background: -moz-linear-gradient(left,rgba(201,35,30,.2) 0,transparent 100%);
    background: -ms-linear-gradient(left,rgba(201,35,30,.2) 0,transparent 100%);
    background: -o-linear-gradient(left,rgba(201,35,30,.2) 0,transparent 100%);
    background: linear-gradient(to right,rgba(123,122,1212,.2) 0,transparent 100%);
    z-index: -1;
}

.product-page .right .proonebtn span strong {
    font-size: 20px;
}
.product-page .right .proonebtn a {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 1px 3px rgba(86,11,0,.6);
    background-color: #d1461d;
    background-image: linear-gradient(90deg,#053eab 0,#2c6be4 50%,#053eab 100%);
    background-position: left center;
    background-size: 200% 100%;
    background-repeat: no-repeat;
    width: 180px;
    line-height: 48px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    text-align: center;
    cursor: pointer;
    transition: background-position .6s ease;
    position: relative;    float: left;
}
.product-page .right .proonebtn a {
    width: 180px;
    line-height: 60px;font-size: 18px;margin-right: 20px;
}
.product-page .right.proonebtn:before {
    height: 60px;
}


.product-page .right em {
    margin-left: 26px;font-size: 15px;
}
.product-page .right  em strong {
    font-size: 20px;color: #fa4c3b;
}


/*大图展示区域*/
.OriginalPicBorder {
	padding: 0;
}
#OriginalPic {
	width: 100%;
	overflow: hidden;
	position: relative;
	font-size: 12px;
}
#OriginalPic img {
	display: block;
	min-width: 100px;width: 500px;
    height: 320px;
}
/*鼠标手势*/
.CursorL {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #FFF;
	left: 0;
	/*cursor: url(../images/CurL.cur), auto;
	background: url(../images/space.png) repeat scroll 0 0 transparent;*/
}
.CursorR {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #FFF;
	right: 0;
	/*cursor: url(../images/CurR.cur), auto;
	background: url(../images/space.png) repeat scroll 0 0 transparent;*/
}
/*小图预览和滑动*/
.SliderPicBorder {
	width: 100%;
	overflow: hidden;
}
.ThumbPicBorder {
	width: 12%;
	margin: 0 auto;
	background: #eeeeee;
	overflow: hidden;
	position: relative;float:left;height: 320px;
}
.ThumbPicBorder #btnPrev {
	width: 45px;
	height: 106px;
	cursor: pointer;
	position: absolute;
	left: 20px;
	top: 20px;
}
.ThumbPicBorder #btnNext {
	width: 45px;
	height: 106px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 20px;
}
.ThumbPicBorder .pic {
	width: 150px;
	overflow: hidden;
	position: relative;
}
#ThumbPic img {
	border: 3px solid #eeeeee;
	cursor: pointer;
	background-color: #ddd;
	margin: 0 10px;
	width: 130px;
	height: 90px;
	display: block;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#ThumbPic img.active {
	border: 2px solid #da251a;
}

.jCarouselLite{
    width: 150px !important;height: 320px;background: #eeeeee;}

#ThumbPic{
    width: 150px !important;    padding-top: 12px !important;}

#ThumbPic li{
    height: 100px; !important; }



/*↑组图样式↑*/