@charset "utf-8";
/*基础部分开始*/
.mh{ display:none}
body{
color:#000;
margin:0 auto;
padding:0px;
font-family:"Microsoft yahei",Verdana, Arial, Helvetica, sans-serif;
font-size:16px;

}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both}
.kb{ width:100%; float:left;}

.csyc{ overflow:hidden}
.p45{margin-top:40px}
#loaddiv 
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;  
    filter: alpha(opacity=60);  
    background-color: rgba(0, 0, 0,.5);
    z-index: 9999;
	text-align:center;
	padding-top:20%;
display:none}


/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #fff;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 3px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #fff, 0 0 5px #fff;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}
img{ border:none}
div,ul,li
{
color:#000;
font-size:16px;
font-family:"Microsoft yahei",Verdana, Arial, Helvetica, sans-serif;
margin:0 auto; 
padding:0;
list-style:none
}
*{outline:0px}
.wryh{font-family:"Microsoft yahei"}
a,a:link,a:visited,a:active {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #0e559f;
transition: 0.3s ease-in-out;
}

input::-webkit-input-placeholder{
color: #fff;
}
WebKit browsers 
input::-webkit-input-placeholder { 
　color: #fff;
}
Mozilla Firefox 4 to 18 
input:-moz-placeholder {  
　color: #fff;
}
Mozilla Firefox 19+ 
input::-moz-placeholder {  
　　color: #fff;
}
Internet Explorer 10+ 
input:-ms-input-placeholder { 
　　color: #fff;
}


.warp{ width:92%; padding: 0 4%} 
.nrwarp{ width:100%; padding: 0 4%; box-sizing:border-box;  margin-top:20px} 



.box{ width:100%; float:left} 
#goleft {width: 100%;overflow: hidden;float:left;} 
#goleft #gols {width: 33100px;} 
#goleft1, #goleft2 {width: auto;float: left;}

/*基础部分结束*/
.p65{ padding-top:40px}
header{ width:100%; background:url(../images/dzxx_01.jpg) center no-repeat #0e559f; background-size:cover; overflow:hidden; padding:15px 3% 15px 4%; box-sizing:border-box}
header .logo{ height:40px; float:left}
header .logo img{ height:40px;}

.mySwiper {
width: 100%;
height: 530px;
cursor: pointer
}
.mySwiper .swiper-slide a{
width: 100%;
height: 530px;
float:left;

}
.mySwiper .prev {
background: url(../images/banner_arrow.png) no-repeat left top;
    position: absolute;
    left: 20px;
    top: 55%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 999;
}


.mySwiper .next {
    background: url(../images/banner_arrow.png) no-repeat left bottom;
    position: absolute;
    right: 20px;
    top: 55%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 999;
    outline: none;
}


.mySwiper .swiper-pagination{ bottom: 30px !important}
.mySwiper .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px;background: rgba(255,255,255,1);border-radius: 50px;}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background: rgba(157,18,13,1);border-radius: 50px;width: 40px; height: 12px;}



.mySwipera {
width: 100%;
cursor: pointer
}




.mySwipera .prev {
display:none
}


.mySwipera .next {
	display:none
}


