/* 菜鸟教室（cainiaojiaoshi.com）做最好的菜鸟教室整站模板下载网站 */
/*-----------------------------------------------------------------------------------

	Template Name: Unikue
	Template URI: http://www.3nacu.com/unikue-template
	Description: Multi-Purpose Business Template
	Author: Moutheme
	Author URI: http://themeforest.net/user/moutheme
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------

[Table of contents]

1. Body
   1-1. Headings
   1-2. Buttons
   1-3. Header
   1-4. Section
   1-5. Icon Boxes
   1-6. Divider
   1-7. Carousel
   1-8. Portfolio
   1-9. Arrow Section
   1-10. Alert Message
   1-11. Tab
   1-12. Modal Popup
   1-13. Call To Action
   1-14. Pricing Table
   1-15. Highlight
   1-16. Dropcast
   1-17. Blockqoute
   1-18. Team
   1-19. Large Testimonials
   1-20. Sliders
   1-21. Boxed Layout
   1-22. Tab Slider
2. Interaction Website
3. Responsive

-----------------------------------------------------------------------------------*/
* {
	font-weight: normal;
	list-style: none;
}

a {
	cursor: pointer;
}


img {
	border: 0;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	max-width: 100%;
	vertical-align: top;
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.w40 {
	width: 40%;
}

.w50 {
	width: 50%;
}

.w60 {
	width: 60%;
}

.dpi {
	display: inline-block;
}

.tdu {
	text-decoration: uppercase;
}

img {
	max-width: 100%;
}

.btlr5 {
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	-ms-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
}

.btlr10 {
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-o-border-top-left-radius: 10px;
	-ms-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

.btrr5 {
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-o-border-top-right-radius: 5px;
	-ms-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}

.btrr10 {
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-o-border-top-right-radius: 10px;
	-ms-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

.bbrr5 {
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.bbrr10 {
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-o-border-bottom-left-radius: 10px;
	-ms-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.bblr5 {
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.bblr10 {
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-o-border-bottom-right-radius: 10px;
	-ms-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.bdr5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.bdr10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}

.pstr {
	position: relative;
}

.psta {
	position: absolute;
}


.t0 {
	top: 0;
}

.l0 {
	left: 0;
}

.b0 {
	bottom: 0;
}

.r0 {
	right: 0;
}

.w100 {
	width: 100%;
}

.h100 {
	height: 100%;
}

.dpb {
	display: block;
}

.dpi {
	display: inline-block;
}

.dpn {
	display: none;
}


.red {
	color: #B0252C;
}

.tsta1s {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.tsta06s {
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}


.bgcf6 {
	background: #f6f6f6;
}

/* 公共样式 */

.list_nav {
	font-size: 0;
}

.navc {
	margin: 0 1% 10px;
	width: 14.666666666667%;
	text-align: center;
}

.navc_link {
	display: block;
	padding: 0;
	line-height: 40px;
	border: 1px solid #666;
}

/* 视频列表 */
.video_img_link {
	display: block;
	position: relative;
}

.video_img_box {
	margin: 15px;
}

.video_title_box {
	font-size: 16px;
	background: rgba(238, 238, 238, .5);
	position: absolute;
	width: 100%;
	line-height: 46px;
	bottom: 0;
	text-align: center;
}

/* 视频列表 */

.more_box {
	padding: 30px 0;
	text-align: center;
}

.news_more {
	display: inline-block;
	margin: 30px auto;
	width: 160px;
	line-height: 38px;
	max-width: 100%;
}

.news_more:hover {
	color: #e00;
}

.w30 {
	width: 30%;
}

.w70 {
	width: 70%;
}

/* 公共样式 */
div:after,
ul:after,
li:after {
	content: "";
	display: block;
	clear: both;
}

.clear {
	clear: both
}

.pre_next {
	/* position: absolute;
	top: 0;
	left: 15px; */
}

.pre_next a {
	display: block;
	width: 100px;
	line-height: 39px;
	margin: 5px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
}

.pre_next .pre {
	background: #FF6501;
}

.pre_next .next {
	background: #aaa;
}

.pre_next .period {
	background: #ccc;
}

.pre_next a:hover {
	color: #233;
}

.pagelist_box {
	padding: 30px 0;
	min-height: 99px;

}

.dede_pages {
	text-align: center;
}

.dede_pages li {
	display: inline-block;
	border: 1px solid #FF6400;
	margin-right: 10px;
	color: #666;
	font-size: 12px;
	list-style: none;
	margin-bottom: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.dede_pages li:hover {
	border: 1px solid #FF6400;
}

.dede_pages li:hover a {
	color: #FF6400
}

.dede_pages li a,
.dede_pages li span {
	padding: 6px 14px;
	display: block;
}

.dede_pages li a {
	color: #666
}

.dede_pages li.thisclass {
	border: 1px solid #FF6400;
	background-color: #FF6400;
	color: #FFFFFF
}

.dede_pages li.thisclass a {
	color: #fff
}

/* 1. Boddy */
body {
	font-family: 微软雅黑 !important;
	color: #333;
	font-size: 14px;
	line-height: 20px;
}

/* 1-1. Headings */
h1 {
	margin-bottom: 10px;
	font-size: 38px;
	line-height: 46px;
	font-weight: 700;
}

h2 {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 32px;
	line-height: 36px;
	font-weight: 700;
}

h3 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
}

h4 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
}

h5 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
}

h6 {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
}

p {
	margin-bottom: 5px;
	color: #717171;
	font-size: 13px;
	line-height: 26px;
}

a {
	color: #515151;
	text-decoration: none;
}

/* 1-2. Buttons */
.button {
	display: inline-block;
	margin-right: 7px;
	margin-left: 7px;
	padding: 11px 24px;
	border-radius: 4px;
	background-color: #FF7437;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: white;
	text-align: center;
	text-decoration: none;
}

.button:hover {
	background-color: #414141;
}

.button.btn-transparent {
	display: block;
	background-color: rgba(255, 255, 255, 0.27);
}

.button.btn-transparent:hover {
	background-color: #333;
}

.button.btn-large {
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 16px;
}

.button.btn-active {
	background-color: #333;
}

.button.btn-active:hover {
	background-color: #FF7437;
}

.button.btn-gray {
	background-color: #f3f2f5;
	color: #333;
}

.button.btn-gray:hover {
	background-color: #FF7437;
	color: white;
}

.button.btn-small {
	padding: 10px 15px;
	font-size: 13px;
}

.button.no-spc {
	margin-left: 0px;
}

.button.no-margin {
	margin-right: 0px;
	margin-left: 0px;
}

.button.no-lft-mrg {
	margin-left: 0px;
}

/* 1-3. Header */
.header-v1 {
	position: relative;
	z-index: 9999;
	display: block;
	/* background-color: white; */
}

/* .brand-logo { */
/* position: relative; */
/* top: 11px; */
/* float: left; */
/* } */
.brand-logo {
	position: relative;
	top: 15px;
	float: left;
}
.brand-logo img {width: 170px;}
@media (max-width: 768px){
	.brand-logo img {width: 130px;}
}
.bottom-header {
	position: relative;
	/* background-color: white; */
	/* 	border-bottom: 1px solid #efefef; */
}

.navigation {
	float: right;
	/* 	float: left;  */
	/* padding-left: 10%; */
}

.li-menu {
	position: relative;
	z-index: 10;
	display: inline-block;
	box-shadow: transparent 0px 1px 0px 0px;
}

.li-menu:hover {
	box-shadow: #FF7437 0px -2px 0px 0px;
}

/* .link-menu { */
/* padding:0 21px; */
/* color: #282828; */
/* font-size: 13px; */
/* font-weight: 700; */
/* text-transform: uppercase; */
/* line-height:82px; */
/* position:relative; */
/* } */
.link-menu {
	padding: 0 21px;
	color: #282828;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 90px;
	position: relative;
}

.link-menu div {
	position: relative;
}

.link-menu.cur div:before,
.link-menu:hover div:before {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #F97727;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.link-menu:hover,
.link-menu.cur {
	color: #F97727;
}

.link-menu.active {
	box-shadow: #FF7437 0px -2px 0px 0px;
	color: #FF7437;
}

.banner {
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}

.top-header {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #efefef;
}

.dropdown-menu {
	position: absolute;
	display: none;
	width: 200px;
	background-color: #FF7437;
}

.li-drop {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.li-drop:hover {
	background-color: #1bb4cf;
}

.social-ico {
	position: relative;
	width: 37px;
	height: 37px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	float: left;
	border-radius: 50px;
	background-color: #f3f3f3;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	color: #858585;
	font-size: 13px;
	line-height: 36px;
	text-align: center;
}

.social-ico.facebook:hover {
	background-color: #3a5897;
	color: white;
}

.social-ico.twitter:hover {
	background-color: #00bdec;
	color: white;
}

.social-ico.rss:hover {
	background-color: #ff7b00;
	color: white;
}

.social-ico.social-footer {
	margin-right: 0px;
	margin-left: 0px;
	float: right;
	background-color: #252525;
	font-size: 16px;
	line-height: 38px;
}

.social-ico.social-footer.pinterest:hover {
	background-color: #cb2027;
	color: white;
}

.social-ico.social-footer.linkedin:hover {
	background-color: #007bb6;
	color: white;
}

.social-ico.social-footer.instagram:hover {
	background-color: #517fa4;
	color: white;
}

.social-ico.social-footer.yahoo:hover {
	background-color: #7b0099;
	color: white;
}

.social-ico.social-footer.tumblr:hover {
	background-color: #32506d;
	color: white;
}

.social-ico.social-footer.google-plus:hover {
	background-color: #dd4b39;
	color: white;
}

.social-ico.google-plus:hover {
	background-color: #dd4b39;
	color: white;
}

.social-ico.linkdin:hover {
	background-color: #007bb6;
	color: white;
}

.social-wrapper {
	position: relative;
	top: 16px;
}

.social-wrapper.s-footer {
	top: auto;
	text-align: right;
}

.social-wrapper.no-dwn {
	top: auto;
}

.top-left {
	float: left;
}

.top-ico {
	display: inline-block;
	margin-right: 7px;
	color: #919191;
}

.top-ico.top-darker {
	color: #414141;
	font-size: 13px;
}

.txt-top {
	display: inline-block;
	color: #919191;
	font-size: 13px;
}

.txt-top.txt-last {
	color: #717171;
	font-size: 12px;
}

.top-link {
	padding: 8px 14px;
	border-radius: 4px;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	color: #919191;
}

.top-link:hover {
	background-color: #f4f4f4;
}

.top-link.t-nhover:hover {
	background-color: transparent;
}

.top-link.read-more {
	color: #717171;
}

.top-link.read-more:hover {
	background-color: #FF7437;
	color: white;
}

.top-right {
	float: right;
}

.dd-link {
	width: 100%;
	height: 100%;
	padding: 15px;
	opacity: 0.7;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: white;
	font-size: 12px;
	font-weight: 600;
}

.dd-link:hover {
	opacity: 1;
}

.dd-link.w--current {
	opacity: 1;
}

/* 1-4. Section */
.section {
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 40px 10px;
	/* background-color: white; */
}

.section.gray {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	background-color: #fbfbfb;
}

.section.parallax {
	background-image: url('../images/1mZjm1I.jpg');
	background-position: 50% 50%;
	background-attachment: fixed;
}

.li-top {
	display: inline-block;
	margin-right: 7px;
}

.li-top.m-space {
	margin-right: 15px;
}

.li-social {
	display: inline-block;
}

/* 1-5. Icon Boxes */
.service-ico {
	width: 60px;
	height: 60px;
	margin-right: 15px;
	float: left;
	border-radius: 100%;
	background-color: #f3f3f3;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	color: #323232;
	font-size: 24px;
	line-height: 60px;
	text-align: center;
}

.service-ico.active {
	background-color: #FF7437;
	color: white;
}

.services-content {
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}

.div-spc {
	margin-top: 20px;
}

.div-spc.more-spc {
	margin-top: 35px;
}

.div-spc.more-spc.below-spc {
	margin-bottom: 70px;
}

.div-spc.twt-btn {
	margin-top: 10px;
	padding-left: 60px;
}

.l-more {
	display: inline-block;
}

.more-ico {
	display: inline-block;
	margin-right: 7px;
}

.top-title {
	margin-bottom: 30px;
}

.top-title.les-spc {
	margin-bottom: 20px;
}

/* 1-6. Divider */
.divider {
	width: 100%;
	height: 1px;
	margin-top: 5px;
	background-color: #e8e8e8;
}

.divider.darker {
	background-color: #444;
}

.divider.d-v2 {
	margin-top: 30px;
}

.sub-title-lighter {
	color: #b3b3b3;
	font-size: 15px;
	font-weight: 300;
	text-transform: uppercase;
}

/* 1-7. Carousel */
.carousel {
	height: auto;
	background-color: transparent;
	padding: 0 40px;
}

.carousel_w425 {
	height: auto;
	background-color: transparent;
	padding: 0 8px;
}

.arrow-carousel {
	font-weight: 700;
}

/* 1-8. Portfolio */
.mix {
	display: inline-block;
	width: 25%;
	margin-bottom: 30px;
	padding-right: 15px;
	padding-left: 15px;
}

.mix.mix-3 {
	width: 33.3333%;
	float: left;
}

.mix.mix-2 {
	width: 50%;
	float: left;
}

.mix.mix-4 {
	float: left;
}

.portfolio-top {
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}

.portfolio-bottom {
	width: 100%;
	padding: 27px 13px;
	border-bottom: 1px solid #e3e3e3;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	background-color: #f3f2f5;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	color: #313131;
	text-align: center;
}

.sub-txt-portolio {
	color: #8c8c8c;
	font-size: 12px;
}

.portfolio-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.34);
	opacity: 0.01;
	text-align: center;
}

.portfolio-ico {
	width: 50px;
	height: 50px;
	margin-right: 8px;
	margin-left: 8px;
	border-radius: 100%;
	background-color: rgba(0, 0, 0, 0.74);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: white;
	font-size: 20px;
	line-height: 50px;
}

.portfolio-ico:hover {
	background-color: #FF7437;
}

.port-ic-wp {
	position: relative;
	top: 50%;
	-webkit-transform: translate(0px, -50%);
	-ms-transform: translate(0px, -50%);
	transform: translate(0px, -50%);
}

.portfolio-ico-zoom {
	width: 50px;
	height: 50px;
	margin-right: 8px;
	margin-left: 8px;
	border-radius: 100%;
	background-color: rgba(0, 0, 0, 0.74);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: white;
	font-size: 20px;
	line-height: 50px;
}

.portfolio-ico-zoom:hover {
	background-color: #FF7437;
}

.blog-tab {
	width: 32.3%;
	margin-right: 4px;
	padding: 0px;
	float: left;
	opacity: 0.6;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

.blog-tab:hover {
	opacity: 1;
}

.blog-tab.w--current {
	opacity: 1;
}

.blog-tab.tab-no-spc {
	margin-right: 0px;
}

.last-tab {
	margin-top: 10px;
}

.blog-seperator {
	width: 100%;
	height: 1px;
	margin-bottom: 20px;
	background-color: #e8e8e8;
}

.last-wrapper {
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-bottom: 20px;
}

.last-top {
	margin-bottom: 15px;
}

.last-bottom {
	margin-top: 20px;
}

.meta-tag {
	margin-top: 15px;
}

.last-title {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: #313131;
	font-size: 17px;
}

.last-title:hover {
	color: #FF7437;
}

.last-title.big-blog-title {
	font-size: 24px;
	line-height: 50px;
}

.tab-content {
	overflow-x: visible;
	overflow-y: visible;
	padding: 19px;
	border-top: 1px solid #FF7437;
	background-color: #f3f2f5;
}

.carousel-second {
	height: auto;
	background-color: transparent;
}

.second-carousel-arrow {
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	font-size: 13px;
}

.second-carousel-arrow:hover {
	background-color: #FF7437;
}

.footer {
	position: relative;
	padding-top: 50px;
	padding-bottom: 251px;
	border-top: 13px solid #2e2e2e;
	background-color: #373737;
}

.testimonials-wrapper {
	position: relative;
	padding: 24px;
	border-bottom: 1px solid #e6e6e6;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	background-color: #f3f2f5;
	color: #7c7c7d;
	font-size: 13px;
	line-height: 25px;
	font-style: italic;
}

.arrow-testi {
	position: absolute;
	left: 50px;
	bottom: -22px;
	width: 0px;
	height: 0px;
	border-top: 25px solid #f3f2f5;
	border-right: 30px solid transparent;
}

.name-testi {
	margin-top: 12px;
	padding-left: 86px;
	color: #b2b2b2;
	font-size: 13px;
}

.spc-btm {
	margin-bottom: 25px;
}

.bottom-footer {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding-top: 13px;
	padding-bottom: 13px;
	background-color: #252525;
}

.white {
	color: white;
	font-size: 15px;
}

.search {
	width: 200px;
	border: 1px solid #555;
	background-color: #333;
	background-image: url('../images/search_adadad_100.png');
	background-position: 93% 50%;
	background-size: 14px;
	background-repeat: no-repeat;
	font-size: 12px;
}

.search:active {
	color: white;
}

.search:focus {
	border-color: #FF7437;
	color: white;
}

.search.s-sidebar {
	width: 100%;
	border-color: #e0e0e0;
	background-color: white;
}

.recent-block {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #444;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	/* 	color: #919191; */
	font-size: 13px;
}

.recent-block:hover {
	padding-left: 15px;
	background-color: #444;
	color: white;
}

.rc-ps-txt {
	display: inline-block;
	color: #fff !important;
}

.rc-footer {
	width: 33.333%;
	margin-bottom: 30px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.rc-footer:hover {
	border-color: #FF7437;
}

.rc-footer.rc-ft-remove {
	margin-right: 0px;
}

.copyright {
	margin-top: 7px;
	margin-bottom: 0px;
	font-size: 12px;
}

.square-box-wrp {
	position: relative;
	border-right: 4px solid #FF7437;
	background-color: #f7f7f7;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.square-box-wrp:hover {
	border-right-color: #333;
}

.square-ico {
	width: 110px;
	height: 117px;
	float: left;
	background-color: #FF7437;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: white;
	font-size: 45px;
	line-height: 115px;
	text-align: center;
}

.square-content {
	overflow-x: hidden;
	overflow-y: hidden;
	max-height: 117px;
	min-height: 117px;
	padding: 18px;
}

.p-square {
	margin-top: -5px;
	margin-bottom: 0px;
}

.big-spc-bottom {
	margin-bottom: 70px;
}

.logo-wrapper {
	width: 20%;
}

.lg {
	width: 100%;
	padding: 15px 10px;
	/* background-color: #f3f2f5; */
	opacity: 0.7;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	text-align: center;
}

.lg .tooltip-2s {
	border: 1px solid #aaa;
}

.logo-wrapper img {
	border: 1px solid #aaa;
}

.grid {
	margin-right: -15px;
	margin-left: -15px;
}

.payment_list .w-col-4s {
	width: 25%;
}

.meta-cs {
	padding: 4px 11px;
	border-bottom: 1px solid #e8e1e1;
	border-radius: 2px;
	background-color: #f4f4f4;
}

.meta-cs.mt-tg {
	margin-right: 7px;
	margin-bottom: 7px;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: #717171;
	font-size: 12px;
}

.meta-cs.mt-tg:hover {
	border-bottom-color: #028ba3;
	background-color: #FF7437;
	color: white;
}

.front {
	padding: 20px;
	background-color: #fafafa;
	box-shadow: #ebebeb 0px 0px 0px 1px inset;
	text-align: center;
}

.back {
	padding: 20px;
	background-color: #FF7437;
	text-align: center;
}

.ico-flip {
	display: block;
	width: 80px;
	height: 80px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 100%;
	background-color: #232323;
	color: white;
	font-size: 25px;
	line-height: 80px;
}

.white-orignal {
	color: white;
}

.dd-txt {
	display: inline-block;
}

.welc-hero {
	padding-top: 41px;
	padding-bottom: 41px;
	border-bottom: 1px solid #e8e8e8;
	background-color: #fafafa;
}

.wlc-txt {
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 28px;
}

.bold {
	font-weight: 700;
}

.alg-right {
	text-align: right;
}

.fun-f-wrapper {
	text-align: center;
}

.fun-fact-ico {
	display: block;
	margin-bottom: 20px;
	color: white;
	font-size: 45px;
	text-align: center;
}

.twitter-button {
	border: none;
	overflow: hidden;
	width: 100%;
	height: 20px;
}

.txt-f {
	color: white;
	font-size: 35px;
	font-weight: 400;
}

.small-f {
	color: rgba(255, 255, 255, 0.86);
	font-size: 16px;
	font-weight: 300;
}

.sub-banner {
	padding-top: 35px;
	padding-bottom: 35px;
	/* border-bottom: 1px solid #ebebeb; */
	/* background-color: #fafafa; */
	line-height: 24px;
}

.tm-title {
	margin-bottom: 5px;
}

/* 1-18. Team */

.line-team {
	width: 100%;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #ebebeb;
}

.fun-wrapper {
	margin-bottom: 10px;
}

.fine-line {
	position: relative;
	height: 41px;
	border-bottom: 1px solid #e6e6e6;
	background-color: #f3f2f5;
}

.fine-line-content {
	position: absolute;
	width: 90%;
	height: 41px;
	padding: 10px 15px;
	background-color: #FF7437;
	color: rgba(255, 255, 255, 0.8);
	font-size: 13px;
	font-weight: 300;
}

.fine-line-content._2 {
	width: 80%;
	color: rgba(255, 255, 255, 0.9);
}

.fine-line-content._3 {
	width: 75%;
}

.fine-line-content._4 {
	width: 64%;
}

.title-bread {
	/* display: inline-block; */
	margin-bottom: 0px;
	color: #444;
	font-size: 19px;
	font-weight: normal;
	text-align: center;
	font-size: 30px;
}

.col-right {
	text-align: right;
}

.breadcrumbs {
	color: #b0b0b0;
	font-size: 13px;
}

.sub-pd {
	padding-right: 10px;
}

.li-txt {
	display: inline-block;
	color: #717171;
	font-size: 13px;
	line-height: 26px;
}

.li {
	margin-bottom: 5px;
}

.top-spc {
	margin-top: 30px;
}

.top-spc.more-spc {
	margin-top: 60px;
}

.process-wraper {
	text-align: center;
}

.process-ico {
	display: block;
	width: 100px;
	height: 100px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border-radius: 100%;
	background-color: #f3f3f3;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: #383838;
	font-size: 35px;
	line-height: 100px;
}

.back_c {
	background: #F1F3F4;
}

.back_f {
	background: #fff;
}

.process-ico.fl-left {
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

.p-title {
	font-weight: 600;
}

.prc-txt {
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: left;
}

.sm-lnk {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: #717171;
}

.sm-lnk:hover {
	color: #FF7437;
}

.left-ph {
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 5px;
	float: left;
	border: 1px solid #ddd;
}

.left-ph.right-ph {
	margin-right: 0px;
	margin-left: 15px;
	float: right;
}

.blockqute {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	border-left: 4px solid #ddd;
	line-height: 24px;
	font-style: italic;
}

/* 1-14. Pricing Table */
.pricing-wrapper {
	border-bottom: 1px solid #e6e6e6;
	background-color: #fafafa;
	text-align: center;
}

.top-pricing {
	padding: 18px 15px;
	background-color: #333;
	color: white;
}

.top-pricing.active {
	background-color: #FF7437;
}

.prc-title {
	margin-bottom: 0px;
	font-size: 20px;
	font-weight: 400;
}

.prc-price {
	height: 100px;
	padding: 15px;
	background-color: #edebf0;
	color: #666;
	font-size: 13px;
}

.p-title-price {
	color: #555;
	font-size: 30px;
	font-weight: 400;
}

.pricing-list {
	padding-right: 10px;
	padding-left: 10px;
}

.li-pricing {
	padding-top: 13px;
	padding-bottom: 13px;
	border-bottom: 1px solid #e6e6e6;
	color: #666;
	font-size: 13px;
}

.pric-btn {
	padding-top: 15px;
	padding-bottom: 15px;
}

.filters {
	position: relative;
	margin-right: -10px;
	margin-bottom: 20px;
	margin-left: -10px;
}

.ul-filters {
	display: inline-block;
}

.li-filter {
	display: inline-block;
	margin-right: 8px;
	margin-left: 8px;
}

.filter {
	padding: 12px 15px;
	float: left;
	border-bottom: 1px solid #e3e3e3;
	border-radius: 2px;
	background-color: #f3f2f5;
	color: dimgray;
	font-size: 13px;
}

.pagination-port {
	margin-bottom: 50px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ebebeb;
}

.p-pagin {
	width: 30px;
	color: #bebebe;
	font-size: 17px;
	line-height: 44px;
	text-align: center;
}

.alg-center {
	text-align: center;
}

/* 1-11. Tab */
.tab {
	margin-right: 5px;
	padding: 10px 21px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	background-color: #f3f2f5;
	color: #333;
	font-size: 13px;
	font-weight: 600;
}

.tab.w--current {
	background-color: #FF7437;
	color: white;
}

/* 1-10. Alert Message */
.alert {
	position: relative;
	margin-bottom: 15px;
	padding: 16px 20px;
	border: 1px solid #f2e3c7;
	background-color: #fcf8e3;
	background-image: -webkit-linear-gradient(bottom, #fcf8e3, white);
	background-image: linear-gradient(to top, #fcf8e3, white);
	color: #c09853;
	font-size: 13px;
}

.alert.info {
	border-color: #aed7ea;
	background-color: #d8ecf5;
	background-image: -webkit-linear-gradient(bottom, #d8ecf5, white);
	background-image: linear-gradient(to top, #d8ecf5, white);
	color: #5593b1;
}

.alert.success {
	border-color: #cddb9b;
	background-color: #e3ebc6;
	background-image: -webkit-linear-gradient(bottom, #e3ebc6, white);
	background-image: linear-gradient(to top, #e3ebc6, white);
	color: #8e9c5e;
}

.alert.error {
	border-color: #fad2d3;
	background-color: #f9e5e6;
	background-image: -webkit-linear-gradient(bottom, #f9e5e6, white);
	background-image: linear-gradient(to top, #f9e5e6, white);
	color: #c48587;
}

.alert-ico {
	width: 20px;
	float: left;
}

.info-box {
	padding: 19px;
	background-color: #f3f2f5;
}

.highlight {
	padding: 3px 5px;
	background-color: #FF7437;
	color: white;
}

.highlight.dark {
	background-color: #333;
}

.dropcast {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-top: 8px;
	margin-right: 13px;
	float: left;
	background-color: #FF7437;
	color: white;
	font-size: 21px;
	line-height: 40px;
	text-align: center;
}

.dropcast.drop-dark {
	background-color: #333;
}

.blog-post {
	margin-bottom: 30px;
}

.blog-post .arclist_body {
	/* text-align: center; */
	line-height: 2;
	color: #717171;
}

.blog-post .son_arc {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 24px;
}

.blog-post .son_arc .list_tit {
	line-height: 50px;
	text-align: center;
	/* background:url(/icuncang/img/xxx.png); */
}
.blog-post .son_arc ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.blog-post .son_arc ul:after {
	display: none;
}
.blog-post .son_arc li {
	width: 40%;
}

.blog-post .son_arc li .tit_ {
	font-size: 20px;
	font-weight: 600;
	color: #333;
	text-align: center;
}

.pagination-wrapper {
	margin-top: -30px;
}

.margin_0 {
	margin: 0px;
}

.pagination {
	width: 40px;
	height: 40px;
	margin-right: 7px;
	float: left;
	border-radius: 2px;
	background-color: #f4f4f4;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: #313131;
	font-size: 13px;
	line-height: 40px;
	font-weight: 600;
	text-align: center;
}

.pagination:hover {
	background-color: #FF7437;
	color: white;
}

.pagination.p-dark {
	background-color: #444;
	color: white;
}

.pagination.p-dark:hover {
	background-color: #FF7437;
}

.pagination.p-active {
	background-color: #FF7437;
	color: white;
}

.sidebar {
	padding-left: 30px;
}

.sidebar.lft-side {
	padding-right: 30px;
	padding-left: 0px;
}

.author-pg {
	padding: 31px;
	border-bottom: 1px solid #e8e3e3;
	background-color: #f6f6f6;
}

.author-photo {
	width: 80px;
	height: 80px;
	margin-right: 15px;
	float: left;
	background-image: url('../images/team1.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.wraper-author {
	overflow-x: hidden;
	overflow-y: hidden;
}

.lighter {
	color: #bdbdbd;
	font-weight: 300;
}

.comment {
	margin-bottom: 30px;
}

.comment.reply {
	padding-left: 90px;
}

.avatar {
	margin-right: 30px;
	float: left;
}

.comment-dess {
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 19px;
	border-bottom: 1px solid #e8e3e3;
	background-color: #f6f6f6;
}

.arrow-coment {
	position: absolute;
	width: 10px;
	height: 20px;
	margin-top: 10px;
	margin-left: -29px;
	background-image: url('../images/comment-arrow.png');
	background-position: 50% 50%;
}

.name {
	float: left;
	font-size: 14px;
}

.date {
	float: right;
	color: #919191;
	font-size: 13px;
}

.link-comment {
	color: #FF7437;
}

.text-area {
	padding-bottom: 90px;
	font-size: 13px;
}

.text-field {
	margin-bottom: 15px;
	font-size: 13px;
}

.hamburger {
	position: relative;
	top: 20px;
	display: none;
	width: 35px;
	height: 35px;
	float: right;
	background-color: #ececec;
	background-image: url('../images/res.png');
	background-position: 50% 50%;
	background-size: 25px;
	background-repeat: no-repeat;
}

.rc-wrapper {
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-right: -5px;
	margin-left: -5px;
}

.fp-wrapper {
	margin-right: -15px;
	margin-left: -15px;
}

.big-slider {
	/* height: 600px; */
	/* max-height: 600px; */
	background-color: transparent;
}

.arrow-big-sl {
	width: 50px;
	height: 80px;
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	font-size: 30px;
	font-weight: 800;
}

.arrow-big-sl:hover {
	background-color: #FF7437;
}

.slide-1 {
	/* background-image: url('../images/slider-2.jpg'); */
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.cont-slider {
	position: relative;
	margin-top: 50px;
}

.cont-slider.in-video {
	position: relative;
	top: 50%;
	margin-top: 0px;
	-webkit-transform: translate(0px, -50%);
	-ms-transform: translate(0px, -50%);
	transform: translate(0px, -50%);
}

.cl-center {
	text-align: center;
}

.cl-center .reasonimg_box a .reasonimg {
	height: 200px;
}

.slider-content {
	position: relative;
	top: 130px;
}

.slider-content.more-spc {
	top: 120px;
}

.slider-sub-txt {
	color: #a0a0a0;
	font-size: 26px;
	line-height: 36px;
	font-weight: 300;
	text-transform: uppercase;
}

.slide-2 {
	background-image: url('../images/slider-1.jpg');
	background-position: 50% 50%;
	background-size: cover;
}

.big-slider-title {
	color: #383838;
	font-size: 44px;
	line-height: 54px;
	text-transform: uppercase;
}

.big-slider-title.big-white {
	color: white;
}

.p-ft {
	color: #919191;
}

.video-wrapper {
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 600px;
	background-color: transparent;
}

.embed-video {
	position: absolute;
	width: 100%;
	height: auto;
	z-index: -1;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.video-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 2;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}

.slider-spc {
	margin-top: 40px;
}

.welc-hero {
	box-shadow: inset 0px 2px 0px 0px #f7f7f7, inset 0px -2px 0px 0px #f7f7f7;
}

.section.gray {
	box-shadow: inset 0px 2px 0px 0px #f7f7f7, inset 0px -2px 0px 0px #f7f7f7;
}

.bottom-header.scrolling {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}

.w-slider-arrow-left.arrow-car,
.w-slider-arrow-right.arrow-car {
	color: #666;
	/* background-color: #ccc; */
	/* box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.07); */
	font-size: 40px;
	width: 40px;
	height: 40px;
	position: absolute;
	margin: 0px;
	top: 50%;
	margin-top: -20px;
	right: 0;
	left: auto;
	z-index: 100;
}

.w-slider-arrow-left.arrow-car:hover,
.w-slider-arrow-right.arrow-car:hover {
	background-color: #FF7437;
	transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	color: #fff;
}

.w-slider-arrow-left.arrow-car:hover,
.w-slider-arrow-right.arrow-car:hover {}

.w-slider-arrow-left.arrow-car {
	left: 0;
	border-radius: 2px 0 0 2px;
}

.w-slider-arrow-right.arrow-car {
	right: 0px;
	border-radius: 0 2px 2px 0;
}

.portfolio-wrapper:hover>.portfolio-bottom {
	border-bottom-color: #FF7437;
	color: #FF7437;
}

.service-wrapper:hover>.service-ico {
	background-color: #FF7437;
	color: #fff;
}

.square-box-wrp:hover>.square-ico {
	background-color: #333;
}

.process-wraper:hover>.process-ico {
	background-color: #FF7437;
	color: #fff;
}

/* Accordions
====================================*/
.ui-accordion .ui-accordion-header,
.trigger a {
	display: block;
	cursor: pointer;
	position: relative;
	padding: 0;
	line-height: 26px;
	outline: 0;
	color: #333;
	font-size: 13px;
	background-color: #f3f2f5;
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05);
	-webkit-transition: background-color 100ms ease-in-out;
	-moz-transition: background-color 100ms ease-in-out;
	-o-transition: background-color 100ms ease-in-out;
	-ms-transition: background-color 100ms ease-in-out;
	transition: background-color 100ms ease-in-out;
	padding: 12px 16px;
	margin-bottom: 10px;
	border-radius: 2px
}

.ui-accordion .ui-accordion-header-active:hover,
.ui-accordion .ui-accordion-header-active,
.trigger.active a,
.trigger.active a:hover {
	background: #FF7437;
	color: #fff;
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1)
}

.ui-accordion .ui-accordion-content,
.toggle-container {
	padding: 0 16px 10px 16px
}

.ui-accordion .ui-accordion-content p {
	margin: 0
}

.ui-accordion-icon:before,
.ui-accordion-icon-active:before,
.toggle-icon:before {
	font-family: "FontAwesome";
	content: "";
	color: #FF7437;
	font-size: 18px;
	display: block;
	float: left;
	line-height: 26px;
	margin: 0 8px 0 0
}

.toggle-container p {
	margin: 0
}

.ui-accordion-icon-active:before,
.trigger.active .toggle-icon:before {
	content: "";
	color: #fff
}

/* entire container, keeps perspective */
.flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
}

.flip-container,
.front,
.back {
	width: auto;
	min-height: 260px;
}

.flipper {
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	position: relative;
}

.front,
.back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.3s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: 0.3s;
	-moz-transform-style: preserve-3d;
	-o-transition: 0.3s;
	-o-transform-style: preserve-3d;
	-ms-transition: 0.3s;
	-ms-transform-style: preserve-3d;
	transition: 0.3s;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
}

.back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.flip-container:hover .back,
.flip-container.hover .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flip-container:hover .front,
.flip-container.hover .front {
	-webkit-transsform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.front {
	z-index: 2;
}

.filter.active {
	border-bottom: 1px solid #049BB6;
	background-color: #FF7437;
	color: white;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table.style {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

table.style th {
	border: 1px solid #f0f0f0;
	font-weight: bold;
	background: #f9f9f9;
}

table.style td {
	border: 1px solid #f0f0f0;
	font-size: 13px;
	color: #919191;
}

table.style th,
table.style td {
	padding: 11px;
}

#Grid .mix {
	display: none;
}

.success-message {
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #22a966;
	text-align: center;
	margin-top: 30px;
}

.seuccses {
	margin-bottom: 0px;
	color: white;
}

.error-message {
	margin-top: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: rgba(255, 0, 0, 0.49);
	text-align: center;
}

.from {
	color: #fff;
}

/* 2. Interaction Website */

html.w-mod-js *[data-ix="move-portfolio-ico-zoom"] {
	opacity: 0;
	-webkit-transform: translate(-66px, 0px);
	-ms-transform: translate(-66px, 0px);
	transform: translate(-66px, 0px);
}

html.w-mod-js *[data-ix="move-portfolio-ico"] {
	opacity: 0;
	-webkit-transform: translate(-30px, 0px);
	-ms-transform: translate(-30px, 0px);
	transform: translate(-30px, 0px);
}

html.w-mod-js *[data-ix="slide-big-title"] {
	opacity: 0;
	-webkit-transform: translate(0px, -40px);
	-ms-transform: translate(0px, -40px);
	transform: translate(0px, -40px);
}

html.w-mod-js *[data-ix="slide-sub-title"] {
	opacity: 0;
	-webkit-transform: translate(0px, -40px);
	-ms-transform: translate(0px, -40px);
	transform: translate(0px, -40px);
}

html.w-mod-js *[data-ix="slide-spc"] {
	opacity: 0;
	-webkit-transform: translate(0px, -40px);
	-ms-transform: translate(0px, -40px);
	transform: translate(0px, -40px);
}

html.w-mod-js *[data-ix="slide-mascot"] {
	opacity: 0;
	-webkit-transform: translate(0px, 100px);
	-ms-transform: translate(0px, 100px);
	transform: translate(0px, 100px);
}

/* 3. Responsive */
.fl {
	float: left;
}

.fr {
	float: right;
}

.w100 {
	width: 100%;
}

.w24 {
	width: 24%;
}

.w46 {
	width: 46%;
}

.w48 {
	width: 48%;
}

.bsbd {
	-webkit-box-sizing: border;
	-moz-box-sizing: border;
	-ms-box-sizing: border;
	-o-box-sizing: border;
	box-sizing: border;
}


.regnew_login {}

.regnew_login a {
	display: inline-block;
	font-size: 14px;
}

/* .login {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	background:#e00;
	color:#fff;
} */
.regnew_login a:hover {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #f00;
	color: #fff;
}

.bdtrr5 {
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-ms-border-top-right-radius: 5px;
	-o-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}

.bdtlr5 {
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-ms-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
}

.bdbrr5 {
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.bdblr5 {
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.bdr5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.bdr_50 {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.tsta6s {
	transition: all 0.6s;
}

.tsta6s .select_title {
	background: #ffffff;
	position: absolute;
	width: 100%;
	line-height: 35px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 14px;
}

.service h2,
.service h3,
.service h4 {}

.typenames {
	font-weight: normal;
	margin: 0;
	line-height: 1.4;
	position: relative;
	font-size: 34px;
	text-align: center;
}

.typenames:before,
.typenames:after {
	content: "";
	display: block;
	position: absolute;
	width: 30%;
	height: 1px;
	background: #dedede;
	top: 50%;
}

.typenames_2:before,
.typenames_2:after {
	content: "";
	display: block;
	position: absolute;
	width: 26%;
	height: 1px;
	background: #dedede;
	top: 50%;
}

.section .warning {
	color: #ee0000;
	font-size: 18px;
	line-height: 40px;
	padding-top: 20px;
	text-align: center;
}

.typenames:before {
	left: 10%;
}

.typenames:after {
	right: 10%;
}

.reason .typenames:before,
.reason .typenames:after {
	width: 27%;
}

.customer .typenames:before,
.customer .typenames:after {
	width: 25%;
}

.entitles {
	font-weight: normal;
	margin: 0;
	line-height: 1.4;
	font-size: 20px;
	color: #aaa;
	font-family: ;
	padding-bottom: 20px;
	text-align: center;
}

.type-desc {color: #666 ;}
@media (max-width: 480px) {
	.type-desc { font-size: 13px; line-height: 1.2;} 
}

.serviceimg_box {
	width: 80%;
	margin: 20px auto;
	-webkit-box-shadow: 2px 2px 2px rgba(233, 233, 233, .5), -2px -2px 2px rgba(233, 233, 233, .5), 2px -2px 2px rgba(233, 233, 233, .5), -2px 2px 2px rgba(233, 233, 233, .5);
	-moz-box-shadow: 2px 2px 2px rgba(233, 233, 233, .5), -2px -2px 2px rgba(233, 233, 233, .5), 2px -2px 2px rgba(233, 233, 233, .5), -2px 2px 2px rgba(233, 233, 233, .5);
	-ms-box-shadow: 2px 2px 2px rgba(233, 233, 233, .5), -2px -2px 2px rgba(233, 233, 233, .5), 2px -2px 2px rgba(233, 233, 233, .5), -2px 2px 2px rgba(233, 233, 233, .5);
	-o-box-shadow: 2px 2px 2px rgba(233, 233, 233, .5), -2px -2px 2px rgba(233, 233, 233, .5), 2px -2px 2px rgba(233, 233, 233, .5), -2px 2px 2px rgba(233, 233, 233, .5);
	box-shadow: 2px 2px 2px rgba(233, 233, 233, .5), -2px -2px 2px rgba(233, 233, 233, .5), 2px -2px 2px rgba(233, 233, 233, .5), -2px 2px 2px rgba(233, 233, 233, .5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.serviceimg_box:hover {
	-webkit-box-shadow: 4px 4px 4px 4px rgba(233, 233, 233, .5), -4px -4px 4px rgba(233, 233, 233, .5), 4px -4px 4px rgba(233, 233, 233, .5), -4px 4px 4px rgba(233, 233, 233, .5);
	-moz-box-shadow: 4px 4px 4px 4px rgba(233, 233, 233, .5), -4px -4px 4px rgba(233, 233, 233, .5), 4px -4px 4px rgba(233, 233, 233, .5), -4px 4px 4px rgba(233, 233, 233, .5);
	-ms-box-shadow: 4px 4px 4px 4px rgba(233, 233, 233, .5), -4px -4px 4px rgba(233, 233, 233, .5), 4px -4px 4px rgba(233, 233, 233, .5), -4px 4px 4px rgba(233, 233, 233, .5);
	-o-box-shadow: 4px 4px 4px 4px rgba(233, 233, 233, .5), -4px -4px 4px rgba(233, 233, 233, .5), 4px -4px 4px rgba(233, 233, 233, .5), -4px 4px 4px rgba(233, 233, 233, .5);
	box-shadow: 4px 4px 4px 4px rgba(233, 233, 233, .5), -4px -4px 4px rgba(233, 233, 233, .5), 4px -4px 4px rgba(233, 233, 233, .5), -4px 4px 4px rgba(233, 233, 233, .5);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
	transform: scale(1.01);
}

.servicelink {
	padding: 40px 0;
	display: block;
}

.serviceimg {
	width: 80%;
	display: block;
	width: 140px;
	height: 140px;
	margin: 0 auto;
	background-color: #eee;
	line-height: 140px;
}

.titles {
	font-size: 24px;
	margin: 0;
	padding-top: 10px;
	line-height: 1.4;
	font-weight: normal;
}

.shorttitles {
	padding: 0 8px;
	font-size: 16px;
	color: #aaa;
	margin: 0;
	margin-top: 5px;
	line-height: 20px;
	font-weight: normal;
	height: 40px;
}


/* .reasonlink, .clientlink {position:relative;display:block;margin:10px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;} */
.reasonlink,
.clientlink {
	position: relative;
	display: block;
	margin: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.clientlink {
	margin: 10px auto;
}

.reasonopacity {}

.clientimg {
	width: 100%;
	height: 100%;
}

/* .reasontxt_box, .clienttxt_box {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);color:#fff;} */
.reasontxt_box,
.clienttxt_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	color: #fff;
}

.reasontxt_box:hover,
.clienttxt_box:hover {
	background: rgba(0, 0, 0, .5);
}

.reasonbodys {
	font-size: 14px;
	font-weight: normal;
}

.reasontxt_box .titles,
.reasontxt_box .bodys {
	padding-left: 10px;
	padding-right: 10px;
}

.reasontxt_box .titles {
	padding-top: 30px;
	padding-bottom: 10px;
}

.clientlink {
	width: 140px;
	height: 140px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}

.clienttitle {
	line-height: 140px;
	padding-top: 0;
	font-size: 18px;
}

.clienttitle.on {
	color: #F97B45;
}

.clienttitle:hover {
	font-weight: 600;
}

/* 服务展示 start */
.servicedisplay {
	padding-bottom: 20px;
}

.sd_list {
	display: none;
}

.sd_list.on {
	display: block;
}

.sd_type_ul {
	text-align: center;
	font-size: 0;
}
@media (max-width: 480px) {
	.sd_type_ul {padding-top: 10px;}
}
.sd_type_li {
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin: 0 20px 10px;
	padding: 0 30px;
	border: 1px solid #aaa;
	color: #aaa;
}

.sd_type_ul a.on {
	border: 1px solid #FF6400;
	color: #FF6400;
}

.sd_type_lis {
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0.5% 10px;
	padding: 0 30px;
	border: 1px solid #aaa;
	color: #aaa;
}

.bac_f640 {
	background: #FF6400;
}

/* .sd_type_li:hover, .sd_type_li.hover {color:#FE7338;border:1px solid #FE7338;} */
/* 服务展示 end */
/* 客户展示 start */
.customer_box {
	position: relative;
	margin: 20px 0;
}

.customerimg_box {
	margin: 0 20px;
	position: relative;
	cursor: pointer;
	-webkit-border-top-right-radius: 50px;
	-moz-border-top-right-radius: 50px;
	-ms-border-top-right-radius: 50px;
	-o-border-top-right-radius: 50px;
	border-top-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-bottom-left-radius: 50px;
	-ms-border-bottom-left-radius: 50px;
	-o-border-bottom-left-radius: 50px;
	border-bottom-left-radius: 50px;
	overflow: hidden;
	background: #fff;
}

.customerlink {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #57DCBD;
	display: none;
}

.customerimg_box:hover .customerlink {
	display: block;
}

.customerlink * {
	color: #fff;
}

.customerimg1 {
	/* height: 200px; */
}

.customerimg {
	margin-top: 60px;
	margin-bottom: 20px;
}

.customerlink h3,
.customerlink h4 {
	padding: 0 20px;
}

/* 客户展示 end */

.front.w100 {
	height: 260px;
}

/* 租用流程 start */
.flow .flow_box_l {
	width: 42%;
}

.flow_form {
	padding: 30px;
	margin: 0 20px;
}

.flow .flow_form {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ddd;
}

.flow_form caption {
	line-height: 30px;
	font-size: 22px;
	padding-bottom: 20px;
	color: #666;
	font-weight: normal;
}

.flow_form td {
	padding-bottom: 20px;
	line-height: 36px;
}

.flow_form td:nth-child(odd) {
	width: 72px;
}

.flow_form .intxt,
.flow_form select {
	display: block;
	height: 34px;
	width: 100%;
	line-height: 34px;
	border: 1px solid #ddd;
	padding: 0 8px;
	color: #000;
	font-size: 13px;
}

.flow_form .intxt::-webkit-input-placeholder {
	color: #000;
}


.sd_list .w-col {
	margin-bottom: 30px;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #ccc;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #ccc;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #ccc;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #ccc;
}

#span_nativeplace,
#span_nativeplace_son,
#span_nativeplace_sec {
	width: 32.33333333%;
	float: left;
}

#span_nativeplace,
#span_nativeplace_son {
	margin-right: 1.5%;
}

.submit_box {
	text-align: right;
}

.submit_box .coolbg {
	width: 100%;
	border: 0;
	background: #FF7437 !important;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	color: #fff;
	padding: 10px 30px;
	font-size: 16px;
	line-height: 1.6;
}

.content_tel {
	font-size: 30px;
	color: #FF7437;
}

.content_tel .djbd_s {
	display: none;
}

.flow_box_r {
	width: 54%;
	margin: 50px 0;
}

.flow_r_box {
	margin-bottom: 25px;
}

.flowimg {
	margin: 20px;
	width: 90px;
	height: 90px;
}

.flowimg_box {
	padding: 30px 30px 30px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.flowimg_box1 {
	background: #CDBEF9;
}

.flowimg_box2 {
	background: #FF9A96;
}

.flowimg_box3 {
	background: #83D4FF;
}

.flowimg_box4 {
	background: #FDB07A;
}

.flowimg {}

.flowtitle {
	padding: 15px 0;
	font-size: 28px;
	padding-top: 0;
}

.flowshort {
	color: #666;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}



/* 租用流程 end */

/* 地图指引 start */
.mapguide_box {
	position: relative;
	padding-left: 0;
}

.contact_box {
	position: absolute;
	height: 500px;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .7);
	color: #fff;
	width: 30%;
}

.contact_title {
	font-weight: normal;
	line-height: 1.4;
	font-size: 26px;
	padding: 20px;
	margin: 0;
}

.contact_ul {}

.contact_ul li {}

/* 地图指引 end */
/* 常见问题 start */
.problems {
	background: #C9DEE3;
}

h3,
h4,
h5 {
	margin: 0;
}

.problems_li * {
	font-weight: normal;
}

.problems_li {
	margin-bottom: 20px;
	background: #fff;
}

.problems_li:nth-child(3n+1),
.problems_li:nth-child(3n+2) {
	margin-right: 2%;
}

.problems_li:nth-child(3n+3) {}

.problems_li.w24 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}

.problems_li.w24 .proinfo {
	display: none;
}

.problems_li.w46 {
	width: 48%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden;
}

.protitle {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.protitle h4 {
	font-size: 16px;
	line-height: 24px;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.protitle h5 {
	font-size: 12px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}

.w46 .protxt_box {
	width: 58%;
}

.w46 .protitle h4 {
	color: #000;
	line-height: 44px;
}

.w46 .protitle h5 {
	display: none;
}



.w24 img {
	height: 210px;
}

.w46 img {
	height: 230px;
}

.protxt_box {
	width: 100%;
}

.problems_img {
	-webkit-border-bottom-right-radius: 80px;
	-moz-border-bottom-right-radius: 80px;
	-ms-border-bottom-right-radius: 80px;
	-o-border-bottom-right-radius: 80px;
	border-bottom-right-radius: 80px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-ms-border-top-right-radius: 5px;
	-o-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}

.proinfo {
	width: 42%;
	padding: 15px;
}

.proinfo h3 {
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.proinfo_body {
	font-size: 13px;
	color: #666;
	height: 220px;
	overflow: hidden;
}


/* 常见问题 end */






/* 立即订仓 */
.itemssection {
	padding: 30px 0;
}

.reservation .flow_box_l {
	max-width: 720px;
	margin: 30px auto;
}

/* 立即订仓 */


/* 服务项目 */

.items_type_ul {
	text-align: center;
	font-size: 0;
}

.items_type_li {
	width: 10%;
	margin: 0 .5% 10px;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #aaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #aaa;
}

.items_list_box {
	padding: 20px 0;
}

.items_type_li:hover {
	color: #FE7338;
	border: 1px solid #FE7338;
}

.items_list {
	padding: 0 30px;
}

.items_list .w22 {
	width: 22%;
	float: left;
	margin-right: 4%;
	margin-bottom: 10px;
}

.items_list .w24 {
	width: 24%;
	float: left;
	margin-right: 1%;
	margin-bottom: 10px;
}

.items_list .w22:nth-child(4n+4) {
	margin-right: 0%;
}

.items_li_box {
	cursor: pointer;
}

.items_li_box img {
	height: 300px;
}

.pt215 {
	padding-top: 215px;
}

.pb215 {
	padding-bottom: 215px;
}

.bsbb {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.items_li_txt_box {
	padding: 5px 5px 0;
	border: 1px solid #ccc;
	border-top: 0;
	margin-top: -5px;
}

.items_li_box:hover .items_li_txt_box {
	border-color: #FF6634;
}

.items_li_txt_box .title {
	line-height: 32px;
	text-align: center;
}

.items_li_txt_box .shorttitle {
	line-height: 24px
}

.msg_li {
	width: 25%;
}

.msg_li_box {
	display: block;
	position: relative;
	height: 215px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
}

/* .msg_li_box { */
/* display: block; */
/* position: relative; */
/* height: 420px; */
/* -webkit-box-sizing: content-box; */
/* -moz-box-sizing: content-box; */
/* -ms-box-sizing: content-box; */
/* -o-box-sizing: content-box; */
/* box-sizing: content-box; */
/* } */


.msg_li_txt,
.msg_li_img {
	width: 100%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	height: 215px;
}

/* .msg_li_txt, .msg_li_img { */
/* width: 100%; */
/* -webkit-border-radius: 8px; */
/* -moz-border-radius: 8px; */
/* -ms-border-radius: 8px; */
/* -o-border-radius: 8px; */
/* border-radius: 8px; */
/* height: 310px; */
/* } */
.msg_li_txt {
	padding: 10px;
	border: 1px solid #eee;
	position: absolute;
	left: 0;
	height: 50%;
}

.pt215 .msg_li_txt {
	top: 0;
}

.pb215 .msg_li_txt {
	bottom: 0;
}

.msg_li_title,
.msg_li_body {
	font-weight: normal;
}

.msg_li_title {
	line-height: 1;
	padding: 10px 0;
}

.msg_form {
	max-width: 720px;
	margin: 0 auto;
}

#idea {
	width: 100%;
	border-color: #ddd;
	display: block;
}

.msgtypename:before,
.msgtypename:after {
	width: 25%;
}

.typecontent {
	color: #666;
	font-size: 16px;
}

.msg_form_box .coolbg {
	width: 100%;
	line-height: 30px;
}



.section.service {
	background-color: #fff;
}

.fwxm-image-box {
	overflow: hidden;
}

.fwxm-image {
	height: 160px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

/* .fwxm-list:hover .fwxm-image {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
} */
.fwxm-link {
	border: 1px solid #dedede;
	padding: 30px 0;
	margin: 0 auto;
	max-width: 320px;
	border-radius: 5px;
}

.fwxm-info-box {
	padding: 20px 10px 0;
}

.fwxm-info-box h4 {
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
	color: #F97727;
}

.fwxm-info-box h5 {
	font-weight: normal;
	color: #000;
	font-size: 14px;
	height: 60px;
	overflow: hidden;
	text-align: center;
}

@media (max-width: 768px) {
	.fwxm-info-box h4 {
		font-size: 16px;
	}

	.fwxm-info-box h5 {
		font-size: 12px;
		line-height: 18px;
		height: 54px;
	}
}

@media (max-width: 560px) {}

@media (max-width: 480px) {
	.fwxm-link {
		padding: 15px 0;
	}

	.fwxm-image {
		height: 120px;
	}

	.fwxm-info-box {
		padding: 5px;
	}

	.fwxm-info-box h4 {
		font-size: 14px;
	}

	.fwxm-info-box h5 {
		font-size: 12px;
		line-height: 16px;
		height: 48px;
	}
}

/* 服务项目 end */

/* 仓型展示 start */
.type-more-box {
	text-align: center;
}

.type-more {
	display: inline-block;
	padding: 15px 30px;
	text-align: center;
	color: #fff;
	background: #FF6634;
	line-height: 1;
	border-radius: 5px;
}

/* 仓型展示 end */
/* 优势介绍 */
.discount {
	background: rgba(235, 235, 235, 1);
}

.discounttitle {
	margin-top: 20px;
	margin-bottom: 10px;
}

.discountshort {
	margin-bottom: 60px;
	font-size: 24px;
	color: #233;
}

/* 优势介绍 */
/* 新闻资讯 */
#list_news {
	background: #fafafa;
}

.news_img_box {
	width: 25%;
	margin-top: 20px;
}

.news_img_box img {
	width: 100%;
}

@media (min-width:768px) {
	.news_img_box img {
		max-height: 220px;
	}
}

.news_txt_box {
	width: 73%;
}

.news_type_box {
	font-size: 0;
}

.news_type {
	display: inline-block;
	font-size: 16px;
	line-height: 50px;
	padding: 0 20px;
	color: #aaa;
}

.news_type.cur {
	color: #233;
}

.news_box {
	padding: 0 20px;
}

.bgcfff {
	background: #fff;
}


.arclist_title {
	text-align: center;
	font-weight: normal;
}

.bshare-custom {
	padding-bottom: 30px;
	font-size: 0;
}

.bshare-custom a {
	font-size: 16px !important;
	display: inline-block;
	line-height: 20px !important;
	margin-right: 20px !important;
}

/* 新闻资讯 */
/* 优惠活动 */
.arctivity_title {
	padding-top: 80px;
}

.acti_list {
	padding-bottom: 80px;
}

.w66 {
	width: 66%;
}

.w34 {
	width: 34%;
}

.pta {
	position: absolute;
}

.t0 {
	top: 0;
}

.l0 {
	left: 0;
}

.title_img {
	height: 172px;
}

.acti_title {
	width: 20px;
	font-size: 18px;
	line-height: 1;
	margin: 15px 15px 0;
}

.acti_images {
	margin-top: 25px;
}

.acti_txt {
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 40px;
	height: 170px;
	overflow: hidden;
	line-height: 30px;
	position: relative;
}

.acti_txt .pta {
	height: 1px;
	width: 80px;
	background: #ccc;
	margin-left: 20px;
}

.reservation_button {
	display: block;
	padding: 15px 30px;
	text-align: center;
	color: #fff;
	background: #FF6634;
	line-height: 1;
}

/* 优惠活动 */
/* 数据中心 */
.data_form {
	max-width: 768px;
	margin: 0 auto;
}

.data_form td:nth-child(odd) {
	line-height: 46px;
}

.data_form .intxt,
.data_form select {
	line-height: 46px;
	height: 46px
}

.steps_box {
	background: #F6F6F6;
}

.steps_txt {
	max-width: 1000px;
	margin: 0 auto;
}

.steps_title {
	font-weight: 600;
}

.steps_li {
	min-height: 100px;
}

.search_form td {
	padding-bottom: 30px;
}

.search_form .typename {
	width: 15%;
	padding-right: 20px;
	font-size: 22px;
	line-height: 50px;
}

.search_form .typedata {
	width: 35%;
}



.search_form .intxt,
.search_form select {
	padding: 0 10px;
	line-height: 50px;
	height: 50px;
	font-size: 16px;
}

.search_img {
	height: 160px;
	min-width: 100px;
}

.data_submit {
	text-align: center;
}

.data_submit .coolbg {
	width: 320px;
	text-align: center;
}

.data_submit a.coolbg {
	display: inline-block;
	cursor: pointer;
}

.search_box {
	display: none;
}

.search_error {
	display: block;
	text-align: center;
	padding: 20px 0;
	line-height: 40px;
}

.payment_list {
	text-align: center;
}

.payment_list img {
	max-width: 100%;
	max-height: 500px;
}

.payment_list .payment_pic {
	width: 150px;
	max-width: 150px;
}

/* 数据中心 */
.banner_img {
	max-width: 100%;
	min-height: 200px;
}

.payment_box .body_text {
	display: block;
	background: #fff;
	margin: 0 auto;
	margin-top: 15%;
	height: 50px;
	color: #000;
	border-radius: 10px;
	padding: 10px;
	font-size: 18px;
	font-weight: 600;
}

.payment_box {
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	left: 0;
	top: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	z-index: 1;
	background: rgba(0, 0, 0, .3);
	display: none;
}

.payment_img {
	display: block;
	width: auto;
	max-height: 100%;
	margin: auto;
}

/* 关于我们 */
.aboutcontent_box {}

.aboutcontent_box .about_img {
	width: 50%;
	float: right;
}

.aboutcontent_box .about_txt {
	/* width: 50%; */
	width: auto;
    overflow: initial;
    display: inline;
    float: none;
}

.about_txt {}

/* .about_txt_title {padding-top:20px;font-size:25px;line-height:40px;font-weight:normal;padding-bottom:10px;} */
.about_txt_title {
	padding-top: 0px;
	font-size: 25px;
	line-height: 40px;
	font-weight: normal;
	padding-bottom: 10px;
}

.about_txt_content {
	font-size: 16px;
	color: #999;
}

.about_txt_content h1, .about_txt_content h2, .about_txt_content h3, .about_txt_content h4, .about_txt_content h5 ,.about_txt_content h6 {color: #233; margin: 0;}
.about_txt_content h1 {font-size: 20px;}
.about_txt_content h2 {font-size: 18px;}
.about_txt_content h3 {font-size: 16px;}
.about_txt_content h4 {font-size: 15px;}
.about_txt_content h5 {font-size: 14px;}
.about_txt_content h6 {font-size: 13px;}

.about_txt_content p {
	line-height: 21px;
	font-size: 14px;
}

.about_txt_content strong {
	font-size: 20px;
	line-height: 40px;
	font-weight: normal;
	color: #233;
}

/* 关于我们 */



.foot_img {
	text-align: center;
}

.foot_img img {
	margin: 0 5%;
	width: 90%;
	max-width: 120px;
}

.foot_img_txt {
	color: #fff;
	text-align: center;
	padding: 10px 0;
}


/* 在线订仓 */
#container3 {
	height: 500px;
	width: 70%;
	float: right;
}

#pagemap_iframe {
	display: block;
}

.guide_form {
	padding: 20px;
	margin: 0;
}

.guide_form * {
	color: ;
}

.flow_form caption.guide_caption {
	text-align: left;
	color: #fff;
}

.maplist {
	border: 1px solid #ddd;
	height: 38px;
	position: relative;
}

.maplist li {
	display: none;
	margin: 0 -1px;
	background: #fff;
	color: #;
	padding: 0 10px;
	color: #ccc;
	position: relative;
	z-index: 1000
}

.maplist li:first-child {
	display: block;
}

.maplist li a {
	display: block;
	width: 100%;
}

.maplist .ul_img {
	position: absolute;
	right: 0px;
	top: 0;
	width: 50%;
	height: 100%;
	z-index: 9999;
}

.maplist .ul_img img {
	width: 16px;
	width: 16px;
	height: 16px;
	float: right;
	display: block;
	margin-top: 10px;
}

/* .maplist:hover {overflow:visible;} */
/* .maplist:hover li, .maplist:hover li.hide, .maplist:hover li.active {display:block;} */

.flow_form tr,
.flow_form td {
	overflow: visible;
}

/* 在线订仓 */


.ljdc {
	text-align: center;
	padding: 10px 0;
}

.ljdc a {
	width: 400px;
	max-width: 80%;
	display: inline-block;
	background: #FF7437;
	color: #fff;
	padding: 10px 0;
	border-radius: 30px;
}


.w-col-4 .copyright, .w-col-5 .copyright  {
	text-align: right;
}
.copyright .dpi {
	margin: 0 20px;
	display: inline-block;
}

.tooltip.tooltipstered {
	width: auto;
	height: 60px;
}



.portfolio-img {
	margin: 0 5px;
	overflow: hidden;
}

.sd_list .w-col .typename_ {
	text-align: center;
	font-size: 15px;
	color: #000;
	line-height: 34px;
}

.sd_list .type_title .typename_:hover {
	border: 1px solid #FA7915;
	margin-top: -6px;
}

.typename_ .dis_block {
	display: block;
	height: 16px;
	text-align: center;
}

.sd_list .w-col .typename_ {
	border-bottom: 1px solid #ccc;
	width: 97.5%;
	margin: 0 auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-top: -5px;
	line-height: 50px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.sd_list .w-col .typename_ .xx {
	padding: 5px;
	color: #999;
}

.case_link {
	display: block;
	position: relative;
}

.case_img {
	height: 260px;
	width: 100%;
}

.shor_tit {
	/* position:relative; */
	text-align: center;
}

.shor_tit span.tit {
	line-height: 26px;
	display: block;
	margin: 0 auto;
	margin-top: -15px;
	background: #fff;
	width: 100px;

}

.shor_tit b {
	display: block;
	border-bottom: 1px solid #ccc;
	height: 1px;
	margin: 0 auto;
	margin-top: 20px;
	width: 90%;
}


.case_txt_bg {
	background: rgba(0, 0, 0, .5);
	padding: 10%;
}

.list_txt_box {
	height: 100%;
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	overflow: hidden;
}

.list_txt_box .l_line,
.list_txt_box .r_line,
.list_txt_box .t_line,
.list_txt_box .b_line {
	content: "";
	display: block;
	background: #fff;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}

.list_txt_box .l_line,
.list_txt_box .r_line {
	width: 1px;
	height: 0;
}

.list_txt_box .t_line,
.list_txt_box .b_line {
	height: 1px;
	width: 0;
}

.list_txt_box:hover .l_line,
.list_txt_box:hover .r_line {
	height: 100%;
}

.list_txt_box:hover .t_line,
.list_txt_box:hover .b_line {
	width: 100%;
}

.case_title {
	position: relative;
	top: -20px;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.case_type_box {
	color: #fff;
	margin: auto;
	padding: 20px;
	text-align: center;
}

.case_title h5 {
	color: #fff;
	font-size: 24px;
	margin-bottom: 15px;
	;
}

.list_txt_box:hover .case_title {
	top: 0;
}

.case_link:hover .dpn {
	display: block;
}


/*font*/
@font-face {
	font-family: "member";
	src: url('../fonts/member.woff') format('woff'), url('../fonts/member.ttf') format('truetype');
}

.member_iconfont {
	font-family: "member" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: "iconfont";
	src: url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: "commonfont";
	src: url('../fonts/common.woff') format('woff'), url('../fonts/common.ttf') format('truetype');
}

.commonfont {
	font-family: "commonfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

/* footer */
.footer_bottom {
	width: 100%;
	position: fixed !important;
	bottom: 0;
	right: 0;
	z-index: 9999;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.foot {
	width: 100%;
	position: fixed;
	height: 0.8rem;
	bottom: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}


.foot-relative {
	position: relative;
	width: 100%;
	/* height: 0.8rem; */
}

.foot a {
	display: block;
	float: left;
	width: 33.333333333333333%;
	/* width: 50%; */
	/* color: #c58b76; */
	/* background: #231F1D; */
	border-right: 1px solid #fff;
	color: #fff;
	background: #FF7537;
	padding: 10px 13px;
	box-sizing: border-box;
}

.foot a:nth-of-type(3n+3) {
	border: 0;
}

.foot a span {
	/* display: block;
	width: 100%; */
	text-align: center;
	/* font-size: 30px; */
	/* line-height:40px; */
	font-size: 21px;
	line-height: 28px;
	float: left;
}

.dpib {
	display: inline-block;
}

.tac {
	text-align: center;
}

.foot-icon {
	font-size: 28px;
	height: 18px;
	width: 18px;
	float: left;
}

.foot a h3 {
	/* width: 100%;
	text-align: center; */
	font: 13px/16px "microsoft yahei";
	margin-left: 22px;
	line-height: 18px;
	font-size: 13px;
}

.common-pro-search {
	width: 90%;
	height: 0.533rem;
	background: #fff;
	margin: 2% auto;
}

.common-text {
	float: left;
	border: 0;
	background: #fff;
	width: 84.45%;
	height: 0.533rem;
	text-indent: 0.1rem;
	font: 13/0.533rem "microsoft yahei";
	border-radius: 0;
}

.common-submit {
	float: right;
	width: 15.55%;
	border: 0;
	font-size: 0.36rem;
	line-height: 0.533rem;
	color: #fff;
	height: 0.533rem;
	border-radius: 0;
	background: none;
	background: #333;
}

/* foot search btn */

.share {
	bottom: 5%;
	display: none;
	z-index: 9;
	position: fixed !important;
	width: 100%;
	text-align: center;
}

.share .bshare-custom.icon-medium-plus a {
	margin: 0 5px;
	margin-right: 5px !important;
}

.mw1100 {
	max-width: 1100px;
	margin: 0 auto;
	float: none;
}


.synopsis_txt,
.synopsis_ul,
.synopsis_typeimg_box {
	padding-top: 10px;
	padding-bottom: 10px;
}

.synopsis_typeimg {
	max-width: 100%;
}

.arclist_shorttitle {
	text-align: center;
	font-size: 16px;
}

.synopsis_typename {}

.synopsis_desc {
	font-size: 16px;
	padding-top: 10px;
}

.synopsis_list {
	padding-bottom: 20px;
}

.synopsis_title {
	padding: 10px 0;
	font-weight: normal;
	color: #666;
}

.synopsis_body {
	color: #666;
	line-height: 24px;
	padding: 0 10px;
}


.arclist_imges {
	text-align: center;
	padding: 10px 0;
}

.arclist_imges img {
	max-width: 100%;
	margin: 0 auto;
}


.acti_list_img {
	line-height: 426px;
}



.headTelBox {
	display: inline-block;
	box-shadow: transparent 0px 1px 0px 0px;
	line-height: 90px;
	line-height: 90px;
}

.headTel {
	font-size: 22px;
	color: #FE6E13;
}

.headTelImg {
	margin-top: -8px;
}








@media (min-width:768px) {

	.synopsis_list,
	.synopsis_txt,
	.synopsis_typeimg_box {
		padding-right: 0;
		padding-left: 0;
	}

	.mw1100 .w_768s {
		width: 100% !important;
	}

	.mw1100 .w_768x {
		width: 100% !important;
		position: static !important;
	}
}

/* 手机站 */
@media (max-width: 1200px) {
	.customerimg_box {
		margin: 0;
	}

	.serviceimg_box {
		width: auto;
	}

	.link-menu {
		padding: 0 5px;
	}

	.search_form .typename {
		font-size: 16px;
	}

	.about_txt_title {
		padding: 10px 0;
		font-size: 20px;
	}

	.about_txt_content {
		font-size: 14px;
		color: #999;
		height: 580px;
		line-height: 20px;
		overflow: hidden;
	}

	.about_txt_content strong {
		font-size: 16px;
		line-height: 40px;
	}

	.items_li_box img {
		height: 230px;
	}


	.pt215 {
		padding-top: 180px;
	}

	.pb215 {
		padding-bottom: 180px;
	}

	.msg_li_box,
	.msg_li_txt,
	.msg_li_img {
		height: 180px;
	}

	.case_img {
		height: 220px;
	}

	.title_img {
		height: 102px;
	}

	.reasontxt_box h4 {
		display: none;
	}

	.reasontxt_box .titles {
		padding-top: 30%;
		padding-bottom: 10px;
	}

	.reasonimg {
		height: 160px !important;
	}
}

@media (max-width: 991px) {
	.navigation {
		position: relative;
		overflow-x: hidden;
		overflow-y: hidden;
		width: 100%;
		height: 0px;
		max-width: 100%;
		margin-top: 35px;
		float: left;
	}

	.li-menu {
		display: block;
		margin-right: 0px;
	}

	.li-menu:hover {
		box-shadow: none;
	}

	.link-menu {
		line-height: 40px;
		padding: 0;
	}

	.link-menu:hover {
		color: #FF7437;
	}

	.link-menu.active {
		box-shadow: #fff 0px 0px 0px 0px;
	}

	.dropdown-menu {
		position: relative;
		display: none;
		width: 100%;
		background-color: white;
	}

	.li-drop {
		border-bottom-width: 1px;
		border-bottom-color: #e1e1e1;
	}

	.li-drop:hover {
		background-color: white;
	}

	.social-ico.social-footer {
		float: none;
	}

	.social-wrapper.s-footer {
		text-align: center;
	}

	.dd-link {
		color: #393939;
	}

	.li-social {
		display: none;
	}

	.service-wrapper {
		margin-bottom: 40px;
	}

	.mix {
		width: 33.33%;
	}

	.bottom-footer {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.copyright {
		margin-bottom: 10px;
		text-align: center;
	}

	.square-box-wrp {
		margin-bottom: 30px;
	}

	.logo-wrapper {
		width: 33.333%;
	}

	.logo-wrapper_w425 {
		width: 33.3333%;
		float: left;
	}

	.meta-cs {
		margin-bottom: 11px;
	}

	.wlc-txt {
		text-align: center;
	}

	.alg-right {
		text-align: center;
	}

	.sidebar {
		padding-left: 0px;
	}

	.sidebar.lft-side {
		padding-right: 0px;
	}

	.hamburger {
		display: block;
	}

	.col-spc {
		margin-bottom: 60px;
	}

	.big-slider {
		/* height: 450px; */
		/* max-height: 450px; */
	}

	.cont-slider {
		margin-top: 0px;
		text-align: center;
	}

	.cont-slider.in-video {
		top: 35%;
		margin-top: 0px;
	}

	.cl-center {
		/* display: none; */
	}

	.slider-content {
		left: 210px;
		top: 86px;
	}

	.slider-content.more-spc {
		left: 200px;
		top: 71px;
	}

	.flow .flow_box_r,
	.flow .flow_box_l {
		width: 100%;
	}

	.news_img_box {
		width: 40%;
	}

	.news_txt_box {
		width: 58%;
	}

	.news_txt_box .last-wrapper {
		margin-bottom: 0;
	}

	.last-title.big-blog-title {
		font-size: 18px;
		line-height: 1.8;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.news_txt_box p {
		max-height: 78px;
		overflow: hidden;
	}

	.link-menu {
		display: block;
	}

	.w24 img {
		height: 172px;
	}

	.w46 img {
		height: 192px;
	}

	.search_form .typename {
		width: 140px;
		padding: 0;
	}

	.about_txt_title {
		padding: 0;
		font-size: 18px;
		line-height: 40px;
	}

	.about_txt_content {
		font-size: 12px;
		height: 460px;
	}

	.about_txt_content strong {
		font-size: 14px;
		line-height: 20px;
	}

	.w24 img {
		height: 134px;
	}

	.w46 img {
		height: 154px;
	}

	.proinfo_body {
		height: 140px;
	}

	.customerimg {
		margin: 25px 0 0;
		width: 100px;
		height: 100px;
	}

	.discounttitle {
		margin: 0;
		font-size: 20px;
	}

	.discountshort {
		margin-bottom: 20px;
		font-size: 20px;
	}

	.customerimg1 {
		height: 220px;
	}

	.w-container .w-row.items_list {}

	.items_list .w22 {
		width: 23%;
		margin-right: 2%;
	}

	.items_li_txt_box .title {
		font-size: 15px;
		line-height: 24px;
	}

	.items_li_txt_box .shorttitle {
		font-size: 13px;
		line-height: 20px;
		height: 40px;
	}

	.pt215 {
		padding-top: 140px;
	}

	.pb215 {
		padding-bottom: 140px;
	}

	.msg_li_box,
	.msg_li_txt,
	.msg_li_img {
		height: 140px;
	}

	.msg_li_title {
		font-size: 16px;
	}

	.msg_li_body {
		font-size: 13px;
		line-height: 18px;
	}


	.case_img {
		height: 160px;
	}

	.clientlink {
		width: 100px;
		height: 100px;
	}

	.clienttitle {
		line-height: 100px;
	}

	.reason .typenames:before,
	.reason .typenames:after {
		width: 20%;
	}



	.acti_list {
		padding-bottom: 20px;
		width: 50%;
		float: left;
		padding: 0 20px 10px;
	}

	.acti_list .w34,
	.acti_list .w66 {
		width: 100%;
		float: none;
	}

	.title_img {
		height: auto;
	}

	.acti_txt {
		margin-top: 0;
		padding: 0;
		height: auto;
		line-height: 24px;
		height: 48px;
	}

	.acti_txt .pta {
		margin-left: 0;
	}

	.acti_title {
		width: auto;
		display: block;
		margin: 10px 0;
		float: none;
	}

	.acti_images {
		display: none;
	}

	.reservation_button {
		padding: 10px 20px;
		float: right;
	}

	.blog-post .acti_list {
		width: auto;
		float: none;
	}

	.customer .customerftypename:before,
	.customer .customerftypename:after {
		width: 15%;
	}

	.headTelBox {
		display: none;
	}
}

@media (max-width:840px) {
	.items_li_box img {
		height: 200px;
	}
}

.footer_bottom {
	display: none;
}

@media (max-width:767px) {
	.header-v1 {
		padding-right: 10px;
		padding-left: 10px;
	}

	.top-header {
		display: block;
	}

	.mix {
		width: 50%;
	}

	.mix.mix-3 {
		width: 50%;
	}

	.logo-wrapper {
		width: 50%;
	}

	.flip-container {
		margin-bottom: 30px;
	}

	.wlc-txt {
		font-size: 26px;
	}

	.fun-f-wrapper {
		margin-bottom: 30px;
	}

	.team-wrapper {
		margin-bottom: 30px;
	}

	.breadcrumbs {
		margin-top: 10px;
		text-align: left;
	}

	.process-wraper {
		margin-bottom: 30px;
	}

	.pricing-wrapper {
		margin-bottom: 30px;
	}

	.alg-center {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.sidebar {
		margin-top: 60px;
	}

	.sidebar.lft-side {
		margin-top: 0px;
		margin-bottom: 60px;
	}

	.cont-slider.in-video {
		top: 38%;
	}

	.slider-content {
		left: 0px;
		top: 117px;
	}

	.slider-content.more-spc {
		left: 0px;
		top: 123px;
	}

	.sd_list .w-col {
		width: 50%;
	}

	/* .sd_list .w-col_s {width:50%;} */
	.front {
		padding: 10px;
	}

	.flip-container {
		margin-bottom: 0;
	}

	.flow .w-col {
		width: 50%;
	}

	.customer_box .w-col {
		width: 25%;
		margin-bottom: 20px;
	}

	.service_box .w-col {
		width: 25%;
		margin: 0 auto;
	}

	.service_box .w-col-2 {
		width: 33.33333333%;
	}

	.search_form .typename {
		width: 90px !important;
	}

	.search_form .typedata {
		width: auto;
	}

	.about_txt_title {
		padding-top: 10px;
	}

	.about_txt_content {
		height: auto;
	}

	/* .about_txt_content p{line-height:20px;}  */
	.items_type_li {
		width: 23%;
	}

	.div-spc.more-spc {
		margin-top: 5px;
	}

	.col-spc,
	.top-title.les-spc,
	.top-title {
		margin-bottom: 10px;
	}

	/* .sd_list.on .list_3:nth-child(3) {display:none;} */
	.sd_list.on .list_3:nth-child(3) {
		display: block;
	}


	.contact_box {
		width: 40%;
	}

	/* .data_steps_box {padding:10px 0;} */
	.data_steps_box {
		padding: 0px 0;
	}

	.flow_form td {
		display: block;
		padding: 0;
		text-align: left;
	}

	.submit_box {
		padding-top: 15px;
	}

	.submit_box .coolbg {
		padding: 3px 15px;
	}

	.arclist_title {
		font-size: 24px;
		line-height: 1.4;
	}


	.case_img {
		height: 220px;
	}

	.copyright .dpi,
	.phdpn {
		display: none;
	}

	.footer_bottom {
		display: block;
	}

	.footer {
		padding-bottom: 56px;
	}

	.case_title h5 {
		font-size: 20px;
		font-weight: normal;
	}

	.steps_box {}

	.servicelink {
		padding: 15px 0;
	}

	.serviceimg {
		width: 100px;
		height: 100px;
	}

	.servicetitle {
		font-size: 20px;
	}

	.serviceshort {
		display: none;
	}

	.w-container .acti_list {
		padding-right: 10px;
		padding-left: 10px;
	}

	.reasontxt_box .titles {
		font-size: 16px;
	}

	.reasonimg {
		height: 100px !important;
	}

	.flow .flow_box_l {
		display: none;
	}

	.flow_form td.pm-dpb {
		display: block;
		width: auto;
		text-align: center;
	}

	.flow_form td.pm-dpb h4,
	.flow_form td.pm-dpb h3 {
		margin: 10px 0;
	}

}

@media (max-width:720px) {
	.customerimg1 {
		height: 200px;
	}

	.customerimg {
		width: 90px;
		height: 90px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}

	.items_list .w22 {
		width: 49%;
	}

	.items_list .w22:nth-child(2n+2) {
		margin-right: 0;
	}

	.items_list {
		padding: 0;
	}
}

@media (max-width:640px) {
	.problems_li.w46 {
		width: 98%;
		margin-right: 1%;
		margin-left: 1%;
	}

	.problems_li.w24 {
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
	}

	.flip-container,
	.front.w100,
	.back {
		min-height: 160px;
		height: 160px;
	}

	.w24 img {
		height: 220px;
	}

	.w46 img {
		height: auto;
	}

	.proinfo_body {
		height: 180px;
	}

	.search_form td {
		display: block;
	}

	.search_form .typename {
		text-align: left;
	}

	.search_form .typedata {
		padding: 0;
	}

	.data_submit {
		padding-top: 20px;
	}

	.customer_box .w-col {
		padding: 0 5px;
	}

	.customertitle {
		font-size: 15px;
	}

	.shorttitles {
		font-size: 14px;
	}

	.msg_li {
		width: 50%;
	}

	.msg_li_box,
	.msg_li_txt,
	.msg_li_img {
		height: 245px;
	}

	.pb215 {
		padding-bottom: 245px;
	}

	.pt215 {
		padding-top: 245px;
	}

	.msg_li_body {
		font-size: 14px;
		line-height: 20px;
	}

	.case_img {
		height: 180px;
	}

	.reason .typenames:before,
	.reason .typenames:after {
		width: 15%;
	}

	/* .servicetitle_box {padding-top:20px;} */
	.servicetitle_box {
		padding-top: 0px;
	}


	.case_title h5 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.case_type_box p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 0;
	}
}

@media (max-width: 560px) {

	.news_img_box,
	.news_txt_box {
		width: 49%;
	}

	.meta-cs {
		padding-left: 5px;
		padding-right: 0;
	}

	.li-top.m-space {
		width: 46%;
		margin-right: 2%;
	}

	.divider.d-v2 {
		margin-top: 0;
	}

	.reasonlink {
		margin: 8px 0;
	}

	.service_box .w-col {
		padding: 0 8px;
	}

	.search_img {
		max-width: 100%;
		height: auto;
		min-height: 100px;
	}

	.submit_4 {
		width: 300px !important;
		margin: 0 auto;
	}

	.data_submit .coolbg {
		max-width: 100%;
	}

	.customer_box .w-col {
		width: 50%;
	}

	.msg_li_box,
	.msg_li_txt,
	.msg_li_img {
		height: 215px;
	}

	.pb215 {
		padding-bottom: 215px;
	}

	.pt215 {
		padding-top: 215px;
	}


	.case_img {
		height: 150px;
	}

	.sd_type_li {
		width: 31.3333%;
		margin: 0 1% 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
	}
}

.pcdpb {
	display: block;
}

.pcdpn {
	display: none;
}

.gray-lg_w425 {
	display: none;
}

@media (max-width: 479px) {
	.pcdpb {
		display: none;
	}

	.pcdpn {
		display: block;
	}

	.top-header {
		text-align: center;
	}

	.top-left {
		float: none;
	}

	.top-right {
		float: none;
	}

	.mix {
		width: 100%;
	}

	.mix.mix-3 {
		width: 100%;
	}

	.mix.mix-2 {
		width: 100%;
	}

	.square-content {
		padding-top: 9px;
	}

	.logo-wrapper {
		width: 100%;
	}

	.wlc-txt {
		line-height: 40px;
	}

	.filter {
		margin-bottom: 15px;
	}

	.comment.reply {
		padding-left: 0px;
	}

	.cont-slider.in-video {
		top: 36%;
	}

	.slider-content {
		left: 0px;
		top: 99px;
	}

	.slider-content.more-spc {
		top: 73px;
	}

	/* .flow .w-col {width:100%;} */
	.flow_form {
		margin: 10px;
	}

	.typenames {
		font-size: 22px;
	}

	.typenames:before,
	.typenames:after {
		width: 15%;
	}

	.entitles {
		font-size: 18px;
		padding-bottom: 10px;
	}

	.customer_box {
		margin: 10px 0;
	}

	.section {
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.front {
		padding: 7px;
	}

	.sd_list .w-col {
		padding-left: 3px;
		padding-right: 3px;
		margin-bottom: 15px;
	}

	.sd_list .w-cols {
		padding-left: 3px;
		padding-right: 3px;
		margin-bottom: 15px;
		width: 33.3333%;
	}

	.flip-container,
	.front.w100,
	.back {
		min-height: 140px;
		height: 140px;
	}

	.news_img_box,
	.news_txt_box {
		width: 100%;
	}

	.news_type {
		width: 33.33333333%;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}


	.reasonlink {
		margin: 5px 0;
	}

	.service_box .w-col {
		padding: 0 2px;
	}

	.reasontxt_box .titles {
		font-size: 16px;
		line-height: 20px;
		padding-top: 25px;
	}

	.reasontxt_box .bodys {
		font-size: 12px;
		line-height: 15px;
		height: 60px;
	}

	.flow_box_r {
		margin: 0 0 15px;
	}

	.flow .w-col {
		padding: 5px;
		margin: 0;
	}

	.flowimg {
		float: none;
		margin: 5px;
		width: 90px;
		height: 90px;
	}

	.flowimg_box {
		padding: 10px;
		text-align: center;
	}

	.flowtitle {
		font-size: 15px;
		padding-bottom: 8px;
		color: #000;
	}

	.flowshort {
		padding: 0;
		font-size: 13px;
		line-height: 16px;
		height: 48px;
	}

	.flowshort br {
		display: none;
	}

	.proinfo {
		padding: 8px;
	}

	.proinfo h3 {
		padding-bottom: 5px;
	}

	.w24 img,
	.proinfo_body {
		height: 140px;
	}

	.flow_form {
		padding: 0;
		margin: 0;
	}

	.search_form .typedata,
	.search_form .typename {
		padding: 0;
		margin: 0;
		max-width: 100%;
	}

	.search_form .intxt,
	.search_form select {
		line-height: 36px;
		height: 36px;
	}

	.flow_form table,
	.flow_form tbody {
		max-width: 100%;
	}

	.news_box {
		padding: 0;
	}

	.about_img {
		padding: 0;
	}

	.about_txt {
		padding: 10px;
	}

	.servicelink {
		padding: 0;
	}

	.serviceimg {
		width: 100px;
		height: 100px;
		margin-top: 10px;
	}

	.titles {
		line-height: 24px;
		font-size: 16px;
		padding-top: 5px;
	}

	.shorttitles {
		line-height: 20px;
		margin-top: 0;
		height: 40px;
	}

	.serviceimg_box {
		box-shadow: none;
		margin: 0;
	}

	.tsta6s .customerimg.bdr_50 {
		margin-top: 30px;
	}

	.customerimg1 {
		height: 150px;
	}

	.flow .flow_box_l .flow_form {
		padding: 10px;
		margin: 10px;
	}

	.submit_box .coolbg {
		padding: 5px 0;
	}

	.flow_form caption {
		font-size: 20px;
		line-height: 30px;
	}

	.w-container .w-row.items_list {
		padding: 0 10px;
	}

	.items_li_box img {
		height: 160px;
	}

	.items_li_txt_box .shorttitle {
		font-size: 12px;
		display: none;
	}

	.items_type_li {
		height: auto;
	}

	.msg_ul {
		padding-left: 0;
	}


	.msg_li_box,
	.msg_li_txt,
	.msg_li_img {
		height: 180px;
	}

	.pb215 {
		padding-bottom: 180px;
	}

	.pt215 {
		padding-top: 180px;
	}

	.msg_form_box .msg_form {
		padding: 0 10px;
	}

	.entitles {
		font-size: 14px
	}

	.servicedisplay {
		padding-bottom: 0;
	}

	/* .itemssection {padding:20px 0;} */
	.itemssection {
		padding: 0px 0;
	}

	.items_list_box {
		padding: 0;
	}

	.bottom-footer {
		position: static;
	}

	.mapguide_box .contact_box {
		padding: 10px;
		width: 100%;
		position: relative;
		height: auto;
		z-index: 999;
		background: rgba(0, 0, 0, 1);
	}

	#container3 {
		height: 300px;
	}

	.mapguide_box .contact_box .guide_caption {
		display: none;
	}

	.blog-post .bshare-custom {
		display: none;
	}

	.foot_img_w50 {
		width: 50%;
	}

	.footer {
		padding-top: 0;
		margin-top: 0;
	}

	.last-bottom {
		margin-top: 0px;
	}

	.last-wrapper {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.arclist_title {
		font-size: 18px;
		margin: 0;
	}

	.recent-block {
		padding: 5px 0;
	}

	.last-title.big-blog-title {
		font-size: 16px;
		line-height: 24px;
	}

	.news_txt_box p {
		font-size: 13px;
		line-height: 20px;
		height: 60px;
	}

	.meta-tag {
		margin-top: 8px;
	}

	.meta-cs {
		margin-bottom: 5px;
	}

	.news_type {
		font-size: 15px;
		line-height: 40px;
	}

	.section {
		padding: 0;
	}

	.news_img_box {
		margin-top: 10px;
	}

	.blog-post {
		margin-bottom: 10px;
	}

	.brand-logo {
		top: 5px;
	}

	.tooltip.tooltipstered {
		height: 50px;
	}

	.navigation {
		margin-top: 10px;
	}

	.hamburger {
		top: 10px;
	}

	.synopsis_typename {}

	.synopsis_desc {
		font-size: 14px;
		;
	}

	.synopsis_typename {
		font-weight: normal;
		font-size: 20px;
	}

	.synopsis_desc {
		color: #555;
	}

	.synopsis_list {
		padding-bottom: 15px;
	}

	.synopsis_title {
		font-size: 16px;
		color: #666;
		line-height: 30px;
		padding: 0;
		color: #233;
	}

	.synopsis_body {
		font-size: 12px;
		padding-right: 0;
		padding-left: 0;
	}

	/* .service_box {padding-top:20px;} */
	.clienttitle {
		line-height: 100px;
		padding-top: 0;
		font-size: 16px;
	}

	.data_box {
		padding: 0 10px;
	}

	.steps_box {
		padding: 20px 10px;
	}

	.steps_li {
		min-height: 20px;
		padding-bottom: 10px;
	}

	.serviceimg {
		width: 55px;
		height: 55px;
	}

	.servicetitle {
		font-size: 12px;
		overflow: hidden;
		white-space: nowrap;
	}

	.serviceshort {
		display: none;
	}


	.arrow-big-sl {
		width: 30px;
		height: 60px;
	}

	.sd_type_li {
		line-height: 34px;
	}

	.acti_title {
		margin: 5px 0;
		font-size: 16px;
	}

	.acti_txt {
		height: 65px;
		line-height: 20px;
		margin-bottom: 5px;
		padding-top: 5px;
	}

	.reservation_button {
		padding: 7px 15px;
	}

	.dede_pages li {
		margin: 0 3px 5px;
	}

	.dede_pages li a,
	.dede_pages li span {
		padding: 3px 10px;
	}

	.reservation .flow_box_l {
		margin-top: 0;
	}

	.flow_form caption {
		padding-bottom: 10px;
	}

	.sub-banner {
		padding: 10px 0;
	}

	.flow_box_l .flow_form {
		padding: 0 10px;
	}

	.typenames {
		margin-top: 15px;
	}

	.entitles {
		padding-bottom: 15px;
	}

	.w46 .protitle {
		padding: 8px;
	}

	.w46 .protitle h4 {
		line-height: 24px;
	}

	.content_tel {
		font-size: 22px;
	}

	.reasonbodys {
		display: none;
	}

	.flow_box_r {
		padding: 0 10px
	}

	.flowimg {
		margin: 0;
	}

	.flowtitle {
		padding-top: 0;
	}

	.flow .w-col.flow_r_box {
		padding: 5px 10px;
	}

	.flowimg_box {
		background: none;
		padding: 0;
	}
	
}

.w-container .head_tel {
	display: none;
}

.fuwuzs_425 {
	display: none;
}

.margin-big-top .margin-large-bottom .continued {
	font-size: 14px;
	text-align: right;
}

.container3_lxwm {
	width: 70%;
	height: 100%;
	float: right;
	border: 1px solid rgb(204, 204, 204);
	overflow: hidden;
	position: relative;
	z-index: 0;
	background-color: rgb(243, 241, 236);
	color: rgb(0, 0, 0);
	text-align: left;
}

.w-container .w-row .service_box .col_select {
	padding-bottom: 6%;
}

#map_img {
	max-width: 60px;
	height: 60px;
}

.box_center {
	margin: 0px;
	padding: 0px;
	position: relative;
}

.box_center .service_box {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.w-container .w-row .con {
	display: block;
	margin: 0 auto;
	width: 40%;
	padding: 6% 0px;
}

/* .w-container .w-row .service_box .rea_list{ */
/* position:absolute; */
/* } */
.box_center .service_box div.rea_list {
	position: absolute;
	width: 310px;
}

.box_center .service_box div.rea_list .reasonlink h4 {font-weight: normal; font-size: 16px;}

.box_center .service_box div.rea_list .tb {
	display: block;
	margin-bottom: 5px;
	float: left;
}

.box_center .service_box div.rea_list span.tit_ {
	display: block;
	float: left;
	font-weight: 700;
	font-size: 18px;
	text-indent: 5px;
	color: #FF5A00;
}

.box_center .service_box div.rea_list:nth-child(1) {
	left: 10%;
	top: -25px;
}

.box_center .service_box .rea_list:nth-child(2) {
	right: 10%;
	top: -25px;
}

.box_center .service_box .rea_list:nth-child(3) {
	left: 5%;
	top: 135px;
}

.box_center .service_box .rea_list:nth-child(4) {
	right: 5%;
	top: 135px;
}

.box_center .service_box .rea_list:nth-child(5) {
	left: 5%;
	top: 275px;
}

.box_center .service_box .rea_list:nth-child(6) {
	right: 5%;
	top: 275px;
}

.box_center .service_box .rea_list:nth-child(7) {
	left: 10%;
	top: 400px;
}

.box_center .service_box .rea_list:nth-child(8) {
	right: 10%;
	top: 400px;
}

.w_425db {
	display: none;
}

@media (max-width:1300px) {
	.tel_head {
		display: none;
	}
}

@media (max-width:1280px) {
	.box_center .service_box div.rea_list h4 {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.box_center .service_box div.rea_list:nth-child(1) {
		left: 4%;
		top: 0;
	}

	.box_center .service_box .rea_list:nth-child(2) {
		right: 2%;
		top: 0;
	}

	.box_center .service_box .rea_list:nth-child(3) {
		left: 0%;
		top: 0;
		margin-top: 10%;
	}

	.box_center .service_box .rea_list:nth-child(4) {
		right: -2%;
		top: 0;
		margin-top: 10%;
	}

	.box_center .service_box .rea_list:nth-child(5) {
		left: 0%;
		top: 0;
		margin-top: 20%;
	}

	.box_center .service_box .rea_list:nth-child(6) {
		right: -2%;
		top: 0;
		margin-top: 20%;
	}

	.box_center .service_box .rea_list:nth-child(7) {
		left: 4%;
		top: 0;
		margin-top: 30%;
	}

	.box_center .service_box .rea_list:nth-child(8) {
		right: 1%;
		top: 0;
		margin-top: 30%;
	}
}

@media (max-width:768px) {
	.box_center .service_box div.rea_list {
		position: absolute;
		width: 35%;
	}

	.box_center .service_box div.rea_list h4 {
		display: none;
	}

	.box_center .service_box div.rea_list:nth-child(1) {
		left: 16%;
		top: 0;
	}

	.box_center .service_box .rea_list:nth-child(2) {
		right: -2%;
		top: 0;
	}

	.box_center .service_box .rea_list:nth-child(3) {
		left: 8%;
		top: 0;
		margin-top: 10%;
	}

	.box_center .service_box .rea_list:nth-child(4) {
		right: -7%;
		top: 0;
		margin-top: 10%;
	}

	.box_center .service_box .rea_list:nth-child(5) {
		left: 8%;
		top: 0;
		margin-top: 20%;
	}

	.box_center .service_box .rea_list:nth-child(6) {
		right: -7%;
		top: 0;
		margin-top: 20%;
	}

	.box_center .service_box .rea_list:nth-child(7) {
		left: 20%;
		top: 0;
		margin-top: 30%;
	}

	.box_center .service_box .rea_list:nth-child(8) {
		right: 0%;
		top: 0;
		margin-top: 30%;
	}
}
@media (max-width: 479px) {
	/* .w-container {padding-bottom: 0;} */
}
@media (max-width:440px) {
	.mw1100 .w_768x {
		width: 100% !important;
		position: static !important;
		display: block;
	}

	.box_center .service_box div.rea_list span.tit_ {
		font-weight: 500;
		font-size: 12px;
	}

	.box_center .service_box div.rea_list:nth-child(1) {
		left: 13%;
		top: 0;
	}

	.box_center .service_box .rea_list:nth-child(3) {
		left: 8%;
		top: 0;
		margin-top: 10%;
	}

	.box_center .service_box .rea_list:nth-child(5) {
		left: 8%;
		top: 0;
		margin-top: 20%;
	}

	.box_center .service_box .rea_list:nth-child(7) {
		left: 17%;
		top: 0;
		margin-top: 30%;
	}

	.msg_li_box,
	.msg_li_txt,
	.msg_li_img {
		height: 160px;
	}

	.pb215 {
		padding-bottom: 160px;
	}

	.pt215 {
		padding-top: 160px;
	}

	.case_img {
		height: 110px;
	}

	.w-container .head_tel {
		display: block;
		padding-top: 16px;
		font-size: 16px;
		line-height: 30px;
		margin-left: 42%;
	}

	.news_img_box img {
		height: 130px;
	}

	.w-container .head_tel img {
		width: 30px;
		margin-bottom: 7px;
	}

	.fuwuzs_a {
		display: none;
	}

	.fuwuzs_425 {
		display: block;
	}

	.content_tel .djbd_s {
		display: inherit;
		padding-left: 10px;
	}

	#container3 {
		height: 300px;
		width: 100%;
		float: none;
	}

	.gray-lg {
		display: none;
	}

	.gray-lg_w425 {
		display: block;
	}

	.payment_list .w-col-4s {
		width: 50%;
		padding-top: 20px;
	}

	.aboutcontent_box .about_img {
		width: 100%;
	}

	.aboutcontent_box .about_txt {
		width: 100%;
	}

	.aboutcontent_box .about_txt h3.about_txt_title:first-child(2) {
		padding-top: 30px;
	}

	.blog-post .son_arc {
		width: 100%;
		margin: 0 auto;
	}

	.blog-post .son_arc li {
		width: 95%;
		padding: 10px;
		float: none;
		margin: 0 auto;
	}

	.fuwuzs_425 .sd_list_box .sd_list .w-cols .type_title .typename_ {
		border: 1px solid #ccc;
		width: 100%;
		margin: 0 auto;
		margin-top: -5px;
		padding-bottom: 3%;
		font-size: 12px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		padding-top: 5px;
	}

	.portfolio-img {
		margin: 0 0px;
		overflow: hidden;
	}

	.typename_ .dis_block {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: center;
		line-height: 16px;
	}

	.w-container .w-row .service_box .col_select {
		padding-bottom: 10%;
	}

	#container3 #mapFrm {
		height: 100% !important;
		overflow: hidden;
	}

	.tel_head {
		display: none;
	}

	.case_type_box {
		color: #fff;
		width: 100%;
		margin: auto;
		padding: 18px 5px;
		text-align: center;
	}

	.w-container div.w_425 {
		width: 100% !important;
	}

	.w_425db {
		display: block;
	}

	.w_425dn {
		display: none;
	}

	.w_425hei {
		height: 200px !important;
	}

	.w_425hei .swiper-wrapper {
		height: 200px;
	}

	.w_425hei .swiper-wrapper .swiper-slide {
		height: 200px;
	}
	.w_425hei .swiper-wrapper .swiper-slide a {width: 100%; height: 100%;}

	/* .w_425hei .swiper-wrapper .swiper-slide img{height: 200px !important;} */
	.w_425hei .swiper-wrapper .swiper-slide img {
		width: 100%;
		/* height: auto !important; */
		height: 100%;
	}

	.blog-post .son_arc li img {
		display: block;
		margin: 0 auto;
	}
}

@media (max-width:420px) {

	.customerimg {
		width: 70px;
		height: 70px;
	}

	.customerimg {
		margin-top: 25px;
		margin-bottom: 0;
	}

	.discounttitle {
		margin-top: 8px;
		padding-top: 0;
		font-size: 14px;
	}

	.discountshort {
		margin-bottom: 18px;
		font-size: 13px;
		height: 30px;
		padding-top: 0;
	}


	.msg_li_box,
	.msg_li_txt,
	.msg_li_img {
		height: 150px;
	}

	.pb215 {
		padding-bottom: 150px;
	}

	.pt215 {
		padding-top: 150px;
	}

	.clientlink {
		width: 80px;
		height: 80px;
	}

	.clienttitle {
		line-height: 80px;
	}

	.reasonimg {
		height: 70px !important;
	}

	.tsta6s .select_title {
		font-size: 12px;
	}

	.li-top.m-space {
		width: 100%;
		margin-right: 0;
	}
}

@media (max-width:380px) {

	.msg_form_box .msg_form td {
		display: block;
		padding-bottom: 0;
		text-align: left;
	}

	.typecontent {
		font-size: 14px;
		line-height: 20px;
		height: auto;
		min-height: 20px;
		margin: 10px 5px;
	}

	.w-container .w-row.items_list {
		padding: 0 5px;
	}

	.section.service {
		padding-bottom: 10px;
	}

	.serviceimg {
		width: 50px;
		height: 50px;
		margin-top: 0;
	}

	.case_img {
		height: 95px;
	}

	.reasontxt_box .titles {
		padding-top: 25px;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
		font-size: 15px;
	}

	.reasontxt_box .bodys {
		overflow: hidden;
	}

	.reasontxt_box .reasonbodys {
		display: none;
	}

	.customer .customerftypename:before,
	.customer .customerftypename:after {
		width: 10%;
	}

	.msgtypename:before,
	.msgtypename:after {
		width: 10%;
	}

	.copyright {
		margin: 0;
	}

	.w-container .head_tel {
		font-size: 14px;
		margin-left: 45%;
	}
}

@media (max-width:360px) {
	.customer_box .w-col {
		padding: 0 5px;
	}

	.discountshort {
		margin-bottom: 8px;
	}

	.reasontxt_box .titles {
		padding-top: 20px;
	}

	.msg_li_box,
	.msg_li_txt,
	.msg_li_img {
		height: 120px;
	}

	.pb215 {
		padding-bottom: 120px;
	}

	.pt215 {
		padding-top: 120px;
	}

	.msg_li_body {
		font-size: 12px;
		line-height: 20px;
		height: 60px;
		overflow: hidden;
	}

	.flip-container,
	.front.w100,
	.back {
		height: 120px;
		min-height: 120px;
	}
}

@media (max-width:320px) {
	.news_img_box img {
		height: 130px;
	}

	.reasonimg {
		height: 55px !important;
	}

	.serviceimg {
		margin-top: 5px;
		width: 45px;
		height: 45px;
	}

	.box_center .service_box div.rea_list:nth-child(1) {
		left: 7%;
		top: 0;
	}

	.box_center .service_box .rea_list:nth-child(3) {
		left: 2%;
		top: 0;
		margin-top: 10%;
	}

	.box_center .service_box .rea_list:nth-child(5) {
		left: 2%;
		top: 0;
		margin-top: 20%;
	}

	.box_center .service_box .rea_list:nth-child(7) {
		left: 11%;
		top: 0;
		margin-top: 30%;
	}
}

.bsBox {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
}

div:after,
ul:after,
li:after {
	content: "";
	display: block;
	clear: both;
}
