.bod_main_block{float: left; width: 100%; background-color: #3d2410; padding: 82px 0; margin: 63px 0;}
.bod_main_block .left{float: left; width: 50%; text-align: center;}
.bod_main_block .left i{ display: inline-block; text-align: center;}
.bod_main_block .left i img{width: 100%; display: block;}
.bod_main_block .right{float: left; width: 50%; text-align: left; padding: 0 174px 0 0;}
.bod_main_block .right h3{font-size: 22px; color: #fff; position: relative; font-weight: 500;}
.bod_main_block .right h3 span{background-color: #3d2410; position: relative; float: left; z-index: 1; padding: 0 20px 0 0;}
.bod_main_block .right h3:after{position: absolute; content: ""; width: 100%; height: 1px; background-color: #ffffff; top: 8px; right: 0px;}
.bod_main_block .right h2{font-size: 30px; color: #fff; position: relative; font-weight: 600; float: left; width: 100%; padding: 45px 0 0; line-height: 24px;}
.bod_main_block .right h2 small{font-size: 18px; font-weight: 400; color: #fff;}
.bod_main_block .right p{font-size: 16px; font-weight: 400; color: #fff; padding: 30px 0; display: inline-block; width: 100%; line-height: 22px;}
.bod_main_block .right a{font-size: 14px; font-weight: 400; color: #fff; padding:0px 15px 0 0; position: relative; }
.bod_main_block .right a span{font-size: 22px;  position: absolute; right: 0; bottom: 2px; background: url(https://www.itcportal.com/images/bod_arrow_w.png) no-repeat; width: 7px; height: 9px} 

.bod_block{float: left; width: 100%;}
.bod_block h3{font-size: 24px; color: #222222; position: relative; font-weight: 400; text-align: center;}
.bod_block h3 span{background-color: #ffffff; position: relative; z-index: 1; padding: 0 20px 0; margin: 0 auto;display: inline-block;text-align: center;}
.bod_block h3:after{position: absolute; content: ""; width: 100%; height: 1px; background-color: #e0e3e8; top: 13px; right: 0px;}
.bod_block ul{float: left; width: 100%; margin: 50px -11px;}
.bod_block ul li{float: left; width: 33.33%; padding: 11px 11px;}
.bod_block ul li aside{height: 509px; float: left; width: 100%; background-color: #f1f1ef; padding: 30px 50px; text-align: center;}
.bod_block ul li aside i{display: inline-block; overflow: hidden; text-align: center; width: 198px; height: 198px; border-radius: 50%; background-color: #000;}
.bod_block ul li aside i img{display: block;}
.bod_block ul li aside h4{font-size: 24px; color: #2e2e2e; position: relative; font-weight: 900; text-align: center; float: left; width: 100%; padding: 50px 0 0;}
.bod_block ul li aside h4 small{font-size: 16px; font-weight: 400; color: #2d2d2d;}
.bod_block ul li aside p{font-size: 14px; font-weight: 400; color: #2d2d2d; padding: 20px 0; display: inline-block; width: 100%;}
.bod_block ul li aside a{font-size: 14px; font-weight: 400; color: #ca8b00; padding:0px 15px 0 0; position: relative; }
.bod_block ul li aside a span{font-size: 20px;  position: absolute; right: 0; bottom: 2px; background: url(https://www.itcportal.com/images/bod_arrow.png) no-repeat; width: 7px; height: 9px} 
.details_bod_block{float: left; width: 100%; margin: 90px 0 0;}
.details_bod_block .left{float: left; width: 394px; text-align: center;}
.details_bod_block .left i{ display: inline-block; text-align: center; width: 277px; height: 277px; border-radius: 50%; background-color: #ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}
.details_bod_block .left i img{width: 100%; display: block;}
.details_bod_block .right{float: left; width: calc(100% - 394px);}
.details_bod_block .right a{background: url(https://www.itcportal.com/images/back_bod.png) no-repeat 0 5px; padding: 0 0 0 20px; font-size: 16px; color: #1b2355; font-style: normal;float: left;}
.details_bod_block .right h3{font-size: 30px; color: #1b2355; float: left; width: 100%;  position: relative; font-weight: 600; font-style: normal; line-height: 24px; margin: 30px 0 0;} 
.details_bod_block .right h3 span{background-color: #fff; position: relative; float: left; z-index: 1; padding: 0 20px 0 0;text-align: left;}
.details_bod_block .right h3 span small{color: #1b2355; font-size: 18px;}
.details_bod_block .right h3:after{position: absolute; content: ""; width: 100%; height: 1px; background-color: #afb2c4; bottom: 6px; right: 0px;}
.description_block{float: left; width: 100%; padding: 25px 0;}
.description_block p{ font-size: 18px; color: #353535; padding: 0 0 25px; font-style: normal;text-align:left;}

.table-responsive table th {background: #263166; color: #fff; border-left: 1px solid #ebebeb; font-weight: 800; font-size: 16px; padding: 15px 20px; border-bottom: none; text-align: left; vertical-align: top; font-style: normal;}
.table-responsive table td {border-bottom: 1px solid #ebebeb; border: 1px solid #ebebeb; vertical-align: top; text-align: left;
padding: 15px 10px 15px 20px; box-sizing: border-box; font-size: 14px; font-weight: 400; line-height: 18px; color: #616161; font-style: normal;}
.table-responsive{overflow-x:auto;}


@media screen and (max-width:1024px){
.bod_block ul li aside {padding: 30px 10px;}
}

@media screen and (max-width:980px){
.bod_block ul li {width: 50%;}
.bod_main_block .right { padding: 0 0px 0 0;}
}

@media screen and (max-width:480px){
.bod_block ul li {width: 100%;}
.bod_main_block .right { padding: 0 0px 0 0;}
.bod_block h3 {font-size: 16px;}
.bod_block h3:after {top: 9px;}
.bod_block ul { margin: 20px 0px;}
.bod_main_block .left {width: 100%;text-align: center;}
.bod_main_block .right {width: 100%;text-align: center;padding: 25px 40px;}
.bod_main_block .right p{display: none;}
.bod_main_block .right a {font-size: 14px; padding: 0px 15px 0 0; position: relative; display: inline-block; width: 100%; margin: 25px 0;}
.bod_main_block .right h2 {line-height: normal; font-size: 24px;}
	.bod_main_block .right h2 small{font-size: 16px;}
.bod_main_block .right a span {right: auto;bottom: 5px;margin: 0 0px 0 10px;}
	.bod_block ul li aside{height: auto;}
.bod_block ul li aside a {font-size: 14px; padding: 0px 15px 0 0; position: relative; display: inline-block; width: 100%; margin: 25px 0;}
.bod_block ul li aside p{display: none;}
.bod_block ul li aside a span {right: auto;bottom: 5px;margin: 0 0px 0 10px;}
.bod_main_block .left i {width: 198px;height: 198px;}
.bod_main_block .right h3 span {background-color: #3d2410; position: relative; float: none; z-index: 1; padding: 0 20px;}	
.bod_main_block .right h3:after {position: absolute; content: ""; width: 100%; height: 1px; background-color: #524439; top: 8px; right: 0px;}
.bod_main_block .right h3 {font-size: 16px; font-weight: 700;}
.bod_main_block { margin: 0px 0 60px;}
.bod_con{ width: 100% !important; padding: 0px !important;}
.bod_block{padding: 0 5%;}
.details_bod_block .left {float: left; width: 100%;}
	.details_bod_block .right {float: left;width: 100%;padding: 50px 10% 0; text-align: left;}
	.description_block p{font-size: 16px;}
}