body {color:#333333} a{color:#333333}a:active,a:hover {color:#4b87ff}

@media (min-width: 1230px) {.container{ width: 1230px; }}

@media (min-width: 1230px) {.container{ width: 1230px; }}
@font-face {
font-family: 'AlibabaPuHuiTiR';
src: url('font/AlibabaPuHuiTiR.ttf'); 
font-style: normal;
font-weight: normal;
}
body{ background: #fbfbfb; font-family: 'AlibabaPuHuiTiR';}
/* 头部 */
#Top .pz_top .wid{ width: 1310px; padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;}
@media (min-width: 768px) {
#Top .pz_top .wid{ width: 768px; }
}
@media (min-width: 992px) {
#Top .pz_top .wid{ width: 992px; }
}
@media (min-width: 1200px) {
#Top .pz_top .wid{width:1200px;}
}
@media (min-width: 1230px) {
#Top .pz_top .wid{ width: 1230px; }
}
@media (min-width: 1310px) {
#Top .pz_top .wid{ width: 1310px; }
}
@media screen and (max-width:767px ) {
#Top .pz_top .wid{ width: 100%; }    
}

#Top{ width: 100%; float: left;}
#Top .pz_top{ float: left; width: 100%; position: relative;}
#Top .pz_top .logo{ width: 172px; height: 70px; margin: 18px 0 12px 0; line-height: 0; float: left;}
#Top .pz_top .so_box{ float: right; position: relative; z-index: 99; margin: 30px 0;}
#Top .pz_top .Search_but{ float: left; width: 40px; height: 40px; border-radius: 50%; border: none; background: url(/template/theme/CN/3890_top1.png) no-repeat center; background-size: cover;}
#Top .pz_top .so_but{ display: none; float: left; width: 282px; position: absolute; right: 0; top: 70px; z-index: 99;}
#Top .pz_top .so{ float: left; width: 100%; background: #fff; position: relative; border: 1px solid #4b87ff;}
#Top .pz_top .so .Search{ float: left; width: 100%; height: 36px; background: none; border: none; line-height: 36px; padding: 0 56px 0 10px; color: #414141; font-size: 14px;}
#Top .pz_top .so .sear_sub{ float: right; width: 50px; height: 100%; border: none; background: url(/template/theme/CN/3890_top1_1.png) no-repeat center; background-color: #4b87ff; position: absolute; right: 0; top: 0;}
#Top .pz_top .ewm{ margin: 30px 0 30px 15px; float: right; position: relative;}
#Top .pz_top .ewm .ico{ width: 40px; height: 40px; line-height: 0;}
#Top .pz_top .ewm .pic{ display: none; width: 114px; height: 114px; line-height: 0; z-index: 9; border: 1px solid #ccc; position: absolute; top: 45px; left: 50%; margin-left: -57px;}
#Top .pz_top .ewm:hover .pic{ display: block;}

/* menu */
#Top .pz_top .menu{ float: right; margin-right: 95px;}
#Top .pz_top .menu .nli{ float: left; margin: 0 44px;}
#Top .pz_top .menu .nli span a{ display: block; height: 100px; line-height: 100px; font-weight: bold; font-size: 18px; color: #333;}
#Top .pz_top .menu .nli.on span a,#Top .pz_top .menu .nli:hover span a{ color: #4b87ff; position: relative;}
#Top .pz_top .menu .nli.on span a::after,#Top .pz_top .menu .nli:hover span a::after{ content: ""; display: block; width: 100%; height: 4px; position: absolute; bottom: 14px; left: 0; background: #4b87ff;}
#Top .pz_top .sub{ display: none; position: absolute; padding: 20px 0; width: 100%; top: 100px; left: 0; z-index: 999; background: #4b87ff;}
#Top .pz_top .sub li{ float: left; line-height: 20px; padding: 0 40px; border-right: 1px solid #fff;}
#Top .pz_top .sub li:first-child{ margin-left: 505px; padding-left: 0;}
#Top .pz_top .sub li:last-child{ border-right: 0; padding-right: 0;}
#Top .pz_top .sub li a{ display: block; color: #fff; font-size: 18px;}
#Top .pz_top .sub li a:hover{ text-decoration: underline;}

#Top .menuph{ display: none;}
#Top .xialaph{ display: none;}
@media screen and (max-width:1310px ) {
#Top .pz_top .menu{ margin-right: 45px;}
#Top .pz_top .sub li:first-child{ margin-left: 480px;}
}
@media screen and  (max-width:1229px){
#Top .pz_top .menu{ margin-right: 35px;}
}
@media screen and  (max-width:1199px){
#Top .pz_top .menu{ margin-right: 20px;}
#Top .pz_top .menu .nli{ margin: 0 28px;}
#Top .pz_top .sub li:first-child{ margin-left: 370px;}
#Top .pz_top .sub li{ padding: 0 20px;}
}
@media screen and  (max-width:991px){
#Top .pz_top{ position: fixed; top: 0; background: #ffffff; z-index: 999999999;}
#Top .pz_top .logo{ width: 84px; height: 34px; margin: 6px 0;}
#Top .pz_top .so_box{ display: none;}
#Top .pz_top .ewm{ display: none;}
#Top .so_but_ph{ float: left; width: 100%; margin: 15px 0;}
#Top .so_but_ph .so{ float: left; width: 100%; background: #fff; position: relative; border: 1px solid #4b87ff;}
#Top .so_but_ph .so .Search{ float: left; width: 100%; height: 36px; background: none; border: none; line-height: 36px; padding: 0 56px 0 10px; color: #414141; font-size: 14px;}
#Top .so_but_ph .so .sear_sub{ float: right; width: 50px; height: 100%; border: none; background: url(/template/theme/CN/3890_top1_1.png) no-repeat center; background-color: #4b87ff; position: absolute; right: 0; top: 0;}
#Top .pz_top .sub{ display: none;}

#Top .menu{ display: none;}
#Top .menuph{ display: block;}
#Top .xialaph{ display: block;}

/*手机按钮*/
#Top .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 12px 0;}
#Top .menuph .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}
#Top .menuph .point:hover .navbtn,
#Top .menuph .point:hover .navbtn::after,
#Top .menuph .point:hover .navbtn::before { width: 28px;}
#Top .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #4b87ff;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
#Top .menuph .navbtn::after,
#Top .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #4b87ff;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
#Top .menuph .navbtn::after { top: -11px;}
#Top .menuph .navbtn::before { top: 10px;}
#Top .menuph .point.active .navbtn{ background: transparent;}
#Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
#Top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}

/*手机下拉*/
#Top .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 46px 0 100px 0; display: none; z-index:999; background:#ffffff;}
#Top .xialaph .ul2,
#Top .xialaph .ul3{ display: none;}
#Top .xialaph h4 a{ float: left; width: 60%; color: #333333; font-size:16px; line-height: 50px;}
#Top .xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;}
#Top .xialaph h4{ float: left; width: 100%; position: relative;}
#Top .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
#Top .xialaph h4:hover a,
#Top .xialaph h5:hover a{ color: #4b87ff;}
#Top .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
#Top .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f; font-size: 14px; line-height: 40px; text-transform:uppercase;}
#Top .xialaph h5{ float: left; width: 100%; position: relative;}
#Top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
#Top .xialaph li:last-child h5::after{ display: none;}
#Top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;}
#Top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer;}
#Top .xialaph h4.active img.img_s,
#Top .xialaph h5.active img.img_s{ display: none;}
#Top .xialaph h4.active img.img_d,
#Top .xialaph h5.active img.img_d{ display: block;}
#Top .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
#Top .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;}
#Top .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #3c3a3a;}
#Top .xialaph li:last-child .ul3::after{ display: none;}
#Top .xialaph .ul3 li a{ color: #333333; font-size: 14px; line-height: 35px; display: block;}
#Top .xialaph .ul3 li{ padding-top: 5px;}
#Top .xialaph .ul3 li:first-child{ padding-top: 0;}
#Top .xialaph .phsou{ position: relative; margin-top: 34px;}
#Top .xialaph .phsou input{ width: 100%; height: 56px; background-color: #ffffff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;}
#Top .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px;  }
#Top .img_d, .disno{ display: none;}
}
@media screen and  (max-width:767px){

}
/* 底部 */
#Down{ width: 100%; float: left;}
#Down .pz_down{ padding: 60px 0; width: 100%; float: left; background: #2b292a;}
#Down .pz_down .pos{ padding: 0 390px 0 0; width: 100%; position: relative;}
#Down .pz_down .left{ width: 100%; float: left;}
#Down .pz_down .left .footTop{ font-size: 18px; line-height: 20px; color: #fff; opacity: 0.5; width: 100%; float: left;}
#Down .pz_down .left .footTop .p{ float: left; margin-right: 20px;}
#Down .pz_down .left .footTop .p:last-child{ margin-right: 0;}
#Down .pz_down .left .footCen{ margin: 35px 0; padding: 30px 0 18px 70px; position: relative; width: 100%; float: left; border-top: 1px solid rgba( 255, 255, 255, 0.15); border-bottom: 1px solid rgba( 255, 255, 255, 0.15);}
#Down .pz_down .left .footCen .p{ font-size: 14px; line-height: 16px; position: absolute; top: 30px; left: 0; float: left; color: #fff; opacity: 0.5;}
#Down .pz_down .left .footCen .link{ float: left; width: 100%;}
#Down .pz_down .left .footCen a{ font-size: 14px; line-height: 16px; margin: 0 15px 12px 0; float: left; color: #fff; opacity: 0.5;}
#Down .pz_down .left .footCen a:hover{ text-decoration: underline; opacity: 1;}
#Down .pz_down .left .copy{ font-size: 14px; line-height: 18px; width: 100%; float: left; color: #fff; opacity: 0.5;}
#Down .pz_down .right{ position: absolute; top: 0; right: 0;}
#Down .pz_down .right .pic .l1{ margin-left: 45px; float: left;}
#Down .pz_down .right .pic .l1 .img{ width: 114px; height: 114px; line-height: 0;}
#Down .pz_down .right .pic .l1 .wz{ font-size: 14px; line-height: 16px; margin-top: 15px; text-align: center; color: #fff; opacity: 0.5;}
#Down .pz_down .right .gz{ margin-top: 40px; float: right;}
#Down .pz_down .right .gz .p{ font-size: 16px; line-height: 40px; float: left; color: #fff; opacity: 0.5;}
#Down .pz_down .right .gz .u1{ float: left;}
#Down .pz_down .right .gz .l1{ float: left; margin-left: 20px; position: relative;}
#Down .pz_down .right .gz .l1 .img{ width: 40px; height: 40px; border-radius: 50%; background: rgba( 255, 255, 255, 0.15); line-height: 0;}
#Down .pz_down .right .gz .l1:hover .img{ background: #4b87ff;}
#Down .pz_down .right .gz .l1 .tc{ width: 114px; height: 114px; line-height: 0; display: none; position: absolute; bottom: 45px; left: 50%; margin-left: -57px;} 
#Down .pz_down .right .gz .l1:hover .tc{ display: block;}
/*phone底部导航*/
#Down .q_d_m{float:left; width:100%; height:50px;}
#Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#4b87ff; z-index:999;box-shadow:0 -5px 10px rgba(0,0,0,0.2);}
#Down .pf_down li{ width:33.3%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;}
#Down .pf_down li .ico7{ width:100%; float:left; height:20px;}
#Down .pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}
#Down .pf_down li.l1 .ico7{ background:url(/template/theme/CN/3891_btn1.png) no-repeat center; background-size:20px 20px;}
#Down .pf_down li.l2 .ico7{ background:url(/template/theme/CN/3891_btn2.png) no-repeat center; background-size:20px 20px;}
#Down .pf_down li.l3 .ico7{ background:url(/template/theme/CN/3891_btn3.png) no-repeat center; background-size:20px 20px;}
#Down .pf_down li:last-child{ border:none;}
#Down .pf_down li:nth-child(3n){ border:none;}
/* 右侧漂浮 */
#Down .pf_right{ width: 80px; position: fixed; top: 300px; right: 30px; border: 1px solid #e4e4e4; background: #fff; z-index: 99999;}
#Down .pf_right .pic{ border-bottom: 1px solid #e4e4e4;}
#Down .pf_right .pic .img{ line-height: 0; padding: 10px;}
#Down .pf_right .pic .img img{ border: 1px solid #d9d8d8;}
#Down .pf_right .pic .p{ font-size: 12px; line-height: 14px; margin-bottom: 10px; text-align: center; color: #3e3d3d;}
#Down .pf_right .u1{ padding: 10px 0;}
#Down .pf_right .u1 .l1{ width: 62px; padding: 8px 0; cursor: pointer; text-align: center; position: relative; background: #98989a; margin: 1px auto;}
#Down .pf_right .u1 .l1 .img{ width: 30px; height: 30px; margin: 0 auto; line-height: 0;}
#Down .pf_right .u1 .l1 .p{ font-size: 12px; line-height: 14px; margin-top: 5px; color: #fff;}
#Down .pf_right .u1 .l1 .wz{ display: none; width: 170px; height: 60px; line-height: 60px; position: absolute; right: 75px; top: 0; text-align: center; background: #4b87ff; color: #fff;}
#Down .pf_right .u1 .l1:hover{ background: #4b87ff;}
#Down .pf_right .u1 .l1:hover .wz{ display: block;}
#Down .pf_right.on{ display: block;}
@media screen and  (max-width:1229px){
#Down .pz_down .pos{ padding: 0 320px 0 0;}
}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Down .pz_down{ padding: 25px 0;}
#Down .pz_down .pos{ padding: 0 270px 0 0;}
#Down .pz_down .left .footTop{ font-size: 14px; line-height: 18px;}
#Down .pz_down .left .footCen{ margin: 20px 0; padding: 15px 0 5px 70px;}
#Down .pz_down .left .footCen .p{ top: 15px;}
#Down .pz_down .right .pic .l1{ margin-left: 20px;}
#Down .pz_down .right .gz{ margin-top: 15px;}
}
@media screen and  (max-width:767px){
#Down .pz_down .pos{ padding: 0; text-align: center;}
#Down .pz_down .left .footTop .p{ float: none;}
#Down .pz_down .right{ width: 100%; float: left; position: static; text-align: center; margin-top: 15px;}
#Down .pz_down .right .dis{ display: inline-block;}
}
/* 广告图 */
#Content .ggtCon{ display: none;}
@media screen and  (max-width:1229px){

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

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

}
@media screen and  (max-width:767px){
#Content{ width: 100%; float: left;}
#Content .ggtCon{ display: block; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999999999;} 
#Content .ggtCon .adslide{float:left; width:100%;}
#Content .ggtCon .adslide .slick-prev{ width: 24px; height: 24px; background: url(/template/theme/CN/3894_news8.png) no-repeat center; background-size: cover; position: absolute; right: 20px; top: 50%;}
#Content .ggtCon .adslideslick-prev:hover{ background: url(/template/theme/CN/3894_news8_1.png) no-repeat center; background-size: cover;}
#Content .ggtCon .adslide .slick-next{ width: 24px; height: 24px; background: url(/template/theme/CN/3894_news9.png) no-repeat center; background-size: cover; position: absolute; right: 20px; top: 50%;}
#Content .ggtCon .adslide .slick-next:hover{ background: url(/template/theme/CN/3894_news9_1.png) no-repeat center; background-size: cover;}
#Content .ggtCon .img{float:left; width:100%; height: 100vh; position:relative; }
#Content .ggtCon .img a{display:block; width:100%; height:100%;}
#Content .ggtCon .clo{ position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; font-size: 12px; color: #fff; width: 50px; height: 20px; line-height: 20px; z-index: 999999999999999999999; text-align: center; background: #ccc; border-radius: 20px;}

}
/* 内页导航 */
#Location{ width: 100%; float: left;}
#Location .subNav{ height: 54px; line-height: 54px; overflow: hidden; width: 100%; float: left; background: #eeeeee;} 
#Location .subNav .dh{ font-size: 14px; padding-left: 30px; background: url(/template/theme/CN/3893_sub.png) no-repeat left center; background-size: 20px 20px;}
#Location .subNav .dh a{ color: #333;}
#Location .subNav .dh a:hover{ color: #4b87ff;}
@media screen and  (max-width:1229px){

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

}
@media screen and  (max-width:991px){
#Location .subNav{ margin-top: 46px; height: 30px; line-height: 30px;}
#Location .subNav .dh{ font-size: 12px; padding-left: 20px; background-size: 15px 15px;}
}
@media screen and  (max-width:767px){

}
/* 行业资讯 */
#List{ width: 100%; float: left;}
#List .newsList{ width: 100%; float: left;} 
#List .newsList .left{ width: 66.667%; float: left;}
#List .newsList .left .lb{ position: relative;}
#List .newsList .left .lb .img{ width: 100%; overflow: hidden; line-height: 0; position:relative; padding-bottom:58%;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List .newsList .left .lb .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;

position:absolute; left:0; top:0; min-height:100%;

}
#List .newsList .left .lb:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List .newsList .left .lb .text{ width: 100%; font-size: 18px; line-height: 70px; height: 70px; padding: 0 35px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5);}
#List .newsList .left .slick-prev{ width: 48px; height: 48px; background: url(/template/theme/CN/3894_news8.png) no-repeat center; background-size: cover; position: absolute; right: 20px; top: 50%;}
#List .newsList .left .slick-prev:hover{ background: url(/template/theme/CN/3894_news8_1.png) no-repeat center; background-size: cover;}
#List .newsList .left .slick-next{ width: 48px; height: 48px; background: url(/template/theme/CN/3894_news9.png) no-repeat center; background-size: cover; position: absolute; right: 20px; top: 50%;}
#List .newsList .left .slick-next:hover{ background: url(/template/theme/CN/3894_news9_1.png) no-repeat center; background-size: cover;}

