@charset "utf-8";
/* CSS Document */
@font-face {
   font-family: 'Segoe UI';
   src: url(../fonts/segoeui.ttf) format('truetype');
   font-family: 'Franklin Gothic';
   src: url(../fonts/FranklinGothic_DemiCond.woff.ttf) format('truetype');
   font-family: 'Geometr';
   src: url(../fonts/tt0524m_.ttf) format('truetype');
}

body{ font-family: "Microsoft YaHei",Tahoma, Geneva, sans-serif; color:#333}
img{ max-width:100%}
ul,li,dl,dt,dd,ol,p{ list-style:none; margin:0px; padding:0px;}
h1,h2,h2,h3{ margin:0px; padding:0px;}
a{ color:#333}
a:hover{ color:#f90; transform: scale(1.0); transition: all 0.3s linear;}

.BMap_Marker div img{max-width:initial}
.BMapLabel{max-width:initial}
.BMap_pop img{max-width:initial}
.BMap_shadow img{max-width:initial}

.fl{ float:left}
.fr{ float:right;}

.f_r{ float:right}

.block_1{ margin-top:4px;}

.top{ width:100%; background-color:#f4f4f4; border-bottom:solid #ddd 1px; padding:8px 0 9px 0}
.top .top_2{ text-align:right;}

.header_2{ padding-top:9px;}
.header_2 i{ font-size:44px; color:#4c86ea; margin-right:12px; margin-top:4px;}
.header_2 p span{ color:#4c86ea; font-size:22px;}

.logo_small{ display:none;}
.logo_m{ display:none;}
.menu-m{ display:none;}

.header{ padding-top:12px; padding-bottom:8px;}
.m_head{display:none;}

.menu{ width:100%; background-color:#4c86ea}

.fixed{ width:100%; position:fixed; top:0; z-index:999999;}
.m_fixed{ width:100%; position:fixed; top:0; z-index:999999;background-color:#ffffff;}

#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;
  line-height: 1;
  text-align:center;
}
#cssmenu > ul > li {
  display:inline-block;
  background:url(../images/nav_bg.png) no-repeat right;
}
#cssmenu > ul > li:last-child{ background:none;}
#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:16px 45px 14px 45px;  margin:0px 6px 0 0px; font-size:15px; height:auto;
  color:#fff; text-transform:uppercase; font-weight:bold;
  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;
  border-bottom:solid #4c86ea 3px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color:#fac907;
  border-bottom:solid #fac907 3px;
}
#cssmenu ul .cur a{ color:#fac907;}

#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:#017dc5; 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:left;
}
#cssmenu ul ul li a {
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  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: #feda35;
}
#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;
  }
}

.sp_header{overflow:hidden;background:#fff; position:absolute; z-index:9999999; right:15px;margin-top:12px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;background:#eee;width:100%;height:calc(60% - 110px);font-size:14px;line-height:36px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; z-index:99999; padding-top:30px;}
.m-fixed{ position:fixed;}
.nav_show{top:0px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:0px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px; line-height:16px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;position:relative;font-size:13px; padding-left:20px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555; cursor:pointer}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


/* 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{margin-top:-32px; position:relative;z-index:100;margin-bottom:14px;}
.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;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	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;
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;
}


/**/
.about_top{ width:100%; border-bottom:solid #ddd 1px;}
.about_top_1{ width:100%; background-color:#4c86ea; padding:20px; color:#fff; margin-top:-70px; position:relative; z-index:9999}
.about_top_1 p{ text-align:center; font-size:44px; padding-top:15px;}
.about_top_1 p span{ font-size:36px;}

.about_top_2 p{ color:#666; line-height:26px; padding-top:24px;}
.about_top_2 .more{ width:118px; display:block; background-color:#4c86ea; border:solid #4c86ea 1px; border-radius:26px; text-align:center; color:#fff; padding:5px 0 5px 0; margin-top:10px;}
.about_top_2 .more:hover{ text-decoration:none; background-color:#fff; color:#4c86ea}

/**/
.title{ text-align:center; margin-top:40px;}
.title h3{ font-size:32px; color:#4c86ea}
.title p{ color:#888; width:65%; margin:auto; padding-top:13px; font-size:14px; line-height:23px;}
.title span{ font-family:Tahoma, Geneva, sans-serif; color:#888; text-transform:uppercase; padding-top:7px; display:block; font-size:17px;}

.pro_advant_1{ width:100%; background:url(../images/img_1.jpg) repeat center; text-align:center; color:#fff; height:340px; padding-top:80px;}
.pro_advant_1 p{ font-size:20px; padding-top:30px;}
.pro_advant_1 .more{ width:118px; display:block; background-color:#4c86ea; border:solid #4c86ea 1px; border-radius:26px; text-align:center; color:#fff; padding:5px 0 5px 0; margin:26px auto 0 auto;}
.pro_advant_1 .more:hover{ text-decoration:none; background-color:#fff; color:#4c86ea}

/**/
.pro_advant_1_a{ padding-right:0; height:170px;}
.pro_advant_1_a img{ height:170px;}
.pro_advant_1_b{ padding-left:0; padding-right:0}
.pro_advant_1_b img{ height:170px;}
.pro_advant_1_text{ border:solid #4c86ea 1px; border-bottom:none; background-color:#fff; height:170px; text-align:center; padding-top:66px;}
.pro_advant_1_text:hover{ border-color:#fdc727}
.pro_advant_1_text h3{ font-size:18px; color:#4c86ea; padding-bottom:2px;font-weight:600}
.pro_advant_1_text span{ color:#777; text-transform:uppercase; font-size:11px;}

.pro_advant_1_c{ padding-left:0;}
.pro_advant_1_c img{ height:170px;}

/*.pro_advant_1_d{ padding-right:0}*/

.pro_advant_1_e{ padding-left:0;  padding-right:0;}
.pro_advant_1_e img{ height:170px;}

.pro_advant_1_text_b{ border:solid #4c86ea 1px; border-top:none; background-color:#fff; height:170px; text-align:center; padding-top:66px;}
.pro_advant_1_text_b:hover{ border-color:#fdc727}
.pro_advant_1_text_b h3{ font-size:18px; color:#4c86ea; padding-bottom:2px;font-weight:600}
.pro_advant_1_text_b span{ color:#777; text-transform:uppercase; font-size:11px;}

/**/
.pro_advant_m{ display:none}
.pro_advant{ margin-top:28px;}

.pro_img{ cursor: pointer; overflow: hidden; position: relative;}
.pro_img img{width:100%;top: 0;position: relative;left: 0; -webkit-transition: -webkit-transform 0.6s; -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; transition: transform 0.6s}
.pro_img img:hover{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

/**/
.pro_x{ margin-top:33px; width:100%;}
.pro_con {
  height: auto;
  overflow: hidden;
}
.pro_c {
  height: auto;
  overflow: hidden;
  margin-bottom: 36px;
}
.pro_c dl dt {
	width:580px;
}
.pro_c dl{ width:100%; min-height:420px;}
.pro_c dl dt img {
  border: 3px solid #dcdcdc;
}
.pro_c dl dd {
  overflow: hidden;
  width:520px;
}
.pro_c dl dd h3 {
  font-size: 22px;
  color: #ffff;
  font-weight: bold;
  padding-top:10px;
}
.pro_c dl dd p {
  overflow: hidden;
  font-family: "Microsoft YaHei";
  line-height: 30px;
  font-size: 14px;
}
.pro_c dl dd p b {
  width: 70px;
  display: block;
  color: #666;
}
.pro_c dl dd p em {
  width: 382px;
  display: block;
  font-weight: normal;
}
.pro_link a {
  color: #fff;
  display: inline-block;
  height:auto;
  overflow: hidden;
  background:#4c86ea;
  width:130px;
  text-align:center;
  font-size:14px;
  border-radius:28px;
  padding:5px 0 5px 0;
  border:solid #4c86ea 1px;
  margin-top:12px;
}
.pro_link a:hover{ background-color:#fff; color:#4c86ea; text-decoration:none;}
.pro_q {
  height: auto;
  position: relative;
}
.pro_desc {
  overflow: hidden;
  padding-top:12px;
}
.pro_desc ol{ margin-top:8px;}
.pro_desc ol ot{ width:100%; color:#4c86ea; font-size:16px;}
.pro_desc ol li{ font-size:14px; line-height:26px; padding-top:5px;}
.pro_con dl dd h3{ font-size:18px; font-weight:normal;}
.pro_q ul li {
  line-height: 0;
  float: left;
  margin-right:24px;
  overflow: hidden;
  text-align:center;
}
.pro_q ul li.last {
  margin-right: 0;
}
.pro_q ul li img {
  width: 210px;
  height: auto;
  border: 3px solid #dcdcdc;
}
.pro_q ul li img:hover,
.pro_q .cur img {
  border: 3px solid #4c86ea;
}
.pro_q ul li span {
  height: 40px;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #212121;
  line-height: 40px;
  overflow: hidden;
}

.pro_x_m{ display:none}

/**/
.advant_title{ width:100%; background:url(../images/bg_1.png) no-repeat center; height:145px; margin-top:28px; margin-bottom:25px;}

.advant_l{ text-align:right; color:#fff; padding-right:42px; padding-top:45px;}
.advant_l h3{ font-size:36px;}
.advant_l p{ font-size:15px; padding-top:4px;}

.advant_r{ color:#fff; padding-left:20px; padding-top:34px;}
.advant_r dl dt{ font-size:44px; float:left}
.advant_r dl dd{ float:left; width:51%; padding-top:6px; padding-left:15px;}
.advant_r dl dd h3{ font-size:18px;}
.advant_r dl dd p{ font-size:12px; padding-top:3px;}

.advant_title_m{ display:none}

/**/
.advant_1{ padding-top:25px;}
.advant_content_2{ padding-top:50px;}
.advant_content_2 dl dt span{ width:85px; height:78px; float:left; background:url(../images/icon_2.png) no-repeat; font-size:28px; padding-top:18px; padding-left:22px; color:#fff}
.advant_content_2 dl dt div{ padding:12px 0 0 20px; float:left}
.advant_content_2 dl dt div h3{ font-size:26px; color:#4c86ea}
.advant_content_2 dl dt div p{ color:#999; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; text-transform:uppercase; padding-top:5px;}

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

.advant_content_main{ font-size:15px; line-height:28px; color:#777; padding-top:20px;}

.advant_content_2 .more{ width:126px; display:block; border:solid #ddd 1px; text-align:center; border-radius:28px; font-size:14px; padding:4px 0 5px 0; margin-top:12px;}
.advant_content_2 .more:hover{ border:solid #4c86ea 1px; background-color:#4c86ea; color:#fff; text-decoration:none;}

/**/
.advantage{ width:100%; background:url(../images/bg_1.jpg) no-repeat center; margin-top:44px; padding:20px 0 10px 0}

.title_2 h2{ color:#fff; font-size:32px; padding-bottom:11px; padding-top:27px;}

.advantage_1{ color:#bbb; font-size:15px; padding-top:7px; line-height:26px;}

.advantage_more a{ display:block; text-align:center; background-color:#4c86ea; border:solid #4c86ea 1px; width:163px; margin:28px 0 0 0; padding:4px 0 4px 0; border-radius:28px; text-transform:uppercase; font-size:15px; color:#fff}
.advantage_more a:hover{ background:none; text-decoration:none; color:#4c86ea}

.advantage_m{ text-align:center; width:100%; padding:65px 0 32px 0}
.advantage_m h3{ color:#fff; font-size:54px;}
.advantage_m p{ color:#fff; font-size:20px; padding-top:15px;}

/**/
.process dl{ text-align:center}
.process dl dt{ display:inline-block; width:85px; text-align:center}
.process dl dd{ display:inline-block; padding:0px 33px 0 33px;}
.process dl dt img{ border-radius:50%; border:solid #ccc 1px; margin-top:34px;}
.process dl dt img:hover{ border:solid #f60 1px;}
.process dl dt h3{ font-size:15px; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px; padding:6px 0 6px 0; margin-top:14px; width:85px;}

.process .more{ display:block; text-align:center; background-color:#4c86ea; border:solid #4c86ea 1px; width:133px; margin:34px auto 0 auto; padding:5px 0 4px 0; border-radius:28px; text-transform:uppercase; font-size:14px; color:#fff}
.process .more:hover{ background:none; text-decoration:none; color:#4c86ea}

/**/
.solution-box{background: #373d41;margin: 30px 0 0 0;}
.solution-cut{width:1170px;margin: 0 auto;position: relative;}
.solution-swiper{width: 100%;overflow: hidden;}
.solution-box button.fa{position: absolute;top: 0;bottom: 0;width: 50px;background: rgba(0, 0, 0, .1);color: rgba(255, 255, 255, .5);cursor: pointer;border: none;font-size: 40px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box button.fa:hover{background: #4c86ea;color: #fff;}
.solution-box .fa-back{right: 100%;}
.solution-box .fa-more{left: 100%;}
.solution-box ul{width: 10000%;}
.solution-box ul:after{display: block;clear: both;content: '';}
.solution-box ul li{width: .2%;float: left;text-align: center;color: #fff;position: relative;}
.solution-box ul li span{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li:nth-child(2) span,
.solution-box ul li:nth-child(4) span{background: rgba(0, 0, 0, .75);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li i{font-size: 50px;opacity: .85;position: absolute;width: 100%;left: 0;bottom: 53%;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li hr{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 50%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li h3{font-size:18px;position: absolute;width: 100%;left: 0;top: 55%;transition: .3s;}
.solution-box ul li p{width: 80%;position: absolute;font-size: 13px;left: 10%;top: 70%;opacity: 0;transition: .3s; line-height:24px;}
.solution-box ul li a{position: absolute;top: 85%;font-size: 16px;line-height: 32px;width: 120px;margin: 0 0 0 -60px;color: #fff;border: 2px solid #fff;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li a:hover{background: #fff;color: #373d41;}
.solution-box ul li img{display: block;width: 100%;height:200px;}
.solution-box ul li:hover span{background: rgba(58, 169, 178, .80);}
.solution-box ul li:hover i{bottom: 63%;}
.solution-box ul li:hover hr{top: 40%;opacity: 0;}
.solution-box ul li:hover h3{top: 38%;}
.solution-box ul li:hover p{top: 50%;opacity: 1;}
.solution-box ul li:hover a{top: 75%;opacity: 1;}

/*@media(max-width:1680px){.solution-cut{width: 1480px;}.solution-box ul li i{font-size: 46px;}.solution-box ul li h3{font-size: 22px;}.solution-box ul li p{font-size: 14px; line-height:22px;}.solution-box ul li a{font-size: 14px;line-height: 28px;width: 100px;margin: 0 0 0 -50px;}}*/
@media(min-width:768px) and (max-width:992px){.solution-cut{width: 700px;}.solution-box ul li h3{font-size: 16px;}.solution-box ul li p{ display:none;}.solution-box ul li a{ font-size:13px;width:60%; margin:-30px 0 0 -42px;}}
@media(min-width:992px) and (max-width:1200px){.solution-cut{width: 960px;}.solution-box ul li i{font-size: 40px;}.solution-box ul li h3{font-size: 18px;}.solution-box ul li p{font-size: 12px; line-height:20px; height:57px; overflow:hidden;}}
@media(max-width:768px){.solution-cut{width: 100%;padding: 0;}.solution-box ul li{width: 290px;}.solution-box button.fa{display: none;}.solution-box .fa-back{left: 0;right: auto;}.solution-box .fa-more{left: auto;right: 0;}}

.fa-back:before{content: "<";}
.fa-more:before{content: ">";}


/**/
.about_index{ width:100%; background:url(../images/bg_2.jpg) repeat-y right; background-color:#f2f2f2; margin-top:20px; padding:20px;}
.about_index_2 img{ width:100%}
.about_index_1 h3{ font-size:20px; padding:4px 0 3px 0}
.about_content{ font-size:14px; line-height:25px; padding-top:5px; overflow:hidden}

.about_item{ width:100%; text-align:center; margin-top:24px;}
.about_item img{ border:solid #4c86ea 1px; border-radius:50%;}
.about_item img:hover{ border:solid #f60 1px;}
.about_item h3 a{ color:#4c86ea; font-size:14px;}
.about_item h3 a:hover{ color:#f60;}

/**/
.news_index{ margin-top:26px;}
.news_index h3{ font-size:16px;}
.news_index p{ font-size:13px; color:#666; padding-top:10px; padding-bottom:9px; line-height:23px;}
.news_index span{ color:#888; font-size:12px;}

.news_more{ display:block; text-align:center; background-color:#4c86ea; border:solid #4c86ea 1px; width:133px; margin:34px auto 0 auto; padding:5px 0 4px 0; border-radius:28px; text-transform:uppercase; font-size:14px; color:#fff}
.news_more:hover{ background:none; text-decoration:none; color:#4c86ea}

/**/
.foot{ margin-top:28px;}
.foot_1{ background-color:#333; margin-top:50px;}
.foot_2{ background:url(../images/bg_2.png) no-repeat top left; background-color:#4c86ea}

.foot_bg{ width:100%; background:url(../images/bg_3.jpg) no-repeat top center; margin-top:40px;}

.foot_m1{ background:url(../images/bg_2.png) no-repeat right top; padding-top:55px; color:#fff}
.foot_m2{ background-color:#4c86ea}

.foot_m1 h3{ font-size:18px; padding-bottom:10px; padding-top:8px;}

.foot_m1_a ul li a{ color:#bbb; font-size:14px;}
.foot_m1_a ul li a:hover{ color:#Fc0}
.foot_m1_a ul li{ padding:3px 0 2px 0}

.foot_m1_b{ color:#bbb; font-size:14px; padding-top:3px; line-height:25px;}

.foot_m2{ padding-top:25px; padding-left:25px; padding-bottom:25px;}
.foot_m2 h2{ color:#fac907; font-size:18px;}

.foot_m2_a input[type='text']{ width:100%; padding:3px 0 4px 2px; margin-top:15px; border:0}
.foot_m2_a textarea{ width:100%; padding:2px 0 3px 2px; margin-top:15px; min-height:70px; border:0}
.foot_m2_a input[type='submit']{ width:110px; margin-top:15px; text-align:center; background-color:#fac907; border:0; font-size:14px; padding:5px 0 4px 0; border:#fac907 solid 1px;}
.foot_m2_a input[type='submit']:hover{ background:none; color:#fac907}

.copyright{ width:100%; border-top:solid #555 1px; margin-top:25px; padding-top:11px; font-size:13px;}
.copyright a{ color:#fff}
.copyright a:hover{ color:#fd0}


/**/
.banner_in{ width:100%; min-height:340px;}
.banner_in_1{ background:url(../images/gyjhbw.jpg) no-repeat center;}
.banner_in_2{ background:url(../images/cpzx.jpg) no-repeat center;}
.banner_in_3{ background:url(../images/xwzx.jpg) no-repeat center;}
.banner_in_4{ background:url(../images/sgal.jpg) no-repeat center;}
.banner_in_5{ background:url(../images/zzry.jpg) no-repeat center;}
.banner_in_6{ background:url(../images/lxwm.jpg) no-repeat center;}
.banner_in_7{ background:url(../images/wsmxzjhbw.jpg) no-repeat center;}
.banner_in_8{ background:url(../images/qyfc.jpg) no-repeat center;}

/**/
.location{ width:100%; border-bottom:solid #ddd 1px; padding:12px 0 10px 0}

.about_in_1{ width:100%; margin-top:25px;}
.about_in_1 ul li a{ width:20%; float:left; display:block; background-color:#f2f2f2; border-right:solid #ddd 1px; text-align:center; padding:12px 0 12px 0; font-size:16px;}
.about_in_1 ul li:last-child a{ border:0}
.about_in_1 ul li a:hover{ background-color:#4c86ea; color:#fff; text-decoration:none;}
.about_in_1 ul .cur a{ background-color:#4c86ea; color:#fff}

/**/
.about_in_title{ width:100%; text-align:center; padding:30px 0 16px 0}
.about_in_title h3{ font-size:28px;}
.about_introduct{ font-size:14px; line-height:26px; padding-top:16px; padding-bottom:12px;}
.about_introduct_2 img{ border:solid #ddd 3px; margin:5px 0 0 0; width:100%}

.about_feature{ text-align:center; margin-top:15px;}
.about_feature img{ border-radius:6px;}
.about_feature h3{ font-size:16px; padding-top:8px;}

.about_feature_1{ width:75%; background-color:#4c86ea; color:#fff; margin:auto; font-size:42px; border-radius:8px; padding:25px 0 25px 0}

/**/
.culture{ width:100%; background-color:#4c86ea; border-radius:6px; text-align:center; color:#fff; padding:20px; margin-top:28px; height:170px;}
.culture h3{ font-size:26px; color:#fac907; padding-top:3px;}
.culture p{ font-size:14px; line-height:23px; padding-top:12px;}
.culture i{ font-size:26px; margin-top:13px; color:#eee}

/**/
.history{ width:100%; border-top:dashed #d5d5d5 1px; margin-top:13px;}
.history dl{ width:100%; border-bottom:dashed #d5d5d5 1px;}
.history dl dt{ width:15%; float:left; border-right:dashed #d5d5d5 1px; font-size:16px; text-align:center; padding:12px 0 12px 0; font-weight:normal}
.history dl dd{ width:85%; float:left; font-size:14px; line-height:24px; padding:12px 0 12px 15px;}
.history table{width:100%}
.history tr{border-bottom:1px #ddd dashed;width:100%}
.history tr td{width:50%}
.history dl:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .history dl{zoom: 1;}
*:first-child + html .history dl{zoom: 1;}

.history_even{ background-color:#f2f2f2}

/**/
.highslide-gallery{ text-align:center; margin-top:15px;}
.highslide-gallery img{ margin-bottom:7px; border:solid #ddd 3px;}
.highslide-gallery span{ font-size:14px;}

/**/
.left_1{ width:100%; background-color:#4c86ea; text-align:center; color:#fff; padding:40px 0 40px 0; margin-top:-50px;}
.left_1 h3{ font-size:28px;}
.left_1 p{ color:#ddd; font-size:14px; padding-top:5px; text-transform:uppercase}
.left_1_1{ width:100%; background-color:#4c86ea; text-align:center; color:#fff; padding:40px 0 40px 0; }

.left_2 ul li a{ width:100%; display:block; background-color:#eee; margin-top:2px; padding:7px 5px 8px 15px;}
.left_2 ul li a:hover{ background-color:#4c86ea; color:#fff; text-decoration:none;}

.left_3{ width:100%; background:url(../images/contact-z1.jpg) no-repeat left; min-height:140px; margin-top:18px; padding:46px 0 0 80px;}
.left_3 h3{ font-size:18px;}
.left_3 p{ font-size:20px;}

/**/
.pro_in_list{ margin-top:20px;}
.pro_in_list img{ border:solid #ddd 2px; padding:1px; width:100%}
.pro_in_list h3{ font-size:15px; text-align:center; padding-top:10px;}
.pro_in_list:hover img{ border:solid #4c86ea 2px;}

/**/
.page1{ width:100%; height:auto; margin-top:32px; text-align:center}

.page{ margin:0; padding:0}
.page li{ display:inline-block; margin-top:5px; font-size:12px;}
.page li a{ display:block; padding:3px 9px 4px 9px; background-color:#4c86ea; border:solid #4c86ea 1px; color:#eee;}
.page li a:hover{ background-color:#fff; text-decoration:none; color:#444}
.page li a:hover .txt_1{ color:#e73227}
.current{background-color:#fff !important; color:#444 !important;}
/**/
.news_list{ width:100%; border: dashed #ddd 1px; margin-top:18px;}
.news_list_title{ width:100%; background-color:#f2f2f2; font-size:15px; padding:9px 5px 9px 15px; border-bottom:dashed #ddd 1px;}
.news_list_title a{ color:#4c86ea}
.news_list_title a:hover{ color:#f60}
.news_list_content{ width:100%; padding:15px;}
.news_list_content p{ color:#666; line-height:23px; padding-bottom:2px; padding-top:6px;}
.news_list_content span{ color:#777; font-size:13px;}

.news_list_content .more{ width:118px; display:block; background-color:#4c86ea; border:solid #4c86ea 1px; border-radius:26px; text-align:center; color:#fff; padding:5px 0 5px 0; margin-top:10px;}
.news_list_content .more:hover{ text-decoration:none; background-color:#fff; color:#4c86ea}

/**/
.case_in{ padding-top:28px; padding-bottom:6px;}
.case_in2{ padding-top:39px;}
.case_in2 p{ color:#4c86ea; font-size:20px;}
.case_in2 p span{ text-transform:uppercase; color:#888; font-family:Tahoma, Geneva, sans-serif; font-size:13px;}
.case_in2 div{ color:#666; line-height:26px; padding-top:10px;}

/**/
.case_list{ width:100%; border:solid #ddd 1px; padding:15px; margin-top:22px;}
.case_list img{ width:100%}
.case_list h3{ font-size:16px; padding-top:12px;}
.case_list p{ color:#666; line-height:21px; font-size:13px; padding-top:6px;}
.case_list .more{ width:118px; display:block; background-color:#4c86ea; border:solid #4c86ea 1px; text-align:center; color:#fff; padding:5px 0 5px 0; margin-top:10px;}
.case_list .more:hover{ text-decoration:none; background-color:#fff; color:#4c86ea}

/**/
.contact_in{ width:100%; border:solid #ddd 1px; border-radius:8px; text-align:center; padding:15px 0 12px 0; background-color:#f2f2f2; margin-top:22px; height:175px;}
.contact_in h3{ color:#4c86ea; font-size:38px;}
.contact_in p{ font-size:14px; line-height:26px; padding-top:12px;}

.baidu-maps{ width:100%; height:350px; border:solid #ddd 1px; margin-top:25px;}

.contact_in img{ width:90px;}

/**/
.caseinfo_1{ text-align:center; padding-top:20px;}
.caseinfo_1 img{ width:70%; border:solid #ddd 3px;}
.caseinfo_1 h3{ font-size:18px; padding-top:8px;}

.caseinfo_2{ width:100%; border-bottom:solid #ddd 1px; color:#4c86ea; font-size:18px; padding:23px 0 10px 0}
.caseinfo_3{ width:100%; padding-top:10px; line-height:24px;}

/**/
.newsinfo_1{ text-align:center; line-height:22px; padding-top:18px; color:#4c86ea}
.newsinfo_1 h1{ font-size:22px;}

.newsinfo_2{ color:#888; font-size:15px; text-align:center; padding-top:9px;}
.newsinfo_3{ width:100%; line-height:24px; padding-top:10px;}

.next_one{ width:100%; border-top:solid #ddd 1px; margin-top:18px; padding-top:9px;}
.next_one ul li{ padding-top:5px;}

/**/
.pinfo_1a{ padding-top:22px;}
.pinfo_1a img{ width:100%; border:solid #e3e3e3 4px;}

.pinfo_1b h3{ font-size:22px; padding-top:30px; padding-bottom:5px}

.pinfo_2{ width:100%; background-color:#eee; margin-top:25px;}
.pinfo_2 h3{ width:10%; background-color:#4c86ea; text-align:center; color:#fff; font-size:18px; padding:10px 0 10px 0}

.pinfo_3{ width:100%; line-height:24px; padding-top:10px;}

.pinfo_4 p{ font-size:15px; color:#888; padding-top:15px; padding-bottom:10px;}

.pinfo_4 input[type='text']{ width:100%; padding:6px 0 6px 2px; margin-top:10px; border: solid #ddd 1px; margin-bottom:13px;}
.pinfo_4 textarea{ width:100%; padding:2px 0 3px 2px; margin-top:10px; min-height:80px; border: solid #ddd 1px;}
.pinfo_4 input[type='submit']{ width:110px; margin-top:14px; text-align:center; background-color:#4c86ea; border:0; font-size:14px; padding:5px 0 4px 0; border:#4c86ea solid 1px; color:#fff}
.pinfo_4 input[type='submit']:hover{ background:none; color:#4c86ea}

.cpjg{font-size:16px;text-decoration:line-through}
.zkjg{font-size:16px;color:#ff0303;margin-top:10px;}
@media (max-width:768px)
{
	.container{padding-right:15px;padding-left:15px;}
	.top{ text-align:center}
	.top .top_2{ display:none;}
	
	.logo_big{ display:none;}
	.logo_m{ display:block;width:240px}
	.top_tel{ display:none;}
	
	.menu-m{ display:block}
	
	.about_top_1{ display:none;}
	.about_top_2 p{ padding-top:15px; line-height:24px;}
	.about_top{ padding-bottom:19px;}
	
	.title p{ width:100%;}
	
	.pro_advant{ display:none;}
	
	.pro_advant_m{ display:block;}
	
	.pro_advant_m ul li{ text-align:center; border:solid #ddd 1px; margin-top:16px; padding:9px 0 7px 0}
	.pro_advant_m ul li h3{ font-size:18px; color:#4c86ea; padding-bottom:2px;}
	.pro_advant_m ul li span{ color:#777; text-transform:uppercase; font-size:13px;}
	
	.pro_x{ display:none}
	.pro_x_m{ display:block; text-align:center;}
	.pro_x_m_1{ padding-top:15px;}
	.pro_x_m img{ width:100%; border:solid #ddd 2px; margin-bottom:2px;}
	.pro_x_m h3{ font-size:14px; padding-top:7px;}
	
	.advant_title{ display:none;}
	.advant_title_m{ display:block;}
	
	.advant_title_m_1{ width:100%; background-color:#ff9c00; color:#fff; padding:16px 0 14px 0; margin-top:22px;}
	.advant_title_m_1 h3{ font-size:22px;}
	.advant_title_m_1 p{ font-size:14px; padding-top:5px;}
	
	.advant_title_m_2{ width:100%; background-color:#4c86ea; color:#fff; padding:16px 0 14px 0;}
	.advant_title_m_2 h3{ font-size:24px; font-weight:bold;}
	.advant_title_m_2 p{ font-size:15px; padding-top:6px;}
	.advant_title_m_2 span{ font-size:12px}
	
	.advant_content_1{ text-align:center}
	.advant_content_2{ padding-top:30px;}
	.advant_content_2 dl dt span{ width:30px; height:auto; background-color:#4c86ea; padding:7px 0 7px 0px; text-align:center; font-size:18px;}
	.advant_content_2 dl dt div{ padding-top:12px; padding-left:5px;}
	.advant_content_2 dl dt div h3{ font-size:14px;}
	.advant_content_2 dl dt div p{ display:none}
	.advant_content_main{ padding-top:10px;}
	
	.advantage{ padding-top:10px;}
	.advantage_m{ padding:30px 0 22px 0}
	.advantage_m h3{ font-size:34px;}
	.advantage_m p{ font-size:16px;}
	.advantage_more a{ margin-top:18px;}
	
	.process dl dd{ padding:0px 13px 0 13px;}
	
	.about_index{ background-image:none}
	/*.about_content{ height:180px;}*/
	.about_index_2{ display:none}
	
	.foot_bg{ background:none; background-color:#333; margin-top:30px;}
	.foot_m1{ background:none; padding-top:20px;}
	
	.copyright{ margin-top:22px; padding-bottom:15px;}
	
	.foot_m1_a{ padding-bottom:15px;}
	.foot_m2{ padding-left:15px;}
	
	.about_introduct_2 img{ margin-top:20px;}
	
	.history dl dt{ width:30%;}
    .history dl dd{ width:70%;}
	
	.banner_in{ min-height:80px;background-size:100%}
	
	.left_3{ display:none;}
	
	.case_in1{ display:none;}
	.case_in2{ padding-top:0px;}
	.case_in{ padding-top:18px;}
	
	.contact_in{ height:auto;}
	
	.caseinfo_1 img{ width:100%;}
	
	.pinfo_2 h3{ width:50%; font-size:16px;}
	
	.about_feature_1{ width:100%; padding:10px 0 10px 0; font-size:20px;}
	.about_feature_1 h3{ font-size:12px;}
	
	.culture{ height:auto;}
	.ellipsis a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.header{display:none;}
	.menu{background-color:#ffffff;}
	.m_head{display:block;}
	.left_1{margin-top:0;padding:10px 0;}
	.left_1 h3{font-size:21px;}
	.left_1_1{display:none}
	.left_2_2{display:none}
	.bah{display:none;}
	}

@media (min-width:768px) and (max-width:992px)
{
	.logo_small{ display:block;}
	.logo_big{ display:none;}
	
	#cssmenu > ul > li > a { padding:16px 17px 14px 17px; font-size:14px;}
	
	.about_top_2 p{ padding-top:15px; line-height:22px; font-size:12px;}
	
	.title p{ width:90%;}
	
	.pro_advant_1 p{ font-size:15px; padding-top:30px;}
	
	.pro_c dl dt { width:380px;}
	.pro_c dl dd { width:305px;}
	.pro_q ul li{ width:126px;}
	
	.advant_l{ padding-top:35px;}
	
	.advant_r{ padding-top:18px; padding-left:30px;}
	.advant_r dl dt{ float:none}
	.advant_r dl dt{ font-size:22px; float:none}
	.advant_r dl dd{ padding-left:0; width:auto}
	
	.advant_content_2{ padding-top:5px;}
	.advant_content_2 dl dt span{ width:60px; height:55px; background-color:#4c86ea; padding:9px 0 0 0px; text-align:center}
	.advant_content_2 dl dt div h3{ font-size:18px;}
	.advant_content_2 dl dt div p{ font-size:11px; font-weight:normal; text-transform:none;}
	.advant_content_2 dl dt div{ padding-top:10px;}
	
	.process dl dd{ padding:0px 3px 0 3px;}
	
	.about_index{ background-image:none}
	.about_content{ height:180px;}
	.about_index_2{ display:none}
	
	.left_3{ padding:46px 0 0 60px;}
	
	.case_in2{ padding-top:25px;}
	
	.contact_in{ height:176px;}
	
	.caseinfo_1 img{ width:100%;}
	
	.pinfo_2 h3{ width:20%}
	
	.about_feature_1{ width:90%; padding:16px 0 16px 0; font-size:30px;}
	.header{display:none;}
	.left_1_1{display:none}
	.left_2_2{display:none}
	}

@media (min-width:992px) and (max-width:1200px)
{
	.header_1{ padding-top:6px;}
	
	#cssmenu > ul > li > a { padding:16px 31px 14px 31px;}
	
	.about_top_2 p{ padding-top:10px;}
	
	.pro_c dl dt { width:510px;}
	.pro_c dl dd { width:395px;}
	.pro_q ul li img{ width:170px;}
	
	.advant_l{ padding-top:37px;}
	.advant_r dl dd{ width:58%;}
	
	.advant_content_2 dl dt div h3{ font-size:24px;}
	
	.process dl dd{ padding:0px 19px 0 19px;}
	
	.about_content{ height:151px;}
	
	.case_in2{ padding-top:34px;}
	
	.contact_in{ height:189px;}
	
	.culture{ height:190px;}

	}