@media only screen and (max-width: 1200px) {
*{
	box-sizing: border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
body { font-size:12px;line-height: 24px;}

.col.small-col12{width: 100%; float: left;}
.col.small-col1{width: 8.33333333%;}
.col.small-col2{width: 16.66666667%;}
.col.small-col3{width: 25%;}
.col.small-col4{width: 33.33333333%;}
.col.small-col5{width: 41.66666667%;}
.col.small-col6{width: 50%;}
.col.small-col7{width: 58.33333333%;}
.col.small-col8{width: 66.66666667%;}
.col.small-col9{width: 75%;}
.col.small-col10{width: 83.33333333%;}
.col.small-col11{width: 91.66666667%;}
.rbtn::after {display: none;}
.lzpic2{display: block;}
.lzpic1{display: none;}
.article {line-height: 24px;font-size: 14px;}
.wrapper {padding: 50px 0 0 0;}
.header {height: 50px;z-index: 105;	top: 0px;	position: fixed;}
.header .logo {height: 45px;margin-top: 0px;}
.header .logo:hover {transform: scale(1, 1);-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1);
}
.header .language {margin: 0 40px 0 0;}
.header .language .tit {height: 50px;line-height: 50px;padding: 0 16px 0 0;}
.header .language .list {top: 40px;	width: 100px;}
.header .language li a:hover {background: none;}
.header .search-box {margin: 0;}
.header .search-box .search-btn {width: 50px;height: 50px;}
.header .search-box .search-bar {width: 100%;height: 50px;position: fixed;right: 0;top: 0;	z-index: 200;padding: 0px;}
.header .search-box .search-bar .close{	display: none;}
.header .search-box .search-bar .btn{	width: 50px;	height: 50px;	float: right;}
.header .search-box .search-bar .inpu{	height: 50px;	padding: 0 50px 0 0;}
.header .search-box .search-bar .inpu input {background: #fff;	height: 50px;	line-height: 50px;}
.header .menu-btn {	width: 50px;	height: 50px;	display: block;	position: absolute;	right: 0;	top: 0;	z-index: 3;}
.header .menu-btn span {	width: 28px;	height: 3px;	background: #0070b2;border-radius: 2px;	position: absolute;left: 12px;top: 23px;z-index: 2;
	transition: 0.8s;	-webkit-transition: 0.8s;	-moz-transition: 0.8s;	-ms-transition: 0.8s;	-o-transition: 0.8s;}
.header .menu-btn span.line1 {	top: 14px;}
.header .menu-btn span.line3 {top: 32px;}
.header .nav {width: 260px;	height: 100%;
	overflow: auto;
	float: right;
	position: fixed;
	right: -260px;
	top: 0;
	bottom: 0;
	z-index: 105;
	background: #fff;
	margin: 0;
	padding: 0 0 20px 0;
}
.header .nav .tit {
	display: block;
	font-size: 30px;
	font-weight: bold;
	color: #0070b2;
	text-align: center;
	padding: 30px 0;
}
.header .nav > ul > li {
	width: 100%;
	float: none;
	padding: 0;
	text-align: center;
}
.header .nav > ul > li.on > a:hover,
.header .nav > ul > li.on > a {
	color: #0070b2;
	border-bottom: solid 1px #0070b2;
}
.header .nav > ul > li > a {
	height: 50px;
	line-height: 50px;
	border-bottom: solid 1px #ddd;
}

.header .nav .sub {
	position: static;
	top: 0;
}
.header .nav .sub2 .list,
.header .nav .sub ul {
	float: none;
}
.header .nav .sub2,
.header .nav .sub1 {border-radius:0;background: #eee;}
.header .nav .sub1 li {
	float: none;
	margin-left: 0;
}
.header .nav .sub1 li.on a:hover,
.header .nav .sub1 li.on a{
	color: #0070b2;
}
.header .nav .sub1 a:hover,
.header .nav .sub1 a {
	height: 40px;
	line-height: 40px;
	color: #666;
	font-size: 12px;
}
.header .nav .sub2 .list .tit {
	font-size: 15px;
	padding: 14px 0;
}
.header .nav .sub2 .list > li {
	padding: 0;
	float: none;
	border-left: none;
	border-bottom: solid 1px #dddddd;
	margin: 0;
}
.header .nav .sub2 .list > li ul {
	margin-top: 10px;
}
.header .nav .sub2 .list > li li {
	min-width: 110px;
	float: none;
	margin-left: 0px;
	margin-bottom: 24px;
}
.header .nav .sub2 .list > li li i {
	height: 50px;
	line-height: 50px;
}
.header .nav .sub2 .list > li li a:hover {
	color: #666;
}
.wrapper.shiftLeft {
	margin-left: -200px;
}
.wrapper.shiftLeft .header {
	left: -260px;
	z-index: 105;
}
.wrapper.shiftLeft .header .nav {
	right: 0;
}
.wrapper.shiftLeft .menu-btn span.line1 {
	top: 23px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.wrapper.shiftLeft .menu-btn span.line2 {
	opacity: 0;
}
.wrapper.shiftLeft .menu-btn span.line3 {
	top: 23px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
.wrapper,
.wrapper .header,
.wrapper .header .nav {
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.banner .swiper-pagination {
	bottom: 10px;
}
.banner .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 3px;
}
.main .banner .text {
  font-size: 14px;
}
.main .banner .text .p1 {
  font-size: 20px;
}
.main .banner .text .p3 {
  margin-top: 20px;
}
.main .banner .text .p3 span {
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  padding: 0 14px;
  font-size: 14px;
}


.row {margin-right: 0px;margin-left: 0px; float:none;}
.f_bg { font-size: 12px;padding-top: 16px;}
.f_bg .f_div2_l {float: none; width: calc(100% - 0px);  width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px);}
.f_bg .links {display: none;}
.f_bg .f_div2_r {padding-top: 20px;  float: none;    text-align: center;    margin: 0 auto;}
.foot_a {  float: none;    text-align: center;}
.foot_a #online_pc {   display: none;}
.foot_a #online_moblie {    display: inline;}
.foot_a ul li.weixin a {background-image: url(../image/nfoot-ico2.png);}
.f_div3 {   font-size: 12px; float: none;    text-align: center;    margin: 0 auto;}
.f_div3  a{   font-size: 12px; }
.f_div3 .l {   float: none;}
.f_div3 .f_link2 {display: inline-block; line-height: 24px; vertical-align: top;}
.f_div3 .f_txt {text-align: center;}
.f_div3 .r {margin-top: 0px; float: none;    text-align: center;    margin: 0 auto;}

.main .pinpai { padding: 15px 0;}
.pinpai-left{width: 100%; order: 1; padding: 2%; position: relative; float: none;    text-align: center;    margin: 0 auto;}
.pinpai-left .ui-title {margin-bottom:0px;  font-size: 24px;}
.pinpai-left .offers-left-text {padding-top: 10px; padding-bottom: 20px; padding-right: 0px;}

.pinpai-right {width: 100%;order: 2;  padding-left: 0px; padding-top: 20px;  position: relative;}
.td {display: block; vertical-align: middle;}

.pinpai-left .btn-primary { padding: 16px 30px 16px;font: 300 13px Montserrat;}

.content-area {padding: 35px 0 20px;}
.main-title-2 h1 {font-size: 24px; margin-bottom: 10px;}

.advlist {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 50%; max-width: 50%;  position: relative;  min-height: 1px; padding-right: 5px; padding-left: 5px;}
.advantages-box h5 {font-size: 16px; margin-bottom: 5px;}
.advantages-box p {font-size: 12px; line-height:24px; max-height:70px; }
.advantages-box {margin: 0 0 10px 0;padding: 10px; border-radius: 5px;}

.services-area {padding-bottom: 30px; padding-top: 50px;}
.border-title h1 {font-size: 55px;line-height: 70px;top: 10px;margin-bottom: 0;}
.section-title {max-width: 300px;margin: 0 auto 10px;text-align: center!important;}
.section-title h2 {font-size: 24px;margin-bottom:15px;}

.services-box-text h2 { font-size: 16px; font-weight: 600; text-transform: uppercase;}
.services-box { padding: 25px 50px 25px 50px; margin-bottom:20px;}
.services-box-text a {font-size: 13px;}
.services-box-text a i {margin-left: 0px; font-size: 13px; font-weight: bold;}

.cta-area {min-height: 300px;}
.cta-area h3 {font-size: 24px;margin-bottom: 22px;color: #fff;}
.cta-area h6 {font-size: 15px;margin-bottom: 22px;color: #fff;}

.theme_btn {padding: 12px 35px 12px 35px;}

.category {padding-bottom: 20px;padding-top: 50px;}
.serviceslist {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;  position: relative;  min-height: 1px; padding-right: 20px; padding-left: 20px;}

.main .category .swiper-slide{ width: 100%; float: left; text-align: center; padding:5PX;}
.featured-title a{position: relative; overflow: hidden;    font-size: 15px; line-height: 28px; margin-bottom: 0px; }
.featured-imagebox-post.style1 {border: 8px solid #fff;}
.category .swiper-slide{ width: 100%; float: none; text-align: center; padding:8PX;}
.featured-imagebox-post.style1 .featured-content { padding: 5px 0 10px; }
.featured-imagebox-post.style1 .ttm-box-post-date {top: -68px;}
.ttm-btn {font-size: 12px; line-height: normal; padding: 5px 32px 5px 31px;}
.category .imore {height: 40px;line-height: 40px;font-size: 13px; transition: all 0.3s; margin-top: 3%;}


.page-header{ min-height: 250px;}
.page-header .rtop h5 {font-size: 30px; margin-bottom: 25px; color:#fff;}
.page-header .rtop h5 {color:#fff;}
.page-header .rtop{max-width: 100%; margin:0 auto; text-align:center;}
.page-header .rtop span{font-size: 14px;  color:#0070b2; font-style:normal; }
.page-header .rtop a{color:#c3c3c3;  }
.page-header .rtop a:hover{color:#0070b2;  }

.page-menu {display: none;}

.about {padding: 20px 0px 30px 0px;}
.width-50 {-webkit-box-flex: 0;-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.about .about-image{padding: 20px 0px 30px 0px;}
.text-left {text-align: left !important;}
.ui-title {margin-bottom: 15px; text-align:center;}
.ui-content{text-indent: 2em; line-height: 28px; padding-right: 0px;}
.ptb{padding: 30px 0px 0px 0px}


.pinpai-show{overflow: hidden; padding-top: 10px; }
.pinpai-box{display: table;}
.pinpai-show-l{background: #fff; display: table-cell; vertical-align: top; padding: 3.125%;}

.pinpai-show-l .img {float: none; margin-right: 0px; padding-bottom: 15px; max-width: 230px; text-align:center; margin: 0 auto;}
.pinpai-show-l .img  img {text-align:center; display: initial;}

.pinpai-show-l .fenxiang ul li {width: 100%; height: 40px; line-height: 40px; overflow: hidden; margin-right: 0px; padding-bottom: 15px; border-radius: 20px;}
.pinpai-show-l .fenxiang ul li:hover { background: #0070b2;; color: #fff}
.pinpai-show-l .fenxiang ul li a:hover{color: #fff}

.pinpailist .item {margin-bottom: 15px; webkit-box-flex: 0; -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%; position: relative; min-height: 1px; padding-right: 5px;padding-left: 5px;}
.pinpailist .item .pro {padding-bottom: 10px;}
.pinpailist .item .info .more {font-size: 12px;}
.pinpailist .item .info {padding: 0 20px;min-height: auto;}


.fuwu {padding: 20px 0px;}
.fuwu li .pic{width:100%; overflow:hidden;display:block;height:200px;}
.bgImg { background-position: center; background-size: cover;    position: relative;   transition: all 0.5s;    display: block;    width: 100%;    height: 100%;}
.fl {float: none;}
.fr {float: none;}
.fuwu li .txt{width:100%;padding:4%;position:relative;}
.fuwu li h4{font-size: 18px;font-weight:normal;position:relative;padding-bottom:10px;margin-bottom:10px;}
.fuwu li .txt .info{min-height:40px;}
.fuwu li .btn{text-align:center;display:inline-block;font-size:12px;font-family:Arial;margin-top:8px;width:40%;border:none;height:35px;line-height:35px;}
.fuwu li .more{background:#fff;color:#0070b2;margin-left:20px;}
.fuwu li:nth-child(2n) .txt{float:none;} 
.fuwu li:nth-child(2n) .pic{float:none;}

.col-lg-8 .news-header .title { font-size: 22px; line-height: 28px; color: #000;}



.faqList .tie{height:50px;line-height:50px;padding:0 0 0 45px;font-size:15px;background:#0070b2 url('../image/support_icon3.png') no-repeat 5px center;cursor:pointer;color:#fff;margin-bottom:15px;}
.faqList li{position:relative;margin-bottom:15px;}
.faqList li:after{content:''; position:absolute; top:6px; right:16px; display:block; width:30px; height:30px; background:#0070b2;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:18px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:11px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{font-size:13px; }
.faqList li div{display:none;padding:25px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;font-size:14px;background:#f5f5f5;}
.faqList .more {text-align:center; padding: 18px;}
.faqList .more a {line-height: 30px;border: 1px solid #d6d6d6;border-radius: 15px; padding: 8px 50px;}
.faqList .more a:hover{background:#0070b2; color:#fff; transition:all 0.3s;}





.lianxi{padding: 20px;overflow: hidden;}
.lianxi .lianxi-left{float:none; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.lianxi .lianxi-left #allmap {height: 290px;    line-height: 25px;    font-size: 13px;}

.lianxi .lianxi-right{float:none; -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; padding-left: 0px;}
.lianxi .lianxi-right .padding_top20 { padding-top: 20px;padding-left: 0px;}
.lianxi .lianxi-right .padding_top20 h3{ margin-bottom:10px;  font-weight: 400;  text-transform: capitalize;   font-size: 20px;    line-height: 20px;}
.lianxi .lianxi-right .sep{ margin-top: 15px;}

.lianxi .lianxi-right .featured{position: relative;  margin: 15px 0; width: 100%;}
.lianxi .lianxi-right .featured-icon{display: table-cell; vertical-align: middle;}
.lianxi .lianxi-right .featured-icon i{height: 67px; width: 67px;   line-height: 67px;    display: inline-block;    vertical-align: middle;    text-align: center;    border: 1px solid transparent;   position: relative;    transition: all 1s ease 0s;    -moz-transition: all 1s ease 0s;    -webkit-transition: all 1s ease 0s;    -o-transition: all 1s ease 0s;    box-sizing: content-box;    position: relative;}
.lianxi .lianxi-right .featured .ico1{background: url(../image/icon_01.png) no-repeat center;}
.lianxi .lianxi-right .featured .ico2{background: url(../image/icon_02.png) no-repeat center;}
.lianxi .lianxi-right .featured .ico3{background: url(../image/icon_03.png) no-repeat center;}

.lianxi .lianxi-right .featured-content{display: table-cell; vertical-align: middle;}
.lianxi .lianxi-right .featured-content h3{font-size: 16px; line-height: 26px; font-weight: 500;  text-transform: capitalize;}

.wrap-form {padding-top: 0px;}
.form .formm{padding: 10px;margin-bottom: 40px;}
.form .formm .title {text-align: center; position: relative; margin-bottom: 12px;}
.form .formm .title h3{margin-bottom: 5px; font-weight: 400; font-size: 20px; line-height: 35px;}

.col-md-4 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.col-md-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.col-lg-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.form .formm .fbtn{text-align: center!important; padding-top: 10px;}
.form .formm .ttm-btn{font-size: 13px; padding: 10px 30px 10px 30px;}
.wrap-form span.text-input {margin-bottom: 10px; }
textarea, input, select {padding: 5px 11px 5px; font-size: 12px;}


.new-details {padding: 30px 0;}
.col-lg-8 {flex: 0 0 auto; width: 100%;}
.col-lg-4 {flex: 0 0 auto; width: 100%;}
.widget-area {padding-left: 0px;}