#List .newsList .left .list{ margin-top: 10px; padding: 25px 0; width: 100%; float: left;}
#List .newsList .left .list .l1{ width: 100%; float: left;}
#List .newsList .left .list .l1 .img{ width: 32.704%; float: left; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List .newsList .left .list .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#List .newsList .left .list .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List .newsList .left .list .l1 .text{ width: 64.164%; float: right;}
#List .newsList .left .list .l1 .text .t1{ margin: 10px 0 15px 0; font-size: 20px; line-height: 22px; font-weight: bold; color: #1c1c1c; width: 100%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#List .newsList .left .list .l1 .text .info{ font-size: 16px; line-height: 26px; height: 52px; text-align: justify; overflow: hidden; color: #666; width: 100%; float: left;}
#List .newsList .left .list .l1 .text .bot{ margin-top: 35px; font-size: 14px; line-height: 16px; width: 100%; float: left;}
#List .newsList .left .list .l1 .text .date{ float: left; color: #a9a9a9;}
#List .newsList .left .list .l1 .text .ly{ float: right; color: #333;}
#List .newsList .left .list .l1 .line{ margin: 28px 0; width: 100%; height: 1px; background: #ededed; float: left;}
#List .newsList .left .list .l1:hover .text .t1{ color: #4b87ff;}
#List .newsList .left .gd{ margin-top: 15px; line-height: 30px; text-align: center; width: 100%; float: left;} 
#List .newsList .left .gd a{ display: inline-block; font-size: 16px; padding-left: 45px; font-weight: bold; color: #333; background: url(/template/theme/CN/3894_news4.png) no-repeat left center; background-size: 30px 30px;}
#List .newsList .left .gd a:hover{ color: #4b87ff;}

