@charset "gb2312";
/* CSS Document */

div
{
	display: block;
	 /*position: relative;*/ 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	line-height: 1.86;
	font-weight: 400;
	color: #909090;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
::selection
{
	background: #ffd9bf;
	color: #ff6b09;
}
p::selection
{
	background: #ffd9bf;
}
h1{font-size: 34px;}
h2{font-size: 24px;}
h3{font-size: 18px;}
h4{font-size: 14px;}
h5{font-size: 11px;}
h1, h2, h3, h4, h5, h6 { color: #28262d; -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; text-shadow: rgba(0,0,0,.01) 0 0 1px; }
h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection{ }

.trans_200 { -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
.button { display: inline-block; height: 54px; width: 174px; text-align: center; border: solid 2px #999; background: transparent; }
.button a { display: block; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700; line-height: 50px; text-transform: uppercase; color: #999; }


/*********************************7. Services*********************************/
.services {width: 100%;/* padding-top: 130px; */padding-bottom: 90px;overflow: hidden;}
.section_title h1 { font-weight: 500; }
.section_title span { display: block; font-size: 18px; font-weight: 500; color: #999; margin-top: 29px; }
/*********************************7.1 Services Slider*********************************/

.h_slider_container { width: 100%; }
.services_slider_container {width: 100%;height: 663px;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.service_slider_outer { position: relative; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; height: 663px; }
.services_slider { height: 663px; }
.services_slider .owl-stage-outer { padding-top: 20px; padding-top: 60px\9\0; height: 663px\9\0; padding-bottom: 60px; }
.services_slider .owl-stage { right: 50px; }
.services_slider .owl-item { /*margin-top: -120px\9\0;*/ display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.services_slider .owl-item.center { margin-left: 48px !important; margin-right: 115px !important; }
.services_slider .owl-item.center .services_item_inner { background: #ba2422; margin-top: -120px\9\0; }
.services_item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #FFFFFF; }
.services_item_inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-direction: column; justify-content: center; align-items: center; height: 475px; max-width: 100%; box-shadow: 0px 30px 59px rgba(24, 29, 33, 0.23); padding-left: 75px;
	padding-right: 60px; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; }
.services_slider .owl-item.active.center .services_item_inner { height: 663px; }
.service_item_content { max-width: 100%; padding-top: 120px; }
.services_item_inner h2 { font-weight: 400; margin-bottom: 22px; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; }
.services_item_inner p { line-height: 1.866; margin-bottom: 0px; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; }
.service_item_button { position: absolute; bottom: 45px; bottom: 88px\9\0; left: 50%; margin-left: -87px; border-color: #FFFFFF; color: #FFFFFF; visibility: hidden; opacity: 0;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	}
.ie10 .service_item_button {bottom: 50px;}
.service_item_button a { color: #FFFFFF; }
.service_item_button:hover { background: #FFFFFF; }
.service_item_button:hover a { color: #999; }
.services_slider .owl-item.center .services_item .services_item_inner h2 { color: #FFFFFF; margin-top: 120px\9\0; }
.ie10 .services_slider .owl-item.center .services_item .services_item_inner h2 { margin-top: 40px; }
.services_slider .owl-item.center .services_item .services_item_inner p { color: #FFFFFF; }
.services_slider .owl-item.center .services_item .services_item_inner .service_item_button
{ visibility: visible; opacity: 1; }
.service_item_icon
{ position: relative; top: -160px; left: 0; width: 210px; height: 42px; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; }
.service_item_icon .icon { font-size: 40px; line-height: 1; color: #999; }
.services_slider .owl-item.active.center .services_item_inner .service_item_icon .icon { font-size: 50px; color: #9c83ce; }
.services_slider .owl-item.center .services_item .services_item_inner .service_item_icon { top: -160px; top: 0\9\0;}
.ie10 .services_slider .owl-item.center .services_item .services_item_inner .service_item_icon{top: -100px;}
.services_slider .owl-dots
{ margin-top: 15px !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.services_slider.owl-theme .owl-dots .owl-dot span { width: 11px !important; height: 11px !important; background: #e1e1e1; }
.services_slider.owl-theme .owl-dots .owl-dot.active span { width: 18px !important; height: 18px !important; background: #ba2422; }
.services_slider_nav
{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center;
	align-items: center; position: absolute; top: calc((100% - 80px) / 2); width: 40px; height: 40px; border-radius: 50%; z-index: 10; cursor: pointer; }
.services_slider_nav_left { left: calc(50% - 255px);  }
.services_slider_nav_right { right: calc(50% - 255px);  }
.services_slider_nav i { font-size: 18px; color: #e1e1e1; }
.services_slider_nav:hover i { color: #452b77; }

