@charset "utf-8";
/* CSS Document */
@font-face {
   font-family:'Roboto';
   src:url(../fonts/Roboto-Regular_0.ttf) format('truetype');
   font-family:'Haettenschweiler';
   src:url(../fonts/HATTEN.TTF) format('truetype');
}

body{ color:#383838; font-family:'Roboto', Tahoma, Geneva, sans-serif; font-size:13px; line-height:24px;}
a{ color:#383838}
a:hover{ color:#F70}
ul,li,ol,dl,dt,dd{ list-style:none; margin:0px; padding:0px;}

.txt_1{ color:#306ceb; font-size:20px;}
.txt_2{ color:#999; font-size:14px}
.txt_3{ color:#306ceb; font-size:26px; font-variant:small-caps; font-weight:bold}
.txt_4{ color:#fff; font-size:32px; font-family:'Haettenschweiler';}

.f_l{ float:left}

.bak_1{ margin-top:12px;}

header{ width:100%; height:auto; background-color:#306ceb; border-bottom:solid #ddd 2px; color:#fff; padding:10px 0 10px 0;}
.head_1 span{ font-size:13px; display:none}
.head_2{ color:#fff; font-size:15px; text-align:right;}
.head_3{ display:none;}
.head_2 a{ color:#fff}
.head_2 span a{ color:#fc0; font-size:13px;}

nav{ padding:15px 0 15px 0;}
nav .logo img{ margin-left:10px;}
/*.nav_pc ul li{ float:right;}
.nav_pc ul li a{ height:39px; display:block; font-size:15px; line-height:38px; padding:0px 19px 0px 19px; margin:10px 0px 0px 22px;}
.nav_pc ul li a:hover{ background-color:#306ceb; color:#fff; text-decoration:none;}*/


.drawer{ display:none;}
.menu ul li{ float:right}
.menu ul li a{ display:block; font-size:15px; padding:8px 17px 8px 17px; margin:20px 0px 0px 15px!important;}
.menu ul li a:hover{ background-color:#306ceb; color:#fff; text-decoration:none;}
.menu .ahover a{ background-color:#306ceb; color:#fff;}

.banner{ border-top:solid #eee 1px; border-bottom:solid #eee 1px;}

.index_banner{position:relative; height:auto}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:auto;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:10px;left:50%;z-index:999;display:block;margin-left:-90px;width:auto;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:40px;height:8px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#306ceb;cursor:default;}

/* fullSlide */
.fullSlide{width:100%;position:relative;height:450px;border-top:solid #eee 1px; border-bottom:solid #eee 1px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:450px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:450px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

.list_b{ width:210px; height:48px; background-color:#dddddd; margin-top:-48px; position:relative; z-index:99; margin-bottom:12px; line-height:48px; text-align:center}

.list{ padding:8px 15px 8px 15px; font-weight:bold;}
.list .list_1{ border:solid #ddd 1px; text-align:center; line-height:18px; padding:7px 0 7px 0; background-color:#306ceb; color:#fff; margin-top:15px;}
.list .list_1 a{ color:#fff}
.list .list_1:hover{ background-color:#fff;}
.list .list_1:hover a{ color:#306ceb}

.pro{ margin-top:5px;}
.pro img{ width:100%; border:solid #ddd 1px; margin-bottom:6px; margin-top:11px;}
.pro img:hover{ border:solid #306ceb 1px;}
.pro .pro_1{ text-align:center; line-height:18px;}

.more a{ width:125px; height:36px; background-color:#306ceb; border-radius:5px; display:block; color:#fff; font-size:15px; text-align:center; line-height:36px; margin:23px auto 0 auto;}
.more a:hover{ border:solid #306ceb 1px; color:#306ceb; background-color:#fff; line-height:32px; text-decoration:none}

/**/
.content_1{ width:100%; height:auto; background-color:#f3f3f3; margin-top:35px; padding:12px 0 22px 0;}
.content_1a{ line-height:20px; padding:25px 0 18px 0}

.advant_1 img{ width:100%; margin-top:3px;}
.advant_2{ }
.advant_2 b{ color:#306ceb; font-size:14px}
.advant_2 p{ line-height:20px; color:#777; padding:4px 0 0 0;}

.advant_0{ padding:9px 15px 9px 15px; height:185px;}

.content_1b{ width:100%; height:17px; background:url(../images/bg_1.jpg) no-repeat center}

/**/
.content_2a{ background:url(../images/bg_2.jpg) no-repeat center bottom; text-align:center; padding:10px 0 15px 0; margin-top:22px; margin-bottom:8px;}

.intro_1 img{ width:100%; margin:7px 0 0 0;}
.intro_1{ padding-top:18px;}
.intro_2{ padding-top:18px;}

/**/
.content_3{ width:100%; min-height:250px; background:url(../images/bg_3.jpg) no-repeat center; margin-top:28px; padding-top:45px;}

.content_3 p{ color:#fff; width:670px; line-height:24px; color:#d3d3d3; font-size:16px; padding:12px 0 0 0;}
.content_3 a{ width:127px; height:37px; background-color:#efac02; color:#fff; font-size:16px; line-height:36px; text-align:center; display:block; border-radius:6px; margin-top:16px;}
.content_3 a:hover{ background:none; border:solid #efac02 1px; color:#efac02; text-decoration:none;}

/**/
.contact_1{ font-size:14px; line-height:26px; padding:18px 0 0 0;}

.contact_2 p{ color:#306ceb; font-size:16px; padding:18px 0 0 0;}

.contact_2{ font-size:14px;}
.input_1{ width:96%; height:32px; border:solid #ddd 1px; margin-top:6px; border-radius:5px; background-color:#f5f5f5; padding-left:5px;}
.input_2{ width:98%; height:89px; border:solid #ddd 1px; margin-top:6px; border-radius:5px; background-color:#f5f5f5; padding-left:5px;}
.input_3{ width:112px; height:auto; background-color:#333; color:#fff; border:0; text-align:center; padding:5px 0 5px 0}

.feedback{ padding:5px 0 7px 0;}

/**/
.foot{ width:100%; height:auto; background-color:#333; margin-top:18px; text-align:center; color:#f3f3f3; padding:10px 0 10px 0; font-size:13px;}

/**/
.contact_fix{ display:none;}


/**/
.banner_in{ width:100%; height:260px; border-top:solid #e2e2e2 1px; background:url(../images/banner.jpg) no-repeat center}

.banner_in1{ background:url(../images/banner_in1.jpg) no-repeat center}
.banner_in2{ background:url(../images/banner_in2.jpg) no-repeat center}
.banner_in3{ background:url(../images/banner_in3.jpg) no-repeat center}
.banner_in4{ background:url(../images/banner_in4.jpg) no-repeat center}
.banner_in5{ background:url(../images/banner_in5.jpg) no-repeat center}
.banner_in6{ background:url(../images/banner_in6.jpg) no-repeat center}

.cont_in1{ border-bottom:solid #ddd 1px; padding:14px 0 10px 0; font-size:13px; margin-bottom:18px;}

/*.list_in ul li a{ width:100%; height:auto; text-align:left; background-color:#f2f2f2; display:block; font-size:14px; line-height:20px; padding:7px 0px 7px 15px; margin:0px 0 3px 0;}
.list_in ul li a:hover{ background-color:#306ceb; color:#fff}*/

.list_in dl dt a{ width:100%; height:auto; text-align:left; background-color:#306ceb; display:block; font-size:14px; line-height:20px; padding:7px 0px 7px 15px; margin:0px 0 3px 0; color:#fff}
.list_in dl dt a:hover{ color:#FC0}
.list_in dl dd a{ width:100%; height:auto; text-align:left; background-color:#f3f3f3; display:block; line-height:20px; padding:7px 0px 7px 15px; margin:0px 0 3px 0;}
.list_in dl dd a:hover{ background-color:#dfdfdf;}

.pro_in img{ width:100%; margin-bottom:6px; border:solid #ddd 1px; padding:1px;}
.pro_in img:hover{ border:solid #FC0 1px;}
.pro_in{ text-align:center; line-height:20px; padding-bottom:16px; height:251px; overflow:hidden;}

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

/**/
.about_in h2{ width:28%; height:auto; background-color:#306ceb; border-radius:5px; margin:0; text-align:center; font-size:15px; color:#fff; padding:7px 0 7px 0;}
.about_1{ margin:10px 0 10px 0;}

.about_in2 img{ width:100%; margin:7px 0 7px 0;}


.contact_in1 p{ color:#306ceb; font-size:16px; padding:18px 0 0 0;}

.contact_in1{ font-size:14px;}

.contact_in2{ font-size:14px; line-height:28px; margin:10px 0 16px 0;}

/**/
.list_in2{ border:solid #eee 1px; padding:1px 0 12px 0;}
.list_in2a{ border-left:solid #306ceb 2px; margin:20px 0 10px 0;}
.list_in2a1{ width:86%; margin:auto; padding:2px 0 2px 0;}
.list_in2a1 img{ max-width:100%}

.about_list ul li{ border-bottom:dotted #e5e5e5 1px; padding:5px 0 6px 0; font-weight:bold;}
.about_list ul li.active a{ color:#306ceb}

.honor img{ width:100%; margin:8px 0 8px 0;}
.honor{ text-align:center}

.honor_1 img{ width:100%; margin:10px 0 10px 0;}

.video_in1 img{ width:100%; margin-bottom:3px; border:solid #ddd 1px; padding:1px;}
.video_in1 img:hover{ border:solid #FC0 1px;}
.video_in2{ text-align:center; padding-bottom:6px; font-size:14px; line-height:20px; height:260px;}
.video_in2 img{ margin-bottom:8px; width:100%; height:179px;}
.video_in3{ text-align:center;}
.video_in4 embed{ margin:auto; border:solid #ddd 1px; padding:2px;}
.video_in4{ text-align:center;}
.video_in4 p{ font-size:14px; padding:6px 0 10px 0;}

.hoverbox
{
	cursor: default;
	list-style: none;
	padding:8px 0 0 0;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -13px;
	left: 0px;
	z-index: 1;
	width:140%}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
}

.hoverbox .preview
{
	border-color: #f30;
}

.case_1 img{ width:100%; border:solid #eee 1px; padding:1px;}
.case_2{ padding-left:5px;}
.case_2 b{ font-size:14px;}
.case_2 p{ padding:5px 0 0 0; color:#888; line-height:21px;}
.case_2 .more{ width:86px; height:28px; background-color:#306ceb; color:#fff; display:block; text-align:center; line-height:27px; border-radius:5px;}
.case_list{ margin-bottom:10px;}
.case_list img{ width:100%; margin-bottom:15px;}
.case_list_a{ margin:0px 0 5px 0;}


#showbox { background:#f4f4f4;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}
#showsum p{ width:auto;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

.pro_in1{ padding-left:5px;}

.pro_in1 h2{ font-size:18px; color:#306ceb; margin-top:8px; line-height:22px;}
.pro_in1 b{ font-size:14px;}
.pro_in1 p{ color:#777; line-height:20px; padding:6px 0 6px 0;}
.pro_in1 .more{ width:160px; height:30px; background-color:#306ceb; text-align:center; line-height:28px; color:#fff; display:block}

.pro_in2{ width:32%; height:auto; background-color:#306ceb; border-radius:5px; margin:0; text-align:center; font-size:15px; color:#fff; padding:7px 0 7px 0; margin-top:20px;}

.pro_in3{ padding:8px 0 5px 0; white-space: normal;}
.pro_in3 img{ width:100%; max-width:100%}
.pro_in3 tr{ height:auto!important}
.pro_in3 td{ border:solid #ddd 1px!important; height:auto!important; padding:5px 5px 5px 5px!important;}
.pro_in3 table{ width:100%!important; height:auto!important}

.dede_pages{
text-align:left; margin-top:6px; width:100%; clear:both;
}
.dede_pages:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;} 
* html .dede_pages{zoom: 1;}
*:first-child + html .dede_pages{zoom: 1;}
.dede_pages ul{
	float:left;
	padding:0px 0px 12px 0px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
	padding:2px 2px 2px 2px;
	margin-top:12px;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px 4px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:4px 7px 4px 7px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle; max-width:100%}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:53px;margin:0 6px 0 0;overflow:hidden;}
/*.tb-s310,.tb-s310 a{height:310px;width:310px;}*/
.tb-s310,.tb-s310 img{ max-width:100%;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40,.tb-s40 a{height:53px;width:70px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{ border:solid #2d7904 2px; height:53px; width:70px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.box_mm{ display:none;}

.pro_img img{ width:100%; border:solid #ddd 1px; margin:15px 0 6px 0;}

.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left; margin:15px 0px 0px 0px;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel .owl-item img{ width:98%; margin:auto;}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.owl-theme .owl-controls{margin-top: 10px;text-align: center;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}


/**/
.list_in .first {
	border-bottom: 1px solid #ccc;
	background-color:#306ceb;
	font-size:15px;
	color:#fff;
	width:100%;
}
.list_in .first a{ color:#fff}
.list_in .first ul li a{ color:#333}
.list_in .first ul li a:hover{ color:#f60}
.fa-bars{ margin-top:2px; display:none}
.list_in .d-firstNav span {
  display: inline-block;
}
.list_in .d-firstNav i.fr {
  font-size: 18px;
  margin-top:-35px;
  float:right;
  /*display:none;*/
}
.list_in .s-secondNav,
.list_in .s-secondItem {

}
.d-firstNav{ padding:7px 10px 7px 14px;}
.s-secondNav:hover,.d-firstNav:hover{
	background-color:#c1d51e;cursor: pointer
}
.list_in .d-secondDrop {
  margin-left: 100px;
  margin-top: 10px;
}
.iconRotate {
  transform: rotate(90deg);
  transition: transform 0.5s;
}
.s-firstDrop,
.s-secondDrop {
  display: none;
  border-top: 1px solid #ccc;
}
.s-secondItem{ border-bottom:dotted #d2d2d2 1px; padding:8px 12px 8px 18px; font-size:14px; background-color:#eee; line-height:18px;}
.fa-minus-square-o{ margin-top:4px; margin-right:8px;}


/**/
#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;
  text-align:right;
}
#cssmenu ul li li a{ text-align:center}
#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;
  line-height: 1;
}
#cssmenu > ul > li {
	display:inline-block;
}
#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: right;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  font-size:18px;
  text-transform:uppercase;
  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;
  padding:8px 19px 8px 19px;
  margin-top:24px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  background-color:#306ceb;
  color:#fff;
}
#cssmenu ul .cur a{ background-color:#306ceb; color:#fff;}
#cssmenu ul .cur li a{ background:none; color:#444;}

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul{ padding:3px 5px 6px 5px; width:100%; background-color:#f2f2f2; z-index:9999}
#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:6px 0 6px 0;
  border-bottom:dotted #ddd 1px;
  text-align:center;
}
#cssmenu ul ul li a {
  font-size: 12px;
  text-decoration: none;
  color: #333;
  line-height:18px;
  -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: #fc0;
}
#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;
  }
}

/**/
.news_list{ width:100%; border-bottom:dashed #ddd 1px; padding-bottom:15px; margin-bottom:15px;}
.news_list img{ width:100%}
.news_list h3{ font-size:16px; margin-top:12px;}
.news_list h4{ font-size:13px; margin-top:8px; color:#888}
.news_list p{ font-size:14px; line-height:22px; color:#777; padding-bottom:2px;}
.news_list .more{ width:100px; display:block; background-color:#306ceb; text-align:center; color:#fff; padding:2px 0 2px 0}

.newsinfo_1{ font-size:20px; text-align:center; color:#306ceb; padding-top:14px;}
.newsinfo_2{ width:100%; font-size:15px; line-height:24px; padding-top:14px;}

/**/
.newsinfo_next{ border-top:solid #ddd 1px; border-bottom:solid #ddd 1px; margin-top:22px; padding-top:10px; font-weight:bold; background-color:#f2f2f2; padding-left:15px;}
.newsinfo_next a{ font-weight:normal; color:#306ceb; font-size:14px;}

/**/
.selected-solution .solution-cardlist{max-width:1200px;margin:20px auto 0}
.swiper-slide,.swiper-wrapper{height:500px!important}
.selected-solution .solution-cardlist .col-sm-4{ top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height:420px;background:#fff;border-radius:6px;text-align:left;overflow:hidden;transition:all .15s linear;box-shadow:0 10px 10px 0 rgba(0,0,0,.1)}
.selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:-20px;transition:all .25s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height:450px;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:auto;height:200px;transition:all .2s linear; width:100%}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:18px;color:#252b3a;letter-spacing:.65px;text-align:left}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h6{ margin:5px 10px 5px 30px; color:#666}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px;padding-bottom:30px;font-size:14px;color:#666a75;letter-spacing:.51px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible}
.cf:after,.cf:before{content:" ";display:table;line-height:0}
.cf:after{clear:both}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;letter-spacing:.51px;line-height:19px;position:relative}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;color:#a0a2a8;letter-spacing:.44px;line-height:20px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 30px 0;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:0;transition:opacity .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}

.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span{display:inline-block;vertical-align:middle}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f{width:13px;height:13px;background:url(../images/marketplace-selected-arrow0.svg);display:inline-block;vertical-align:middle;margin-left:5px;position:relative;transition:.3s ease-out}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover{color:#e6c16c}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);background:url(../images/marketplace-selected-arrow2.svg)}

.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:15px}
.solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#dfe1f1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#306ceb;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:0;width:14.5px;height:30px;margin-top:0;background-image:url(../images/marketplace-home-arrow_big.svg);background-size:cover;transition:background-image .15s; display:none}
.swiper-container-solution .swiper-button-next{right:0;width:14.5px;height:30px;margin-top:0;background-image:url(../images/marketplace-home-arrow_big.svg);transform:rotate(180deg);background-size:cover;transition:background-image .15s; display:none}
.swiper-container-solution .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{background-image:url(../images/marketplace-home-arrow_big_hover.svg);transition:background-image .2s}

.news_index_xs{ display:none}

.pinfo_xs{ display:none}

/**/
.side{position:fixed;width:54px;height:275px;right:0;top:30%;z-index:100; z-index: 9999999;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #fff;line-height: 54px;margin-bottom:5px;border-radius: 5px 5px}
.side ul li .sidebox{position:absolute;width:54px;height:54px;text-align:center;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "寰蒋闆呴粦";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ff6600;opacity:1;filter:Alpha(opacity=100);}
.side ul li .sidebox:hover{background: #ff6600}
.side ul li .sidebox i{padding-right: 15px;padding-left: 17px;font-size:24px}
.side ul li img {padding-left:5px}

/**/
.con_code{ padding:5px 0 10px 0; text-align:center}
.con_code img{ width:100%}
.con_code h3{ font-size:15px; margin-top:10px; margin-bottom:0px;}

/**/
.pagination{ text-align:center; margin:25px auto 0px auto; display:block; padding-top:10px;}
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num{ text-align:center; margin-left:3px;}

.page-num, .page-link {
	position: relative;
	padding: 4px 10px 4px 10px;
	color: #306ceb;
	border: 1px solid #306ceb;
	text-decoration:none;
	font-size:12px;
	margin-top:12px;
	display:inline-block;
	min-height:30px !important;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #306ceb;
	border-color: #306ceb;
}
.page-num-current:hover {
	color: #fff;
}
.text-secondary{ padding-top:20px;}

/**/
.video_content {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video_content iframe,
.video_content object,
.video_content embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video_title{ text-align:center; font-size:16px; padding-top:10px}

/**/
.successful{ text-align:left}
.successful h3{ font-size:22px; padding-top:15px;}
.successful p{ font-size:14px; padding-top:2px;}
.successful p span{ color:#F30}

/**/
.about_more a{ margin:25px 0 0 0}

.about_video video{ width:100%; margin-top:33px;}

/**/
.list_in{width: 100%; padding:0; margin-bottom:30px}
.list_in .yiji{ margin:0; border:1px solid #e6e6e6}
.list_in .list-text{
    font-size:20px;
    display: block;
    color: #FFF;
	text-align:center;
    text-transform: uppercase;
    padding: 24px 16px;
	font-weight:bold;
	 background-color:#007471
}
.list_in ul li{font-size:15px; 
	display:block; 
	padding:12px 10px 12px 10px; 
	position: relative;
	border-bottom:1px solid #ddd; 
	transition: all 0.8s ease;
	background-color:#306ceb;
	line-height:20px;
}
.list_in ul li a{ color:#fff}

.list_in ul li:hover{cursor: pointer; color:#007471}
.list_in ul li .inactive i{position:absolute;left:12px;top:8px;width:23px;height:23px;cursor:pointer}
.list_in ul li .inactive i:before{content:'';display:block;width:16px;height:2px;background:#fed101;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:2px}
.list_in ul li .inactive i:after{content:'';display:block;width:2px;height:16px;background:#fed101;position:absolute;left:50%;margin-left:-1px;top:50%;margin-top:-5px}

.list_in ul li ul{display:none; padding:10px 0 15px 0; margin-top:20px; background-color:#fff;}
.list_in ul li ul li {border-left:0; border-right:0; border-bottom:none; background-color:#fff; padding:7px 5px 7px 15px;}
.list_in ul li ul li:hover{color:#007471; background-color:#fff;}
.list_in ul li ul li ul{display:none;}
.list_in ul li ul li ul last{font-size:16px;}
.list_in ul li ul li a{font-weight:normal; border:none; font-size:14px; color:#666; padding-bottom:15px; padding-left:0px}
.list_in ul li ul li a:hover{ color:#306ceb}
.list_in ul li ul li ul li{padding:10!important}
.list_in ul li ul li ul li a{color:#000!important;} 
.list_in ul li span {padding-right:30px}
.list_in ul .li-show:hover i::after{display:none}
/*.ul-active>li .li-dis>li>a::before {
    content: '-';
    display: block;
    position: absolute;
    left: 0;
}*/
.list_in ul li ul li a.active{ color:#306ceb}

.about_video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  /*max-width: 640px;
  max-height: 360px;
  margin: 0 auto;*/
  margin-top:30px;
}

.about_video iframe,
.about_video object,
.about_video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/**/
.pro_in3 td p{ margin-bottom:0}
.pro_in3 td{ padding:6px 0 6px 0}

@media (max-width:768px)
{
	.head_1{ text-align:center}
	.head_2{ display:none;}
	.head_3{ display:block; text-align:center; padding:8px 0 3px 0; line-height:18px; color:#fff; font-size:15px; line-height:30px;}
	.head_3 a{ color:#fff}
	
	.intro_2{ height:178px; overflow:hidden;}
	
	.logo{ text-align:center}
	nav{ border-bottom:solid #ddd 2px;}
		
	.content_3 p{ width:86%}
	.content_3{ background-repeat:repeat-y; padding-bottom:20px;}
	
	.contact_1{ padding-left:15px; padding-right:15px;}
	
	.contact_fix{ display:block}
	
	.foot{ margin-bottom:70px;}
	
	.contact_fix{ width:100%; height:70px; position:fixed; bottom:0; background-color:#306ceb; border-top:solid #ddd 2px; padding:13px 0px 13px 0px;}
	.contact_fix td{ text-align:center}
	.contact_fix a{ color:#fff}
	.contact_fix a:hover{ color:#FC0}
	
	.menu{ display:none;}
	
	.drawer{ display:block;}
	
	.list_b{ display:none;}
	
	.list_in{ margin-bottom:14px;}
	
	#carousel_inner{ width:82%}
	
	.about_in{ padding-top:11px;}
	
	.input_1{ width:100%; margin-bottom:6px;}
    .input_2{ width:100%; margin-bottom:6px;}
	
	.992reviw{ width:400px; margin:auto}
	
	.pro_in1{ padding-left:15px; padding-top:8px; padding-bottom:8px;}
	
	.box{ display:none;}
	
	.box_mm{ display:block;}
	
	.box_mm img{ width:100%; border:solid #ddd 1px; margin-top:8px; padding:2px; margin-top:10px;}
	
	.case_list img{ margin-top:15px;}
	
	.pro_in{ height:auto;}
	
	.video_in2{ height:auto; margin-top:12px;}
	
	.selected-solution .solution-cardlist .col-sm-4 .solution-card{ width:auto}
	.swiper-container-solution{ display:none;}
	
	.news_index_xs{ display:block}
	.news_index_xs dl dt h3{ font-size:14px;}
	.news_index_xs dl dd{ color:#777;}
	
	.pinfo_xs{ display:block}
	.pinfo_pc{ display:none}
	
	.banner_in{ display:none;}
	}

@media (min-width:768px) and (max-width:992px)
{
	.head_1{ text-align:center}
	.head_2{ text-align:center; padding:8px 0 3px 0;}
	
	.intro_2{ height:200px; overflow:hidden;}
	
	nav{ border-bottom:solid #ddd 2px;}
	
	.menu{ display:none;}
	
	.drawer{ display:block;}
	
	#carousel_inner{ width:85.4%}
	
	.992reviw{ width:400px; margin:auto}
	
	.pro_in1{ padding-left:15px; padding-top:8px; padding-bottom:8px;}
	
	.box{ display:none;}
	
	.box_mm{ display:block;}
	
	.box_mm img{ width:100%; border:solid #ddd 1px; margin-bottom:8px; padding:2px;}
	
	#cssmenu > ul > li > a {font-size:13px; padding:8px 8px 8px 8px; margin-top:24px;}
	.menu-pc{ display:none;}
	
	.video_in2{ height:auto;}
	}

@media (min-width:992px) and (max-width:1200px)
{
	.head_1 span{ display:none;}
	
	.menu ul li a{ font-size:15px; padding:8px 7px 8px 7px; margin:18px 0px 0px 9px;}
	
	#carousel_inner{ width:89%}
	
	.pro_in1{ padding-left:10px;}
	
	#cssmenu > ul > li > a {font-size:15px; padding:8px 12px 8px 12px;}
	
	.head_1{ display:none}
	.head_2{ text-align:center}
	}

@media (min-width:1200px)
{
	
	}