#List .newsList .right{ width: 30%; float: right;}
#List .newsList .right .pic{ width: 100%; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List .newsList .right .pic img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#List .newsList .right .pic:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List .newsList .right .l1{ margin-top: 30px; position: relative; width: 100%;}
#List .newsList .right .l1 .img{ width: 100%; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List .newsList .right .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#List .newsList .right .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List .newsList .right .l1 .text{ width: 100%; font-size: 18px; line-height: 74px; height: 74px; padding: 0 5px; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; position: absolute; left: 0; bottom: 0; background: url(/template/theme/CN/3894_news7.png) no-repeat center; background-size: cover;}

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

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

}
@media screen and  (max-width:991px){
#List .newsList .left .lb .text{ font-size: 14px; line-height: 30px; height: 30px; padding: 0 10px;}
#List .newsList .left .slick-prev{ width: 24px; height: 24px;} 
#List .newsList .left .slick-next{ width: 24px; height: 24px;}

#List .newsList .left .list{ padding: 15px 0;}
#List .newsList .left .list .l1 .text .t1{ margin: 10px 0 15px 0; font-size: 16px; line-height: 18px; }
#List .newsList .left .list .l1 .text .info{ font-size: 14px; line-height: 20px; height: 40px;}
#List .newsList .left .list .l1 .text .bot{ margin-top: 10px;}
#List .newsList .left .list .l1 .line{ margin: 14.5px 0;}
#List .newsList .left .gd{ margin-top: -15px; line-height: 30px;} 
#List .newsList .left .gd a{ font-size: 14px; padding-left: 30px; background-size: 20px 20px;}

#List .newsList .right .l1 .text{ font-size: 14px; line-height: 30px; height: 30px;}

}
@media screen and  (max-width:767px){
#List .newsList .left{ width: 100%;}
#List .newsList .left .list .l1 .text .t1{ margin: 0 0 10px 0;}
#List .newsList .right{ width: 100%; margin-top: 0;}
#List .newsList .right .pic{ display: none;}
#List .newsList .right .l1{ margin-top: 15px; height: 200px; overflow: hidden;}
}
/* 资讯详细 */
#Subpage{ width: 100%; float: left;}
#Subpage .newsCon{ width: 100%; float: left;} 
#Subpage .newsCon .left{ width: 70%; float: left;}
#Subpage .newsCon .left .bg{ padding: 40px 35px; background: #fff; width: 100%;}
#Subpage .newsCon .left .tit{ font-size: 32px; line-height: 34px; font-weight: bold; color: #232323;}
#Subpage .newsCon .left .over{ padding: 15px 0; margin-bottom: 25px; border-bottom: 1px solid #eeeeee; width: 100%; overflow: hidden;}
#Subpage .newsCon .left .time{ float: left; font-size: 14px; line-height: 26px; font-weight: bold; color: #666;}
#Subpage .newsCon .left .fx{ float: right;}
#Subpage .newsCon .left .fx .p{ font-size: 14px; line-height: 26px; float: left;}
#Subpage .newsCon .left .fx .bdsharebuttonbox{ float: left;}
#Subpage .newsCon .left .fx .bdsharebuttonbox a{ margin: 0 0 0 10px; width: 27px; height: 27px;}
#Subpage .newsCon .left .fx .bdsharebuttonbox a.bds_weixin{ background: url(/template/theme/CN/3895_newscon1.png) no-repeat center; background-size: cover;}
#Subpage .newsCon .left .fx .bdsharebuttonbox a.bds_sqq{ background: url(/template/theme/CN/3895_newscon2.png) no-repeat center; background-size: cover;}
#Subpage .newsCon .left .fx .bdsharebuttonbox a.bds_tsina{ background: url(/template/theme/CN/3895_newscon3.png) no-repeat center; background-size: cover;}
#Subpage .newsCon .left .img{ width: 100%; line-height: 0;}
#Subpage .newsCon .left .dy{ margin: 25px 0; font-size: 16px; padding: 25px 30px; line-height: 30px; text-align: justify; background: #fbfbfb; color: #7c7c7c;}
#Subpage .newsCon .left .info{ font-size: 16px; line-height: 40px; text-align: justify; color: #232323;}
#Subpage .newsCon .left .fy{ margin-top: 30px; padding-top:70px; width: 100%; overflow: hidden; background: url(/template/theme/CN/3895_newscon6.png) no-repeat top center; background-size: cover;}
#Subpage .newsCon .left .fy_l{ width: 49%; float: left;}
#Subpage .newsCon .left .fy_r{ width: 49%; float: right; text-align: right;}
#Subpage .newsCon .left .fy .span{ display: block; font-weight: bold; font-size: 14px; line-height: 16px; color: #8b8b8b;}
#Subpage .newsCon .left .fy .a{ display: block; margin-top: 8px; font-size: 14px; line-height: 16px; color: #232323; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#Subpage .newsCon .left .fy .a:hover{ color: #4b87ff;}
#Subpage .newsCon .left .bg2{ margin-top: 45px; padding: 40px 35px 70px 35px; background: #fff; width: 100%;}
#Subpage .newsCon .left .t1{ font-size: 21px; line-height: 22px; margin-bottom: 20px; color: #1388e1;}
#Subpage .newsCon .left .t2{ font-size: 18px; line-height: 32px; color: #151515;}

