/*-----------------[初始化]--------------*/
body{font-size: 12px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";}
a{color: #000;}
a:hover{color: #32a8ff;}
img{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #444;
    font-family:"微软雅黑","Microsoft Yahei";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa; }
::-ms-input-placeholder {color: #aaa;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

/*布局*/
.wp{width: 100%;max-width: 1200px;margin: 0 auto;}
.wp2{width: 100%;max-width: 1200px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


*{outline: none;}



.menuBtn{
    position: absolute;right: 20px;top: 50%;margin-top: -13px;
    z-index: 9;display: none;
    width: 30px;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 3px;background-color: #32a8ff;
    margin: 3px 0 5px;border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 3px;top: 10px;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
#nyboot{bottom:73px;}
.main{
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  
}
.index .main{padding-bottom: 0;}
.main .inner{
    background: #fff;
    overflow: hidden;
    padding: 20px 50px;
    margin: -30px 0 -78px;
}



.pages{text-align: center;margin-bottom: 44px;}
.pages ul{
    display: inline-block;vertical-align: top;overflow: hidden;
}
.pages ul li{float: left;margin: 0 3px;}
.pages li a{
    display: block;width: 26px;height: 27px;
    font-family: "宋体";
    font-size: 16px;color: #a5a5a5;line-height: 27px;
    border: 1px solid #d2d2d2;border-radius: 4px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.pages li .prev,.pages li .next{width: 64px;}
.pages li.on a,.pages li:hover a{background: #bf9669;border-color: #bf9669;color: #fff;}

/*
-----------------[产品中心]--------------*/
.snav{
    text-align: center;overflow: hidden;
    position: relative;z-index: 10;
    margin: -66px 0 26px;
    background: rgba(255,255,255,0.8);
}
.snav ul{display: inline-block;vertical-align: top;overflow: hidden;}
.snav li{
    float: left;width: 133px;
}
.pager span,.pager a{display: inline-block;padding:0 10px;height: 32px;margin-left: 10px;background: #eaeaea;color: #5b5b5b;font-size: 16px;text-align: center;line-height: 32px;}
		.pager span{background: #dfc993;color: #fff;}
		.pager{margin-bottom:20px;text-align: center;}
		.pager a.show{background: #dfc993;color: #fff;}
  
#on{background:#32a8ff; color:#fff;}
.snav li a{
    display: block;
    font-size: 18px;color: #000;line-height: 66px;text-align: center;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.snav li a:hover,.snav li.on a{background: #32a8ff;color: #fff;}

.cur{
	margin:0 10px 27px 10px;
    padding:10px 0 10px 0;

    font-size: 14px;color: #000;line-height: 24px;
    border-bottom: 1px #cfcfcf solid;
	
}



.cur a{font-size: 14px;color: #444444;margin: 0 5px;}
.cur a:hover{color: #32a8ff;}
.cur i{width: 19px;height: 17px;background: url(../images/home.png) no-repeat center center;display: block;float: left;margin-right: 5px;}


.ul-list1{overflow: hidden;margin: 0 -20px 21px;}
.ul-list1 li{
    float: left;width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 20px 10px;
}
.ul-list1 li a{display: block;}
.ul-list1 .pic{
    height: 0;padding-top: 65.27%;position: relative;
    overflow: hidden;
}
.ul-list1 .pic img{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;
}
.ul-list1 .txt{
    padding: 18px 0 23px;
    font-size: 14px;color: #818181;line-height: 26px;text-align: center;
    background: #fff;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list1 a:hover .txt{background: #32a8ff;color: #fff;}
.ul-list1 .txt h4{
    font-size: 18px;color: #000;font-weight: normal;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list1 a:hover h4{color: #fff;}
.ul-list1 .txt p{
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px 0 15px;
}
.ul-list1 .txt .price{
    padding-top: 22px;color: #666;border-top: 1px solid #f0f0f0;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list1 a:hover .price{color: #fff;}
.ul-list1 .txt .price em{font-family: "Adobe 黑体 Std","微软雅黑";}
.ul-list1 .txt .price strong{font-family: "Arial";font-size: 22px;text-transform: uppercase;font-weight: 800;}
.ul-list1 .txt .price span{
    display: inline-block;vertical-align: top;
    width: 84px;background: #32a8ff;border-radius: 5px;text-align: center;
    color: #fff;
    margin-left: 13px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list1 a:hover  .txt .price span{
    background: #fff;color: #32a8ff;
}

/*
-----------------[关于我们]--------------*/
.m-txt1{overflow: hidden; padding-bottom:30px;}
.m-txt1 .pic{
    float: left;padding: 27px 0 25px 29px;margin-right: 70px;
    background:  url(../images/bg2.png) 0 0 no-repeat;
}
.titleny{text-align: center;padding-bottom: 37px;border-bottom: 1px dashed #d7d5d5; margin-bottom:20px;}
.titleny h2{font-size: 24px;color: #111;line-height: 24px;margin:20px 0 25px 0;width: auto;}
.titleny p{color: #666;font-size: 14px;text-indent: 0;}
.titleny b{font-weight: normal;margin-right: 21px;}

.m-txt1 .pic img{display: block;width: 430px;height:330px;}
.m-txt1 .txt{
    overflow: hidden;
    font-size: 14px;color: #000;line-height: 2.15;
}
.m-txt1 .txt h1{
    font-size: 32px;color: #32a8ff;line-height: 40px;font-weight: normal;
    padding:5px 0 20px;margin-bottom: 29px;
    background: url(../images/bg3.jpg) no-repeat left bottom;
}
#martda{margin:30px 0 6px 0;}
/*
-----------------[会员中心]--------------*/
.ul-list2{overflow: hidden;margin: 0 -24px;padding: 26px 0 29px;}
.ul-list2 li{
    float: left;width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 24px 48px;
}
.ul-list2 .con{
    padding: 19px 19px 25px;
    background: #fff;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list2 .con:hover{
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.ul-list2 .pic{
    height: 0;padding-top: 47.57%;position: relative;
    overflow: hidden;
}
.ul-list2 .pic img{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.ul-list2 .con:hover .pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.ul-list2 .txt{
    padding: 0 5px;
    font-size: 14px;color: #999;line-height: 24px;
}
.ul-list2 .txt p{height: 72px;overflow: hidden;margin-bottom: 48px;}
.ul-list2 .txt h4{
    font-size: 18px;color: #333;line-height: 24px;font-weight: normal;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 25px 0 27px;
}
.ul-list2 .txt .date{overflow: hidden;font-size: 16px;line-height: 31px;}
.ul-list2 .txt .a-more{
    display: block;float: right;
    width: 148px;height: 31px;
    font-size: 14px;color: #fff;line-height: 31px;text-align: center;
    background: #999;border-radius: 15px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list2 .txt .a-more img{display: inline-block;vertical-align: middle;margin-left: 7px;margin-top: -1px;}
.ul-list2 .txt .a-more:hover{
    background: #32a8ff;
}

.g-btn1{
    display: block;width: 213px;height: 38px;
    font-size: 16px;color: #fff;line-height: 38px;text-align: center;
    background: #32a8ff;
    margin: 0 auto;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.g-btn1-1{margin-top: 31px;}
.g-btn1:hover{background: #cb975c;color: #fff;}
.g-btn1 img{
    display: inline-block;vertical-align: middle;margin: -1px 0 0 7px;
}

/*
-----------------[留言板]--------------*/

.ul-list3{margin: 0 35px 33px;}
.ul-list3 li{padding-bottom: 33px;}
.ul-list3 li .date{
    font-family: "宋体";
    font-size: 12px;color: #787d82;line-height: 16px;
    padding-left: 19px;
    background: url(../images/icon7.png) no-repeat left center;
    margin-left: 10px;
}
.ul-list3 .con-q .name{
    font-size: 14px;color: #000;line-height: 22px;
}
.ul-list3 .con-q .name img{display: inline-block;vertical-align: top;margin-right: 10px;}
.ul-list3 .con-q .tit{
    font-size: 20px;color: #000;line-height: 24px;
    margin: 5px 0 20px 33px;
    overflow: hidden;
}
.ul-list3 .con-a{
    padding:  15px 30px;
    background: #fff;
    font-size: 14px;color: #848484;line-height: 22px;
}
.ul-list3 .con-a .tit{color: #32a8ff;margin-bottom: 10px;}
.ul-list3 .con-a .tit .date{float: right;}

.form1{}
.form1 h4{
    font-size: 20px;color: #000;line-height: 30px;font-weight: normal;
    margin-bottom: 18px;
    padding: 0 54px;
}
.form1 .con{
    padding: 44px 54px 40px;
    background: #fff;
}
.form1 .form-group{
    overflow: hidden;margin-bottom: 19px;
}
.form1 .form-group .con-l{float: left;width: 49%;}
.form1 .form-group .con-r{float: right;width: 49%;}
.form1 .form-group input[type="text"],.form1 .form-group textarea{
    display: block;width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 20px;
    border: 1px solid #ebebeb;
    font-size: 14px;color: #333;
}
.form1 .form-group input[type="text"]{
    height: 41px;line-height: 39px;
}
.form1 .form-group textarea{
    padding: 5px 20px;margin-bottom: 16px;height: 143px;
    line-height: 24px;
    resize: none;
}
.form1 input[type="submit"]{
    display: block;width: 166px;height: 42px;
    margin: 0 auto;
    font-size: 20px;color: #fff;text-align: center;
    background: #32a8ff;border-radius: 22px;border: none;
    cursor: pointer;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.form1 input[type="submit"]:hover{
    opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}


/*
-----------------[新闻中心]--------------*/

.ul-list4{margin: -19px 0 32px;}
.ul-list4 li{
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    overflow: hidden;
    padding: 45px 0 40px;
}
.ul-list4 li:hover{background: #f4f4f4;}
.ul-list4 .date{
    display: block;float: left;
    width: 138px;
    font-family: "黑体","微软雅黑";
    font-size: 18px;color: #000;line-height: 27px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 20px 0 9px;margin: 28px 29px 0 0;
    position: relative;
}
.ul-list4 .date p {
    display: block;
    font-size: 28px;
    line-height: 33px;
}	
.ul-list4 .date:after{
    content: "";
    display: block;width: 20px;height: 3px;background: #000;
    position: absolute;right: 0;top: 50%;margin-top: -1px;
}
.ul-list4 .date span{display: block;font-size: 30px;line-height: 33px;}
.ul-list4 .pic{
    float: left;width: 160px;height: 110px;margin-right: 33px;
}
.ul-list4 .pic img{display: block;width: 100%;height: 100%;}
.ul-list4 .txt{
    overflow: hidden;
    padding: 0 250px 0 0;position: relative;
    font-size: 14px;color: #999;line-height: 24px;
}
.ul-list4 .txt p{height: 48px;overflow: hidden;}
.ul-list4 .txt h4{
    font-size: 18px;font-weight: normal;color: #000;margin: 19px 0 12px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ul-list4 .txt .a-more{
    display: block;width: 134px;height: 40px;
    position: absolute;right: 0;top: 50%;margin-top: -20px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    font-size: 14px;color: #333;line-height: 40px;text-align: center;
}
.ul-list4 li:hover .txt .a-more{background: #32a8ff;color: #fff;}
.ul-list4 .txt .a-more i{
    display: inline-block;vertical-align: middle;
    width: 19px;height: 9px;
    background: url(../images/icon8.png) no-repeat center center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list4 li:hover .txt .a-more i{background-image: url(../images/icon8-1.png);}


.m-tit1{
    font-size: 32px;color: #32a8ff;line-height: 74px;text-align: center;
    font-weight: normal;
    position: relative;
}
.m-tit1:after{
    content: "";
    display: block;width: 41px;background: #32a8ff;height: 1px;
    position: absolute;left: 50%;bottom: 0;margin-left: -20px;
}

.m-history{margin-bottom: 36px;}
.m-history .slick-for .slick-next,.m-history .slick-for .slick-prev{
    position: absolute;bottom: 30px;overflow: hidden;
    width: 36px;height: 36px;font-size: 0;line-height: 0;z-index: 99;
    background: none;border: none;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #c9c9c9;
    cursor: pointer;
}
.m-history .slick-for .slick-prev{right: 107px;background-image: url(../images/arr-l1.png);}
.m-history .slick-for .slick-next{right: 66px;background-image: url(../images/arr-r1.png);}
.m-history .slick-for .slick-prev:hover,.m-history .slick-for .slick-next:hover{background-color: #32a8ff;}
.m-history .slick-for .item{
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
    overflow: hidden;
    margin: 30px 25px 94px;
}
.m-history .slick-for .pic{
    float: left;width: 506px;height: 420px;
    margin-right: 65px;position: relative;
}
.m-history .slick-for .pic span{
    display: block;position: absolute;left: 0;top: 40px;
    width: 99px;height: 38px;
    background: #32a8ff;
    font-size: 20px;color: #fff;line-height: 38px;text-align: center;
}
.m-history .slick-for .pic img{
    display: block;width: 100%;height: 100%;
}
.m-history .slick-for .txt{
    overflow: hidden;
    font-size: 14px;color: #000;line-height: 30px;
    margin-right: 44px;padding-bottom: 12px;
    position: relative;
}
.m-history .slick-for .txt:after{
    content: "";
    display: block;width: 13px;height: 13px;
    background: #fff url(../images/icon9.png) left top no-repeat;
    position: absolute;left: 0;bottom: 0;
}
.m-history .slick-for .txt:before{
    content: "";
    display: block;width: 100%;height: 1px;
    background: #ddd;
    position: absolute;left: 0;bottom: 6px;
}
.m-history .slick-for .txt h4{
    font-size: 20px;color: #32a8ff;font-weight: normal;
    padding: 44px 0 22px;
}
.m-history .slick-for .txt h5{
    font-size: 14px;font-weight: normal;
    padding-bottom: 10px;margin-bottom: 11px;
    border-bottom: 1px #32a8ff solid;
}
.m-history .slick-for .txt .det{
    height: 150px;
    overflow: hidden;
}


.m-history .slick-nav{position: relative;}
.m-history .slick-nav:after{
    content: "";
    display: block;width: 10000px;height: 1px;
    background: #bbb;
    position: absolute;left: 50%;top: 17px;margin-left: -5000px;
}
.m-history .slick-nav .slider{
    background: url(../images/bg4.png) no-repeat center top;
    padding-top: 23px;
    position: relative;
}
.m-history .slick-nav .item{
    font-family: "Arial";
    font-size: 16px;color: #000;text-align: center;line-height: 24px;
    cursor: pointer;
}
.m-history .slick-nav .slick-current{font-size: 20px;color: #32a8ff;font-weight: bold;}
.m-history .slick-nav .slick-next,.m-history .slick-nav .slick-prev{
    position: absolute;top: 6px;overflow: hidden;
    width: 23px;height: 23px;font-size: 0;line-height: 0;z-index: 99;border-radius: 50%;
    background: none;border: none;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #c2c2c2;
    cursor: pointer;
}
.m-history .slick-nav .slick-prev{left: -16px;background-image: url(../images/arr-l2.png);}
.m-history .slick-nav .slick-next{right: -16px;background-image: url(../images/arr-r2.png);}
.m-history .slick-nav .slick-prev:hover,.m-history .slick-nav .slick-next:hover{background-color: #32a8ff;}


.m-txt2{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    height: 436px;
    overflow: hidden;
}
.m-txt2 .txt{
    position: absolute;left: 0;right: 0;bottom: 0;
    font-size: 12px;color: #fff;line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 28px 24px;
}
.m-txt2 .txt h4{
    font-size: 22px;line-height: 30px;font-weight: normal;
    position: relative;
    padding-bottom: 14px;margin-bottom: 14px;
}
.m-txt2 .txt h4:after{
    content: "";display: block;width: 38px;height: 1px;
    background: #fff;
    position: absolute;left: 0;bottom: 0;
}


.ul-list5{margin: 0 -18px;padding: 26px 0 31px;}
.ul-list5 li{
    float: left;width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 18px;
    position: relative;overflow: hidden;
}
.ul-list5 .con{
    background: #fff;
    padding:  33px 24px 10px;
    margin-bottom: 36px;
    font-size: 14px;color: #999;line-height: 24px;
    position: relative;
}
.ul-list5 .con:hover{
    margin-bottom: 0;padding-bottom: 15px;
    color: #ecd8c4;
    background: #32a8ff;
}
.ul-list5 .con p{
    height: 48px;overflow: hidden;
    margin-bottom: 29px;
}
.ul-list5 .con .date{
    font-size: 16px;
}
.ul-list5 .con h4{
    font-size: 18px;color: #333;font-weight: normal;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    padding: 5px 0 27px;
}
.ul-list5 .con h4 a{color: inherit;}
.ul-list5 .con:hover h4 a{color: #fff;}
.ul-list5 .con h4 a:hover{color: #000;}
.ul-list5 .con .a-more{
    display: block;
    width: 91px;height: 29px;
    border: 1px solid #fff;
    font-size: 14px;color: #fff;line-height: 29px;text-align: center;
    position: absolute;left: 24px;bottom: -100px;
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list5 .con .a-more:hover{background: #fff;color: #32a8ff;}
.ul-list5 .con:hover .a-more{
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    position: static;
}





/*Common For Max 960*/
@media only screen and (max-width: 1790px) {

   
 
}

/*Common For Max 1400*/
@media only screen and (max-width: 1580px) {
   

    .index-prod .txt{font-size: 16px;left: 5%;}
    .index-prod .prod2 .txt{right: 5%;}
    .index-prod .txt h4{font-size: 32px;margin-bottom: 30px;}
    .index-prod .txt em{margin-bottom: 20px;}
}

/*Common For Max 1200*/
@media only screen and (max-width: 1340px) {
    .wp2{width: 98%;}
 
  
   
    .ban{height: 480px;}
    .snav li{width: 160px;}
    
    .m-history .slick-nav .slick-next{right: 0;}
    .m-history .slick-nav .slick-prev{left: 0;}
    .branch-pc{margin-left: 0;}
    .m-store .pic{margin: 0 40px 0 0;}
    .m-store .slider-nav .slick-next{right: 0;}
    .m-store .slider-nav .slick-prev{left: 0;}
    .m-store .slider-nav{margin-right: 0;}
    .m-store .slider-nav .img{margin: 0 auto;}
}






@media only screen and (max-width: 1199px) {
	.wp{width: 98%;}
    .banner{height: 500px;}
    .banner .slick-dots{bottom: 10px;}
    .banner .slick-dots li{margin: 0 5px;}
    .banner .slick-dots li button{width: 15px;height: 15px;}
    .ban{height: 380px;}

    .f-nav{display: none;}
    .f-cont{float: none;width: auto;text-align: center;padding-top: 0;}
    .f-cont .pic{float: none;display: inline-block;vertical-align: middle;}
    .f-cont .txt{display: inline-block;vertical-align: middle;text-align: left;}
  
    .main .inner{margin: 0;padding: 20px;}
    .snav{margin: 0 0 26px;}
    .snav li{width: auto;float: none;display: inline-block;vertical-align: top;}
    .snav li a{font-size: 14px;line-height: 40px;padding: 0 15px;}
    .cur{padding-bottom: 10px;margin-bottom: 20px;font-size: 12px;}
    .ul-list1{margin: 0 -10px;}
    .ul-list1 li{padding: 0 10px 10px;}
    .ul-list2{margin: 0 -10px;padding: 0 0 10px;}
    .ul-list2 li{padding: 0 10px 20px;}
    .ul-list2 .con{padding: 10px;}
    .ul-list2 .txt{padding: 0;font-size: 13px;}
    .ul-list2 .txt h4{font-size: 16px;padding: 15px 0;}
    .ul-list2 .txt p{margin-bottom: 20px;}
    .ul-list2 .txt .date{font-size: 14px;}
    .ul-list2 .txt .a-more{font-size: 13px;width: 120px;}
    .m-txt1{padding: 0;}
    .m-txt1 .pic{padding-left: 20px;margin-right: 30px;}
    .m-txt1 .txt{overflow: visible;}
    .m-txt1 .txt h1{margin-bottom: 0;font-size: 28px;background: none;}

    .ul-list5{padding: 0;margin: 0 -10px;}
    .ul-list5 li{padding: 0 10px;}
    .ul-list5 .con{font-size: 13px;padding: 15px 15px 10px;}
    .ul-list5 .con h4{font-size: 16px;padding-bottom: 20px;}
    .ul-list5 .con .date{font-size: 15px;}
    .m-txt2{height: 386px;}
    .m-txt2 .txt{padding: 0 15px 15px;}
    .m-txt2 .txt h4{font-size: 18px;}
    .m-history .slick-nav{padding: 0 20px;}
    .m-history .slick-for .slick-next, .m-history .slick-for .slick-prev{bottom: 15px;}
    .m-history .slick-nav .slick-next{right: -20px;}
    .m-history .slick-nav .slick-prev{left: -20px;}
    .m-history .slick-for .item{margin: 20px 20px 40px;}
    .m-history .slick-for .pic{margin-right: 30px;}
    .m-history .slick-for .txt{margin-right: 30px;}
    .m-tit1{font-size: 28px;line-height: 2;}
    .ul-list3{margin: 0 0 20px;}
    .ul-list3 .con-q .tit{font-size: 18px;}
    .form1{margin: 0;}
    .form1 .con{padding: 30px;}
    .form1 h4{font-size: 18px;padding: 0 30px;}
    .ul-list4{margin: 0 0 20px;}
    .ul-list4 li{padding: 20px 0;}
    .ul-list4 .date{width: 100px;padding-left: 0;font-size: 16px;margin-right: 20px;}
    .ul-list4 .date span{font-size: 24px;}
    .ul-list4 .pic{margin-right: 20px;}
    .ul-list4 .txt{padding-right: 140px;font-size: 13px;}
    .ul-list4 .txt .a-more{width: 120px;}
    .ul-list4 .txt h4{font-size: 16px;margin: 15px 0 10px;}
    .index-video .txt{padding: 40px 0;}
    .index-video .txt h3{font-size: 36px;line-height: 1.5;}
    .index-prod .txt{font-size: 14px;left: 3%;}
    .index-prod .prod2 .txt{right: 3%;}
    .index-prod .txt h4{font-size: 26px;margin-bottom: 10px;line-height: 1.2;}
    .index-prod .txt em{margin-bottom: 0;}
    .branch-pc{display: none;}
    .branch-m{display: block;}
    .shop-search{padding: 20px;}
    .shop-list{height: auto;overflow: hidden;padding: 20px;}
    .shop-list .tit{font-size: 22px;}
    .ul-list8{padding: 0 0 10px;}
    .ul-list8 .con{padding: 10px;}
    .ul-list8 .txt{font-size: 13px;}
    .ul-list8 .txt h3{font-size: 18px;}
    .ul-list8 .pic{margin-right: 20px;}
    .ul-list9{padding: 0;margin: 0;}
    .ul-list9 li{padding: 50px 0;}
    .ul-list9 .pic{margin-right: 30px;}
    .ul-list9 .txt{line-height: 24px;}
    .ul-list9 .txt h3{font-size: 26px;line-height: 50px;margin-bottom: 10px;}
    .ul-list10{padding: 0;}
    .ul-list10 .con{padding: 10px;}
    .ul-list10 .pic{margin-right: 10px;}
    .ul-list10 .txt h3{font-size: 18px;}
    .member-login{padding: 50px 10%;}
    .member-login .from-group span{width: 30%;}
    .ul-list11{margin: 0 -10px;padding: 0 0 10px;}
    .ul-list11 li{padding: 0 10px 20px;}
    .ul-list11 .con{padding: 10px;}
    .ul-list11 .pic{margin-bottom: 10px;}
    .ul-list11 .txt{font-size: 13px;}
    .ul-list11 .txt h4{font-size: 16px;}
    .m-back{margin: 0 0 20px;}
    .m-store{padding: 0 0 20px;}
    .m-store .pic{float: none;width: auto;margin: 0 0 20px;}
    .m-store .slider-nav .slick-next, .m-store .slider-nav .slick-prev{
        background-color: rgba(0,0,0,.6);
    }
    .m-store .txt h4{font-size: 26px;line-height: 1.5;}
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    .ban{height: 310px;}
    .m-txt1 .pic{width: 40%;padding: 0;margin-right: 20px;}
    .m-txt1 .pic img{width: 100%;height: auto;}
    .m-txt1 .txt h1{font-size: 24px;padding: 15px 0;line-height: 1.5;}
    .m-txt1 .txt img{max-width:100%; height:auto!important;}
	.m-txt1 img{max-width:100%; height:auto!important;}
    .m-tit1{font-size: 24px;}
    .m-history .slick-for .pic{
        float: none;width: auto;
        height: 0;padding-top: 83%;position: relative;
        margin: 0;
    }
    .m-history .slick-for .pic img{
        position: absolute;left: 0;top: 0;
    }
    .m-history .slick-for .txt{margin-left: 30px;padding-bottom: 20px;}
    .m-history .slick-for .txt:before,.m-history .slick-for .txt:after{display: none;}
    .m-history .slick-for .txt h4{font-size: 18px;padding: 20px 0 10px;}
    .m-history .slick-for .txt .det{height: auto;max-height: 150px;}
    .m-history .slick-for .slick-next, .m-history .slick-for .slick-prev{
        top: 40%;margin-top: -18px;bottom: auto;
    }
    .m-history .slick-for .slick-prev{left: 20px;right: auto;}
    .m-history .slick-for .slick-next{right: 19px;}
    .m-history .slick-for .pic span{width: 70px;font-size: 18px;}
    .index-video .video .btn-play{
        -webkit-background-size: 60px auto;
        -moz-background-size: 60px auto;
        -o-background-size: 60px auto;
        background-size: 60px auto;
    }
    .index-video .txt h3{font-size: 30px;}
    .index-video .txt p br{display: none;}
    .index-prod .prod1,.index-prod .prod2,.index-prod .prod3{float: none;width: auto;}
    .index-prod .txt em{margin-bottom: 10px;}
    .index-prod .txt h4{margin-bottom: 20px;}
    .ul-list8{margin: 0;}
    .ul-list8 li{float: none;width: auto;padding: 0 0 10px;}
    .ul-list9 li{padding: 20px 0;}
    .ul-list9 .pic{float: none;padding: 0;margin: 0;width: auto;height: auto;background: none;}
    .ul-list9 .txt{max-height: none;}
    .ul-list9 .txt h3{font-size: 20px;text-align: center;line-height: 40px;}
    .ul-list9 .txt h3:after{left: 50%;margin-left: -20px;}
    .ul-list10{margin: 0;}
    .ul-list10 li{float: none;width: auto;padding: 0 0 10px;}
    .member-login{padding: 30px 5%;}
    .member-login h3{font-size: 22px;}
    .m-store .txt{font-size: 13px;line-height: 2;}
    .m-store .txt h4{font-size: 22px;}
}




@media only screen and (max-width: 767px) {
.m-bottom{display:block;}
.in_foter{display:none;}
    .wp,.wp2{width: 96%;}
 
    .logo{height: 45px;line-height: 45px;}
    .menuBtn{right: 10px;}
    
    .banner{height: 300px;}
    .ban{height: 190px;}
    
    .main .inner{padding: 10px;}
    .snav{margin-bottom: 20px;}
    .snav li a{line-height: 30px;padding: 0 10px;}
    .ul-list1{margin: 0 -5px;}
    .ul-list1 li{padding: 0 5px 10px;}
    .ul-list1 .txt{padding: 10px 0;font-size: 13px;}
    .ul-list1 .txt h4{font-size: 16px;}
    .ul-list1 .txt p{padding: 5px;}
    .ul-list1 .txt .price{padding-top: 15px;}
    .ul-list1 .txt .price strong{font-size: 18px;}
    .ul-list2{margin: 0 -5px;}
    .ul-list2 li{width: 50%;padding: 0 5px 10px;}
    .m-txt1 .pic{float: none;margin: 0 auto;width: 60%;}
    .m-txt1 .txt{font-size: 13px;}
    .m-txt1 .txt h1{font-size: 18px;text-align: center;padding-bottom: 10px;}
    .ul-list5{margin: 0 -5px;}
    .ul-list5 li{width: 50%;padding:0 5px;}
    /*.ul-list5 .con{margin-bottom: 20px;}*/
    .ul-list5 .con p{margin-bottom: 10px;}
    .m-txt2{height: 348px;}
    .m-tit1{font-size: 18px;}
    .m-history{margin-bottom: 20px;}
    .m-history .slick-for .item{margin: 20px 10px 30px;}
    .m-history .slick-for .txt{margin: 0 20px;}
    .m-history .slick-for .slick-next{right: 9px;}
    .m-history .slick-for .slick-prev{left: 10px;}
    .ul-list3{margin-bottom: 10px;}
    .ul-list3 li{padding-bottom: 20px;}
    .ul-list3 .con-q .name{font-size: 13px;}
    .ul-list3 .con-q .name img{height: 15px;vertical-align: middle;margin-right: 5px;}
    .ul-list3 .con-q .tit{font-size: 16px;margin: 5px 15px 10px 20px;}
    .ul-list3 .con-a{padding: 10px 15px 10px 20px;font-size: 13px;}
    .ul-list3 .con-a .tit{margin-bottom: 5px;}
    .ul-list3 li .date{display: block;float: right;margin-top: 5px;}
    .pages{margin-bottom: 20px;}
    .pages li a{width: 24px;height: 24px;font-size: 14px;line-height: 24px;}
    .pages li .prev, .pages li .next{width: 55px;}
    .form1 .con{padding: 20px 10px;}
    .form1 h4{font-size: 16px;padding: 0 10px;line-height: 1.8;margin-bottom: 10px;}
    .form1 .form-group{margin-bottom: 10px;}
    .form1 .form-group .con-l,.form1 .form-group .con-r{
        float: none;width: auto;
    }
    .form1 .form-group .con-l{margin-bottom: 10px;}
    .form1 .form-group input[type="text"], .form1 .form-group textarea{
        padding-left: 10px;padding-right: 10px;
    }
    .form1 input[type="submit"]{width: 120px;height: 36px;line-height: 36px;font-size: 16px;}
    .ul-list4 li{padding: 10px 0 15px;}
    .ul-list4 .date{float: none;clear: both;width: auto;margin: 0 0 5px;padding: 0;}
    .ul-list4 .date:after{display: none;}
    .ul-list4 .date span{display: inline-block;margin-right: 10px;}
    .ul-list4 .pic{margin-right: 10px;}
    .ul-list4 .txt{padding-right: 0;}
    .ul-list4 .txt .a-more{
        height: 30px;width: 100px;
        position: static;margin-top: 3px;background: #32a8ff;color: #fff;
        font-size: 13px;line-height: 30px;
    }
    .ul-list4 .txt .a-more i{background-image: url(../images/icon8-1.png);}
    .ul-list4 .txt h4{margin: 0 0 5px;}
    .index-video .video .btn-play{
        -webkit-background-size: 40px auto;
        -moz-background-size: 40px auto;
        -o-background-size: 40px auto;
        background-size: 40px auto;
    }
    .index-video .txt{font-size: 13px;padding: 20px 0;}
    .index-video .txt h3{font-size: 24px;}
    .index-video .txt span{padding: 0 30px;margin: 5px 0 10px;line-height: 20px;}
    .shop-search,.shop-list{padding: 10px;}
    .shop-list .tit{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
    .ul-list7{font-size: 13px;}
    .ul-list7 h4{font-size: 15px;}
    .ul-list7 li{margin-bottom: 15px;}
    .ul-list9 li{padding: 10px 0;}
    .ul-list9 .txt{font-size: 13px;}
    .ul-list9 .txt h3{font-size: 16px;}
    .member-login{padding: 10px 0;}
    .member-login h3{font-size: 18px;padding-bottom: 10px;margin-bottom: 20px;line-height: 24px;}
    .ul-list11{margin: 0 -5px;}
    .ul-list11 li{width: 50%;padding: 0 5px 10px;}
    .pages3{margin-bottom: 0;}
    .m-store .txt h4{font-size: 18px;padding-bottom: 5px;margin-bottom: 10px;}
    .m-store .slider-nav .img{width: 130px;height: 72px;}
}

/*Common For Max 320*/
@media only screen and (max-width: 639px) {
	
    
    .ul-list1 li{float: none;width: auto;}

}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .wp,.wp2{width: 94%;}
    .banner{height: 200px;}
    .ban{height: 130px;}
    .footer .f-top{padding: 10px;}
    .f-cont .pic{width: 100px;height: 100px;margin: 0 auto 5px;display: block;}
    .f-cont .txt{display: block;text-align: center;line-height: 1.8;font-size: 13px;}
    .footer .f-copy{font-size: 13px;line-height: 1.8;}

    .ul-list2 li{float: none;width: auto;}
    .ul-list2 .txt h4{padding: 10px 0;text-align: center;}
    .ul-list2 .txt p{height: auto;max-height: 72px;}
    .ul-list5 li{float: none;width: auto;}
    .ul-list5 .con,.ul-list5 .con:hover{padding: 10px 10px;margin-bottom: 10px;}
    .ul-list5 .con h4{padding-bottom: 10px;}
    .ul-list5 .con .a-more{
        position: static;
        opacity: 1;
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        border-color: #999;color: #999;
    }
    .ul-list5 .con:hover .a-more{color: #fff;border-color: #fff;}
    .ul-list5 .con .a-more:hover{background: #fff;color: #32a8ff;}
    .m-txt2{margin-bottom: 10px;}
    .m-history .slick-for .txt{margin-left: 10px;margin-right: 10px;}
    .ul-list4 .pic{float: none;width: auto;height: auto;margin: 0 0 5px;}
    .ul-list4 .txt .a-more{margin: 10px auto 0;}
    .ul-list4 li:hover{background: #fff;}
    .ul-list4 li:nth-child(2n){background: #f4f4f4;}
    .g-btn1{width: 180px;}
    .index-video .video{height: auto;position: relative;padding-top: 0;}
    .index-video .video video{position: static;}
    .index-video .txt h3{font-size: 20px;}
    .index-prod .txt{font-size: 13px;}
    .index-prod .txt h4{font-size: 20px;margin-bottom: 10px;}
    .index-prod .txt em{display: none;}
    .index-prod .txt .btn-buy{width: 80px;height: 30px;line-height: 30px;font-size: 13px;}
    .ul-list8 .pic{float: none;margin: 0;width: auto;height: auto;}
    .ul-list8 .txt h3{font-size: 16px;padding: 15px 0 10px;text-align: center;}
    .ul-list8 .txt .det{margin-bottom: 10px;}
    .ul-list8 .a-more{margin: 0 auto;}
    .ul-list10 .pic{float: none;margin: 0;width: auto;height: auto;}
    .ul-list10 .txt{font-size: 13px;max-height: none;}
    .ul-list10 .txt h3{font-size: 16px;text-align: center;margin: 10px 0 5px;}
    .member-login h3{font-size: 16px;margin-bottom: 10px;}
    .member-login .from-group{margin-bottom: 10px;}
    .member-login .from-group span{font-size: 13px;float: none;width: auto;text-align: left;height: auto;margin: 0;line-height: 36px;}
    .member-login .inp1{width: 100%;}
    .member-login .inp2{width: 60%;}
    .member-login .sub{margin: 20px auto 0;font-size: 14px;width: 260px;}
    .ul-list11 li{float: none;width: auto;}
    .ul-list11 .txt{height: auto;}
    .ul-list11 .txt h4{text-align: center;margin-bottom: 10px;}
    .ul-list11 .a-more{float: none;margin: 0 auto;}
    .pages3 ul li{margin: 0 2px;}
    .pages3 li a{font-size: 12px;width: 24px;height: 24px;line-height: 24px;}
    .pages3 li .prev, .pages3 li .next{width: 60px;}
    .m-back{margin-bottom: 10px;}
    .m-store .slider-nav .img{width: 90px;height: 50px;}

}