/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:' '; color:#333;}
a{ color:black;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width: 1120px; margin:0 auto;}
input,textarea,select{outline:none}
.nv{ height: 160px;}
.wapper1{ width: 100%; max-width: 530px; margin: 0 auto;}
/*common end*/

.head{ display: flex; width: 100%; justify-content: space-between; background-color: #FFFFFF; position: fixed; top: 0; left: 0; z-index: 999; flex-wrap: wrap;}
.logo{ width: 150px;margin-top:1%;margin-left:2%;}
.logo img{ width: 150px;}
.menu ul li{ line-height: 128px; padding: 0 20px; text-align: center; float: left;}
.menu ul li a{ font-size: 18px; }
.btnlist{ display: flex; align-items: center; height: 128px;}
.like{ margin: 0 10px;}
.topen{ margin: 0 20px; cursor: pointer; margin-left: 0;}
.topen img{ width: 32px;}
.tshow{ position: fixed; background-color: #fff; width: 100%; height: 100%; top: 0; left: 0; z-index: 999999; display: none;}
.nlogo{ margin: 0 auto; width: 128px;}
.nlogo img{ width: 100%;}
.nmenu{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.nmenu ul li{ line-height: 45px; font-size: 36px; margin: 10px 0; text-align: center;}
.nflow{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}
.nflow a{ display: inline-block; margin: 0 10px; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #000;  text-align: center; line-height: 35px; display: flex; align-items: center; justify-content: center; float: left;} 
.tclose{ position: absolute; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size:28px; cursor: pointer; top: 10px; right: 10px;}
.con1{ padding: 60px 0;}
.con1lf{ width: 50%; float: left; position: relative;}
.con1rt{ width: 50%; float: right; position: relative;}
.con1lf img{ width: 100%; display: block;}
.con1rt img{ width: 100%; display: block;}
.c1pic{ position: relative; width: 100%;}
.c1tie{position: absolute;top: -50px;z-index: 99;left: 50%;transform: translateX(-50%);}
.c1tie h1{ font-size: 32PX; color: #000000; font-weight: bold; text-align: center; line-height: 50px;}
.c1bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); display: none; align-items: center; justify-content: center;}
.c1pic:hover .c1bg{ display: flex;}
.c1bg ul li { font-size: 20px; margin: 10px 0; color: #FFFFFF; text-align: center;}
.con1rt .c1tie{ bottom: -50px; top: auto;}

.con2{padding: 60px 0;}

.foot{padding: 20px 0;}
.foot .link{ display: flex; margin: 5px 0; justify-content: center; align-items: center;}
.link p{ margin: 0 15px;}
.link p a{ font-size: 15px;}
.c3title h1{ font-size: 68px;font-weight: normal; text-align: center;}
.c3title p{ text-align: center;}
.c3title p a{  margin: 0 10px;}
.con3lf{ width: 25%;}
.c3nr{ display: flex; justify-content: left;}
.con3rt{ width: 50%;}
.con3rt p{ font-size: 14px; margin-bottom: 10px;}
.lead{ font-size: 21px !important; margin-bottom: 20px;}

.con4{ padding: 30px 0;}
.con4 ul li{ width: 22%; margin: 0 10px; float: left;}
.upload-images-wrapper {
    margin: 20px 0;
}
.upload-images-wrapper .type {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}
.img-wrapper {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    background-color: #e5e5e5;
}
 .img-absolute {
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    width: 100%;
}
.img-hidden {
    visibility: hidden;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
 .add-image-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: .4s all;
}
 .upload-btn {
    margin: 0 auto;
    display: block;
    background-color: #fff;
    border-radius: 0;
    font-family: Conv_Didot-HTF-M16-Medium-Ital;
    color: #000!important;
    border: none;
    font-weight: 400;
    padding-top: 3px;
    padding-bottom: 3px;
	cursor: pointer;
}
.btn-primary:hover {
 transform: translateY(-5px);
 transition: all 0.5s;
}
.ipt1{ margin: 10PX 0;}
.ipt2{ margin: 10PX 0; display: flex; justify-content: space-between;}
.ipt1 input{ width: 100%; line-height: 45PX; border: 1px solid #000; }
.ipt1 label{ line-height: 25px;}
.iptem{ width: 48%;}
.iptem input{ width: 100%; line-height: 45PX; border: 1px solid #000; }
.iptem label{ line-height: 25px;}
.selc{ display: flex; justify-content: space-between;}
.selc select{ width: 32%; line-height: 45px; height: 45px; font-size: 16px ; text-indent: 0.5rem;}
.ipt1 button{ width: 145px; line-height: 45px; text-align: center; background-color: #fff; border: 0; border-bottom: 1px solid #000000; margin: 0 auto; display: block;}

.con5{ margin: 60px 0; position: relative;}
.c5lf{ width: 83%; height: 500px; background-color: #E1E1E2;}
.c5rt{ width:40%; position: absolute; background-color: #FFFFFF; top: 50%; transform: translateY(-50%); right: 0%; min-height: 250px; display: flex; justify-content: space-between;}
.c5rtpic{ width: 25%; text-align: center; padding: 30px 0;}
.c5rtpic img{ width: 80%; }
.c5rtnr{ width: 75%; padding: 30px 0;}
.menu-item-22{ margin: 10px 0;}
.menu-item-22 a{ font-size: 14px; font-weight: bold;}

.con3 ul{ display: flex;justify-content: center; margin: 20px 0;}
.con3 ul li{ padding: 0 15px; text-align: center; }
.pronav ul{ display: flex; justify-content: center; border-bottom: 1px solid #000; padding-bottom: 10px;}
.pronav ul li{ margin-right: 9px;}

.prolist{ padding: 20px 0;}

.prolist ul li{ width: 19%; margin: 5px; float: left;}
.prolist ul li h1{ font-size: 13px; text-align: center; margin-bottom: 5px;}
.prolist ul li .swiper-button-next{ display: none;}
.prolist ul li .swiper-button-prev{ display: none;}
.prolist ul li:hover .swiper-button-next{ display:block;}
.prolist ul li:hover .swiper-button-prev{ display:block;}
.text-uppercase{ font-size: 12px; display: block; margin: 0 auto; text-align: center;}
.mdata{ display: flex; justify-content: center;}
.font-weight-bold{ font-weight: bold;}
.mdata span{ margin: 0 1px;}
.hover-content{ padding-bottom: 30px; opacity: 0;}
.prolist ul li:hover .hover-content{opacity: 1; transition: all 0.5s; }

.piclist{ padding: 30px 0;}
.pic1{ display: flex; justify-content: space-between; align-items: center;}
.piclf{ width: 25%; display: flex; flex-wrap: wrap;}
.piclf img{ width: 100%;}
.picrt{ width: 73%;}
.picrt img{width: 100%;}
.pic2{ margin: 20px 0;}
.pic2 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.pic2 ul li{ width: 32%;}
.pic2 ul li img{ width: 100%;}
.pic3 img{ width: 100%;}
.pic4{ padding: 40px 0;}
.pic4 ul{ display: flex; justify-content: center; flex-wrap: wrap; }
.pic4 ul li{ width: 40%;}
.pic4 ul li:nth-child(2){transform: translate(-30px,30px);}
.pic4 ul li img{ width: 100%;}

.con6{ padding: 60px 0; background-color: #E1E1E2;}
.co6item{ width: 33%;} 
.co6item ul li{}
.c6bt h1{ font-size: 30px; text-align: center; margin-bottom: 10px;}
.c6bt h2{ font-size: 14px; font-weight: bold; text-align: center;	}
.c6bt dl{ opacity: 0;}
.c6bt dl dd { line-height: 25px; text-align: center; margin: 3px 0;}
.c6bt dl dd a{ font-size: 12px;}
.co6item ul li:hover dl{ opacity: 1; transition: all 0.5s; }


.con7{ padding: 60px 0; position: relative;}
.c7rt{ width: 80%; float: right;}
.c7rt img{ width: 100%;}
.c7lf{ position: absolute; width: 40%; left: 0; top: 50%; transform: translateY(-50%); background-color: #FFFFFF;}
.pd60{ padding: 60px;}
.c7lf h1{ font-size: 40px; margin-bottom: 10px; text-align: center;}
.c7lf p{ margin-bottom: 30px; font-size: 14px ; text-align: center;}
.c7lf a{ display: block; text-align: center; margin: 0 auto; font-size: 14px;}
.nytop{ padding:  0;}
.nytoplf a{ margin: 0 5px; vertical-align: middle;}
.m{ display: none;}

@media(max-width:768px){
	.menu{ display: none;}
	.con1lf{width: 100%;float: left;position: relative;}
.con1rt{width: 100%;float: right;position: relative;}
.nytop{ display: none;}
.m{ display:block;}
.pv{ display: none;}
.c3nr{ flex-wrap: wrap;}
.con3lf{ width: 100%;}
.con3rt{ width: 100%;}
.wapper{ width: 95%;}
.c5lf{ width: 100%;}
.c5rt{ width: 95%;}
.prolist ul li{ width:46%}
.hover-content{ opacity:1}
	}