#Subpage .newsCon .right{ width: 28.4%; float: right;}
#Subpage .newsCon .right .nr1{ padding: 1px 30px; width: 100%; float: left; background: #fff;}
#Subpage .newsCon .right .nr1 .over{ margin: 20px 0; width: 100%; overflow: hidden;}
#Subpage .newsCon .right .nr1 .img{ float: left; width: 32%; line-height: 0;}
#Subpage .newsCon .right .nr1 .text{ border-bottom: 1px solid #eeeeee; padding-bottom: 20px; float: right; width: 60%;}
#Subpage .newsCon .right .nr1 .t1{ margin: 20px 0 8px 0; font-size: 21px; line-height: 22px; font-weight: bold; color: #232323;}
#Subpage .newsCon .right .nr1 .t2{ font-size: 16px; line-height: 18px; color: #666;}
#Subpage .newsCon .right .nr1 .num{ text-align: center; line-height: 26px; border-right: 1px solid #eeeeee; float: left; width: 32%;}
#Subpage .newsCon .right .nr1 .n1{ font-size: 26px; font-weight: bold; color: #232323;}
#Subpage .newsCon .right .nr1 .n2{ font-size: 16px; color: #666;}
#Subpage .newsCon .right .nr1 .t3{ width: 60%; float: right; font-size: 16px; line-height: 26px; height: 52px; overflow: hidden;}
#Subpage .newsCon .right .nr1 .t3 span{ color: #666;}
#Subpage .newsCon .right .nr1 .t3 a{ color: #232323;}
#Subpage .newsCon .right .nr1 .t3 a:hover{ color: #4b87ff;}

#Subpage .newsCon .right .nr2{ padding: 25px; margin: 25px 0 0 0; width: 100%; float: left; background: #fff;}
#Subpage .newsCon .right .nr2 .tit{ font-size: 24px; line-height: 26px; border-left: 4px solid #4b87ff; padding-left: 20px; font-weight: bold; color: #333;}
#Subpage .newsCon .right .nr2 .l1{ padding: 25px 0; border-bottom: 1px solid #eeeeee;}
#Subpage .newsCon .right .nr2 .l1 .img{ width: 100%; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Subpage .newsCon .right .nr2 .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#Subpage .newsCon .right .nr2 .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#Subpage .newsCon .right .nr2 .l1 .text .t1{ margin: 20px 0 15px 0; font-size: 18px; line-height: 20px; color: #333; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#Subpage .newsCon .right .nr2 .l1 .text .date{ font-size: 14px; line-height: 16px; color: #666;}
#Subpage .newsCon .right .nr2 .l1:hover .text .t1{ color: #4b87ff;}

#Subpage .newsCon .right .nr3{ padding: 25px; margin: 25px 0 0 0; width: 100%; float: left; background: #fff;}
#Subpage .newsCon .right .nr3 .tit{ margin-bottom: 20px; font-size: 24px; line-height: 26px; border-left: 4px solid #4b87ff; padding-left: 20px; font-weight: bold; color: #333;}
#Subpage .newsCon .right .nr3 .l1{ padding: 10px 0; width: 100%; float: left;} 
#Subpage .newsCon .right .nr3 .l1 .img{ width: 31.613%; float: left; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Subpage .newsCon .right .nr3 .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#Subpage .newsCon .right .nr3 .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#Subpage .newsCon .right .nr3 .l1 .text{ width: 60%; float: right;}
#Subpage .newsCon .right .nr3 .l1 .text .t1{ margin: 5px 0 10px 0; font-size: 16px; line-height: 22px; height: 44px; font-weight: bold; overflow: hidden; color: #151515;}
#Subpage .newsCon .right .nr3 .l1 .text .date{ font-size: 12px; line-height: 14px; color: #2d2d2d;}
#Subpage .newsCon .right .nr3 .l1:hover .text .t1{ color: #4b87ff;}

