html,body{ margin:0; padding:0; width:100%; height:100%;font: 14px/1.6 "Microsoft Yahei"; }
ul,li{ margin:0; padding:0; list-style:none}
a,a:hover{ text-decoration:none}
img{ border:none}
h1 {color: inherit; line-height: 1.1; font-family: inherit; font-weight: 500;}
h1 {font-size: 46px; font-weight: 700; margin:20px;}
#home {background:url(../images/bg1.jpg) fixed no-repeat center center; background-size:cover; height:100%; width:100%; display:table; color: #fff; text-align:center; position:relative}
#home a.down-btn i{padding: 7px 5px; border-radius: 2px; border: 0px solid #43ACED; background:#43ACED; color:#fff; font-size:26px; position: relative; cursor: pointer;}
.home_container{ display:table-cell; vertical-align:middle; +padding-top:120px;}

.top_nav{position: fixed; top:0px; width:100%; z-index:999;  -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background:transparent;}
.top_nav.NavBg{background:rgba(0,0,0,0.5);  box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.site_logo{ float:left; margin-left:40px; margin-top:25px;}
.site_logo img{ width:175px;}
.site_logo img.white,.site_logo img.color{ display:none;}
.top_link{ float:right; margin-right:40px;}
.top_link ul{ float:right;}
.top_link ul li{ float:left;}
.top_link a{color:#fff; font-size:14px; margin:0 3px; display:inline-block; padding:20px 20px 10px; text-align:left; text-decoration:none; transition: all .4s ease-in-out;}

.top_link a span{ display:block; font-size:12px;}
.logo{margin-bottom:100px; +margin-bottom:60px;}
.logo img{ width:260px;}

.NavBg .top_link a{ padding-top:10px;}
.NavBg .top_link a:hover{ background:#43ACED; color:#fff; }
.NavBg .top_link li.current a{ color:#fff; background:#43ACED;}
.NavBg .site_logo{margin-top:15px;}
.NavBg .site_logo img.white{ display:block;}
.NavBg .site_logo img.color{ display:none;}

#about, #service, #works, #about-us{background:#fff; padding:60px 0; text-align:center;}

#about p{ text-align:left;}

.space {padding-top: 40px;}
#meet-us,#huodong{ padding:60px 0}

hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;}
hr{ width:50px; border-color:#43ACED;}

.container {width: 1140px; margin:0 auto;}
.service {border: 1px solid #ccc;margin-top: 20px;margin-bottom: 0px;transition: all 0.3s;position: relative;padding: 60px 25px;}
.service:hover {border-color: #43ACED;margin-top: 0px;margin-bottom: 0px;cursor: pointer;padding-top: 80px;padding-bottom: 80px;}
.service h4{ font-size:18px; margin:10px 0; color:#43ACED;}
.service i{color:#43ACED;}
.service:hover>h4, .service:hover>i.fa {color: #43ACED;}
h2 {text-transform: uppercase; font-size: 20px; line-height:1.5em; margin-bottom:10px;}
.service p{ font-size:12px; color:#333; text-align: justify;}

a.down-btn span.fa.fa-angle-down {font-size: 26px;border: 0px solid #43ACED; background:#43ACED; border-radius: 2px;padding: 7px 5px;position: relative;cursor: pointer;color: #fff;margin-top: 30px;}

#cta {background:#282f35; background-size:cover;padding: 4% 0; text-align:center;}
a.go-to-btn.btn {padding: 7px 30px; border-radius: 2px; border: 1px solid #43ACED; transition:0.5s; border-image: none; color: #fff; text-transform: uppercase; font-size: 12px; word-spacing: 2px;}
a.go-to-btn.btn:hover {background:#43ACED;}

.portfolio-item .hover-bg {height: 280px; overflow: hidden; position: relative;}
.hover-bg .hover-text {background: rgba(0, 0, 0, 0.66); margin: 0px auto; padding: 30% 0px; transition:0.5s; width: 100%; height: 100%; text-align: center; color: #fff; position: absolute; opacity: 0;}
.hover-bg .hover-text > h5 {transition:0.3s; opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); font-size:14px; margin:10px 0; font-weight:normal;}
.hover-bg:hover .hover-text > h5 {opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0); -webkit-backface-visibility: hidden;}
.hover-bg .hover-text > .hline {transition:0.3s; opacity: 0; transform: translateY(0px); -webkit-transform: translateY(0);}
.hover-bg:hover .hover-text > .hline {opacity: 1; transform: translateY(100%); -webkit-transform: translateY(100%); -webkit-backface-visibility: hidden;}
.hover-bg:hover .hover-text {opacity: 1;}
.hline {margin: 0px auto; width: 30px; height: 5px; border-top-color: rgb(241, 241, 241); border-top-width: 2px; border-top-style: solid;}
.hover-text p.lead {color:#43ACED;}
a.read-more-btn.btn {background:#43ACED; padding:0 30px; line-height:2.5em; display:inline-block; border-radius: 2px; transition:0.5s; color: #fff; text-transform: uppercase; font-size: 12px; word-spacing: 2px;}
a.read-more-btn.btn:hover {background: rgb(34, 34, 34); color: #fff;}

#clients {text-align: center;}
#clients .overlay {background:url(../images/linebg.jpg) no-repeat center center fixed; background-size:cover; padding: 60px 0px; height: auto; min-height: 200px;}
ul {padding: 0px; moz-padding: 0; webkit-padding: 0;}
ol {padding: 0px; moz-padding: 0; webkit-padding: 0;}
ul.clients li {padding: 20px 30px; vertical-align: middle; display: inline-block;}
ul.clients li img{ height:40px; margin-bottom:15px;}

#testimonials {text-align: center;}
#testimonials .overlay {padding: 60px 0px; height: auto;  min-height: 200px;}
.owl-theme .owl-controls .owl-page span {background:#43ACED; margin: 2px 5px; border-radius: 0px; width: 10px; height: 10px; display: block; opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px;}

h3 {line-height: 26px; font-size: 14px; font-weight: 100;}
h6 {text-transform: uppercase; letter-spacing: 2px; font-size: 12px; word-spacing: 2px;}

#about-us h4{ font-size:18px;}
#about-us a{ cursor:pointer;}

#contact {background: rgb(40, 47, 53); padding: 100px 0px; color: #fff; text-align:center;}
ul.social li {
	margin-top: 30px; margin-right: 20px; display: inline-block;
}
ul.social li a {
	color: #fff; font-size: 16px;
}
address{ text-align:left;}
address strong {
	text-transform: uppercase; font-style: normal; font-size:16px;
}
address {
	letter-spacing: 1px; font-size: 14px; font-style:normal;
}
#contact input,#contact textarea{ color:#ccc;}
#contact input.form-control {
	margin-bottom: 30px;
}
#contact textarea.form-control {
	margin-bottom: 30px;     height: 100px;
}
#contact .form-control {
 	box-sizing: border-box;;border-width: 2px 0px 0px; border-style: solid none none; border-color: transparent #43ACED #43ACED; padding: 7px 12px; border-radius: 0px; transition:0.5s; border-image: none; width: 100%; height: 40px; color:#fff; line-height: 1.4285; font-size: 14px; display: block; box-shadow: none; background-image: none; background-color: rgb(30, 36, 41); -webkit-box-shadow: none; -webkit-transition: none; -o-transition: none; font-family: Microsoft Yahei;
}
#contact .form-control:focus {
	border-color:#43ACED; outline: 0px; box-shadow: none; -webkit-box-shadow: none;
}
input:-ms-input-placeholder {
	color:#fff; letter-spacing: 1px;  sans-serif; font-size: 13px; font-style: italic;
}
textarea:-ms-input-placeholder {
	color:#fff; letter-spacing: 1px; sans-serif; font-size: 13px; font-style: italic;
}
nav#footer {
	background: rgb(40, 47, 53); padding: 40px 0px; color:#fff; 
}

#footer span.fa {
	color:#43ACED; font-size: 26px; margin-left: 10px;
}
#footer a {
	color: #ccc;
}
#footer a:hover {
	color:#43ACED;
}
#footer p{ font-size:13px; color:#ccc;}
.send-btn.btn {
	background:#43ACED; padding: 15px 35px; border-radius: 0px; transition:0.5s; color: #fff; text-transform: uppercase; font-size: 12px; border: 1px solid #43ACED; cursor:pointer;
}
.send-btn.btn:hover {
	background: none; border: 1px solid #43ACED; border-image: none; color: #fff;
}

a .team{ color:#000}
.team {padding: 50px 0 30px; border: 1px solid #ccc; transition:0.8s; border-image: none; text-align: center; height: 242px; margin-bottom: 30px; max-height: 340px; opacity: 0.7;}
.hire.team:hover {border-color:#43ACED; height: 242px; color:#43ACED; opacity: 1;}
.hire.team {border-color:#43ACED; height: 242px; color:#43ACED; opacity: 1;}
.hire.team > a {color:#43ACED;}
.team hr {border-width: 2px; border-color:#43ACED;}
.team:hover {border: 1px solid rgb(34, 34, 34); border-image: none; opacity: 1;}
.team img {margin: 0px auto; width: 100px;}

.txtMarquee-left{ width:930px; position:relative; margin:0 auto; margin-top:40px}
.prev,.next{ display:inline-block; width:4%; height:88px; overflow:hidden; cursor:pointer;  position:absolute;}
.prev{background:url(../images/left.png) no-repeat left center; top:15px; left:0px; background-size:30% 60%;}
.next{background:url(../images/right.png) no-repeat right center; top:15px; right:0px; background-size:30% 60%;}
.infoList{ float:left; width:100%}
.txtMarquee-left .bd{ width:92%; margin:0 auto}
.txtMarquee-left .bd .tempWrap{ width:100% !important; }
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:30px;  float:left; line-height:14px;  text-align:center; _display:inline; width:auto !important; font-size:12px; color:#fff }
.txtMarquee-left .bd ul li a{ color:#fff} 

.dialogPrev,.dialogNext{ display:none}
.clientword{border-top:1px #fff dashed; padding:30px 0;}

.drawer-hamberger{ top:40px; z-index:3000}
.drawer-main{ z-index:3000}

.lead {font-size: 21px;}

.comein_bg{background:url(../images/comein.jpg) no-repeat center center fixed; background-size:cover; padding:60px 0 40px; text-align:center; }
.comein_bg p{ color:#fff; font-size:20px;}
.comein_img{ width:100px; height:100px; border-radius:100px; margin:0 auto; background:#fff;  overflow:hidden;}
.comein_img img{ width:100%;}
.comein_txt{ width:80%; margin:40px auto 80px;}
.comein_icon{text-align:center; margin-top:50px;}
.comein_icon img{ width:45px;}

.tiaoxingma img{ width:160px;}

/* 动画效果 */
#about .container,#service .container,#works .text-center,#clients .container,#about-us .text-center,.img-circle,#contact .container,#huodong .container{opacity: 0; transition: all 2s;}
#about .container.active,#service .container.active,#works .text-center.active,#clients .container.active,#about-us .text-center.active,#contact .container.active,#huodong .container.active{opacity: 1}
#service .container.active{transition-delay: 0.5s;}
.tiaoxingma{background:url(../images/logobg.png) no-repeat center center fixed; background-size:cover; padding:60px 0; text-align:center; }
.tiaoxingma img,#works .container-fluid{opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.tiaoxingma img.active,#works .container-fluid.active{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.service,#testimonials .container{opacity: 0; -webkit-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); transform: rotate(180deg); transition: all 1s;}
.service.active,#testimonials .container.active{opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transform: rotate(360deg); }
.img-circle.BounceIn{opacity: 1}

.drawer-hamberger{ display:none; box-sizing: border-box;}
.drawer-right.drawer-open .drawer-overlay, .drawer-right.drawer-open .drawer-hamberger{ right:180px;}
.drawer-overlay-upper{ width:100% !important;}
.nav{ margin-top:10px;} 
.nav li{ border-bottom:1px #444 solid; font-size:14px; line-height:3em;}
.nav li span{ font-size:12px; margin-left:5px;}
.nav a{ color:#fff; display: inline-block; width: 100%; height: 100%; padding-left: 15px; box-sizing: border-box;}
.nav a:hover{ background:#43ACED !important}

.chn_txt{font-size:48px; text-shadow:1px 1px 10px #000; max-width:80%; margin:0 auto;}
.eng_txt{font-size:30px; text-shadow:1px 1px 10px #000; max-width:80%; margin:0 auto 100px;  +margin-bottom:60px;}

.all_top{ background:#282f35; position:fixed; width:100%; z-index:99;}
.sub_logo{ float:left; padding:25px 0 20px;}
.sub_logo img{ width:175px;}
.back_home{ float:right; text-align:right; padding-top:30px;}
.back_home ul li{ float:left; margin-left:20px;}
.back_home ul li a{font-size: 14px; color:#fff; transition: all .4s ease-in-out;}
.back_home ul li a:hover,.back_home ul li.on a{ color:#43ACED;}
.back_home ul li.st a{  background: #43ACED; border:none; padding: 8px 16px; border-radius: 2px; }
.back_home ul li.st a:hover{ background:#298FCF; color:#fff;}

.submenudiv{background:#f0f0f0; padding-top:120px; padding-bottom:50px;}
.submenudiv p{ font-size:14px; margin:0; margin-bottom:5px; text-transform: uppercase; color:#43ACED}
.submenudiv h3{ font-size:28px; color:#333; margin:0;}

.guide{ background:#e9e9e9; padding:10px 0;}
.guide div{ font-size:12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.guide div a{ color:#666;}
.guide div a:hover{ color:#000; text-decoration:underline;}

.main_content{ padding:60px 0; min-height:500px;}
.main_content h2{ margin:0; font-size:28px; color:#000;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.main_content p{ font-size:15px; margin:1.5em 0; line-height:1.8em;}

.sub_menu ul li{ float:right; margin-left:25px; line-height:46px; font-size:14px;}
.sub_menu ul li.on{}
.sub_menu ul li a{ line-height:46px; color:#fff; font-size:14px;}
.sub_menu ul li a:hover{ text-decoration:underline;}
.sub_menu ul li.on a{ color:#fff;}

.pull-right{float:right}
.pull-left{float:left}

.title_line{ height:10px; background:url(../images/title_line_black.png) no-repeat center center;}
.section-title h2{ font-size:36px; color:#000; line-height:1em;}
.section-title h2 span{ font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; letter-spacing: 6px; color:#43ACED; display:block;}
#about{ padding:60px 0 120px;}
#about p{ margin:30px 0 20px; font-size:14px; text-indent:2em;}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
		margin-top:30px;
	}
	.table_title{ color:#43ACED; font-size:16px; margin-bottom:20px; font-weight:bold;}
table {
		border-collapse: collapse;
		border-spacing: 0;
		margin: 0 0 2em 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px #efefef;
			border-left: 0;
			border-right: 0;
		}

			table tbody tr:nth-child(2n + 1) {
				background-color: #f7f7f7;
			}

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			color: #787878;
			font-size: 0.9em;
			font-weight: 400;
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px #efefef;
		}

		table tfoot {
			border-top: solid 2px #efefef;
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 2px #efefef;
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 2px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 2px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}
.client_list{ margin-top:40px;}
.client_list ul li{ float:left; width:20%; margin:0 0 50px;}
.client_list ul li a{ text-decoration:none; color:#555;}
.client_list ul li a:hover{ color:#000;}
.client_list ul li img{ width:75%;}

.new_list{ margin:0; padding:0; list-style:none;}
.new_list li{ margin-bottom:40px; overflow: hidden;}
.new_list li img{ width:250px; float:left; margin-right:15px;}
.new_list li h2{ margin:0; font-size:15px;}
.new_list li h2 a{color:#000;}
.new_list li h2 a:hover{ text-decoration:underline;}
.new_list li span{ color:#999; font-size:12px;}
.new_list li p{ color:#666; margin:5px 0 0; font-size:12px; line-height:1.8em; }
.new_list li a.readnews{ font-size:12px; color:#A7212F;}

.news_title p{padding-bottom: 10px; margin-top:0; margin-bottom: 14px; border-bottom: 1px solid #e7e7eb; line-height: 1.4; font-weight: 400; font-size: 24px; color:#000;}
.news_title p span{ display:block;font-size: 24px; color: #000; margin-top: 5px;}
.news_title span{ color:#8c8c8c; margin-bottom: 10px; font-size: 12px;}

.news_only{ margin-top:10px;}
.news_content p{ margin:1.5em 0; line-height:2em; font-size:15px;}
.news_content img{ max-width:100%;}
.news_content span{ font-size:12px;}

.news_share{ text-align:center; margin-top:10px;}
.qrcode{ border:1px #ccc solid; padding:20px; width:100px; margin:0 auto;}
.qrcode p{ font-size:12px; margin:10px 0 0; line-height:1.4;}
.nav_fixed{ position:fixed; top:100px;}

.msg{ text-align:left; padding-left:70px; height:60px; background:url(../images/msg_icon.png) no-repeat left 5px;}
.msg h2,.msg p{ margin:0;}
.msg h2{ color:#43ACED; margin-bottom:6px;}

.erweimabox{width:50%; float:left; padding-top:25px;}
.erweimabox img{ width:100px;}
.erweimatext{float:left; padding-left:10px; font-size:12px; color:#ccc; text-align:left; padding-top:90px;}

.msg_box{ height:550px;}

#works{ background:#f9f9f9;}

.about-us{ width:1200px;}
.padding_right40{ padding-right:40px;}

.job_text{padding: 20px 25px; line-height:2em; background: #f7f7f7;}
.job_email{padding: 0 25px 25px; background: #f7f7f7; font-weight: bold;}

blockquote{padding: 20px 30px;
    margin: 0;
    background: #f7f7f7;
    text-align: justify;
    border-left: 3px #ccc solid;
    color: #888;
    font-size: 15px;
    line-height: 2em;}
	
#about-us .container{ width:1140px;}
#about-us .container .col-sm-3{ width:20%;}

.client_list ul li{ margin-bottom:30px;}
.client_list ul li a{vertical-align: middle;}
.client_list ul li img{vertical-align: middle;}
.client_list ul li p{margin: 10px 0; line-height: 21px;min-height: 42px;}


@media all and (max-width:768px)
{
	.logo{ margin-top:15%; margin-bottom:80px;}
	.logo img{ width:60%;}
	.site_logo{ padding-bottom:15px; margin-left:15px;}
	.chn_txt{ font-size:36px;}
	.eng_txt{ font-size:18px; margin-bottom:60px;}
	.container{ width:100%; overflow:hidden;}
	.txtMarquee-left{ width:100%}
	.txtMarquee-left .bd{ width:86%}
	.prev, .next{ width:7%; background-size:50% 50%; background-position:center center}
	h1{ font-size:18px}
	#head-title{ line-height:1.5em}
	.home_container{ display:block}
	span.typed-cursor{ font-size:8px; top:0}
	.tiaoxingma img{ width:75%}
	#clients .container{ padding:0}
	.clientword{width:92%; margin:0 auto; padding-top:15px}
	nav#menu span.fa.fa-bars{top:30px}
	.add-margin{ margin-top:80px;}
	.navmenu{ width:140px;}
	#home {background:url(../images/bg1.jpg) no-repeat center center; overflow:hidden}
	.drawer-hamberger{ display:block;}
	.drawer-right .drawer-overlay, .drawer-right .drawer-hamberger{ top:0; right:0}
	.drawer-main{ width:180px;}
	.drawer-left.drawer-open .drawer-overlay, .drawer-left.drawer-open .drawer-hamberger{ left:180px}
	.tiaoxingma{background:url(../images/logobg.png) no-repeat center center;}
	#cta {background:#282f35 url(../images/bg2.png) no-repeat center center; padding:50px 0;}
	ul.clients li {padding: 20px; vertical-align: middle; display: inline-block;}
	.txtMarquee-left .bd ul li{ margin-right:0px; }
	.top_link{ display:none}
	.main_content{ padding-left:15px; padding-right:15px;}
	.back_home{ display:none;}
	.sub_logo{ padding:15px;}
	.all_top{background: rgba(0,0,0,0.8);}
	.submenudiv{ padding:90px 15px 25px;}
.guide{ padding:10px 15px;}
.news_share{ margin-left:-10px;}
.news_share .padding15{ padding:0;}
.qrcode{ padding:10px;}
#about-us .container{ width:100%;}
#about-us .container .col-sm-3{ width:33.33%;}
}
@media all and (max-width: 500px)
{
.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-25,.col-sm-35,.about-us{ width:100%;}
.col-sm-8,.col-sm-9{ width:92%; margin-left:4% !important}
.about-us .col-sm-2{ width:50%;}
.legal_team .col-sm-2{ width:50%;}
.client_list ul li{ width:40%; margin:0 5% 30px;}
.msg_box{ height:880px;}
#contact .col-sm-9{ width:100%; margin-left:0 !important; margin-bottom:40px;}
.pull-right{ float:left;}
.pull-right,.pull-left{ width:100%; text-align:center;}
#footer p{ margin:0;}
#contact .padding15{ position:relative;}
.qrcodebox{ position:absolute; top:-20px;}
.erweimatext{ display:none;}
address{ line-height:1.5; padding-left:115px;}
.send-btn.btn{padding:15px 0; width:100%; margin-bottom:30px; font-size: 16px; color:#fff !important;}
.team{ padding:30px 0 0;}
#about{ padding:20px 0 60px;}
#about, #service, #works, #about-us,#clients .overlay{ padding-top:20px;}
#clients .overlay{ padding-bottom:30px;}
.container-fluid .col-sm-3{ padding:10px 15px; box-sizing: border-box;}
.portfolio-item .hover-bg{ height:200px;}
.hover-bg .hover-text{opacity:1; padding:35px 0 0;}
.hover-bg .hover-text > h5,.hover-bg .hover-text > .hline{opacity:1;}

.news_share{ display:none;}
.padding_right40{ padding-right:0px;}

.news_box{ padding-top:30px;}
.new_list li{ margin-bottom:15px; padding-bottom:15px; height:80px; border-bottom:1px #ccc dotted;}
.new_list li img{ width:40%;}
.new_list li p,.new_list li a.readnews{ display:none;}

#about .container,#service .container,#works .text-center,#clients .container,#about-us .text-center,.img-circle,#contact .container,#huodong .container{opacity: 1; transition: all 2s;}
#about .container.active,#service .container.active,#works .text-center.active,#clients .container.active,#about-us .text-center.active,#contact .container.active,#huodong .container.active{opacity: 1}
.tiaoxingma img,#works .container-fluid{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.service,#testimonials .container{opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transform: rotate(360deg); transition: all 1s;}
.img-circle.BounceIn{opacity: 1}
#about-us .container .col-sm-3{ width:100%;}
}

@media all and (max-width: 375px)
{
.client_list ul li{ font-size:13px;}
.logo{ margin-bottom:60px;}
.eng_txt{ margin-bottom:40px;}
}

@media all and (max-width: 320px)
{
address{letter-spacing:0; padding-left:105px; line-height:1.4;}	
.erweimabox img{ width:90px;}
.client_list ul li{ font-size:12px; width: 42%;margin: 0 4% 50px;}
.new_list li{ height:58px;}
.new_list li h2{ font-size:12px;}
}

.owl-theme .owl-controls .owl-buttons div{ position:absolute; top:40%; height:48px; line-height:200px; overflow:hidden; width:48px; border: 1px solid #eaeaea; border-radius: 50%; margin:0; padding:0; background:#fff; opacity:1;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-55px; background:#fff url(../images/owl_left.png) no-repeat center center;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:#43ACED url(../images/owl_left_hover.png) no-repeat center center; border: 1px solid #43ACED; transition: all .5s;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ right:-55px; background:#fff url(../images/owl_right.png) no-repeat center center;}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:#43ACED url(../images/owl_right_hover.png) no-repeat center center; border: 1px solid #43ACED; transition: all .5s;}

@media all and (max-width: 1200px)
{
.about-us{ width:100%;}	
.owl-theme .owl-controls .owl-buttons div{position:static; margin:0 15px;}
}