@charset "utf-8";
/* CSS Document */

/* font family */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular_0.ttf');
}

html{ font-size:625%;}
body{ font-size:12px;}
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0;}
body,html,input,button,textarea{color:#444; font-family:'Microsoft Yahei', Roboto, Arial, Helvetica, sans-serif; line-height:1.5}
a{ color:#444}
a:hover{ color:#F70}
ul,li,ol,dl,dt,dd{ list-style:none; padding:0; margin:0;}
img{ max-width:100%}

.txt_4{ color:#0271c3}

.head{ width:100%; height:auto; background-color:#f2f2f2; padding:7px 0 6px 0;}
.head_1{ padding-top:2px;}
.head_2{ text-align:right;}
.head_2 span{ font-size:15px; color:#0271c3;}

.menu{ width:100%; position: absolute; z-index:9999;}
.banner{ position: relative; border-bottom:solid #ddd 2px;}
/*百度商桥*/
#newBridge .icon-right-bottom {
	bottom: 70px !important;
}

/* rslides */
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{ position:relative;z-index:100; margin-top:-36px; margin-bottom:15px; display:none}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:30px;
	width:30px;
	background:transparent url("../images/arrows.png") no-repeat left top;
	margin-top:-20px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

.menu_1{ padding-top:7px; text-align:center;}
/*.menu_pc ul li{ float:right}
.menu_pc ul li a{ display:block; padding:32px 16px 32px 16px; margin:0px 0 0 13px; font-size:14px; color:#fff}
.menu_pc ul li a:hover{ background-color:#fff; border-top:solid #0271c3 2px; color:#0271c3; text-decoration:none}*/

.menu_move{ display:none;}
.nav-xs{ display:none;}

/**/
.content_1{ width:100%; height:auto; margin-top:15px;}
.content_1a{ border:solid #ddd 1px;}
.content_1a_1{ width:100%; height:45px; border-bottom:solid #ddd 1px; font-size:14px; padding:10px 0 0 12px;}
.content_1a_2{ width:100%; height:auto; padding:6px 12px 0px 12px; min-height:166px; font-size:13px; line-height:26px;}
.content_1a_2 dl{ padding:8px 0 7px 0;}
.content_1a_2 dl dt{ float:left; font-weight:normal;}
.content_1a_2 dl dd{ float:right; color:#999}

.youshi_1{ text-align:center; padding-top:24px;}
.youshi_1 h2{ font-size:16px; margin-top:14px;}
.youshi_1 p{ font-size:13px; color:#888; padding:10px 15px 0 15px;}

.news{ padding-left:15px; padding-right:15px; padding-top:8px;}
.news1{ padding-top:3px; padding-bottom:4px;}

/**/
.swiper1 {
		width: 100%;
		border-bottom:solid #0271c3 1px;
	}
	.swiper1 .selected {
		color: #fff;
		background-color:#0271c3;
	}
	.swiper1 .swiper-slide {
		text-align: center;
		font-size: 14px;
		height: 44px;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		cursor: pointer;
	}
	.swiper2 {
		width: 100%;
	}
	.swiper2 .swiper-slide {
		height: calc(100vh - 50px);
		min-height: 166px;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
		padding:12px 15px 0 15px;
	}

.chaxun textarea{ width:100%; height:65px; border:solid #ddd 1px;}
.chaxun input[type="submit"]{ width:100%; height:28px; background-color:#0271c3; color:#fff; text-align:center; border:none; margin-top:7px;}

.login input[type="text"]{ width:100%; height:28px; border:solid #ddd 1px;}
.login input[type="password"]{ width:100%; height:28px; border:solid #ddd 1px;}
.login td{ padding-top:5px; padding-bottom:5px;}
.login a{ width:80px; height:28px; background-color:#0271c3; color:#fff; display:block; float:left; margin:8px 8px 0 0; text-align:center; padding-top:5px;}


/**/
.content_2a{ width:100%; height:auto; text-align:center; padding:20px 0 10px 0;}
.content_2a h2{ color:#0271c3; font-size:20px; margin-bottom:-2px;}
.content_2a p{ color:#aaa; font-family:Tahoma, Geneva, sans-serif; font-size:14px; margin-top:-6px;}
.content_2b{ width:100%; height:auto;}

/**/
.advantage_1{ width:100%; height:auto; border-bottom:solid #ddd 1px; padding:15px 0 10px 0;}
.advantage_1 em{ font-size:15px; font-style:normal}
.advantage_1 span{ color:#aaa; font-family:Tahoma, Geneva, sans-serif;}

.advantage_2{ width:100%; height:auto; padding-top:10px;}
.advantage_2a{ width:100%; height:auto; border:solid #ddd 1px; padding:10px; margin-top:8px; margin-bottom:8px;}
.advantage_2a:hover{ border:solid #F90 1px;}
.advantage_2a b{ font-size:13px; color:#0271c3}
.advantage_2a p{ color:#999; padding-top:3px; line-height:20px;}
.advantage_2a img{ margin:10px 0 0 2px;}
.advantage_2a a{ color:#0271c3}
.advantage_2a a:hover{ text-decoration:none; color:#F90}
.advantage_2a .more{ color:#f90}
/*.advantage_2a{ width:100%; height:auto; margin-top:8px; margin-bottom:8px; background-color:#f2f2f2}*/

/**/
.contact_1{ width:100%; height:auto; padding-top:12px;}
.contact_1 ul li{ color:#0271c3; font-size:18px; border-bottom:dashed #ddd 1px; padding:6px 0 8px 0;}
.contact_2{ width:100%; height:auto; padding-top:18px;}
.contact_2 img{ width:100%}

/**/
.link_1{ width:100%; height:auto; padding-top:8px;}
/*.link_1 ul li{ float:left; padding:12px 23px 5px 0;}*/
.link_1 img{ border:solid #ddd 1px; padding:1px; margin-top:12px; margin-bottom:5px; width:100%;}

.foot_1{ width:100%; height:auto; background-color:#333; margin-top:15px; padding-top:5px; padding-bottom:18px;}
.foot_1 dl{ float:left; margin:15px 58px 0 0px;}
.foot_1 dl dt{ color:#fff; font-size:15px; padding:2px 0 8px 0;}
.foot_1 dl dd{ padding:4px 0 6px 0;}
.foot_1 dl dd a{ color:#aaa;}
.foot_1 dl dd a:hover{ color:#FC0; text-decoration:none}
.foot_1 dl p{ padding-top:1px; line-height:24px; color:#aaa}

.foot_2{ width:100%; height:auto; background-color:#111; color:#fff; text-align:center; padding:12px 0 11px 0px;}


/**/
.banner_in{ min-height:260px; position: relative; border-bottom:solid #ddd 2px; background:url(../images/banner.jpg) center}

.location{ padding-top:12px; padding-bottom:10px;}

.left_1{ border:solid #ddd 1px; margin-bottom:15px;}
.left_1a{ width:100%; height:auto; border-bottom:solid #ddd 1px; padding:7px 0 7px 15px; color:#0271c3; font-size:15px; font-weight:bold;}
.left_1b{ width:100%; height:auto; padding:9px 15px 6px 15px;}
.left_1b ul li{ padding:3px 0 5px 0; font-size:13px;}
.left_1c{ padding:10px 15px 10px 15px; line-height:24px;}

.right_1{ width:100%; height:auto; border:solid #ddd 1px; padding:12px 15px 10px 15px; line-height:23px;}
.right_1a{ font-size:17px; padding:0px 0 10px 0; color:#0271c3}

.photo_1 img{ border:solid #ddd 5px; width:100%}
.photo_1 img:hover{ border:solid #0271c3 5px;}
.photo_1{ margin-top:2px; margin-bottom:10px;}

.page1{ width:100%; height:auto; margin-top:12px; padding-top:2px;}

.page li{ float:left}
.page li a{ display:block; padding:2px 8px 1px 8px; background-color:#eee; margin-right:5px; color:#666}
.page li a:hover{ background-color:#ddd; text-decoration:none; color:#0271c3}

.business_1{ width:100%; height:auto}

.strengthMain{height:auto;overflow:hidden;}
.strengthMain li{float:left; overflow:hidden;background:#111;position:relative; margin-top:5px; margin-bottom:15px; width:100%}
.strengthMain li img{ width:100%; transition:all .5s;opacity:0.4;filter:alpha(opacity=40);}
.strengthMain li .font{ width:100%; height:100%; top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px; padding-top:110px;}
.strengthMain li .font h3{font-size:16px;color:#Fd0;font-weight:normal;}
.strengthMain li p{ font-size:13px; color:#ccc; padding:10px 28px 0 28px;}
.strengthMain li:hover img{transform: scale(1.05, 1.05);}
.strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}

.contact_1{ width:100%; height:auto}

.feedback_1{ width:100%; height:auto}
.feedback_1 input[type="text"]{ width:100%; height:30px; border:solid #eee 1px; background-color:#f5f5f5; padding-left:30px; margin:5px 0 11px 0;}
.input_1{ background:url(../images/input_1.png) no-repeat left;}
.input_2{ background:url(../images/input_2.png) no-repeat left;}
.input_3{ background:url(../images/input_3.png) no-repeat left;}
.input_4{ background:url(../images/input_4.png) no-repeat left;}
.feedback_1 textarea{ width:100%; height:80px; border:solid #eee 1px; padding-left:30px; margin:3px 0 10px 0; background:url(../images/input_5.png) no-repeat left top; padding-top:4px; background-color:#f5f5f5}
.feedback_1 input[type="submit"]{ background-color:#0271c3; border:none; height:28px; color:#fff; text-align:center; padding:0px 10px 0 10px; margin-right:10px;}
.feedback_1 input[type="reset"]{ background-color:#0271c3; border:none; height:28px; color:#fff; text-align:center; padding:0px 10px 0 10px;}

.feedback_2{ border-top:solid #ddd 1px; margin-top:15px; padding:8px 0 0 0;}

.value_1{ width:100%; height:auto}

.news_in1{ width:100%; height:auto}
.news_in1 dl{ width:100%; height:auto; border-bottom:dashed #ddd 1px; padding:8px 0 8px 0}
.news_in1 dl dt{ float:left; font-weight:normal}
.news_in1 dl dd{ float:right; text-align:right; color:#999}

.news_in1 dl:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .news_in1 dl{zoom: 1;}
*:first-child + html .news_in1 dl{zoom: 1;}

.query_in1{ width:100%; height:auto; background:url(../images/bg_2.png) no-repeat center; min-height:320px; text-align:center}

.query_in1 textarea{ width:55%; height:160px; border:solid #e2e2e2 12px; margin:60px auto 0 auto;}
.query_in1 input[type="submit"]{ width:55%; height:32px; border:none; background-color:#0271c3; color:#fff; display:block; margin:8px auto 0 auto; text-align:center; padding-top:2px;}

.art_1{ font-size:15px; color:#2497e6; font-weight:bold; text-align:center; padding:5px 0px 6px 0px;}
.art_2{ background-color:#eee; height:auto; padding:4px 0px 4px 0px; color:#666; margin:12px 0px 0px 0px; text-align:center}
.art_3{ text-align:left; width:100%; padding:10px 0px 0px 0px;}

.advant_in1{ width:100%; height:auto;}
.advant_in1 h2{ text-align:center; color:#0271c3; font-size:14px; font-weight:bold; padding:4px 0 10px 0;}


/*.mod-header .nav {
    position: absolute;
    right: 120px;
    top: 0;
    padding: 28px 0;
    border-right: 1px solid #ececec;
}

.mod-header .nav {
    position: absolute;
    right: 120px;
    top: 0;
    padding: 28px 0;
    border-right: 1px solid #ececec;
}*/

/*.menu_pc ul li{ float:right}
.menu_pc ul li a{ display:block; padding:32px 16px 32px 16px; margin:0px 0 0 13px; font-size:14px; color:#fff}
.menu_pc ul li a:hover{ background-color:#f2f2f2; border-top:solid #0271c3 2px; color:#0271c3; text-decoration:none}*/

.fixed{ position:fixed; top:0; z-index:888; background-color:#333; border-bottom:solid #ddd 1px;}
.fixed ul li a:hover{ border-top:none}
.fixed .menu_1 img{ width:72%}

/*.mod-header .nav > li {
    float: right;
}

.mod-header .nav > li > a {
    display:block; padding:32px 16px 32px 16px; margin:0px 0 0 13px; font-size:14px; color:#fff;
}

.mod-header .nav > li.active > a, .mod-header .nav > li.active > a:hover {
    background-color:#fff; border-top:solid #0271c3 2px; color:#0271c3; text-decoration:none;
}

.mod-header .nav > li > a:hover {
    background-color:#fff; border-top:solid #0271c3 2px; color:#0271c3; text-decoration:none;
}

.mod-header .nav .sub-nav {
    opacity: 0;
    display: none;
    filter: alpha(opacity=0);
    position: absolute;
    border-top: 2px solid #ff6d01;
    background: #f9f9f9;
    z-index: 1000;
	width:100%;
}

.mod-header .nav .sub-nav:after {
    content: "";
    color: #ff0000;
    position: absolute;
    top: -14px;
    left: 50%;
    height: 6px;
    width: 6px;
    margin-left: -6px;
    z-index: 1100;
    overflow: hidden ;
    border-width: 6px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #ff6d01;
}

.mod-header .nav .sub-nav > li > a {
    display: block;
    padding: 10px 24px;
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #f1f1f1;
    color: #333;
    text-decoration: none;
}

.mod-header .nav .sub-nav > li > a:hover {
    color: #fff;
    background: #ff6d01;
    border-top-color: #ff6d01;
}

.mod-header .nav > .new:after {
    content: "新";
    text-align: center;
    line-height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    background: #f00;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 9px;
}

.mod-header .nav-start-btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 20px;
    margin: 24px 0;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
}*/

.cang_1 input[type="text"]{ width:100%; height:28px; background-color:#f6f6f6; border:solid #eee 1px; margin:6px 0 10px 0;}
.cang_1 textarea{ width:100%; height:88px; background-color:#f6f6f6; border:solid #eee 1px; margin:6px 0 10px 0;}
.cang_1 select{ margin:6px 0 10px 0;}
.cang_1 input[type="submit"]{ width:120px; height:28px; background-color:#0271c3; color:#fff; margin:2px 0 0px 0; border:none;}

/*.menu_pc ul li{ float:right}
.menu_pc ul li a{ display:block; padding:32px 16px 32px 16px; margin:0px 0 0 13px; font-size:14px; color:#fff}
.menu_pc ul li a:hover{ background-color:#f2f2f2; border-top:solid #0271c3 2px; color:#0271c3; text-decoration:none}*/


#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
}
/*#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #009ae1;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}*/
#cssmenu > ul > li {
  float: right;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding:34px 18px 32px 18px; margin:0px 0 0 0px; font-size:16px; color:#fff;
  text-decoration: none;
  text-transform: uppercase
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #f90;
  background-color:#fff;
  border-top:solid #009ae1 2px;
}
#cssmenu > ul > li.has-sub > a {
  
}
/*#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #009ae1;
}*/
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul{ background-color:#fff; padding:0px 5px 6px 5px; width:100%}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: auto;
  padding:4px 0 5px 0;
  border-bottom:dotted #ddd 1px;
  text-align:center;
}
#cssmenu ul ul li a {
  font-size: 12px;
  background: #fff;
  text-decoration: none;
  color: #444;
  line-height:20px;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #f90;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #000000;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #000000;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #000000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}


.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px; line-height:28px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}

/*gotop*/
.cbbfixed {position: fixed;right: 10px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color: #0271c3;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images/side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#2c2d2e;}
.cbbfixed .cweixin {background: #dadbdd; display:none;}
.cbbfixed .cweixin div {background: url(../images/erwei.png);width: 192px;height: 192px;position: absolute;left: -194px;top: -115px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .cweixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .cweixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(../images/side-icon01.png);}

/**/
.queryinfo{ width:100%; background-color:#fff}
.queryinfo h3{ font-size:18px; padding:15px 0 20px 0}

/**/
.advant_item{ text-align:center; margin-top:26px;}
.advant_item img{ border:solid #ddd 1px; padding:1px;}
.advant_item h3{ font-size:16px; padding-top:10px;}

/**/
.advant_w1{ margin-top:15px;}
.advant_w1 img{ width:100%}
.advant_w1 dl{ margin-top:35px;}
.advant_w1 dl dt{ font-size:22px;}
.advant_w1 dl dd{ font-size:18px; margin-top:10px;}
.advant_w1_text{ padding-top:20px;}

/**/
.web_block{ width:100%; height:15px;}

.intro_company .advantage_2{ margin-top:10px; font-size:14px; line-height:26px;}

/**/
.left_intro{ width:152px; border:solid #ddd 1px; position:fixed; top:118px; left:0; background-color:#fff}


@media (max-width:768px)
{
	.head{ text-align:center}
	.head_2{ text-align:center; padding:5px 0 1px 0;}
	
	.menu{ position:relative; background-color:#333}
	.menu_pc{ display:none;}
	
	.nav-xs{ display:block;}
	.menu_1{ padding-bottom:10px;}
	
	.content_1a{ margin-bottom:14px;}
	
	.query_in1 textarea{ width:100%; margin:5px auto 0 auto;}
    .query_in1 input[type="submit"]{ width:100%;}
	
	.query_in1{ min-height:0}
	}

@media (min-width:768px) and (max-width:992px)
{
	.menu{ position:relative; background-color:#333}
	.menu_pc{ display:none;}
	
	.nav-xs{ display:block;}
	.menu_1{ padding-bottom:10px;}
	/*.menu_move{ display:block; text-align:center}
	.menu_pc{ display:none;}
	
	.menu_move ul li{ display:inline-block;}
	.menu_move ul li a{ display:block; padding:12px 9px 12px 9px; font-size:14px; color:#fff}
	.menu_move ul li a:hover{ background-color:#fff; color:#0271c3; text-decoration:none}
	
	.menu_1{ padding:10px 0 10px 0;}*/
	}

@media (min-width:992px) and (max-width:1200px)
{
	.menu{ position:relative; background-color:#333}
	.menu_pc ul li a:hover{ border-top:solid #0271c3 0px;}
	.menu_pc ul li a{ padding:32px 8px 32px 8px; margin:0px 0 0 8px; font-size:14px;}
	}