#Subpage .newsCon .right .nr4{ padding: 25px; margin: 25px 0 0 0; width: 100%; float: left; background: #fff;}
#Subpage .newsCon .right .nr4 .tit{ margin-bottom: 20px; font-size: 24px; line-height: 26px; border-left: 4px solid #4b87ff; padding-left: 20px; font-weight: bold; color: #333;}
#Subpage .newsCon .right .nr4 .l1{ width: 100%; float: left;}
#Subpage .newsCon .right .nr4 .l1 a{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #151515;}
#Subpage .newsCon .right .nr4 .l1:hover a{ color: #4b87ff;}
#Subpage .newsCon .right .nr4 .line{ margin: 17px 0; border-top: 1px dashed #999999; width: 100%; float: left;}
#Subpage .newsCon .right .nr4 .l2{ width: 100%; float: left;}
#Subpage .newsCon .right .nr4 .l2 .img{ width: 38.71%; float: left; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Subpage .newsCon .right .nr4 .l2 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#Subpage .newsCon .right .nr4 .l2:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#Subpage .newsCon .right .nr4 .l2 .text{ width: 53%; float: right;}
#Subpage .newsCon .right .nr4 .l2 .text .t1{ margin: 5px 0 10px 0; font-size: 16px; line-height: 22px; height: 44px; font-weight: bold; overflow: hidden; color: #151515;}
#Subpage .newsCon .right .nr4 .l2 .text .date{ font-size: 12px; line-height: 14px; color: #2d2d2d;}
#Subpage .newsCon .right .nr4 .l2 .text .more{ margin-top: 10px; float: right; font-size: 12px; line-height: 14px; background: url(/template/theme/CN/3895_newscon14.png) no-repeat right center; color: #2d2d2d; padding-right: 20px;}
#Subpage .newsCon .right .nr4 .l2 .text:hover .t1{ color: #4b87ff;}
#Subpage .newsCon .right .nr4 .l2 .text .more:hover{ color: #4b87ff;}
#Subpage .newsCon .nr_ph{ display: none;}
@media screen and  (max-width:1229px){

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

}
@media screen and  (max-width:991px){
#Subpage .newsCon .left .bg{ padding: 15px 10px;}
#Subpage .newsCon .left .tit{ font-size: 18px; line-height: 20px;}
#Subpage .newsCon .left .over{ padding: 10px 0; margin-bottom: 10px;}
#Subpage .newsCon .left .time{ font-size: 14px; line-height: 26px;}
#Subpage .newsCon .left .fx{ display: none;}
#Subpage .newsCon .left .dy{ margin: 10px 0; font-size: 15px; padding: 10px 15px; line-height: 26px;}
#Subpage .newsCon .left .info{ font-size: 15px; line-height: 26px; padding: 0 15px;}
#Subpage .newsCon .left .fy{ margin-top: 15px; padding-top:40px;}
#Subpage .newsCon .left .fy .span{ font-size: 12px; line-height: 14px;}
#Subpage .newsCon .left .fy .a{ font-size: 12px; line-height: 14px;}
#Subpage .newsCon .left .bg2{ margin-top: 15px; padding: 20px 15px 20px 15px;}
#Subpage .newsCon .left .t1{ font-size: 16px; line-height: 18px; margin-bottom: 10px;}
#Subpage .newsCon .left .t2{ font-size: 14px; line-height: 24px;}

#Subpage .newsCon .right .nr1{ padding: 1px 10px;}
#Subpage .newsCon .right .nr1 .over{ margin: 10px 0;}
#Subpage .newsCon .right .nr1 .text{ padding-bottom: 10px;}
#Subpage .newsCon .right .nr1 .t1{ margin: 10px 0 8px 0; font-size: 16px; line-height: 18px;}
#Subpage .newsCon .right .nr1 .t2{ font-size: 14px; line-height: 16px;}
#Subpage .newsCon .right .nr1 .num{ line-height: 26px;}
#Subpage .newsCon .right .nr1 .n1{ font-size: 18px;}
#Subpage .newsCon .right .nr1 .n2{ font-size: 14px;}
#Subpage .newsCon .right .nr1 .t3{ font-size: 14px; line-height: 26px; height: 52px;}

#Subpage .newsCon .right .nr2{ padding: 10px; margin: 10px 0 0 0;}
#Subpage .newsCon .right .nr2 .tit{ font-size: 18px; line-height: 20px; padding-left: 15px;}
#Subpage .newsCon .right .nr2 .l1{ padding: 10px 0;}
#Subpage .newsCon .right .nr2 .l1 .text .t1{ margin: 10px 0 5px 0; font-size: 16px; line-height: 18px;}
#Subpage .newsCon .right .nr2 .l1 .text .date{ font-size: 12px; line-height: 14px;}

#Subpage .newsCon .right .nr3{ padding: 10px; margin: 10px 0 0 0;}
#Subpage .newsCon .right .nr3 .tit{ margin-bottom: 10px; font-size: 18px; line-height: 20px; padding-left: 15px;}
#Subpage .newsCon .right .nr3 .l1{ padding: 5px 0;}
#Subpage .newsCon .right .nr3 .l1 .text .t1{ margin: 0 0 5px 0; font-size: 14px; line-height: 18px; height: 36px;}
#Subpage .newsCon .right .nr3 .l1 .text .date{ font-size: 12px; line-height: 14px;}

#Subpage .newsCon .right .nr4{ padding: 10px; margin: 10px 0 0 0;}
#Subpage .newsCon .right .nr4 .tit{ margin-bottom: 10px; font-size: 18px; line-height: 20px; padding-left: 15px;}
#Subpage .newsCon .right .nr4 .l1 a{ font-size: 14px; line-height: 18px; height: 54px;}
#Subpage .newsCon .right .nr4 .line{ margin: 5px 0;}
#Subpage .newsCon .right .nr4 .l2 .text .t1{ margin: 5px 0 5px 0; font-size: 14px; line-height: 18px; height: 36px;}
#Subpage .newsCon .right .nr4 .l2 .text .date{ font-size: 12px; line-height: 14px;}
#Subpage .newsCon .right .nr4 .l2 .text .more{ margin-top: 5px;}
}
@media screen and  (max-width:767px){
#Subpage .newsCon .left{ width: 100%;}

#Subpage .newsCon .right{ display: none; width: 100%; margin-top: 20px;}
#Subpage .newsCon .nr_ph{ margin-top: 15px; width: 100%; float: left; display: block;}
#Subpage .newsCon .nr_ph .tp{ width: 100%; float: left; line-height: 0;}
#Subpage .newsCon .nr_ph .wz{ margin: 10px 0 15px 0; width: 100%; float: left;}
#Subpage .newsCon .nr_ph .wz .p{ font: 14px; height: 30px; line-height: 30px; margin-right: 10px; padding: 0 10px; float: left; display: inline-block; color: #fff; background: #d2d2d2;}
#Subpage .newsCon .nr_ph .pl{ width: 100%; float: left;}
#Subpage .newsCon .nr_ph .pl .bt{ font-size: 18px; line-height: 20px; font-weight: bold; color: #333;}
#Subpage .newsCon .nr_ph .pl .col{ color: #4b87ff;}
#Subpage .newsCon .nr_ph .pl .over{ margin: 10px 0 15px 0; padding: 10px 50px 10px 70px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100%; overflow: hidden; position: relative;}
#Subpage .newsCon .nr_ph .pl .ico{ width: 50px; height: 50px; line-height: 0; border-radius: 50%; position: absolute; top: 10px; left: 0; overflow: hidden;}
#Subpage .newsCon .nr_ph .pl .text{ width: 100%;}
#Subpage .newsCon .nr_ph .pl .t1{ font-size: 16px; line-height: 18px; color: #333;}
#Subpage .newsCon .nr_ph .pl .date{ margin: 5px 0 10px 0; font-size: 12px; line-height: 14px; color: #666;}
#Subpage .newsCon .nr_ph .pl .info{ font-size: 14px; line-height: 16px; color: #666;}
#Subpage .newsCon .nr_ph .pl .ico2{ width: 30px; line-height: 0; position: absolute; top: 10px; right: 0;}
#Subpage .newsCon .nr_ph .gdjc{ width: 100%; float: left;}
#Subpage .newsCon .nr_ph .gdjc .bt{ padding-left: 8px; font-size: 18px; line-height: 20px; font-weight: bold; border-left: 2px solid #4b87ff; color: #333;}
#Subpage .newsCon .nr_ph .gdjc .l1{ width: 100%; float: left; margin-top: 10px; position: relative;}
#Subpage .newsCon .nr_ph .gdjc .l1 .img{ width: 30%; float: left; line-height: 0;}
#Subpage .newsCon .nr_ph .gdjc .l1 .text{ width: 68%; float: right;}
#Subpage .newsCon .nr_ph .gdjc .l1 .t1{ font-size: 16px; line-height: 20px; height: 40px; overflow: hidden;}
#Subpage .newsCon .nr_ph .gdjc .l1 .bot{ font-size: 14px; line-height: 16px; color: #666; width: 68%; position: absolute; bottom: 0;}
#Subpage .newsCon .nr_ph .gdjc .l1 .ly{ float: left;}
#Subpage .newsCon .nr_ph .gdjc .l1 .time{ float: right;}
}
/* 图文专题 */
#List2{ width: 100%; float: left;}
#List2 .twList{ width: 100%; float: left;} 
#List2 .twList .left{ width: 66.667%; float: left;}
#List2 .twList .left .lb{ position: relative;}
#List2 .twList .left .lb .img{ width: 100%; overflow: hidden; line-height: 0;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List2 .twList .left .lb .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#List2 .twList .left .lb:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List2 .twList .left .lb .text{ width: 100%; font-size: 18px; line-height: 70px; height: 70px; padding: 0 35px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5);}
#List2 .twList .left .slick-prev{ width: 48px; height: 48px; background: url(/template/theme/CN/3896_tw10.png) no-repeat center; background-size: cover; position: absolute; right: 20px; top: 50%;}
#List2 .twList .left .slick-prev:hover{ background: url(/template/theme/CN/3896_tw10_1.png) no-repeat center; background-size: cover;}
#List2 .twList .left .slick-next{ width: 48px; height: 48px; background: url(/template/theme/CN/3896_tw11.png) no-repeat center; background-size: cover; position: absolute; right: 20px; top: 50%;}
#List2 .twList .left .slick-next:hover{ background: url(/template/theme/CN/3896_tw11_1.png) no-repeat center; background-size: cover;}

