/*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; color:#333132;/*font-family:'Microsoft YaHei';*/}
a{color:#333132;}
a:hover{ color:#f60;/* text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{  max-width:1400px !important; margin:0 auto; width:90%;}

.header-bg{ background:#fff; position:relative;  left:0;    background-color: #fff;
  border-bottom:1px solid  #dad1cc; color: #333132;    padding: 25px 0 11px; width:100%; z-index:99}
.header{ display: flex;  align-items: center;justify-content: space-between; height:55px;}
.logo{ width:10%;}
.logo a{ width:100%; height:100%; display: flex;  align-items: center;}
    .logo a img {
        /*max-width: 100%;
        max-height: 100%;
        height: 74px !important;*/
        height: 78px !important;
    }
.header-bg.on{ position:fixed; top:0;}
.qiehuan{ display: flex; justify-content: center;  align-items: center;font-size:14px;}
.qiehuan a{  margin:0 0.5vw; color:#333132; line-height:1; border-radius:10px; padding:4px 10px}
.qiehuan a.at{ background:#1f81c9; color:#fff;}

/*menu*/
.menu{height:43px;line-height:43px;}
.menu ul li{ float:left; position:relative;width:120px;}
.menu ul li span>a{ border-radius:30px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:9 }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:18px;color:#333132; text-decoration:none; font-weight:bold;display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{ background:#333132;color:#fff;}
/*.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}*/
.menu ul li.hover>span>a{background:#333132;color:#fff;}

.banner01 .mySwiper2{ background:#f2f1f2}
.banner01 .mySwiper2 .swiper-button-next:after, .banner01 .mySwiper2 .swiper-button-prev:after{ font-size:14px}
.banner01 .mySwiper2 .swiper-button-next, .banner01 .mySwiper2 .swiper-button-prev{ background:#333132; color:#fff; height:46px; width:30px}
.banner01 .mySwiper2 .swiper-button-next{ right:51%; top:inherit; bottom:9%;}
.banner01 .mySwiper2 .swiper-button-prev{ right:52.5%; top:inherit; bottom:9%; left:inherit;}

.canada{ display: flex; align-items: center;
justify-content: space-between; flex-direction: row-reverse;}
.canada-l{ width:50%; box-sizing:border-box; padding:0 4% 0 13%}
.canada-l h2{ font-size:37px; color:#333132;  display:block ;}
.canada-l p{ padding:0; display:block; width:50px; height:1px; background:#1f81c9; margin:20px 0;}
.canada-l span{ display:block; font-size:16px;     font-weight: 600;line-height: 1.4;}
.canada-l a{ font-size:11px;    border: 1px solid #1f81c9; border-radius:30px; padding:14px 23px; color:#333132; display:inline-block;    font-weight: 600;  text-transform: uppercase;    letter-spacing: 1px; margin-top:4%}
.canada-l a:hover{ background:#333132; color:#fff; border:1px solid #333132}
.canada-r{ display:block; width:50%;}
.canada-r a img{ width:100%; vertical-align:bottom;}
.banner01 .mySwiper{ margin-top:-35px}
.banner01 .mySwiper .swiper-slide{background-color: #333132;
    border: 2.5px solid #333132;
    color: #f2f1f2;
    cursor: pointer;padding: 19px 19px 9px; position:relative; box-sizing:border-box;}
.know{}
.know em{ font-size:13px; font-style:normal;  
    line-height: 16px;
    margin-bottom: 10px; display:block;}	
.know h2{     font-size: 18px; line-height: 23px;  margin-bottom: 10px; display:block;}
.know h3{
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 0 !important;
    margin-top: auto; text-align:right; font-weight:normal; margin-top:20px
}
.know:before {
    content: "";
    float: right;
    height: 1em;
    width: 30px;
}
.shortcut:after {
    background-color: #fff;
    content: "";
    height: 64%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
}
.banner01 .mySwiper  .swiper-slide.swiper-slide-thumb-active{    background-color: #fff;
    border: 2.5px solid #1f81c9;
    color: #333132;
    outline-color: #333132;}
.banner01 .mySwiper  .swiper-slide.swiper-slide-thumb-active .know:before{    border-bottom: 0.8em solid transparent;
    border-right: 0.615em solid #1f81c9;
    border-top: 0 solid transparent;
    content: "";
    display: inline-block;
    font-size: 6rem;
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 0;}
.banner01 .mySwiper  .swiper-slide:nth-child(5) .shortcut{ display:none}


.cent01{ margin-top:2%; margin-bottom:2%}
.cent01 ul li{ float:left; display:block;width:calc((48.5% - 3%)/2); box-sizing:border-box; margin-right:3%}
.cent01 ul li:first-child{ width:48.5%}
.cent01 ul li:nth-child(3n) { margin-right: 0% ;}
.cent01 ul li a{ display:block}
.cent01 ul li a em{ font-style:normal; font-size:12px;  padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #dad1cc; display:block; color:#333132}
.cent01 ul li a em i{ font-style:normal; display:inline-block; margin-left:10px;    text-transform: uppercase; color:#81716a;}
.cent01 ul li a h2{ font-size:30px; color:#000; display:inline-block;}
.cent01 ul li:hover>a>h2{text-decoration:underline;}
.cent01 ul li a>span{ display:block; font-size:14px; color:#000; line-height:1.5; font-weight:300; margin-top:10px}
.cent01 ul li a strong{ display: flex;  align-items: center; font-size:10px; color:#81716a; font-weight:normal;text-transform: uppercase; margin-top:10px}
.cent01 ul li a strong img{ width:20px;transition: all 1s;}
.cent01 ul li a strong:hover img{
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}


.cent02-bg{ background:#f2f1f2}
.cent02{ padding:3% 0}
.cent02 ul li{ float:left; display:block;width:calc((48.5% - 3%)/2); box-sizing:border-box; margin-right:3%; margin-top:2%}
.cent02 ul li:first-child{ width:48.5%}
.cent02 ul li:nth-child(3n) { margin-right: 0% ;}
.cent02 ul li a{ display:block}
.cent02 ul li a em{ font-style:normal; font-size:12px;  padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #dad1cc; display:block; color:#333132}
.cent02 ul li a em i{ font-style:normal; display:inline-block; margin-left:10px;    text-transform: uppercase; color:#81716a;}
.cent02 ul li a h2{ font-size:30px; color:#000; display:inline-block;}
.cent02 ul li:hover>a>h2{text-decoration:underline;}
.cent02 ul li a>span{ display:block; font-size:14px; color:#000; line-height:1.5; font-weight:300; margin-top:10px}
.cent02 ul li a strong{ display: flex;  align-items: center; font-size:10px; color:#81716a; font-weight:normal;text-transform: uppercase; margin-top:10px}
.cent02 ul li a strong img{ width:20px;transition: all 1s;}
.cent02 ul li a strong:hover img{
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}
.cent02 ul li .img{ overflow:hidden; margin-bottom:20px}
.cent02 ul li .img span{ display:block; padding-bottom:200px;cursor:pointer; transition: all 0.5s; }
.cent02 ul li:hover .img span{transform: scale(1.1);}
.more{ text-align:right;}
.more a{ font-size:11px;    border: 1px solid #1f81c9; border-radius:30px; padding:14px 23px; color:#333132; display:inline-block;    font-weight: 600;  text-transform: uppercase;    letter-spacing: 1px; margin-top:4%}
.more a:hover{ background:#333132; color:#fff; border:1px solid #333132}

.title{}
.title h2{ font-size:25px;   font-weight: 600;   letter-spacing: 1px; position:relative; padding-left:2%;}
.title h2:before {
    content: "";
    left: 0;
    position: absolute;
    top: 0.36em;  
	  border-bottom: 0.8em solid transparent;
    border-right: 0.615em solid #1f81c9;
    border-top: 0 solid transparent;
    display: inline-block;
    height: 0;
    width: 0;
    pointer-events: none;
}
.title span{ width:50%; display:block; font-size:14px; line-height:1.5; margin-top:2%;}

.Follow{ display: flex; justify-content: flex-end;  align-items: center; margin-bottom:2%}
.Follow h2{ font-size:14px; font-weight:normal; color:#333132; margin-right:3vw}
.Follow a{ width:25px; height:25px; margin-left:10px}
.Follow a img{ width:100%; height:100%;}

.footer-bg{ background:#f2f1f2}
.footer{ padding:2% 0;}
.footer dl{ display: flex;  align-items: flex-start;justify-content: space-between;}
.footer dl dd{}
.footer dl dd h2{ display: flex;   align-items: center; font-size:14px; font-weight:normal;    text-transform: uppercase;}
.footer dl dd h2 img{ width:20px; margin-left:10px;    transition: all 1s;}
.footer dl dd h2 a{ color:#292728}
.footer dl dd h2 a:hover{    text-decoration: underline;}
.footer dl dd h2:hover img{
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}
.footer dl dd ul li{ line-height:30px;}
.footer dl dd ul li a{ font-size:14px; color:#292728}
.footer dl dd ul li a:hover{  text-decoration: underline;}

.footer01{ background:#333132; color:#fff; padding:10px 0}
.footer01 a{ color:#fff;}
.footer01 .wapper{ display: flex;  align-items: center;justify-content: space-between;}
.footer01 span{ font-size:11px}

.footer01-r{}
.footer01-r a{ display:inline-block; margin-left:1vw}
.footer01-r a:hover{  text-decoration: underline;}

.top{ display:none}
.sp_header{ display:none}
.sjj_nav{display:none}


.banner02-bg{ background:#f2f1f2}
.banner02{ display: flex; align-items: center;
justify-content: space-between; flex-direction: row-reverse;}
.banner02-l{ width:50%; box-sizing:border-box; padding:0 4% 0 13%}
.banner02-l h2{ font-size:37px; color:#333132;  display:block ;}
.banner02-l p{ padding:0; display:block; width:50px; height:1px; background:#1f81c9; margin:20px 0;}
.banner02-l span{ display:block; font-size:16px;     font-weight: 600;line-height: 1.4;}
.banner02-l a{ font-size:11px;    border: 1px solid #1f81c9; border-radius:30px; padding:14px 23px; color:#333132; display:inline-block;    font-weight: 600;  text-transform: uppercase;    letter-spacing: 1px; margin-top:4%}
.banner02-l a:hover{ background:#333132; color:#fff; border:1px solid #333132}
.banner02-r{ display:block; width:50%; position:relative;}
.banner02-r a{ display:block; padding-top:50%;-webkit-filter: grayscale(100%);
    filter: grayscale(100%);}


.weizhi{ display: flex;   align-items: center; font-size:10px; height:33px; text-transform: uppercase;}
.he{ width:1px; height:30px; background:#dad1cc;}
.weizhi a{ margin:0 10px; color:#81716a}
.weizhi span{}

.cent03{ display: flex;  align-items: center;justify-content: space-between; margin-top:1%}
.cent03-r{display: flex;  align-items: center;}

.Follow01{display: flex;  align-items: center; margin-right:5px}
.Follow01 h2{ font-size:14px; font-weight:normal; color:#333132; text-transform: uppercase;}
.Follow01 a{ width:25px; height:25px; margin-left:10px; }
.Follow01 a img{ width:100%; height:100%;}
.Follow01 a:hover{ opacity:0.8}
.cent0301{display: flex;  align-items: center; border-left:1px solid #dad1cc;}
.cent0301 a{ width:26px; height:26px; margin-left:5px}
.cent0301 a svg{ width:100%; height:100%}


.cent04{ margin-top:3%; margin-bottom:3%}
.cent04 ul li{ float:left; display:block; width:calc(100%/4); margin-top:4%;}
.cent04 ul li a{ display:block; width:100%;}
.cent04 ul li .img{ overflow:hidden;}
.cent04 ul li .img span{ display:block; padding-bottom:70%;cursor:pointer; transition: all 0.5s; }
.cent04 ul li:hover .img span{transform: scale(1.1);}
.cent04 ul li:nth-child(4n-3){ clear:left;}

.luxy{ padding:20px; box-sizing:border-box;}
.luxy h2{ font-size:20px; font-weight:normal; color:#000;}
.luxy span{ font-size:12px; color:#81716a; display:block; border-bottom:1px solid #81716a; padding-bottom:10px;    text-transform: uppercase; margin-top:10px}
.luxy dl{ padding:10px 0}
.luxy dl dd{ display: flex; align-items: center; height:24px; color:#000;}
.luxy dl dd img{ width:15px; margin-right:10px}

.cent05-bg{ background:#f2f1f2}
.cent05{ padding:3% 0}
.cent05 ul li{ float:left; display:block; width:calc((100% - 9%)/4); margin-top:3%; margin-right:3%}
.cent05 ul li:nth-child(4n) {
    margin-right: 0% ;
}
.cent05 ul li a{ display:block; width:100%;}
.cent05 ul li .img{ overflow:hidden;}
.cent05 ul li .img span{ display:block; padding-bottom:70%;cursor:pointer; transition: all 0.5s; }
.cent05 ul li:hover .img span{transform: scale(1.1);}
.law{ padding:20px 0; box-sizing:border-box;}
.law span{font-size: 14px;color: #333132;display:block;text-transform: uppercase;margin-top:10px;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.law em{ font-style:normal; font-size:12px; color:#333132; padding-bottom:10px;border-bottom:1px solid #dad1cc; display:block; width:100%;    text-transform: uppercase;}
.law i{ display: flex;  align-items: center; font-size:10px; color:#81716a; font-weight:normal;text-transform: uppercase; margin-top:10px; font-style:normal;}
.law i img{ width:20px;transition: all 1s;}
.cent05 ul li:hover .law i img{
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}
.cent05 ul li:nth-child(4n-3){ clear:left;}
.cent05 ul li:hover .law i{text-decoration:underline}


.cent06{ padding:3% 0}
.cent06 ul li{ float:left; display:block; width:calc((100% - 6%)/3); margin-top:3%; margin-right:3%}
.cent06 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.cent06 ul li a{ display:block; width:100%;}
.cent06 ul li .img{ overflow:hidden;}
.cent06 ul li .img span{ display:block; padding-bottom:60%;cursor:pointer; transition: all 0.5s; }
.cent06 ul li:hover .img span{transform: scale(1.1);}
.cent06 ul li:hover .law i img{
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}
.cent06 ul li:nth-child(3n-2){ clear:left;}
.cent06 ul li:hover .law i{text-decoration:underline}



.inside_con{ padding:10px 0; min-height:300px}


@media only screen and (max-width: 980px) {
	.header-bg{ display:none;}
	.top{ display:block; height:50px}
	
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display:block}
.sp_logo{padding:10px;float:left;height:50px}
    .sp_logo img {
        margin: auto;
        /*max-height: 30px;*/
        height: 39px !important;
    }
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#1f81c9;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#1f81c9}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.canada{flex-wrap: wrap; }
.canada-l{ padding:12%; width:100%}
.canada-r{ width:100%;}
.banner01 .mySwiper2 .swiper-button-next{ right:5%; top:inherit; bottom:9%;}
.banner01 .mySwiper2 .swiper-button-prev{ right:inherit; top:inherit; bottom:9%; left:5%;}
.banner01 .mySwiper{ margin-top:0; width:90% !important;}

.cent01 ul li{ width:100%; margin-right:0; margin-top:5%;}
.cent01 ul li:first-child{ width:100%;}
.cent01 ul li a h2{ font-size:24px}

.title h2{ font-size:20px;padding-left: 6%;}
.title span{ width:100%}

.cent02{ padding:10% 0;}
.cent02 ul li{ width:100%; margin-right:0; margin-top:5%;}
.cent02 ul li:first-child{ width:100%;}
.cent02 ul li a h2{ font-size:24px}
.footer dl dd{ width:50%; margin-bottom:4%}
.footer dl{flex-wrap: wrap;     justify-content: flex-start;}

.footer01-r{ display:none;}
	
.banner02{flex-wrap: wrap; }	
.banner02-r{ width:100%}
.banner02-l{width:80%; margin:5% auto; padding:0}

.cent03{ display:block;}
.cent04{ width:100%; margin-top:10%}
.cent04 .title{ width:90%; margin:0 auto;}
.cent04 ul li{    width: calc(100% / 2);}
.luxy span{ font-size:11px}

.cent05 ul li{ width:calc((100% - 5%)/2); margin-top:5%; margin-right:5%}
.cent05 ul li:nth-child(2n) {
    margin-right: 0% ;
}

.cent06 ul li{ width:calc((100% - 5%)/2); margin-top:5%; margin-right:5%}
.cent06 ul li:nth-child(3n) {
   margin-right:5%
}
.cent06 ul li:nth-child(2n) {
    margin-right: 0% ;
}
.cent06 ul li:nth-child(3n-2){ clear:none;}

	}
	
	.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #81716a url(../images/xiagw.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 19px;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 63px;
  }
}