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


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#222;
	font-size:16px;
	 font-family: Arial;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#222; }
a:hover{ color:#15569d;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}

.barwrap{ width:100%; z-index:100000000; height:100px; position:fixed; top:0; left:0; right:0; margin-left:auto;margin-right:auto;z-index:10000;}
.yhdlogo{ display:block !important; margin-top:20.5px;}
.yhdlogo2{ display:none !important;margin-top:20.5px;}
.topdh{ width:75%; margin:0 auto;}

#nav {width:55%; float:right; margin-top:35px;}
#nav li { float: left; width:16.666666%;}
#nav li a {	display: block;	width: 100%;text-align:center;color:#FFF;font-size:17px;height:35px;line-height:35px;}
#nav li a:hover{color:#FFF;width:100%; text-decoration:none; background:url(../images/navlibg.png) no-repeat bottom;}
#nav li a#cur{background:url(../images/navlibg.png) no-repeat bottom;color:#FFF; width:100%;}
#nav li ul {
	padding:15px 0;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 7.5%;
	position: absolute;
	border-top-style: none;
	z-index:100000;
	background:#FFF;
	overflow:hidden;
	z-index:10000000;
}

#nav li ul li{
	float: left;
	width: 100%;
	background: #FFF;filter: Alpha(Opacity=90);
	border-top: none #F9F9F9;
	border-right: none #F9F9F9;
	border-bottom: 1px solid #F9F9F9;
	border-left: none #F9F9F9;
	line-height:50px;
}
#nav li ul li a{
 display: block;
  width: 100%;
  text-align:center;
 font-size:15px;
 font-weight:normal;
 background:none;
}
#nav li ul a:link  {
 color:#222222; text-decoration:none;
}
#nav li ul a:visited  {
 color:#222222;text-decoration:none;
}
#nav li ul a:hover  {
 color:#FFF;text-decoration:none;font-weight:normal;
 background:#1e4ea2;filter: Alpha(Opacity=70);
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
.telsp{ background:url(../images/tel02.png) no-repeat left; padding-left:30px; color:#FFF; height:25px; line-height:25px; font-size:18px; font-weight:bold; margin-top:39px; padding-right:10px;}

.yhdsp01{ width:130px; height:100px; background:url(../images/yingyu.png) no-repeat 30px 34px; line-height:100px; font-size:17px; padding-left:70px; overflow:hidden;}
.yhdsp01 a{ color:#FFF; font-weight:bold;}
.yhdsp01 a:hover{ text-decoration:underline;}

.barwrap.on{ animation-name: down; animation-duration: 1s; height:100px;background:#11499c; top:0;color:#00b3e3;}
.barwrap.on #nav li a{ color:#FFF;}
.barwrap.on #nav li a:hover{ color:#FFF; text-decoration:none;}	
.barwrap.on #nav li ul a:link{ color:#666;}
.barwrap.on #nav li ul a:hover { background:#024fa9; color:#FFF; text-decoration:none;}
.barwrap.on #nav li ul li a{ color:#000;}
.barwrap.on .telsp{ background:url(../images/tel02-1.png) no-repeat left;}

.ad{text-align: center; display:block !important;}
.ad .item{ font-size: 0;background: #535353;}
.owl-theme .owl-controls{ margin-top: -45px !important;}
/*******************************************************************/

.ycabout{ width:100%; margin:0 auto; background:url(../images/aboutbg.jpg) no-repeat top center; padding:100px 0;}
.ycabout1{ width:1200px; margin:0 auto; color:#FFF;}
.ycabout1-1{ width:600px;}
.ycabout1-1 h1{ display:block; width:100%; float:left; text-transform:uppercase; font-size:60px;}
.ycabout1-1 h2{ display:block; width:100%; float:left; font-size:30px; margin-top:15px;}
.ycabout1-1 p{ width:100%; float:left; line-height:27px; margin-top:15px; text-align:justify;}
.aboutmore{ width:185px; height:42px; line-height:42px; border-radius:30px; background:#FFF; text-align:center; color:#1e4ea2; margin-top:15px;}
.aboutmore:hover{ background:#2b70c7; color:#FFF;}

.ycabouttit{ width:1200px; text-align:center; font-size:22px; font-weight:bold; color:#FFF; line-height:60px; margin-bottom:35px;}

.s_about{width:1200px;overflow: hidden;}
.s_about .m{ display: flex; align-items: center;}
.s_about .left{ max-width: 1200px;}
.s_about .right{ width:100%; flex-shrink: 0;}
.s_about .pic{ position: relative;}
.s_about .pic img{ height: 100%;}
.shipinimg{border-radius:20px; border:1px solid #FFF;}
.s_about .pic .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.s_about .pic .mask .btn_play{ width: 49px; height: 49px; display: block; cursor:pointer;}
.s_about .txt{}
.s_about .tt{ margin-bottom: 3.375rem;}
.s_about .tt span{ font-size: 2.5rem; color: #000000; font-family: play-black; text-transform: uppercase;}
.s_about .tt h3{ font-size: 1.875rem; color: #000000; font-weight: bold;}
.s_about .tt i{ display: block; width: 25px; height: 3px; background: #71c32b; margin-top: 1.5rem;}
.s_about .con{ font-size: 1rem; color: #7e7e7e; line-height: 1.75rem;}
.s_about .btn_xq{ margin-top: 3.625rem;}
.btn_xq {
    position: relative;
    z-index:0;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #71c32b;
    color: white;
    text-align: center;
    line-height: 2.5rem;
    border-radius: 20px;
    width: 9.375rem;
    height: 2.5rem; font-size: .875rem;
    display: block; overflow: hidden;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.btn_xq:before {
    content: ""; display:block;
    width:0;
    height: 100%; background:#3d75c0;
    position: absolute; z-index:-1;
    right: 0;
    top: 0;
    -webkit-transition: .38s cubic-bezier(.4,0,.2,1);
    transition: .38s cubic-bezier(.4,0,.2,1);
    border-radius: 3px;
}
.btn_xq:hover:before { width:100%; right:auto; left:0;
}
.s_shuzi{  display: flex; justify-content: space-between; margin-top: 5.625rem;}
.s_shuzi li{}
.s_shuzi li div{ font-size: 3.125rem; color: #3d75c0;  font-family: "Barlow Condensed Bold";}
.s_shuzi li div p span{ font-size: 1.25rem;color: #3d75c0;  font-family: "Barlow Condensed Bold";}
.s_shuzi li div p{ align-self: flex-end; font-size: .875rem; color: #7e7e7e; font-weight: normal; margin-bottom: .75rem;}
.s_shuzi li p{ font-size: 1rem; color: #7e7e7e; margin-top: 3px;}

.inrow>li,.inrow span{display:inline-block;*display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal; }
.s_shuzi li .counter{display: inline-block;margin-right: 4px;overflow: hidden;}
.s_shuzi li>div{ display: flex; align-items: center; transition: .5s ease-out; -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -ms-transition: .5s ease-out; -o-transition: .5s ease-out; }
.s_shuzi li:hover>div{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.dataNums{  width:100%; text-align:center;}
.dataNums .dataOne{width: 1.375rem;height:4rem;display: block;float: left;text-align: center; }
.dataNums .dataBoc {position: relative;width: 100%;height: 100%;/* overflow: hidden; */}
.dataNums .dataBoc .numtt {position: absolute; top: 0;  left: 0; width: 100%;  height: 100%;}
.dataNums .numtt span{width:100%;height:100%; font-family: inherit;display: block; line-height: 4rem; height:4rem; color: inherit;font-size: inherit; }
.s_shuzi li div{ vertical-align: top;}

.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s; overflow: auto;}
.tc[name=tc_search]{ opacity:1;}
.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{
  box-sizing:border-box; z-index:999;
  display: block;
  position:relative;
  }
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto; }
.tc1 .tc-box{position:absolute;  background: #309dd5; overflow: hidden;top:50%;z-index:9999; width: 11rem; left:50%;margin-left: -5.5rem;margin-top: -5.5rem;}
.tc1 .tc.act .tc-box{  transform:scale(1);}
.tc1 .tc.act{display: block;  }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-box h3 img{ width:10rem; height:10rem; margin:.5rem;}
.tc1 .tc-box h5{ width:11rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; text-align:center}

.tc .j_tab{ table-layout: fixed;}
.tc.act .tc-box{opacity: 1;}
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right:15px; top: 15px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
.tc_shipin{  width:64rem;  max-width: 90%; margin:0 auto;  background:none; position:relative; }
.tc_shipin .video-js{ width:100%; height:100%; position: relative; left: 0; margin-top:180px; right: 0; bottom: 0; padding-top: 60%; z-index:20000000;}
.tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:-3rem; border-radius:50%;}
.tc_shipin .tc_close img{ display:block; position:absolute; width:2rem; height:2rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; }
.tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.video-js{    width: 100% !important;
    height: 100% !important;}
.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); border: 2px solid #fff !important;}
video{object-fit:fill;  }
.vjs-poster{ background-size: cover !important;}



/*数据统计滚动*/
.product-number-info{width:1200px; margin:0 auto; margin-top:80px;}
.product-number-info .product-number-inner{width: 100%; float:left; }
.product-number-info ul{padding:0;}
.product-number-info ul.q:after {content: "";clear: both;display: table;}
.product-number-info li{float: left; width: 25%; height: 50px; text-align:center; color:#FFF;}
.product-number-info li:first-child{border:none;}
.product-number-info li b{font-size:60px; line-height: 1;display: inline-block;  position: relative;}
.product-number-info li b i{font-style: normal; font-family:Impact;}
.product-number-info li b sup{position: absolute; font-size:20px; right: -15px; top: -3px;}
.product-number-info li b em{font-style: normal; font-size: 28px; padding-left: 2px; position:relative; top: -4px;}
.product-number-info li b sub{ font-size:15px;padding-left: 2px; bottom:0;}
.product-number-info li p{font-size: 20px; margin-top:15px;}
.product-number-info li.li-2 b,.product-number-info li.li-2 p{padding-left:0;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:0;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:0;}
.product-number-info li.li-4 b,.product-number-info li.li-4 p{padding-left:0;}
.product-number-info li.li-5{text-align: center;}
.product-number-info li.li-5 b{padding-right: 2px;}
/*******************************************/


.ycchanpin{ width:100%; margin:0 auto; background:url(../images/aboutbg.jpg) repeat-x top center; padding-bottom:50px;}
.tab1 {	width:80%; margin:0 auto; padding-bottom:30px;}
.name li {
	width:16.6666%;
	font:normal 16px/20px Verdana, Geneva, sans-serif;
	background:#FFF;
	text-align:center;
	cursor:pointer;
	float:left;
	color:#053674;
	height:95px; line-height:95px;
}
.name li b{ font-family:impact; font-size:45px; font-style:italic; margin-right:12px;}
li.selected{background:#16529d; color:#FFF;}
.yccontent {clear:both;}
.yccontent li{ width:100%;height:350px;display:none;}
.cpmingcheng{ width:100%; margin-top:50px;}
.cpmingcheng a{ display:block; width:23%; float:left; margin:0 1%; background:#FFF; padding:1.5% 0.5%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.cpmingcheng a img{ width:100%; float:left; height:auto;}

.cpmingcheng a span{ display:block; width:97%; text-align:justify; height:135px; font-size:12px; color:#9b9b9b; float:left; line-height:15px; padding-left:3%; margin-top:15px; overflow:hidden;}
.cpmingcheng a span strong{ font-size:15px;color:#000; margin-bottom:10px;}
.cpmingcheng a:hover span{ color:#11499c;}
/**************************************************************************/

.hzuowrap{ width:100%; margin:0 auto; background:url(../images/hezuobg.jpg) no-repeat top center;}
.ychzhb{ width:70%; margin:0 auto;}
.ychzhb-1{ width:40%; margin-top:150px;}
.ychzhb-1 h1{ display:block; width:100%; float:left; color:#1e4ea2; font-size:50px; font-weight:bold;}
.ychzhb-1 h2{ display:block; width:100%; float:left; color:#666; font-size:20px; margin-top:20px; font-weight:normal;}
.hzmoew{ width:135px; height:30px; line-height:30px; text-align:center; background:#aab7c6; color:#FFF; border-radius:30px; margin-top:50px; font-size:14px;}
.hzmoew:hover{ background:#1e4ea2; color:#FFF;} 

.ychzhb-2{ width:55%; margin-left:5%; height:600px;}
.ychzhb-2 ul{ width:100%; float:left;}
.ychzhb-2 li{ width:33.3333%; float:left;}
/*******************/
.ychezuo{ width:100%; margin:0 auto; background:#16529d; padding:80px 0;}
.ychezuo1{ width:1200px; margin:0 auto; color:#FFF;}
.ychezuo1 h1{ display:block; width:100%; float:left; text-align:center; font-size:32px;}
.ychezuo1 p{ width:100%; float:left; font-size:17px; margin-top:10px; text-align:center;}

.ychezuo2{ width:1200px; margin:0 auto;}
.ychezuo2 ul{ width:100%; float:left; margin-top:20px;}
.ychezuo2 li{ width:19%; float:left; margin:1% 0.5%; text-align:center;}
.ychezuo2 li a{ color:#FFF;}
.ychezuo2 li a img{ margin-bottom:5px; width:100%; height:auto; border-radius:10px;}
/**************************************************************/

.ycyingyong{ width:1200px; margin:0 auto; margin-top:50px;color:#000;}
.ycyingyong h1{ display:block; width:100%; float:left; font-size:32px; text-align:center; }
.ycyingyong p{ width:100%; float:left; font-size:17px; margin-top:10px; text-align:center;}

.ycyingyong2{ width:1200px; margin:0 auto;}
.ycyingyong2 ul{ width:100%; float:left;}
.ycyingyong2 li{ width:18%; float:left; margin:1.5% 0.5%; padding:0 3%; height:520px;border-radius:0px 20px 0px 20px; }
.ycyingyong2 li a{ display:block; width:100%; float:left; height:100%;}
.ycyingyong2 li a span{ display:block; width:100%; float:left; color:#FFF; margin-top:60%; text-align:center; font-size:35px; font-weight:bold;}
.ycyingyong2 li a span img{ margin-bottom:10px; }
#li01{ background:url(../images/yy1.jpg) no-repeat top;}
#li02{ background:url(../images/yy2.jpg) no-repeat top;}
#li03{ background:url(../images/yy3.jpg) no-repeat top;}
#li04{ background:url(../images/yy4.jpg) no-repeat top;}
.ycyingyong2 li a:hover{ background:#16529c;}
/*******************************************/
.yczizhi{ width:1400px; margin:0 auto; text-align:center; line-height:50px; margin-top:50px;}
.yczizhi strong{ font-size:32px; color:#000;}
#persons { position: relative; width: 1400px; margin: 0 auto; margin-bottom:30px; margin-top:30px;}

#persons .swiper-container {  padding-bottom: 100px;}
#persons .swiper-slide { text-align:center;
  width: 450px;
  height: 250px;
}

#persons .swiper-slide .text {
  position: absolute;
  left: 15%;
  top: 20%;
  width: 90%;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}

#persons .swiper-slide img{ margin-bottom:12px; font-size:15px;}
#persons .swiper-slide .text img {
  float: left;
  width: 120px;
  height: 120px;
  margin-right: 15px;
  border: 2px solid #ededed;
}

#persons .swiper-slide h2 {
  float: left;
  padding-top: 0;
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}

#persons .swiper-slide h4 {
  float: left;
  margin: 0;
  width: 60%;
  font-size: 16px;
}

#persons .swiper-pagination {
  width: 100%;
  bottom: 20px;
}

#persons .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 3px solid #fff;
  background-color: #d5d5d5;
  width: 15px;
  height: 15px;
  opacity: 1;
}

#persons .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 5px solid #00aadc;
  background-color: #fff;
}

#persons .swiper-button-prev {
  left: -30px;
  top: 40%;
  width: 45px;
  height: 45px;
}

#persons .swiper-button-prev:hover {
  background-position: 0 -46px;
  background-size: 100%
}

#persons .swiper-button-next {
  right: -30px;
  top: 40%;
  width: 45px;
  height: 45px;
}
/****************************/


.xwwrap{ width:100%; background:url(../images/newbg.jpg) no-repeat top center; padding:60px;}
.ycxinwen{ width:70%; margin:0 auto; margin-top:50px; color:#000;}
.ycxinwen h1{ display:block; width:100%; float:left; font-size:32px;}
.ycxinwen h1 span{ color:#1e4ea2; margin-left:15px; text-transform:uppercase; font-size:22px;}
.ycxinwen h1 a{ float:right; display:block; width:150px; height:42px; line-height:42px; text-align:center; border-radius:35px; background:#999; color:#FFF; font-size:15px;}
.ycxinwen h1 a:hover{ background:#1e4ea2; color:#FFF;}
.ycxinwen p{ width:100%; float:left; font-size:17px; margin-top:10px;}

.ycxinwen2{ width:75%; margin:0 auto; margin-top:30px;}
.xwdiv{ width:90%; padding:3% 5%; color:#FFF;}
.xwdiv h1{ display:block; width:100%; font-size:14px; font-weight:normal;}
.xwdiv p{ width:100%; float:left; font-size:22px; margin-top:20px;}
.xwdiv span{ display:block; width:100%; font-size:14px; margin-top:30px; float:left;}
.xinpic{ width:100%; height:auto;}

.ycxinwen2-1{ width:40%; border:1px solid #CCC; border-radius:20px; background:#FFF;}
.nwimg{ width:100%; height:auto;}
.ycxwnr{ width:90%; padding:5%;}
.ycxwnr h1{ display:block; width:100%; float:left; color:#333; font-size:16px; font-weight:bold; margin-top:12px;}
.ycxwnr p{ width:100%; float:left; font-size:14px; color:#999; line-height:20px; margin-top:15px;}
.xwsp{ width:100%; margin-top:20px; color:#1e4ea2;}

.ycxinwen2-1:hover{ background:#1e4ea2; color:#FFF;}
.ycxinwen2-1:hover .ycxwnr h1{ color:#FFF;}
.ycxinwen2-1:hover .ycxwnr p{ color:#FFF;}
.ycxinwen2-1:hover .xwsp{ color:#FFF;}

.ycxinwen2-2{ width:55%; margin-left:4.5%;}
.ycxinwen2-2 ul{ width:100%; float:left;}
.ycxinwen2-2 li{ width:100%; float:left; border-bottom:1px dashed #575858; padding-bottom:10px; margin-bottom:18px;}
.ycxinwen2-2 li a span{ display:block; width:100%; color:#999; font-size:14px;}
.ycxinwen2-2 li a h1{ display:block; width:100%; float:left; font-weight:normal; margin-top:15px; font-size:17px;}
/***************************************************************/


.ytyingyong{ width:100%; margin:0 auto; background:url(../images/yingyongbg.jpg) no-repeat top center;overflow:hidden; padding:80px 0px;}
.ytyingyong2{ width:1200px; margin:0 auto;}
.ytyingyong2 h1{ display:block; width:100%; float:left; color:#000; text-align:center; font-size:2.25rem;}
.ytyingyong2 p{ width:100%; float:left; text-align:center; font-size:16px; margin-top:15px; color:#666;}

#byc {
  padding-bottom:3rem;
  width: 100%;
  background-size: cover;
  position: relative;
  z-index: 10;
}
#byc .byc {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.bycs.on {
  width: calc(100% - 742px);
  flex-shrink: 0;
}
#byc .bycs {
  overflow: hidden;
  flex-grow: 1;
  position: relative;
  border-radius: 10px;
}
.bycs .byc_tit {
  position: absolute;
  bottom: 3rem;
  left: 2rem;
  color: #fff;
  line-height: 1.5rem;
  font-size: 1.375rem;
}
.bycs .byc_tit p {
  margin-top: 1.5rem;
}
.bycs {
  transition: .7s;
  width: 235px;
  height: 100%;
}
.byc .bycs img {
  height: 100%;
  transition: .7s;
}
.bycs + .bycs {
  margin-left: 12px;
}
.s_title {
  text-align: center;
}
.s_title h4 {
  color: #1f1f1f;
  font-size: 2.625rem;
  font-weight: 500;
}
.bycs .bl img {
  display: block;
  border-radius: 10px;
}
.bycs > .bl {
  height: 39.125rem;
  background-position: center center !important;
  background-size: cover !important;
}
.s_title p {
  color: #1f1f1f;
  font-size: 1rem;
  margin: 2rem 0 3.75rem;
}
/*********************/

.ycgg{ width:100%; margin:0 auto; background:url(../images/hfguangg.jpg) no-repeat top center; padding:35px 0; }
.ycgg1{ width:1200px; margin:0 auto; color:#FFF;}
.lilxwm{ width:145px; height:40px; line-height:40px; border:1px solid #FFF; border-radius:30px; text-align:center; color:#FFF;}
.lilxwm:hover{ background:#1e4ea2; color:#FFF;}
.ycgg1-1{ width:65%;}
.ycgg1-1 h1{ display:block; width:100%; float:left; font-size:22px;}
.ycgg1-1 h2{ display:block; width:100%; float:left; margin-top:10px; font-size:15px; font-weight:normal;}
/*******************************/

.ycfoot{ width:100%; margin:0 auto; background:#021631; padding:50px 0;}
.ycfoot1{ width:1200px; margin:0 auto; color:#FFF; padding-bottom:30px;}

.ycfoot1-1{ width:170px;}
.ycfoot1-1 h1{ display:block; width:100%; float:left; font-size:17px; font-weight:normal; margin-top:50px;}
.ycfoot1-1 span{ display:block; width:100%; float:left; font-size:23px; font-weight:bold; margin-top:12px;}

.ycfoot1-2{ width:180px;}
.ycfoot1-2 h1{ display:block; width:100%; float:left; text-align:center; font-size:17px; font-weight:normal;}
.ycfoot1-2 ul{ width:100%; float:left;}
.ycfoot1-2 li{ width:100%; float:left; text-align:center; line-height:25px; margin-top:12px;}
.ycfoot1-2 li a{ color:#FFF; font-size:12px;}
.ycfoot1-2 li a:hover{ color:#FFF; text-decoration:underline;}

.ycfoot1-3{ width:425px;}
.ycfoot1-3 h1{ display:block; width:100%; float:left; text-align:left; font-size:17px; font-weight:normal;}
.ycfoot1-3 p{ width:100%; float:left; line-height:27px; font-size:12px; margin-top:12px;}
.ycfoot1-3 p img{ border:1px solid #FFF; padding:5px;}
.ycfoot1-3 p a{ color:#FFF; text-decoration:underline;}
.ycfoot1-3 p a:hover{ text-decoration:none;}
.fotmm{ margin-left:16.25px;}

.ycfoot2{ width:100%; float:left;background:#021126;}
.ycfoot2-1{ width:1200px; margin:0 auto; height:50px; line-height:50px; color:#7b7a7c;}
.ycfoot2-1 a{ color:#CCC; text-decoration:underline;}
.ycfoot2-1 a:hover{ text-decoration:none;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#1b6da5 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#1b6da5 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#1b6da5 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.ycnybt{ width:75%; margin:0 auto; position:relative; z-index:1000; margin-top:-260px;}
.ycnybt h1{ display:block; width:100%; color:#FFF; font-size:42px; float:left; font-weight:bold;}
.ycnybt hr{ width:100px; height:3px; background:#11499c; border:none; margin-top:12px; float:left;}
.ycnybt h2{ display:block; width:100%; float:left; font-size:18px; font-weight:normal; color:#FFF;}

.neiba {
    overflow: hidden;
    width: 100%;
	position:relative;
	z-index:10;
	height:500px;
}

.slideshowba{
    height:500px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.neiba2 {
    overflow: hidden;
    width: 100%;
	position:relative;
	z-index:10;
}

.zizhizs{
    height:928px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.hezuoba {
    overflow: hidden;
    width: 100%;
	position:relative;
	z-index:10; /*margin-top:35px;*/
}

.hezuoba2{
    height:800px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/************************/

.ycnylist{ width:100%; margin:0 auto; height:70px; border:1px solid #E4E4E4; background:#FFF;}
.ycnylist2{ width:75%; margin:0 auto;}
.ycnylist2 ul{ width:100%; float:left;}
.ycnylist2 li{ float:left; height:70px; margin:0 25px 0 25px;}
.ycnylist2 li a{ display:block; height:70px; line-height:70px; font-size:16px;}
.ycnylist2 li a:hover{display:block; height:70px; line-height:70px;  font-weight:bold; background:url(../images/libg2.jpg) no-repeat bottom center;}
.ycnylist2 li a.curr{display:block; height:70px; line-height:70px; color:#11499c; font-weight:bold; background:url(../images/libg2.jpg) no-repeat bottom center;}
/***********************************/

.ycaboutnr{ width:100%; margin:0 auto; margin-top:50px; margin-bottom:50px;}
.ycaboutnr01{ width:75%; margin:0 auto;}
.ycaboutnr1-1{ width:100%;}
.ycaboutnr1-1 h1{ display:block; width:100%; float:left; text-align:center; font-size:42px; color:#333; font-weight:bold;}
.ycaboutnr1-1 h2{ display:block; width:100%; float:left; font-size:16px; font-weight:normal; color:#666; text-align:center;}
.ycaboutnr1-1 hr{ display:block; width:4%; height:5px; border:none; background:#11499c; margin-top:12px; float:left; margin-left:48%;}

.ycaboutnrwenan{ width:100%; margin-top:20px;}
.ycaboutnrwenan1{ width:100%; line-height:35px; font-size:16px; }
.ycaboutnrwenan1 p{ width:100%; float:left;text-align:justify; text-indent:32px;}
/********************************/

.ycaboutnrwenan2{width:100%; float:left;margin-top:50px;}
.ychuanjing{ width:16%; margin-left:42%; height:50px; line-height:50px; border-radius:30px; background:#11499c; color:#FFF; font-weight:bold; text-align:center;}

.products{ width:100%; float:left; margin-top:30px; }
.products ul{ padding:15px 0; overflow:hidden; text-decoration:none;}
.products ul li{ float:left; width:300px; text-align:center; margin:0 15px;}
.products ul li img{ border:1px solid #cdcdcd; width:100%; height:auto; }
#demo {overflow:hidden;width:100%;}
#indemo {float: left;width:800%;}
#demo1 {float: left;}
#demo2 {float: left;}
/****************************/

.ycaboutnr1-2{ width:100%; margin-top:50px; background:#f8f8f8; padding:50px 0;}
.wenhuahh{ width:100%; text-align:center;font-size:42px; color:#333;font-weight:bold;}
.wenxian{ width:4%; height:5px; border:none; background:#11499c; margin-top:12px; float:left; margin-left:48%;}

.nywenhuaul{ width:75%; margin-left:12.5%; margin-top:50px;}
.nywenhuaul li{ width:23%; float:left; margin:0 1%; background:#FFF; cursor:pointer; padding:2.5%; overflow:hidden;}
.nywenhuaul li:hover{ background:#11499c; color:#FFF;}
.wenhuapic01{ display:block !important;}
.wenhuapic01-1{ display:none !important;}

.whdiv{ width:100%; border-bottom:1px solid #CCC; padding-bottom:30px; height:100px; overflow:hidden;}
.wh001{background:url(../images/qywh01.png) no-repeat left top;}
.nywenhuaul li:hover .wh001{background:url(../images/qywh01-1.png) no-repeat left top;}

.wh002{background:url(../images/qywh02.png) no-repeat left top;}
.nywenhuaul li:hover .wh002{background:url(../images/qywh02-1.png) no-repeat left top;}

.wh003{background:url(../images/qywh03.png) no-repeat left top;}
.nywenhuaul li:hover .wh003{background:url(../images/qywh03-1.png) no-repeat left top;}

.wh004{background:url(../images/qywh04.png) no-repeat left top;}
.nywenhuaul li:hover .wh004{background:url(../images/qywh04-1.png) no-repeat left top;}

.whdiv span{ display:block; width:67%; float:left; margin-left:80px;margin-top:16px; color:#999; line-height:23px; font-size:14px;}
.whdiv span strong{font-size:18px; font-weight:bold; color:#000; }

.nywenhuaul li:hover .wenhuapic01{display:none !important;}
.nywenhuaul li:hover .wenhuapic01-1{display:block !important;}
.nywenhuaul li:hover span{ color:#FFF;}
.nywenhuaul li:hover span strong{ color:#FFF;}

.whp001{ width:100%; height:50px; line-height:25px; margin-top:30px; font-size:16px; overflow:hidden;}
/**************************************/

/*******合作******/
.ychezuo01{ width:100%; margin:0 auto;}
.qgfwwenan{ width:75%; margin:0 auto; line-height:45px; color:#FFF; padding-top:50px;}
.qgfwwenan strong{ font-size:42px; font-family:思源黑体 CN;}
.qgfwwenan em{ font-family:Impact; font-size:24px;font-style: italic;}

.map-service{position:relative;height:850px;background:url(../images/map_balck_whole_bg.jpg) center repeat;}
.map-service-right{margin-left:500px;/*padding-top:60px*/}
.china-map{width:747px;height:618px;background:url(../images/map_black_bg.png) center no-repeat;position:relative;}
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#009fd9}
.region-list.active .area-box .pulse{border-color:#009fd9;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset}
.region-list.waite .area-box .dot{background:#f90}
.region-list.waite .area-box .pulse{border-color:#f90}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.postition-10 .show-regin span{left:0}
.postition-6 .show-regin span{left:-72px}
.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative;color:#ccc}
.region-list.waite .show-regin span{color:#ccc}
.postition-1{left:302px;top:308px}
.postition-2{left:401px;top:403px}

.postition-2xz{left:170px;top:320px}

.postition-3{left:358px;top:516px}
.postition-4{left:473px;top:348px}
.postition-5{left:526px;top:394px}
.postition-6{left:526px;top:515px}
.postition-7{left:652px;top:200px}
.postition-7.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-8{left:559px;top:229px}
.postition-9{left:637px;top:371px}
.postition-9.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-10{left:600px;top:490px}

.postition-10hn{left:490px;top:600px}

.postition-11{left:604px;top:300px}
.postition-13{left:470px;top:250px}
.douhao{width:0}
/***********************/		
.chanpinwrap{ width:100%; background:#fcfcfc; margin:0 auto; padding:50px 0;}
.sznei{ width:1400px; margin:0 auto;}
.szneill{ width:360px;margin-left:30px; }
.szh5{ width:100%;font-weight:bold; font-size:20px; color:#11499c; border-bottom:2px solid #11499c; padding-bottom:12px; margin-top:12px;}
.szul2{ width:100%; margin-top:20px;}
.szul2 li{ width:100%; float:left;}
.szul2 li a{ display:block; font-size:15px; color:#69717e; font-weight:bold; width:100%; float:left; height:40px; line-height:40px; border-bottom:2px solid #c2c9d4;}
.szul2 li a:hover{ display:block; width:100%; float:left; color:#11499c; height:40px; line-height:40px; border-bottom:2px solid #11499c;}

.xylianxi{ width:100%; padding:5%; background:#11499c; color:#FFF; margin-top:20px;}
.xylianxi h1{ display:block; width:100%; float:left; font-size:20px; font-weight:normal; margin-top:20px;}
.xylianxi p{ width:100%; float:left; margin-top:20px; line-height:25px; font-size:14px;}
.lxwmtel{ width:100%; background:url(../images/tel02-1.png) no-repeat; font-size:20px; font-weight:bold; margin-top:30px; text-indent:30px;}

.gengduolx{ width:35%; height:30px; line-height:30px; background:#171547; text-align:center; color:#FFF; margin-top:15px; font-size:14px;}
.gengduolx:hover{ background:#FFF; color:#11499c;}
/*********************************************************/

.ycxinwen{ width:75%; margin:0 auto;}
.ycxinwen ul{ width:100%; float:left; margin-top:50px;}
.ycxinwen li{ width:100%; float:left; margin:0px 0px 30px 0px;}
.xwimg{ width:30%; height:220px; border:1px solid #666;}

.xwddv{ width:65%; margin-left:5%;}
.xwddv h1{ display:block; width:100%; float:left; font-size:18px; font-weight:bold;}
.xwddv h2{ display:block; width:100%; float:left; font-size:15px; line-height:23px; margin-top:15px;}
.xwddv span{ display:block; width:100%; float:left; font-size:14px; color:#CCC; margin-top:12px;}

/**************************************/
.ycxinxq1{ width:1010px; margin-top:50px; margin-bottom:50px;}
.xwh11{ width:100%; font-size:20px;}
.xwsp11{ width:100%; font-size:15px; margin-top:20px; border-bottom:1px solid #CCC; padding-bottom:30px;}
.ycxinxq2{ width:100%; line-height:28px; font-size:16px; color:#999; margin-top:35px;}
/*******************************/

.fuwuzhichi{ width:75%; margin:0 auto; padding:50px 0;}
.fuwuzhichi1{ width:100%;}
.zhichip1{ width:55%; line-height:26px; color:#999; text-align:justify; margin-top:22px; font-size:15px;}
.fuwuzhichi1-1{ width:45%;}
.fuwuzhichi1-1 span{ display:block; width:100%; color:#11499c; font-size:15px; font-weight:bold;}
.fuwuzhichi1-1 h1{ display:block; width:100%; float:left; font-size:35px; font-weight:bold; color:#000; margin-top:12px;}
/*********************/
.fuwuzhichi2{ width:100%; padding-bottom:50px; margin-top:30px;}
.fuwuzhichi2 ul{ width:100%; float:left;position:relative;top:50px;}
.fuwuzhichi2 li{ max-width: 24%; width:24%;flex: 0 0 50%; margin:0 1% 0 0; cursor:pointer;position:relative;overflow:hidden; float:left;}



.zhichidiv{ width:100%;position:absolute;left:0px; bottom:0;z-index:2; padding:0 4%; padding-bottom:50px;}
.zhichidiv:hover{ background:url(../images/fuwulibg.png) repeat;}
.zhichisp{ width:100%; text-align:center; color:#FFF;}
.zhichisp strong{ font-size:22px;}
.zhichisp h1{ width:100%; font-size:16px; margin-top:10px;}
.zhichip01{ width:100%; float:left; text-align:center; font-size:12px; line-height:18px; color:#FFF; margin-top:15px; display:none; }
/*******************/

.fuwuzhichi3{ width:100%;}
.fuwuzhichi3 ul{ width:100%; float:left;}
.fuwuzhichi3 li{ width:24%; max-width:24%; margin:20px 1% 20px 0; cursor:pointer; float:left; padding-top:60px; height:230px; overflow:hidden;}
.fuwuzhichi3 li h1{ display:block; width:100%; float:left; font-size:17px; font-weight:bold; margin-top:10px;}
.fuwuzhichi3 li p{ width:100%; float:left; line-height:23px; margin-top:15px; font-size:14px; color:#999;}
.fuwuzhichi3 li:hover h1{ color:#11499c;}
.fwimg2{display: inline-block;  transition: transform 0.3s ease;}
.fuwuzhichi3 li:hover .fwimg2{  transform: rotate(360deg);}
/******************/

.szneirr{ width:1010px;}
.szneirr-1{ width:100%; height:45px; line-height:45px; border-bottom:1px solid #f4f5f7;}
.szneirr-1 a{ color:#1e4ea2; text-decoration:underline;}
.szneirr-2{ width:100%; line-height:28px; margin-top:25px; font-size:16px; color:#626262;}

.szneirr-3{ width:100%; margin-top:25px;}
.szneirr-3 ul{ width:100%; float:left;}
.szneirr-3 li{ width:47%; float:left; margin:0 1.5% 1.5% 1.5%;}
.szneirr-3 li:hover{ cursor:pointer; background:#1e4ea2; border-radius:5px; color:#FFF;}
.szneirr-3 li:hover a{ color:#FFF;}
.szsp01-2{ background:#2775b6; color:#FFF;}
.szsp01-2{ width:20%; padding:35px 0; text-align:center; background:#f7f7f7; color:#454545;}
.szsp01-2 strong{ font-size:15px;}
.szxw1{ width:75%; margin-left:5%;}
.szx1{ width:100%; font-size:17px; margin-top:10px;}
.szx2{ width:100%; font-size:14px; margin-top:10px; color:#999; }
.szxwmore{ width:100%; margin-top:10px; color:#1e4ea2;}


.szneirr-4{ width:100%;}
.szneirr-4 ul{ width:100%; float:left;}
.szneirr-4 li{ width:31.333%; float:left; margin:0 1% 1% 1%; text-align:center; border:6px solid #f5f5f5;}
.szneirr-4 li a{ font-size:16px; font-weight:bold;}
.szneirr-4 li a img{ width:100%; height:auto; float:left;}
.szneirr-4 li a span{ display:block; width:100%; float:left; height:45px; line-height:45px; background:#f5f5f5;}
.szneirr-4 li:hover{ border:6px solid #2775b7;}
.szneirr-4 li:hover span{ background:#2775b7; color:#FFF;}
/**************************************************************/
.wdabcontent4{ width:1200px; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.wdabcontent4-1{ width:40%;}
.wdul01{ width:100%;}
.wdul01 li{ width:100%; float:left; line-height:45px; border-bottom:1px solid #333; font-size:17px;}

.wdul02{ width:274px; margin-top:20px;}
.wdul02 li{ width:117px; margin-right:20px; text-align:center; float:left;}
.wdul02 li img{ margin-bottom:10px;}

.wdabcontent4-2{ width:55%; margin-left:5%;}
.message{ width:100%; float:left;}
.blzh8{ display:block; width:100%; font-size:20px; color:#000;}
.message .box{  margin-top:50px;}
.message .box li{line-height:47px;margin-bottom:25px;}
.message .box li .input-text{height:45px;line-height:45px;outline:none; text-indent:12px; font-size:15px;border:1px solid #ccc;width:99%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.message .box li .input-text:focus{border-color:#b59665;}
.message .box li textarea.input-text{height:84px;line-height:24px;resize:none; font-size:15px; font-family:Arial, Helvetica, sans-serif;}
.message .box li.btn{ margin:0 1.5%;}
.message .box li .button{cursor:pointer;width:47%;border:none;height:40px;background-color:#171547;border-radius:20px;color:#fff;font-size:16px}
.message .box li .button:hover{ background:#1e4ea2; color:#FFF;} 
/*************/

.template{padding: 65px 0 75px 0;width: 100%;overflow: hidden;}
.title{font-size: 28px;text-align: center;color: #333;}
.subtitle{font-size: 16px;margin-top: 20px;text-align: center;color: #777;}
.category{text-align: center;}
.category ul{overflow: hidden;margin-top: 40px;background-color: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.1); border-radius: 3px;display: inline-block;}
.category ul li{float: left;display: inline-block;font-size: 16px;height: 35px;line-height: 35px;width: 140px;text-align: center;position: relative; cursor: pointer;}
.category ul li:after{content: '';height: 50%; border-left: 1px solid #eee; position: absolute; right: 0; top: 25%;}
.category ul li:last-child:after{border-left: none;}
.category ul li:hover{color: #11499c;}
.category ul li.active{background:#11499c;color: #fff;}
.category ul li.active:after{border-left: none;}
.content{width: 75%;height: auto; margin:0 auto;display: none;}
.content.active{display: block;}
.content ul{width: 100%;margin: 0 auto; margin-top:60px;}
.content ul li{float: left;position: relative; cursor:pointer;width:23%; margin-left:1%; margin-right:1%;/*transition: transform .3s ease,box-shadow .3s ease*/}
.content ul li:last-child{margin-right: 0;}
.content ul li .img{width: 100%; height:auto; text-align:center; font-size:20px; color:#333; font-weight:bold;}
.content ul li .img img{ margin-bottom:20px; border:1px solid #333; width:100%; height:auto;}
.content ul li .bg{transition: opacity .3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);text-align: center;}
.content ul li .bg img{display: inline-block;width: 70%;margin-top: 75px;border-radius: 3px;opacity: 0;transition: opacity .5s;}
/*.content ul li:hover{transform: translate3d(0,-10px,0)}*/
.content ul li:hover .bg{background: rgba(0,0,0,.5);}
.content ul li:hover .bg img{opacity: 1;}
.content .more{text-align: center;width: 100%;clear: both;padding-top: 60px;}
.content .more a{display: inline-block;border: 1px solid #f73;color: #f73; transition: background-color .3s,color .3s;padding: 12px 50px;border-radius: 50px;font-size: 18px;}
.content .more a:hover{background: #f73;color: #fff;}
.content.wsc ul{width: 1245px;}
.content.wsc ul li{background:url(../images/phone.png) center center no-repeat;width: 217px;height: 450px;}
.content.wsc ul li .img{margin-top: 44px;margin-left: 9px;}
.content.wsc ul li .bg{width: 200px;height: 356px;left: 9px;top: 44px;}
.content.wsc ul li .bg img{border-radius: 3px;border:10px solid #fff}
.content.dnsc ul{width:1200px}
.content.dnsc ul li{background:url(../images/pc.png) center center no-repeat;width: 340px;height: 220px;overflow: hidden;margin-right: 90px;}
.content.dnsc ul li:nth-child(1),.content.dnsc ul li:nth-child(2),.content.dnsc ul li:nth-child(3){margin-bottom: 40px;}
.content.dnsc ul li:nth-child(3n){margin-right: 0;}
.content.dnsc ul li .img{margin-top: 13px;}
.content.dnsc ul li .img img{max-width: 100%;}
.content.dnsc ul li .bg{width: 100%;height: 100%;top: 13px;}
.content.dnsc ul li .bg img{width: 145px;margin-top: 90px;}
/*******************************/


.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; margin:0 auto;}
.dc_pages1 a{ display:block; width:17.5%; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}

.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;
	margin-bottom:20px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}	
	

@media only screen and (max-width: 1440px){
#nav {width:45%; float:right; margin-top:35px;}
#nav li { float: left; width:16.666666%;}
#nav li a {	display: block;	width: 100%;text-align:center;color:#FFF;font-size:15px;height:35px;line-height:35px;}

.yhdlogo{ width:180px; height:auto; margin-top:30px;}
.hezuoba2{height:500px;}

.fuwuzhichi{ width:96%;}	
	}
	
@media only screen and (max-width: 1200px){
.topdh{ width:85%; margin:0 auto;}
#nav {width:50%; float:right; margin-top:35px;}
#nav li { float: left; width:16.666666%;}
#nav li a {	display: block;	width: 100%;text-align:center;color:#FFF;font-size:15px;height:35px;line-height:35px;}

.yhdlogo{ width:150px; height:auto; margin-top:37px;}
	
	}	

/*******************应用******************/