#List2 .twList .left .list{ margin-top: 10px; padding: 25px 0; width: 100%; float: left;}
#List2 .twList .left .list .l1{ width: 100%; float: left;}
#List2 .twList .left .list .l1 .img{ width: 32.704%; float: left; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List2 .twList .left .list .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#List2 .twList .left .list .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List2 .twList .left .list .l1 .text{ width: 64.164%; float: right;}
#List2 .twList .left .list .l1 .text .t1{ margin: 10px 0 15px 0; font-size: 20px; line-height: 22px; font-weight: bold; color: #1c1c1c; width: 100%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#List2 .twList .left .list .l1 .text .info{ font-size: 16px; line-height: 26px; height: 52px; text-align: justify; overflow: hidden; color: #666; width: 100%; float: left;}
#List2 .twList .left .list .l1 .text .bot{ margin-top: 35px; font-size: 14px; line-height: 16px; width: 100%; float: left;}
#List2 .twList .left .list .l1 .text .date{ float: left; color: #a9a9a9;}
#List2 .twList .left .list .l1 .text .ly{ float: right; color: #333;}
#List2 .twList .left .list .l1 .line{ margin: 28px 0; width: 100%; height: 1px; background: #ededed; float: left;}
#List2 .twList .left .list .l1:hover .text .t1{ color: #4b87ff;}
#List2 .twList .left .gd{ margin-top: 15px; line-height: 30px; text-align: center; width: 100%; float: left;} 
#List2 .twList .left .gd a{ display: inline-block; font-size: 16px; padding-left: 45px; font-weight: bold; color: #333; background: url(/template/theme/CN/3896_tw4.png) no-repeat left center; background-size: 30px 30px;}
#List2 .twList .left .gd a:hover{ color: #4b87ff;}

#List2 .twList .right{ width: 30%; float: right;}
#List2 .twList .right .ewm{ width: 100%; text-align: center; background: url(/template/theme/CN/3896_tw7.jpg) no-repeat center; background-size: cover;}
#List2 .twList .right .ewm .pad1{ padding: 20px 5px;}
#List2 .twList .right .ewm .img1{ width: 188px; line-height: 0; margin: 0 auto;}
#List2 .twList .right .ewm .img2{ width: 188px; line-height: 0; margin: 25px auto;}
#List2 .twList .right .ewm .w1{ font-size: 18px; line-height: 28px; color: #333;}
#List2 .twList .right .ewm .line{ width: 100%; height: 1px; background: #cacaca;}
#List2 .twList .right .ewm .pad2{ padding: 15px 5px 30px 5px; font-size: 18px; line-height: 28px; color: #333;}

