﻿/****************************/

/*       Power By          */

/*      爱上喵科技         */

/*     QQ:1509871176      */

/***************************/



/* 共用 ==================*/

.wp{max-width:1200px; width: 100%; overflow: hidden; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

a:hover{color:inherit!important;}



/* 独立class ==================*/

body{background-color: #f6f6f6; margin: 0px auto;}

.dc-yuanj5{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:0.05rem;-moz-border-radius:0.05rem;-webkit-border-radius:0.05rem; overflow: hidden;}

.dc-yuanj10{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; border-radius:0.10rem;-moz-border-radius:0.10rem;-webkit-border-radius:0.10rem; overflow: hidden;}

.dc-yuanj15{border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; border-radius:0.15rem;-moz-border-radius:0.15rem;-webkit-border-radius:0.15rem; overflow: hidden;}

.wp-box1{max-width: 100%; overflow-x: hidden;}

.imgfdbx1{position: absolute; overflow: hidden; left: 0px; top: 0px; width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.imgfdbx1 img{width: 100%;

top: 50%!important;

left: 50%!important;

-o-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

-moz-transform: translate(-50%, -50%);

-webkit-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

position: absolute;

}



.dc-asmimgList1-1 .img img{

transition: all 500ms cubic-bezier(.4, 0, .2, 1); -moz-transition: all 500ms cubic-bezier(.4, 0, .2, 1);-webkit-transition: all 500ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 500ms cubic-bezier(.4, 0, .2, 1); -ms-transition: all 500ms cubic-bezier(.4, 0, .2, 1);    

}

.dc-asmimgList1-1 .img:hover img{

    transform:scale(1.1);

    -ms-transform:scale(1.1);

    -moz-transform:scale(1.1);

    -webkit-transform:scale(1.1);

    -o-transform:scale(1.1);

}



.imgfdbx1 img{

transition: all 500ms cubic-bezier(.4, 0, .2, 1); -moz-transition: all 500ms cubic-bezier(.4, 0, .2, 1);-webkit-transition: all 500ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 500ms cubic-bezier(.4, 0, .2, 1); -ms-transition: all 500ms cubic-bezier(.4, 0, .2, 1);    

}

.imgfdbx1:hover img{

    transform: translate(-50%, -50%) scale(1.1);

    -ms-transform:translate(-50%, -50%) scale(1.1);

    -moz-transform:translate(-50%, -50%) scale(1.1);

    -webkit-transform:translate(-50%, -50%) scale(1.1);

    -o-transform:translate(-50%, -50%) scale(1.1);

}



/* 正常class ==================*/

.utm11{}

.utm11-kj1{background-color: #f6f6f6; z-index: 100000; position: -webkit-sticky; position: sticky; top: 0px; float: left; padding: 0px 30px;width: 280px; min-height: 1px; max-width: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.utm11-kj2{display: block; overflow: hidden; padding-right: 30px;}

.utm13,.utm12{max-width: 100%; overflow: hidden;}

.utm13-m1{padding-top: 30px;}

.utm12{height: 100vh; height: 100dvh; position: relative; overflow-y: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.utm12-m4{/*position: absolute; bottom: 20px; */font-size: 14px; color: #494949; padding-top: 20px; padding-bottom: 20px;}

.utm12-m4 p{padding: 2px 0px;}

.utm12-m4 .ewm1{width: 105px; max-width: 100%;}

.utm12-m3{/*min-height: 51vh;*/}





/* box-pos 独立模块 当前位置 ==================*/

.box-pos{font-size:0;/*word-spacing: -4px;letter-spacing: -4px;*/}

.box-pos li{/*background:url("../images/pt-img83.png") no-repeat right center; background-size: 5px auto; padding-right: 10px; */color: #666666; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal;font-size:14px;}

.box-pos li a{margin: 0 7px; margin-right: 4px; font-size: 13px; color: #666666;}

.box-pos li a:hover{color: #e71418;}

.box-pos li:last-child{background: transparent; filter:none; margin-right: 0px;}

.box-pos li:first-child a{margin-left: 0px;}

.box-pos li:last-child a{margin-right: 0px;}



.picpL12{font-size: 0;margin: 0px -6px;}

.picpL12 li{width: 33.33%; padding: 0px 6px; padding-bottom: 35px!important;display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.picpL12-m1{}

.picpL12-m1 .imgbx1{ padding-top: 61.69%; display: block; position: relative;}

.picpL12-m1 .imgbx1 .img1{display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size:100% auto; background-size:cover; background-position: center center; background-repeat: no-repeat;

transition: all 300ms cubic-bezier(.4, 0, .2, 1); -moz-transition: all 300ms cubic-bezier(.4, 0, .2, 1);-webkit-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -ms-transition: all 300ms cubic-bezier(.4, 0, .2, 1);

}

.picpL12-m1 .imgbx1 .img2{width: 0; height: 0; opacity: 0;}

.picpL12-m1 .txtbx1{padding-top: 10px;}

.picpL12-m1 .txtbx1 h3 a{font-size: 14px; color: #333; font-weight: bold; display:inline-block;max-width:100%; white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; overflow: hidden;}

.picpL12-m1 .txtbx1 h3{position: relative; display: block; padding-bottom: 5px;}

.picpL12-m1 .txtbx1 .ct2{padding-top: 5px; overflow: hidden; clear: both;}

.picpL12-m1 .txtbx1 .ct2 .imgs1{float: left; max-width: 25px; max-width: 0.25rem; max-height: 22px; max-height: 0.22rem;}

.picpL12-m1 .txtbx1 .ct2 .m1{font-size: 16px; color: #666; display: block; overflow: hidden; padding-left: 12px; padding-left: 0.12rem;}

.picpL12-m1 .txtbx1 .ct2 .m1 p{display:inline-block;width:100%; white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; overflow: hidden;}

.picpL12-m1 .imgbx1:hover .img1{opacity: 0.8;}





.picpL12.s1{margin: 0px -10px;}

.picpL12.s1 li{padding: 0px 10px; width: 50%;}

.picpL12.s1 .picpL12-m1 .imgbx1{padding-top: 100.18%;}



.picpL12.s2{margin: 0px -6px;}

.picpL12.s2 li{padding: 0px 6px; width: 33.33%;}

.picpL12.s2 .picpL12-m1 .imgbx1{padding-top: 129.80%;}





.picpL12.s3 li{width: 25%;}

.picpL12.s3 .picpL12-m1 .imgbx1{padding-top: 130.55%;}
.picpL12.lt1 li{width: 20%;}


.utm16{position: relative; z-index: 10; background-color: #f6f6f6; padding:10px 10px; text-align: center;}

.utm16-m1{font-size: 14px; color: #333; font-weight: bold;}



.utm12-m1{padding-top: 70px; text-align: center;}

.utm12-m1 .logo .imglogo{max-width: 208px;/* max-width: 100%;*/ display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}



/* box-so 独立模块 搜索 ==================*/

.soso{padding-top: 8px;}

.soso-w{width:0px;}

.box-so{position:relative; font-size:0;  width: 100px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; transition: all 300ms cubic-bezier(.4, 0, .2, 1)!important; -moz-transition: all 300ms cubic-bezier(.4, 0, .2, 1)!important;-webkit-transition: all 300ms cubic-bezier(.4, 0, .2, 1)!important; -o-transition: all 300ms cubic-bezier(.4, 0, .2, 1)!important; -ms-transition: all 300ms cubic-bezier(.4, 0, .2, 1)!important;}

.box-so input[type="text"]{width: 100%; padding-left: 10px; padding-right: 35px; color: #666; overflow: hidden; font-size: 14px; border: 0px; height: 37px; line-height: 37px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: transparent;}

.box-so input[type="button"]{position:absolute; right: 10px; cursor: pointer; top: 5px; border: 0px;  width: 24px; height:24px; z-index: 10; background:url('../images/mb-ico1.png') no-repeat center center; background-size: contain;}



.box-so input::-webkit-input-placeholder {color: #888;}

.box-so input:-moz-placeholder {color: #888;}

.box-so input::-moz-placeholder {color: #888;}

.box-so input::-ms-input-placeholder {color: #888;}



.tjL1{font-size: 0; padding-bottom: 10px;}

.tjL1 li{padding-top: 5px; padding-right: 5px; max-width: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.tjL1-m1 .tja1{font-size: 14px; color: #333; border: 1px solid #000; padding: 0px 15px;}

.tjL1-m1 .tja1 i{margin-left: 3px;font-size: 12px; font-weight: bold; color: #000;}





/* zdList1 ==================*/

.zdList1{font-size: 0;}

.zdList1 li{padding-bottom: 1px;}

.zdList1-m1{text-align: left; display: block;  overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.zdList1-m1 .tt{padding: 8px 8px; padding-left: 0px;



}

.zdList1-m1 .tt h3,.zdList1-m1.only .tt h3 a{cursor: pointer; font-size: 13px; color: #000000; color: rgba(0,0,0,.8); width: 100%;padding-left: 21px; display:inline-block;max-width:100%; white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;

background:url("../images/pt-img20.png") no-repeat 3px center; background-size: 6px auto;

}

.zdList1-m1 .tt h3.hover,.zdList1-m1.only .tt h3.hover a{/*font-weight: bold;*/

background:url("../images/pt-img21.png") no-repeat 2px center; background-size: 8px auto;

}

.zdList1-m1.only .tt h3{background: transparent!important;}
.zdList1-m1.only .tt h3 a{background: transparent!important; padding-left: 0px;}
.zdList1-m1 .ct p{font-size: 12px; color: #999999;}

.zdList1-m1 .ct{padding-top: 1px; padding-left: 10px; }

.zdList1-m1 .ct .a1{ display: block; margin-bottom:1px;}

.zdList1-m1 .ct .a1 a{font-size: 13px; color: #000; color: rgba(0,0,0,.8); position: relative;

display: inline-block; padding: 0px 10px; padding-bottom:2px;  padding-left: 18px;

background:url("../images/pt-img18.png") no-repeat left center; background-size: 11px auto!important;

}

.zdList1-m1 .ct .a1 a em{position: relative; padding: 4px 0px; display: inline-block;}

.zdList1-m1 .ct .a1 a em:after{content: ""; height: 1px; position: absolute; left:0px; bottom: 0px; background-color: #333; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;
transition: all 300ms cubic-bezier(.4, 0, .2, 1); -moz-transition: all 300ms cubic-bezier(.4, 0, .2, 1);-webkit-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -ms-transition: all 300ms cubic-bezier(.4, 0, .2, 1);
width: 0;
}

.zdList1-m1 .ct .a1 a:hover{color: #bc904d;}
.zdList1-m1 .ct .a1 a:hover em::after{
 width: 100%;
}

.zdList1-m1 .ct .a1 a.choiced{background:url("../images/pt-img19.png") no-repeat left center; }





/*谷歌、safari、qq浏览器、360浏览器滚动条样式*/

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  

::-webkit-scrollbar  

{  

    width: 5px;  

    height: 110px;  

    background-color: #F5F5F5;  

}  

/*定义滚动条轨道 内阴影+圆角*/  

::-webkit-scrollbar-track  

{  

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  

    border-radius: 10px;  

    background-color: #F5F5F5;  

}    

/*定义滑块 内阴影+圆角*/  

::-webkit-scrollbar-thumb  

{  

    border-radius: 10px;  

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  

    background-color: #bdbdbd;  /*  滚动条的颜色 ==================*/

}  

/*滑块效果*/

::-webkit-scrollbar-thumb:hover

{

border-radius: 5px;

-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

background: rgba(0,0,0,0.4);

}

/*IE滚动条颜色*/

html {

    scrollbar-face-color:#bfbfbf;/*滚动条颜色*/

    scrollbar-highlight-color:#000;

    scrollbar-3dlight-color:#000;

    scrollbar-darkshadow-color:#000;

    scrollbar-Shadow-color:#adadad;/*滑块边色*/

    scrollbar-arrow-color:rgba(0,0,0,0.4);/*箭头颜色*/

    scrollbar-track-color:#eeeeee;/*背景颜色*/

}



.utm12::-webkit-scrollbar{width: 0;}



.picpL12.lt1{}

.picpL12.lt1 .picpL12-m1 .txtbx1 h3 a{font-weight: normal; opacity: 0.6;}

.picpL12.lt1 .picpL12-m1:hover .txtbx1 h3 a{opacity: 1;}
.picpL12.lt1 .picpL12-m1 .txtbx1 h3{text-align: center;}

.picpL12-m1 .imgbx1{position: relative; overflow: hidden;}

.picpL12-m1 .imgbx1 .ms1{display: block; width: 100%; font-size: 14px; color: #888; background-color: rgba(255,255,255,.8); text-align: center;

position: absolute; left: 0px; bottom: -100px; z-index: 10; padding: 5px 10px; 

-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;

transition: all 300ms cubic-bezier(.4, 0, .2, 1); -moz-transition: all 300ms cubic-bezier(.4, 0, .2, 1);-webkit-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -ms-transition: all 300ms cubic-bezier(.4, 0, .2, 1);

}

.picpL12-m1 .imgbx1 .ms1 p{width: 100%;

display: block; 

display: box;

display: -moz-box;

display: -webkit-box;

display: -o-box;

display: -ms-box;

box-orient: vertical;

-moz-box-orient: vertical;

-webkit-box-orient: vertical;

-o-box-orient: vertical;

-ms-box-orient: vertical;

line-clamp: 2;

-moz-line-clamp: 2;

-webkit-line-clamp: 2;

-o-line-clamp: 2;

-ms-line-clamp: 2;

overflow: hidden;

}





.picpL12-m1 .imgbx1:hover .ms1{bottom: 0px;}

.picpL12.lt1 .picpL12-m1 .imgbx1:hover .img1{opacity: 1;}





/* .box-wd1 弹窗1 独立模块  ==================*/

.msg-hid .box-wd1{

transform:scale(0);

    -ms-transform:scale(0);

    -moz-transform:scale(0);

    -webkit-transform:scale(0);

    -o-transform:scale(0);

}

.box-wd1{margin-top:0px; margin-bottom: 0px;  z-index: 10000; top: 0%; position: relative;  display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;

transform:scale(1);

-ms-transform:scale(1);

-moz-transform:scale(1);

-webkit-transform:scale(1);

-o-transform:scale(1);

transform-origin:center;

-moz-transform-origin:center; /* Firefox 4 */

-webkit-transform-origin:center; /* Safari and Chrome */

-o-transform-origin:center; /* Opera */

 transition: all 300ms cubic-bezier(.4, 0, .2, 1); -moz-transition: all 300ms cubic-bezier(.4, 0, .2, 1);-webkit-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -ms-transition: all 300ms cubic-bezier(.4, 0, .2, 1);

}

.dc-cet2 dd{max-height: 100vh; max-height: 100dvh; overflow-y:auto; }

.dc-cet2{top: 0px; right: 0px; width: 100%; padding-left: 280px; text-align: center; position:fixed; z-index: 10000; height: 100vh; height: 100dvh; 

  transform:scale(1);

    -ms-transform:scale(1);

    -moz-transform:scale(1);

    -webkit-transform:scale(1);

    -o-transform:scale(1);

  transform-origin:center;

    -moz-transform-origin:center; /* Firefox 4 */

    -webkit-transform-origin:center; /* Safari and Chrome */

    -o-transform-origin:center; /* Opera */

    font-size: 0;

-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;

 }

.dc-cet2:before{content: ""; width: 0; height: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}

.dc-cet2-box1{width: 100%; max-height: 100vh; max-height: 100dvh; overflow-y: auto;  display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}

.msg-hid{

  transform:scale(0);

    -ms-transform:scale(0);

    -moz-transform:scale(0);

    -webkit-transform:scale(0);

    -o-transform:scale(0);

    height:0px!important;

    overflow: hidden;

}

.mengceng,.asmloadingbg1{background-color: #fff; top: 0px; left: 0px; text-align: center; position:fixed; z-index: 100; height: 100%; width: 100%;}

.msg-hid .mengceng{display: none;}

.msg-hid .dc-close{display: none;}

.box-wd1{height: 100vh; height: 100dvh; overflow: hidden; min-height: 300px; width:100%; padding: 15px; background-color: #fff;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.box-wd1 dt{text-align: center;}

.dc-close{position: absolute; top: 7px; right: 7px; z-index: 100; width: 23px; height: 23px; background:url("../images/msg-close.png") no-repeat center center; background-size: contain;}

.vhid{visibility: hidden!important;height: 0; width: 0; position: absolute;}



.adrtc{padding: 0px;}

.adrtc dt{position: relative; padding:0px;}

.adrtc dt .dc-close{}

.adrtc dt h3{font-size: 32px; font-size: 0.32rem; color: #323233;}

.adrtcm11{padding: 27px; padding: 0.27rem; text-align: left;}



.tcmbx1{height: 100vh; height: 100dvh; padding-bottom: 200px; position: relative; text-align: left; font-size: 0; max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/*.tcmbx1{height:79vh; padding-bottom:21vh; position: relative; text-align: left; font-size: 0; max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
*/
.tcmbx1 .bx1,.tcmbx1 .bx2{max-width: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.tcmbx1 .bx1{width: 55%;}

.tcmbx1 .bx2{width: 45%; padding-left: 3%;}

.tcmbx1 .tbx1{position: relative; width: 100%; height: 100%; padding-top: 50px; padding-bottom: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.tcmbx1 .tbx1 .j1{font-size: 0; height: 100%; }
.tcmbx1 .tbx1 .j1:before{content: ""; width: 0; height: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;} 
.tcmbx1 .tbx1 .j1 .sf-pgm81-m1{width: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.tcmbx1 .tbx1 .j2{position: absolute; left: 0px; bottom: 20px; /*bottom: 8%;*/ width: 100%;}

.tcmbx1 .pp1 h3{font-size: 14px; color: #333; font-weight: bold;

display: block; 

display: box;

display: -moz-box;

display: -webkit-box;

display: -o-box;

display: -ms-box;

box-orient: vertical;

-moz-box-orient: vertical;

-webkit-box-orient: vertical;

-o-box-orient: vertical;

-ms-box-orient: vertical;

line-clamp: 2;

-moz-line-clamp: 2;

-webkit-line-clamp: 2;

-o-line-clamp: 2;

-ms-line-clamp: 2;

overflow: hidden;

}

.tcmbx1 .mj1 h5{font-size: 14px; color: #000; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 3px;}

.tcmbx1 .mj1-m1{font-size: 14px; color: #333;}

.tcmbx1 .tbx2{position: absolute; left: 0px; bottom: 0px; width: 100%;}

.tcmbx1 .tbx2 .cont1{font-size: 0; height: 150px; text-align: center; padding-bottom: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.tcmbx1 .tbx2 .cont1:before{content: ""; width: 0; height: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.tcmbx1 .tbx2 .cont1 .sf-pgm81-m2,.tcmbx1 .tbx2 .cont1 .sxbox1{ display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.tcmbx1 .tbx2 .cont1 .sxbox1{vertical-align: top; padding-top: 25px;}


.swiper-gy{max-width: 100%; overflow: hidden;}

.swiper-slide{

  font-size: 0px;

  text-align: center;

  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;

}

.swiperbox1{position: relative; display: block;}

.swiperbox1 .swiper-button-prev{background:url("../images/prev-img12.png") no-repeat center center; left: 0px;}

.swiperbox1 .swiper-button-next{background:url("../images/next-img13.png") no-repeat center center; right: 0px;}

.swiperbox1 .swiper-button-prev,.swiperbox1 .swiper-button-next{background-size: contain; width: 10px; height: 17px; outline: none; position: absolute; top: 50%; margin-top:-8.5px;}

.swiper-pagination{width: 100%; bottom: 5px;}

.swiper-pagination-bullet{background-color: #fff; opacity: 0.8; margin: 0px 2px;}

.swiper-pagination-bullet-active{background-color: #ED3636;}

.swiper-gy a:hover{opacity: 1!important;}

.swiper-gy .swfimg1{max-width: 80%; max-height: 65vh; max-height: 65dvh;}



.swiperbox1{ overflow: hidden;}



.swiperbox10{position: relative; display: block;}

.swiperbox10 .box1{width: 100%; padding: 0px 30px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
/*
.swiperbox10 .swiper-button-prev{background:url("../images/prev-img12.png") no-repeat center center; left: 0px;}

.swiperbox10 .swiper-button-next{background:url("../images/next-img13.png") no-repeat center center; right: 0px;}

.swiperbox10 .swiper-button-prev,.swiperbox10 .swiper-button-next{background-size: contain; width: 14px; height: 19px; outline: none; position: absolute; top: 50%; margin-top:-9.5px;}
*/
.swiperbox10 .sfimgbx1 .sfimg1{width: 100%; height: auto; overflow: hidden; }

.swiperbox10 .sfimgbx1{padding: 0px 2px;}



.box-wd1 dt h2{text-align: center; font-size: 16px; color: #333; font-weight: bold;}





.menubtn{cursor: pointer; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal;}

.menubtn{width:20px;  height:20px; background:url("../images/pt-ico11.png") no-repeat center center; background-size: contain; display: none;

/*position: absolute; right: 10px; top: 10px;*/

}

.dc-menuimg{background-image: url("../images/pt-ico12.png")!important;}

.for768{display: none;}

.navmengceng{display: block; position: fixed; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);}



.utm13,.utm11-kj2{position: relative; overflow: hidden;}

.bdfixed{overflow: hidden!important;}

.tcmbx1 .tbx1 .j2 h4{font-size: 20px; color: #989a99; text-align: center; padding: 5px 15px; padding-top: 0px;}



.asmtb1{text-align: center; position: relative; z-index: 10; font-size: 0; border-top: 1px solid #888; border-bottom: 1px solid #888; box-shadow: 1px 1px 6px rgba(0,0,0,.2);}

.asmtb1 li{padding: 0px 20px; max-width: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}

.asmtb1 a{font-size: 14px; color: #989a99; padding: 7px 0px; display: block;}

.asmtb1 .hover a{color: #000;}



.sxbox1{text-align: center; font-size: 0;}

.sxbox1 p{ padding: 3px 15px; font-size: 14px; color: #333; max-width: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: top;}
.sxbox1 div p{margin-top: 0px!important; padding: 3px 0px;}

.sxbox1 p *{font-size: 14px!important;}

.sf-pgm81-m2{max-width:500px; padding-bottom: 10px; width: 100%; overflow: hidden; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}



.picpL12.lt1 .picpL12-m1 .imgbx1{padding-top: 75.11%;}



.picpL12.lt1 .picpL12-m1 .imgbx1 .img1{

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;

}



.picpL12.lt1 .picpL12-m1 .imgbx1:hover .img1{

-webkit-filter: grayscale(0%);

-moz-filter: grayscale(0%);

-ms-filter: grayscale(0%);

-o-filter: grayscale(0%);

filter: grayscale(0%);



}



/*#app-m4{height: 90vh; overflow: hidden; overflow-y: auto;}*/

.ld-box1{text-align: center;}
.ld-box1 .btn1{ font-size: 20px; font-size: 0.20rem; color: #888; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal;}
.ld-box1 .btn1:hover{color: #888!important;}
.pages{font-size: 14px; color: #333; text-align: center;}


/* dpg-pages2 ==================*/
.dc-pages{display: block; text-align: center;  margin: 0 auto;}
.dc-pages{font-size:0;}
.dc-pages a,.dc-pages span{ padding: 0px 5px; max-width: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.dc-pages,.dc-pages a,.dc-pages span{font-size: 14px; color: #444444; }
.dc-pages a{margin: 0px 7px; min-width: 35px; margin: 2px; border: 1px solid #ccc; height: 25px; line-height:24px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.dc-pages span{background-color: #003e86; border-color: #003e86; color: #fff; border-width: 0px!important;}
.dc-pages li input{width: 60px; border: 0px; background: transparent; text-align: center;}

.ut-m1.bk2{background-color: #fff!important;}
.ut-m1.bk2 .dpagepos1{padding-left: 10px;}
.asmloadingbg1{padding-left: 280px;}
.asmloadingbg1 .asmico1{width: 100%; height: 100%; position: relative;}
.asmloadingbg1 .asmicom1{ position: relative; margin-left: -100px;
top: 50%!important;
left: 50%!important;
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
}
.asmloadingbg1 .asmicom1 .ico1{font-size: 50px;}
.asmloadingbg1{z-index: 10000;}

.picpL12.contain .picpL12-m1 .imgbx1 .img1{background-size: contain!important;}

.wow{visibility: hidden;}

.utm21 .bx2{padding-top: 10px;}

/* shareasm ==================*/
.shareasm{font-size: 0;}
.shareasm li{padding-right: 10px; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.shareasm-m1 .img1{max-width: 20px;}
.shareasm-m1:hover{cursor: pointer;}
.shareasm-m1{position: relative; display: block; padding-top: 10px;}
.shareasm-m1 .tanbox1{position: absolute; background-color: #f6f6f6; text-align: left; z-index: -1; left:0px; bottom: 0px; opacity: 0; 
}
.shareasm-m1 .tanbox1 img{width: 80px;}
.shareasm-m1 .tanbox1 img:hover{opacity: 1;}
.shareasm-m1:hover .tanbox1,.shareasm .shareasm-m1.open .tanbox1{display: block; padding-bottom: 10px; opacity: 1; bottom: 20px; z-index: 1;
transition: all 300ms cubic-bezier(.4, 0, .2, 1); -moz-transition: all 300ms cubic-bezier(.4, 0, .2, 1);-webkit-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -ms-transition: all 300ms cubic-bezier(.4, 0, .2, 1);
}
.shareasm-m1 .tanbox1 .sp1{display: block; font-size: 12px; color: #333; padding: 2px 0px; white-space:nowrap;}
.shareasm .li1 .shareasm-m1 .img1{max-width: 19px;}
.shareasm .li2 .shareasm-m1 .img1{max-width: 19px;}
.shareasm .li3 .shareasm-m1 .img1{max-width: 17px;}
.shareasm .li1 .shareasm-m1 .img1{max-width: 16px;}
.shareasm .li5 .shareasm-m1 .img1{max-width: 14px;}
.shareasm .li2 .shareasm-m1 .tanbox1{left: -26px;}
.shareasm-m1:hover .img1.s2{display: none;}
.shareasm-m1:hover .img1.s1{display: inline-block;}

.shareasm .shareasm-m1.open .img1.s1{display: inline-block;}
.shareasm .shareasm-m1.open .img1.s2{display: none;}
/*.shareasm .shareasm-m1.open .tanbox1{}*/

.dc-ct1 *{font-size: 12px; color: #888;}
.dc-ct1 a:hover{text-decoration: underline;}

.dc-fenxcx1 .box1{position: relative;}
.dc-fenxcx1 .box1 .bx1{width: 100%; /*position: absolute; left: 5px; bottom: 2px;*/}
.dc-fenxcx1 .box1 .bx2{width: 100%; padding-top: 20px; padding-bottom: 10px; /*position: absolute; right: 5px; bottom: 5px;*/}
.dc-fenxcx1 .box1{/*height: 28px;*/}
.dc-fenxcx1 .dc-ct1 *{color: #aaa;}

.utm23{padding: 0px 50px;}
.utm23-m2{font-size: 0; position: relative; height: 90vh; height: 90dvh;}
.utm23-m2 .imgbx1{/*width: 61.53%;*/ max-width: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.utm23-m2 .imgbx1 .imgdy1{width: 800px; height:auto!important;}
.utm23-m2 .txtbx1-box1{font-size: 0; position: absolute; right: 0px; height: 100%; top: 0px; max-width: 550px;}
.utm23-m2:before,.utm23-m2 .txtbx1-box1:before{content: ""; width: 0; height: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.utm23-m2 .txtbx1{max-width: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;
background-color: rgba(255,255,255,.8); padding: 20px;

}
.utm23-m2 .txtbx1 h3{line-height: 1; font-size: 50px; color: rgba(0,0,0,.8);  /*font-family: "light";*/}
.utm23-m2 .txtbx1 .tt1{position: relative; padding-bottom: 25px;}
.utm23-m2 .txtbx1 .tt1:after{content: ""; position: absolute; left: 5px; bottom: 0px; width: 80px; height:6px; background-color: #1b22a6; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.dc-ct2{font-size: 20px; color: #000; /*font-family: "light";*/ line-height: 40px;}
.dc-ct2 p{text-indent:2em;}
.utm23-m2 .txtbx1 .ct1{padding-top: 30px;}
.utm23 .h30{height: 30px!important;}

/*.navbox1{min-height: 100vh; position: relative; padding-bottom: 130px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}*/
.utm12-m4{position: absolute; bottom: 0px;}
.utm12-box5{position: relative; padding-bottom: 0px; min-height: 100vh; min-height: 100dvh; box-sizing: border-box;}
.banqmh1{height: 150px;}

.listasm2 .picpL12.lt1 .picpL12-m1 .imgbx1 .img1{
-webkit-filter: grayscale(0%);

-moz-filter: grayscale(0%);

-ms-filter: grayscale(0%);

-o-filter: grayscale(0%);

filter: grayscale(0%); 
}

/* dpg-pages2 ==================*/
.dpg-pages2 {
    display: block;
    text-align: center;
    padding-top: 20px;
}

.dpgpages2-m1 {
    font-size: 0;
    display: inline-block;
    *display: inline;
    *zoom:1;letter-spacing: normal;
    word-spacing: normal;
}

.dpgpages2-m1 a,.dpgpages2-m1 span {
    margin: 0px 4px;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    text-align: center;
    display: inline-block;
    *display: inline;
    *zoom:1;letter-spacing: normal;
    word-spacing: normal;
    vertical-align: middle;
}

.dpgpages2-m1,.dpgpages2-m1 a,.dpgpages2-m1 span {
    font-size: 20px;
    color: #336699;
}

.dpgpages2-m1 span {
    background-color: #336699;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.dpgpages2-m1 a:first-child,.dpgpages2-m1 a:last-child {
    width: auto;
    padding: 0px 15px;
}

.swiper-button-prev:after, .swiper-button-next:after{color: #333; font-size: 24px;}
.swiper-button-prev{left: 0px;}
.swiper-button-next{right: 0px;}




/* 共用部分 底部 ==================*/

.dc-n1{}
.forpc{}
.foriph,.foriph768{display: none!important;}







/* 重写class ==================*/