.mySwipera .swiper-pagination{ bottom: 155px !important}
.mySwipera .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px;background: rgba(255,255,255,1);border-radius: 50px;}
.mySwipera .swiper-pagination .swiper-pagination-bullet-active{background:#0e559f;border-radius: 50px;width: 8px; height: 8px;}

.mySwipera .swiper-slide .imgs{ width:100%; height:260px; float:left; position:relative; background:#000}
.mySwipera .swiper-slide .imgs img{ width:100%; height:260px;transition: all 0.3s}

.mySwipera .swiper-slide .imgs .datas{ width:60px; height:60px; float:left; position :absolute; background:#0e559f; z-index:1; left:24px; bottom:-20px}
.mySwipera .swiper-slide .imgs .datas strong{ width:100%; height:30px; padding-top:5px; float:left; text-align:center; color:#fff; font-size:24px; font-weight:normal}
.mySwipera .swiper-slide .imgs .datas span{ width:100%;float:left; text-align:center; color:#fff; font-size:13px}
.mySwipera .swiper-slide .content { width:100%;box-sizing:border-box;  background:#f8f9f9; padding:25px 25px; float:left}

.mySwipera .swiper-slide .content strong{ width:100%; float:left; font-size:18px; height:30px; line-height:30px; overflow:hidden; margin-bottom:10px}
.mySwipera .swiper-slide .content span{ width:100%; float:left; font-size:14px; height:50px; line-height:25px; overflow:hidden; color:#999}



.mySwiperb {
width: 100%;
height: 460px;
}

.mySwiperb .prev {
background: url(../images/icon_07.png) no-repeat left top;
    position: absolute;
	bottom:0;
	cursor:pointer;
	 right:50px;
    width: 40px;
    height: 40px;
    z-index: 999;
}


.mySwiperb .next {
    background: url(../images/icon_09.png) no-repeat left bottom;
    position: absolute;
    right:0;
	cursor:pointer;
   bottom:0;
    width: 40px;
    height: 40px;
    z-index: 999;
    outline: none;
}


.mySwiperb .swiper-pagination{ bottom: 30px !important}
.mySwiperb .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px;background: rgba(255,255,255,1);border-radius: 50px;}
.mySwiperb .swiper-pagination .swiper-pagination-bullet-active{background: rgba(9,176,154,1);border-radius: 50px;width: 40px; height: 12px;}

.mySwiperb .swiper-slide .img{ width:100%;position:relative; padding-top:67%; float:left; overflow:hidden}
.mySwiperb .swiper-slide .img img{
    width: 100%;
	top:0;
	left:0;
	height:100%;
    position:absolute;transition: all 0.3s}

.mySwiperb .swiper-slide:hover .img img{transform: scale(1.1);}

.mySwiperb .swiper-slide .contents{ background:#fff;position:relative; float:left;width:calc(100% - 50px);  padding:20px 25px;   height:56px;
}
.mySwiperb .swiper-slide .contents p{width:100%; float:left;line-height:28px; overflow:hidden;height:56px; margin:0}

.page1{ width:100%; padding-bottom:25px; overflow:hidden;}
.xyxw{ width:100%; float:left;}
.xyxw ul{ display:inline}
.xyxw ul li{ width:48%; float:left; position:relative; margin-right:4%; margin-bottom:15px}
.xyxw ul li:nth-child(2),.xyxw ul li:nth-child(4){margin-right:0}
.xyxw ul li .img{
    width: 100%;
	float:left;
    position: relative;
    padding-top: 67%;
    overflow: hidden;
}
.xyxw ul li .img img{
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    transition: all 0.3s;
}

.xyxw ul li .xyxw_con{
	width: 100%;
	float:left; 
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	box-sizing:border-box;
	padding:5% 7%;
	}
	
.xyxw ul li .xyxw_con em{
	width: 100%;
	float:left;
	color:#0eab4d;
	font-size:14px;
	height:25px;
	font-style:normal
	}
	
.xyxw ul li .xyxw_con h1{
	width: 100%;
	float:left;
	color:#000;
	padding:0;
	margin:0;
	line-height:28px;
	font-weight:normal;
	overflow:hidden;
	font-size:16px;
	height:56px
	}
	
.xyxw ul li .xyxw_con h2{
	width: 100%;
	float:left;
	color:#666;
	padding:0;
	margin:0;
	line-height:25px;
	font-weight:normal;
	overflow:hidden;
	font-size:14px;
	height:50px;
	margin-top:5px;
	}


.xyxw_l{ width:100%; float:left; margin-bottom:20px}
.xyxw_r{ width:100%; float:left;}


.xyxw_r_list{ width:100%; float:left;}
.xyxw_r_list li{ width:100%; float:left; background:#f8f9f9; padding:18px; box-sizing:border-box; overflow:hidden; margin-bottom:18px}
.xyxw_r_list li strong{ float:left; width:100%; font-weight:normal; height:25px; line-height:25px; overflow:hidden; margin-bottom:8px}
.xyxw_r_list li em{ float:left; width:100%; font-size:14px; color:#666; height:44px; line-height:22px;overflow:hidden; font-style:normal; margin-bottom:8px}
.xyxw_r_list li span{ float:left; width:100%; font-size:14px; color:#0096ff}


.xkky{width:100%; float:left; margin-top:25px}
.tzgg{ width:100%; float:left; overflow:hidden; margin-top:15px; padding:20px 20px 0 20px; background:#e4a90c; box-sizing:border-box;}
.tzggw{ width:100%; float:left; background:#fff; box-sizing:border-box;}

.tzgglist{ width:100%; float:left; margin-top:15px}
.tzgglist li { width:100%;float:left; margin-bottom:46px;  box-sizing:border-box; overflow:hidden; background:#fff; height:200px; padding:24px 20px; margin-bottom:15px}
.tzgglist li:nth-child(4),.tzgglist li:nth-child(5),.tzgglist li:nth-child(6){ display:none}
.tzgglist li  .gg_1{ width:100%; float:left; padding-bottom:17px; border-bottom:1px solid #ccc; margin-bottom:18px; position:relative}
.tzgglist li  .gg_1 .a1{ width:57px; height:57px; float:left; background:#0e559f;transition: all 0.3s}
.tzgglist li  .gg_1 .a1 .b1{ width:100%; height:37px; line-height:37px; font-family:"Times New Roman", Times, serif; color:#fff; font-size:28px; float:left; text-align:center}
.tzgglist li  .gg_1 .a1 .b2{ width:100%; font-family:"Times New Roman", Times, serif; color:#fff; font-size:14px; float:left; text-align:center}
.tzgglist li  .gg_1 .a2{ width:calc(100% - 75px); height:64px; float:right; font-size:17px; line-height:32px; overflow:hidden; margin-top:-5px}
.tzgglist li  .gg_2{ width:100%; float:left;font-size:14px; color:#999; height:56px; line-height:28px; overflow:hidden; color:#666}

.xyxwa{ width:100%; float:left; padding-bottom:28px; margin-bottom:18px; border-bottom:1px solid #ddd}
.xyxwa_l{ width:37%; float:left; overflow:hidden}
.xyxwa_l img{ width:100%; height:auto; overflow:hidden}
.xyxwa_r{ width:58%; float:right;}
.xyxwa_r strong{ width:100%; float:left; height:22px; line-height:22px; overflow:hidden;}
.xyxwa_r span{ width:100%; float:left; font-size:14px; height:48px; line-height:24px; overflow:hidden; color:#666; margin-top:1px; margin-bottom:15px}
.xyxwa_r em{ width:100%; float:left; font-size:14px; height:22px; line-height:22px;color:#666; font-style:normal; box-sizing:border-box; padding-left:25px; background:url(../images/dzxx_12.png) left center no-repeat}
.icons{ width:100%; float:left; margin-top:30px}

.kylist{ width:100%; float:left}
.kylist li{ width:100%; float:left; height:40px; line-height:40px; overflow:hidden; padding-left:15px; background:url(../images/dot.jpg) left center no-repeat; box-sizing:border-box}
.kylist li span{ float:right; color:#999; padding-left:30px}
.rcpy{ width:100%; float:left; margin-top:30px}


.szdw{ float:left; background:url(../images/dzxx_25.jpg); background-size:cover; height:225px; width:43.4%; margin-right:1.28%; position:relative}
.szdwbg{ width:100%; height:100%; background:rgba(14,85,159,.9); position:absolute; left:0 ;top:0; z-index:1; box-sizing:border-box; padding-top:100px;transition: 0.3s ease-in-out; }
.szdwbg strong{ width:100%; text-align:center; color:#fff; font-size:16px; float:left; font-weight:normal}
.szdwbg strong img{ vertical-align:middle; margin-right:10px;transition: 0.3s ease-in-out; height:25px}


.icon1{ width:26.9%; float:left; height:110px; background:#da995a; position:relative; margin-bottom:5px}
.icon1 span{ width:100%; float:left; height:40px; padding-top:30px; text-align:center;transition: 0.3s ease-in-out;}
.icon1 strong{ width:100%; float:left; color:#fff;  font-size:14px;text-align:center; font-weight:normal;}
.icon1 span img,.icon2 span img,.icon3 span img,.icon4 span img{ width:30%; height:auto; overflow:hidden}


.icon2{ width:26.9%; float:right; height:110px; background:#00a8b2; position:relative; margin-bottom:5px}
.icon2 span{ width:100%; float:left; height:40px; padding-top:30px; text-align:center;transition: 0.3s ease-in-out; }
.icon2 strong{ width:100%; float:left; color:#fff;  font-size:14px;text-align:center; font-weight:normal;}



.icon3{ width:26.9%; float:left; height:110px; background:#93458e; position:relative}
.icon3 span{ width:100%; float:left; height:40px; padding-top:30px; text-align:center;transition: 0.3s ease-in-out;}
.icon3 strong{ width:100%; float:left; color:#fff;  font-size:14px;text-align:center; font-weight:normal;}



.icon4{ width:26.9%; float:right; height:110px; background:#5b48bc; position:relative}
.icon4 span{ width:100%; float:left; height:40px; padding-top:30px; text-align:center;transition: 0.3s ease-in-out;}
.icon4 strong{ width:100%; float:left; color:#fff;  font-size:14px;text-align:center; font-weight:normal;}


.ban{ width:100%; float:left; height:38px; margin-bottom:10px;}
.ban strong{float:left; font-size:20px; color:#0e559f;height:37px;}
.ban strong img{ vertical-align:middle; margin-right:10px; margin-bottom:3px;width:20%; height:auto; overflow:hidden}
.ban span a{float:right; width:79px; height:26px ;position:relative; margin-top:2px; background:url(../images/dzxx_07.png) top right no-repeat; background-size:80% 80%}

.bana{ width:100%; float:left; height:38px; margin-bottom:10px;}
.bana strong{float:left; font-size:20px; color:#fff;height:37px;}
.bana strong img{ vertical-align:middle; margin-right:10px; margin-bottom:3px;width:20%; height:auto; overflow:hidden}
.bana span a{float:right; width:79px; height:26px ;position:relative; margin-top:2px; background:url(../images/dzxx_07b.png) top right no-repeat; background-size:80% 80%}

.bans{ width:100%; float:left; height:38px; margin-bottom:24px; border-bottom:1px solid #ccc}
.bans strong{float:left; font-size:20px; color:#0e559f;height:37px;border-bottom:2px solid #0e559f}
.bans strong img{ vertical-align:middle; margin-right:10px; margin-bottom:3px;width:20%; height:auto; overflow:hidden}
.bans span{float:right; font-size:12px; position:relative; margin-top:2px}
.bans span img{vertical-align:middle; margin-right:8px;transition: 0.3s ease-in-out;}
.bans span a{ color:#fff;}


.xyxw_list{ width:100%; float:left}
.xyxw_list ul{ display:inline}
.xyxw_list ul li{ width:100%; float:left; border-bottom:1px solid #d8d8d8; margin-bottom:20px; padding-bottom:5px; position:relative}
.xyxw_list ul li em{ width:100%; float:left; font-family:"Times New Roman", Times, serif; font-size:18px; height:25px; line-height:25px; padding-top:1px; font-style:normal; background:url(../images/dzxx_12.png) left top no-repeat; background-position:0 4px ; margin-bottom:10px; box-sizing:border-box; padding-left:25px; color:#666}
.xyxw_list ul li strong{ width:100%; float:left; font-size:16px; height:56px; line-height:28px; overflow:hidden; margin-bottom:10px}
.xyxw_list ul li span{ width:100%; float:left; font-size:14px; height:48px; line-height:24px; overflow:hidden; margin-bottom:10px; color:#666}
.xyxw_list ul li:nth-child(4),.xyxw_list ul li:nth-child(5),.xyxw_list ul li:nth-child(6){ display:none}

.page2{ width:100%;overflow:hidden; margin-top:30px; background:url(../images/dzxx_15.jpg) no-repeat; background-size:cover; overflow:hidden; padding-bottom:30px; padding-top:30px; box-sizing:border-box}
.jxgz{ width:100%; float:left; margin-bottom:25px}
.xkyj{ width:100%; float:left;}
.xkjsimg{ width:46%;position:relative; padding-top:31%; overflow:hidden}
.xkjsimg img{
    width: 100%;
	top:0;
	left:0;
	height:100%;
    position:absolute;transition: all 0.3s}
	
.xkjsimg strong{ font-weight:normal; bottom:0; left:0; position:absolute; z-index:1; width:100%; height:34px; line-height:34px; color:#fff; padding:0 15px; box-sizing:border-box; overflow:hidden; background:rgba(0,0,0,.5); font-size:14px}	

.xkjslist{ width:100%; float:left; margin-top:15px; margin-left:1px}
.xkjslist ul{ display:inline}
.xkjslist ul li a{ float:left; border:1px solid #ccc; padding:18px; width:50%; box-sizing:border-box; margin-left:-1px; margin-top:-1px}
.xkjslist ul li strong{ float:left; width:100%; margin-bottom:10px; line-height:28px; height:56px; overflow:hidden; font-weight:normal}
.xkjslist ul li span{ float:left; width:100%; color:#0096ff; font-size:14px}


.jxgza{ width:100%; float:left; margin-bottom:15px; border-bottom:1px solid #ddd; padding-bottom:10px}
.jxgza_1{ width:100%; float:left; margin-bottom:10px; height:30px; line-height:30px; overflow:hidden;}
.jxgza_1 strong{ float:right; padding-left:20px; color:#666; font-weight:normal}
.jxgza_2{ width:100%; float:left; height:56px; line-height:28px; color:#666; font-size:14px; overflow:hidden;}


.jxgzb { width:100%; float:left; height:45px; line-height:45px; background:url(../images/mks_22.jpg) left center no-repeat; padding-left:20px; box-sizing:border-box; overflow:hidden}
.jxgzb span{ float:right; padding-left:15px;}

.page3{ width:100%; padding-top:30px}



footer{ width:100%; background:#0e559f; padding:15px 0; overflow:hidden; margin-top:40px; color:#fff; font-size:14px; text-align:center}
.f_m{width:30%;float:left; margin-right:3%; text-align:center; padding-top:40px}
.f_r{width:30%;float:left; margin-right:3%}


.f_l{width:30%;float:right;}






.foot_lxfs{width:100%;float:left; line-height:40px; color:#fff; font-size:14px}

.newslist{ width:100%; float:left; margin-bottom:15px;}
.newslist li{ width:100%; float:left;  overflow:hidden; border-bottom:1px  dashed #ccc; box-sizing:border-box; padding-bottom:15px; margin-bottom:15px}

.newslist li strong{ width:100%; float:left; line-height:30px; max-height:60px; overflow:hidden; font-weight:normal; margin-bottom:8px}

.newslist li span{color:#666; font-size:14px; width:100%; float:left}
.ny_r{width:100%;float:left;}
.ny_r_tit{width:100%;float:left; margin-bottom:10px; border-bottom:1px solid #ddd;}
.ny_r_tit strong{ float:left; font-size:18px; line-height:40px; border-bottom:2px solid #0e559f; color:#0e559f; }
.ny_menu{
width: 100%;
overflow: hidden;
white-space: nowrap;
overflow-x: scroll;
background:#fff;
border-bottom:1px solid #ddd;
margin-bottom:20px
}
.ny_menu::-webkit-scrollbar {
display: none;
}

.ny_nav {
display: inline-block;
font-size:14px;
height: 50px;
line-height: 50px;


}
.ny_nav a{color:#333;margin-left: 15px;
margin-right: 15px;}

.ny_nav .on{color:#0e559f !important}


.disptit{ width:100%; font-size:18px; line-height:30px; float:left; font-weight:bold; margin-top:10px;text-align:center}
.dispdes{ width:100%; font-size:12px; line-height:40px; float:left; border-bottom:1px dashed #ddd; padding-top:5px; margin-bottom:10px;text-align:center}

.infoarea{ width:100%; float:left; font-size:14px; line-height:30px}
.infoarea table,.infoarea video{ max-width:100%}
.infoarea img{ max-width:100% !important; height:auto !important; overflow:hidden !important}
.dbline{ width:100%; height:20px; margin-bottom:20px; border-bottom:1px dashed #ccc; float:left}

.printico{ background:url(../images/print.gif) left center no-repeat; padding-left:20px; margin-right:20px}
.closeico{ background:url(../images/close1.gif) left center no-repeat; padding-left:20px}
.tools{ text-align:right; width:100%; font-size:14px; line-height:30px}
#share-3{float:left; width:50%; text-align:left}

.pb_sys_style3 .p_no_d {
    border: 1px solid #0e559f !important;
    color: #fff;
    background-color: #0e559f !important;
}
.dslist{ width:100%; float:left}
.dslist ul{ display:inline}
.dslist li{ width:100%; float:left; background:#f8f8f8; height:200px; margin-bottom:40px;}
.dslist li .dsl{ width:145px; float:left;height:200px}
.dslist li .dsl img{ width:100%;height:200px;object-fit: cover;}

.dslist li .dsr{float:left;width:calc(100% - 195px); margin-left:25px}
.dslist li .dsr strong{float:left;width:100%; font-size:18px; font-weight:normal; height:40px; line-height:40px; margin-top:20px}
.dslist li .dsr em{float:left;width:100%; font-size:14px; font-weight:normal; height:112px; overflow:hidden; font-style:normal; line-height:28px; color:#666}

.xslist{ width:100%; float:left}
.xslist ul{ display:inline}
.xslist li{ width:48%; float:left; background:#f8f8f8;margin-bottom:40px; margin-right:4%}
.xslist li:nth-child(2n){margin-right:0}
.xslist li .img{ width:100%; float:left;}
.xslist li .img img{ width:100%;height:250px;object-fit: cover;}
.xslist li .tit{ width:100%; float:left; text-align:center; overflow:hidden; line-height:50px; height:50px; font-size:16px; padding:0 10px; box-sizing:border-box}