#List2 .twList .right .l1{ margin-top: 30px; position: relative; width: 100%;}
#List2 .twList .right .l1 .img{ width: 100%; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List2 .twList .right .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#List2 .twList .right .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List2 .twList .right .l1 .text{ width: 100%; font-size: 18px; line-height: 74px; height: 74px; padding: 0 5px; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; position: absolute; left: 0; bottom: 0; background: url(/template/theme/CN/3896_tw7.png) no-repeat center; background-size: cover;}
#List2 .twList .nr_ph{ display: none;}
@media screen and  (max-width:1229px){

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

}
@media screen and  (max-width:991px){
#List2 .twList .left .lb .text{ font-size: 14px; line-height: 30px; height: 30px; padding: 0 10px;}
#List2 .twList .left .slick-prev{ width: 24px; height: 24px;} 
#List2 .twList .left .slick-next{ width: 24px; height: 24px;}

#List2 .twList .left .list{ padding: 15px 15px 15px 15px;}
#List2 .twList .left .list .l1 .text .t1{ margin: 10px 0 15px 0; font-size: 16px; line-height: 18px; }
#List2 .twList .left .list .l1 .text .info{ font-size: 14px; line-height: 20px; height: 40px;}
#List2 .twList .left .list .l1 .text .bot{ margin-top: 10px;}
#List2 .twList .left .list .l1 .line{ margin: 14.5px 0;}
#List2 .twList .left .gd{ margin-top: -15px; line-height: 30px;} 
#List2 .twList .left .gd a{ font-size: 14px; padding-left: 30px; background-size: 20px 20px;}

#List2 .twList .right .ewm .img1{ width: 150px;}
#List2 .twList .right .ewm .img2{ width: 150px; margin: 15px auto;}
#List2 .twList .right .ewm .w1{ font-size: 14px; line-height: 20px;}
#List2 .twList .right .ewm .pad2{ padding: 15px 5px 20px 5px; font-size: 14px; line-height: 20px;}
#List2 .twList .right .l1 .text{ font-size: 14px; line-height: 30px; height: 30px;}
}
@media screen and  (max-width:767px){
#List2 .twList .left{ display: none; width: 100%;}
#List2 .twList .left .list .l1 .text .t1{ margin: 0 0 10px 0;}
#List2 .twList .right{ display: none; width: 100%; margin-top: 20px;}
#List2 .twList .right .l1{ margin-top: 15px; height: 200px; overflow: hidden;}
#List2 .twList .nr_ph{ width: 100%; float: left; display: block;}
#List2 .twList .nr_ph .pic{ width: 100%; float: left; position: relative;}
#List2 .twList .nr_ph .pic .img{ line-height: 0;}
#List2 .twList .nr_ph .pic .text{ padding: 10px; width: 100%; position: absolute; bottom: 0; background: url(/template/theme/CN/3896_tw12_1.png) no-repeat center; background-size: cover;}
#List2 .twList .nr_ph .pic .text .over{ width: 100%; float: left;}
#List2 .twList .nr_ph .pic .text .ico{ font-size: 14px; line-height: 20px; padding: 0 5px; height: 20px; margin-right: 5px; background: #4b87ff; overflow: hidden; float: left; color: #fff;}
#List2 .twList .nr_ph .pic .text .date{ font-size: 12px; line-height: 20px; float: left; color: #fff;}
#List2 .twList .nr_ph .pic .text .t1{ font-size: 15px; line-height: 18px; margin-top: 5px; font-weight: bold; color: #fff; width: 100%; float: left;}
#List2 .twList .nr_ph .list{ margin: 0 -1px;}
#List2 .twList .nr_ph .u1{ width: 100%; float: left;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
#List2 .twList .nr_ph .l1{ width: 100%; float: left; margin-top: 15px; padding: 5px 1px;}
#List2 .twList .nr_ph .l1 .img{ width: 100%; float: left; padding-bottom: 66.4%; position: relative; overflow: hidden;}
#List2 .twList .nr_ph .l1 .img img{ width: 100%; position: absolute; left: 0; top: 0; min-height: 100%;}
#List2 .twList .nr_ph .l1 .img .ico{ position: absolute; bottom: 10px; left: 10px; font-size: 12px; line-height: 18px; padding: 0 5px; height: 18px; margin-right: 5px; background: #4b87ff; overflow: hidden; float: left; color: #fff;}
#List2 .twList .nr_ph .l1 .text{ padding: 0 10px; width: 100%; float: left; position: relative;}
#List2 .twList .nr_ph .l1 .text .t1{ margin: 6px 0 3px 0; font-size: 15px; line-height: 18px; height: auto; overflow: hidden; font-weight: bold; color: #333; width: 100%; float: left;}
#List2 .twList .nr_ph .l1 .text .date{ font-size: 12px; line-height: 14px; float: left; color: #666;}

}
/* 专题·直播详细 */
#Subpage2{ width: 100%; float: left;}
#Subpage2 .ztzbCon{ width: 100%; float: left;} 
#Subpage2 .ztzbCon .left{ padding: 25px; width: 29%; float: left; background: #fff;}
#Subpage2 .ztzbCon .left .tit{ margin-bottom: 20px; font-size: 24px; line-height: 26px; border-left: 4px solid #4b87ff; padding-left: 20px; font-weight: bold; color: #333;}
#Subpage2 .ztzbCon .left .u1{ margin: -20px 0;}
#Subpage2 .ztzbCon .left .l1{ padding: 20px 0; width: 100%; float: left; border-bottom: 1px solid #f7f7f7;} 
#Subpage2 .ztzbCon .left .l1 .img{ width: 55%; float: left; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Subpage2 .ztzbCon .left .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#Subpage2 .ztzbCon .left .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#Subpage2 .ztzbCon .left .l1 .text{ width: 40%; float: right;}
#Subpage2 .ztzbCon .left .l1 .text .t1{ margin: 5px 0 10px 0; font-size: 16px; line-height: 22px; height: 44px; font-weight: bold; overflow: hidden; color: #151515;}
#Subpage2 .ztzbCon .left .l1 .text .date{ font-size: 12px; line-height: 14px; color: #2d2d2d;}
#Subpage2 .ztzbCon .left .l1:hover .text .t1{ color: #4b87ff;}

#Subpage2 .ztzbCon .right{ width: 68.4%; float: right;}
#Subpage2 .ztzbCon .right .nr1{ width: 100%; padding: 30px; float: left; background: #fff;}
#Subpage2 .ztzbCon .right .nr1 .img{ width: 100%; line-height: 0;}
#Subpage2 .ztzbCon .right .nr1 .tit{ font-size: 26px; font-weight: 500; margin-top: 20px;}
#Subpage2 .ztzbCon .right .nr1 .info{ margin-top: 15px; text-align: justify; font-size: 14px; color: #666; line-height: 24px;}
#Subpage2 .ztzbCon .right .nr1 .ico{ text-align: right; font-size: 12px; margin-top: 15px; color: #f15b66; vertical-align:middle;}
#Subpage2 .ztzbCon .right .tab{ width: 100%; float: left;}
#Subpage2 .ztzbCon .right .tab .hd{ margin: 30px 0; width: 100%; float: left;}
#Subpage2 .ztzbCon .right .tab .hd .l1{ width: 33.3%; border-bottom: 1px solid #e5e5e5; float: left; cursor: pointer; font-size: 24px; line-height: 54px; font-weight: bold; text-align: center;}
#Subpage2 .ztzbCon .right .tab .hd .l1.on{ background: #4b87ff; color: #fff;}

#Subpage2 .ztzbCon .right .tab .bd{ width: 100%; float: left;}
#Subpage2 .ztzbCon .right .tab .bd .u1{ margin: -20px 0; float: left; width: 100%;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1{ padding: 35px 35px 15px 35px; margin: 20px 0; width: 100%; float: left; background: #fff;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .over{ width: 100%; float: left; position: relative;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .ico{ width: 15px; height: 20px; line-height: 0; position: absolute; top: 0; left: -20px;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .t1{ font-size: 20px; line-height: 20px; font-weight: 500; float: left;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .date{ font-size: 14px; line-height: 20px; float: right; color: #d32f2f;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .info{ margin-top: 15px; font-size: 14px; font-weight: 400; line-height: 20px; opacity: .54;color: #333; width: 100%; float: left;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .pic{ width: 100%; margin: 0 -10px; float: left;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .pic .img{ width: 33.3%; padding: 10px; float: left; line-height: 0;}

#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic{width: 100%; height: 100%; position: fixed; top: -1000%; left: 0; z-index: 9999999999999; background: rgba(0, 0, 0, 0.8);}
#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic.on{top: 0;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .pic{ position: relative;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .img{ height: 100vh;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .img img{ position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; max-width: 100%; max-height: 100%;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .slick-prev,#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .slick-next{ width: 30px; height: 58px; z-index: 9999; position: absolute; top: 50%; margin-top: -15px; text-indent: -99999999px; z-index: 999999;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .slick-prev{ left: 15px; background: url(/template/theme/CN/3897_twxx17.png) no-repeat center; background-size: cover;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .slick-next{ right: 15px; background: url(/template/theme/CN/3897_twxx18.png) no-repeat center; background-size: cover;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .clo{ position: absolute; top: 20px; right: 20px; width: 38px; height: 38px; z-index: 999999; background: url(/template/theme/CN/3897_twxx14.png) no-repeat center; background-size: cover;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .slick-dots{ position: absolute; bottom: 30px; z-index: 10; height: 10px; text-align: center;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .slick-dots li{ vertical-align: top; margin: 0 6px; width: 10px; height: 10px; border-radius: 50%; background: rgba( 255, 255, 255, 0.7);}
#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .slick-dots li.slick-active{ background: rgba( 75, 135, 255, 0.7);}

#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .pl{ padding-bottom: 15px; width: 100%; float: left;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .plico{ margin: 5px 15px 5px 0; float: right; width: 15px; height: 14px; background: url(/template/theme/CN/3897_twxx5.jpg) no-repeat center; background-size: cover;} 
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .plwz{ float: right;height: 24px; padding-left: 0; font-size: 14px; line-height: 24px; cursor: pointer; color: #333; opacity: .54;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .commentContent .message{ width: 100%; float: left;border-top: 1px solid #e7e7e7; padding: .5rem 0 .5rem; position: relative;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .commentContent .message.reply{margin-left: 2.5rem;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .commentContent .message .avatar {float: left; width: 2.4rem; margin-right: 20px; border-radius: 50%; }
#Subpage2 .ztzbCon .right .tab .bd .u1 .commentContent .message .author{ font-size: 16px; color: #ccc;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .commentContent .comment-content > .comment-detail{padding-bottom: 0; color: rgba(0,0,0,.54);}
#Subpage2 .ztzbCon .right .tab .bd .u1 .commentContent .comment-content strong{ font-size: 16px; color: #618bb3; padding-right: .6rem;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .commentContent .message .zan{ position: absolute; right: 0; top: 10px;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .commentContent .message .mdui-chip-icon{ display: block; float: right; width: 18px; height: 18px; background: url(/template/theme/CN/3897_twxx6.jpg) no-repeat center; background-size: cover;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .commentContent .message .like{float: right; font-size: 14px; color: #666; padding-left: 5px; padding-top: 2px; cursor: pointer;}

#Subpage2 .ztzbCon .right .tab .bd .u3 .con{background: #fff; border-radius: 5px; min-height: 500px;overflow: hidden;position: relative; padding: 25px 8px 25px 25px; -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
box-shadow: 0 2px 5px rgba(0,0,0,.1);}
#Subpage2 .ztzbCon .right .tab .bd .u3 .chat-container { max-height: 460px; overflow-y: scroll;}
#Subpage2 .ztzbCon .right .tab .bd .u3 .comment-content{float:left; background:#f5f5f5; max-width: 60%; display:block; border-radius: 0 10px 10px 10px; padding:4px 10px 4px 10px; cursor: pointer;}
#Subpage2 .ztzbCon .right .tab .bd .u3 .comment-content > div{line-height:150%; color:#000; width:100%; font-size:.9em; padding: 0px 0 5px 0; font-weight:400; text-align: justify;}
#Subpage2 .ztzbCon .right .tab .bd .u3 .comment-content strong{font-weight:700; color: rgba(0,0,0,.54);}
#Subpage2 .ztzbCon .right .tab .bd .u3 .comment-content .author{font-weight:300;font-size:1em;display: block; padding: 5px 0;}
#Subpage2 .ztzbCon .right .tab .bd .u3 .comment-content img{width: 20px;}
#Subpage2 .ztzbCon .right .tab .bd .u3 .chat-container .message{margin-bottom: 1rem; overflow: hidden;}
#Subpage2 .ztzbCon .right .tab .bd .u3 .chat-container .message:first-child .comment-content{border:1px solid #fe9601; background: #fbe2b9; color: #ff9501;}
#Subpage2 .ztzbCon .right .tab .bd .u3 .chat-container .message:first-child .comment-content span, #Subpage2 .ztzbCon .right .tab .bd .u3 .chat-container .message:first-child .comment-content > div{color: #ff9501;}
#Subpage2 .ztzbCon .right .tab .bd .u3 .chat-container .message .avatar {float: left; width: 2.5rem; margin-right: .75rem; border-radius: 50%; }
#Subpage2 .ztzbCon .right .tab .bd .u3 .mdui-bottom-nav{ margin-top: 20px; padding-right: 100px; width: 100%; float: left; position: relative;}
#Subpage2 .ztzbCon .right .tab .bd .u3 .mdui-bottom-nav .fv{ width: 100%; float: left; height: 36px; padding: 5px 10px; font-size: 14px; line-height: 18px; background: #f5f5f5; border: 0; border-radius: 5px; overflow: hidden; position: relative;}
#Subpage2 .ztzbCon .right .tab .bd .u3 .mdui-bottom-nav .btn{ position: absolute; top: 50%; margin-top: -14px; right: 0;}
#Subpage2 .ztzbCon .right .tab .bd .u3 .mdui-bottom-nav .btn1{ float: left; width: 28px; height: 28px; background: url(/template/theme/CN/3897_twxx15.jpg) no-repeat center; background-size: cover;}
#Subpage2 .ztzbCon .right .tab .bd .u3 .mdui-bottom-nav .btn2{ float: left; width: 28px; height: 28px; margin-left: 10px; background: url(/template/theme/CN/3897_twxx16.jpg) no-repeat center; background-size: cover;}
#Subpage2 .ztzbCon .right .tab .bd .pltc{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 999999;}
#Subpage2 .ztzbCon .right .tab .bd .pltc .dis{ padding: 20px; width: 40%; min-height: 280px; overflow: scroll; background: #fff;
position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform:translate(-50%,-50%);}
#Subpage2 .ztzbCon .right .tab .bd .pltc .dis::-webkit-scrollbar {display:none}
#Subpage2 .ztzbCon .right .tab .bd .pltc .pltcbt{ font-size: 18px; line-height: 20px; padding: 0 10px; border-left: 3px solid #4b87ff; color: #333;}
#Subpage2 .ztzbCon .right .tab .bd .pltc .pl1{ margin: 15px 0; padding: 15px; font-size: 16px; line-height: 20px; width: 100%; border: 0; background: #fafafa;}
#Subpage2 .ztzbCon .right .tab .bd .pltc .pl2{ width: 100%; height: 36px; line-height: 36px; font-size: 16px; cursor: pointer; background: #616161; color: #fff; text-align: center;}
#Subpage2 .ztzbCon .right .tab .bd .pltc .pl2:hover{ background: #4b87ff;}
#Subpage2 .ztzbCon .right .tab .bd .pltc .pltcclo{ width: 16px; height: 16px; position: absolute; top: 10px; right: 10px; cursor: pointer; background: url(/template/theme/CN/3897_twxx19.jpg) no-repeat center; background-size: cover;}

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

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

}
@media screen and  (max-width:991px){
#Subpage2 .ztzbCon .left{ display: none;} 
#Subpage2 .ztzbCon .right{ width: 100%;}  
#Subpage2 .ztzbCon .right .nr1{ padding: 10px;}
#Subpage2 .ztzbCon .right .nr1 .tit{ font-size: 18px;}
#Subpage2 .ztzbCon .right .tab .hd{ margin: 20px 0;}
#Subpage2 .ztzbCon .right .tab .hd .l1{ font-size: 18px;}
#Subpage2 .ztzbCon .right .tab .bd .u1{ margin: -10px 0;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1{ margin: 10px 0; padding: 20px 20px 10px 20px;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .t1{ font-size: 18px;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .ico { width: 10px; height: 15px; left: -15px;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .img img{ max-width: 80%;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .slick-prev,#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .slick-next{ width: 15px; height: 29px;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .tcPic .clo{ width: 20px; height: 20px;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .commentContent .message .avatar { margin-right: 5px;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .commentContent .message .author{ font-size: 12px;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .commentContent .comment-content strong{ font-size: 12px;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .commentContent .message .like{ font-size: 12px;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .pic .img{ padding: 3px;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .pl{ padding: 5px 0 5px 0;}
#Subpage2 .ztzbCon .right .tab .bd .u1 .l1 .plico{ margin-right: 5px;}
#Subpage2 .ztzbCon .right .tab .bd .pltc .dis{ width: 80%;}

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

}
/* 单页 */
#Content2{ width: 100%; float: left;}
#Content2 .info{ font-size: 16px; line-height: 30px;}
@media screen and  (max-width:1229px){

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

}
@media screen and  (max-width:991px){
#Content2 .info{ font-size: 14px; line-height: 24px;}  
}
@media screen and  (max-width:767px){

}


.bd_weixin_popup,.bd_weixin_popup *{-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}