body{
    overflow-x: hidden;
	overflow-y: scroll;
	font-size:12px; color:#363636;
	background-color:#FFF;
	margin:0px;
	padding:0px;
	font-family:"Microsoft Yahei";
}
*{ padding:0px; margin:0}
a{
	font-size:12px;
	text-decoration:none;
	color:#363636;
	font-family:"Microsoft Yahei";
}
a:hover 
{
color:#FF0000; font-family:"Microsoft Yahei";
}
a:hover img0{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8} 
input,from,td,table,img,dl,dt,ul,dd,li,p,div,span{ padding:0; margin:0; list-style:none; font-family:"Microsoft Yahei";}
ul,li{padding:0px; margin:0px; list-style-type:none; display: block; font-family:"Microsoft Yahei";}
.left{float:left}
.right{float:right}
.clear{
 PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px; PADDING-TOP: 0px
}
#all{
width:100%; font-family:"Microsoft Yahei"; background-color:#FFF;
}
.news{
	font-size:12px;
	text-shadow:#FFF;
	text-decoration:none;
	color:#363636;
}
.con{
	font-size:12px;
	color:#363636;
}
td{
	font-size:12px;
	color: #363636;
	font-family:"Microsoft Yahei";
}
.wordbreak{
word-break:break-all;
}
a.yiyi1
{
float:left; display:block; text-align:center; color:#000; font-size:18px; letter-spacing:10px; width:70px; height:101px; padding-left:10px; line-height:101px; margin-left:8px; margin-right:8px;
}
a.yiyi1:hover 
{
color:#FFF; background-color:#004af1;
}
a.yiyi100
{
float:left; display:block; text-align:center; color:#FFF; font-size:18px; letter-spacing:10px; width:70px; height:101px; padding-left:10px; line-height:101px; margin-left:8px; margin-right:8px; background-color:#004af1;
}
a.yiyi100:hover 
{
color:#FFF;
}
@media screen and (max-width: 1400px){
a.yiyi1{letter-spacing:6px; width:70px; height:101px; padding-left:6px; line-height:101px; margin-left:5px; margin-right:5px;}
a.yiyi100{letter-spacing:6px; width:70px; height:101px; padding-left:6px; line-height:101px; margin-left:5px; margin-right:5px;}
}
@media screen and (max-width: 1200px){
a.yiyi1{font-size:16px; letter-spacing:5px; width:60px; height:80px; line-height:80px; padding-left:5px; margin-left:3px; margin-right:3px;}
a.yiyi100{font-size:16px; letter-spacing:5px; width:60px; height:80px; line-height:80px; padding-left:5px; margin-left:3px; margin-right:3px;}
}
a.yiyi1000
{
color:#000; font-size:14px; height:30px; line-height:30px; width:29px; padding-left:1px; margin-top:1px; display:block; text-align:center; float:left; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; letter-spacing:2px; background-color:#616161;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
a.yiyi1000:hover 
{
color:#91bcfd;
}
a.yiyi2
{
color:#000; font-size:16px;
}
a.yiyi2:hover 
{
color:#F00;
}
a.yiyi200
{
color:#bbbbbb; font-size:14px;
}
a.yiyi200:hover 
{
color:#F00;
}
a.yiyi2000
{
color:#16b5ff; font-size:12px; display:block; float:right; margin:-35px 10px 0px 0px; height:19px; line-height:19px; width:50px; text-align:center; border:1px solid #16b5ff;
border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
-moz-border-radius:9px;
-ms-border-radius:9px;
}
a.yiyi2000:hover 
{
color:#F00; border:1px solid #F00;
}
@media screen and (max-width: 1024px){
a.yiyi2000{display:none;}
}
@media screen and (max-width: 668px){
a.yiyi2{font-size:15px;}
a.yiyi200{font-size:13px;}
}

a.yiyi20000
{
color:#f19e3c; font-size:14px; width:60px; text-align:center; height:22px; line-height:22px; margin:0px 20px 0px 0px; display:block; float:right; font-family:Arial, Helvetica, sans-serif; border:1px solid #f19e3c;
border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
-moz-border-radius:9px;
-ms-border-radius:9px;
}
a.yiyi20000:hover 
{
color:#FFF; background-color:#f19e3c;
}
a.yiyi3
{
color:#454545; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:38px; line-height:38px;
}
a.yiyi3:hover 
{
background:url(images/mark03.png) center bottom no-repeat; color:#ff8901;
}
a.yiyi3000
{
color:#ff8901; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:38px; line-height:38px; 
background:url(images/mark03.png) center bottom no-repeat;
}
a.yiyi3000:hover 
{
background:url(images/mark03.png) center bottom no-repeat;
}
a.yiyi3000bs
{
color:#FFF; background-color:#f19e3c; font-size:18px; display:block; text-align:center; height:60px; line-height:60px; 
}
a.yiyi3000bs:hover 
{
color:#FFF; background-color:#fe8a01;
}
a.yiyi3000bss
{
color:#666; font-size:14px; display:block; text-align:left; height:30px; line-height:30px; background:url(images/bclass.png) no-repeat 0px 9px; padding-left:12px;
}
a.yiyi3000bss:hover 
{
color:#F00;
}
a.yiyi5
{
color:#454545; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:38px; line-height:38px; display:block; float:left;
}
a.yiyi5:hover 
{
background:url(images/mark03.png) center bottom no-repeat; color:#ff8901;
}
a.yiyi5000
{
color:#ff8901; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:38px; line-height:38px; display:block; float:left; 
background:url(images/mark03.png) center bottom no-repeat;
}
a.yiyi5000:hover 
{
background:url(images/mark03.png) center bottom no-repeat;
}
@media screen and (max-width: 668px){
a.yiyi3{font-size:16px; margin-left:12px; margin-right:12px;}
a.yiyi3000{font-size:16px; margin-left:12px; margin-right:12px;}
a.yiyi5{font-size:16px; width:27.33%; margin-left:3%; margin-right:3%; text-align:left;}
a.yiyi5:hover 
{
background:none;
}
a.yiyi5000{font-size:16px; width:27.33%; margin-left:3%; margin-right:3%; text-align:left; background:none;}
}
a.yiyi6
{
color:#252525; font-size:16px;
}
a.yiyi6:hover 
{
color:#F00;
}
a.yiyi60
{
color:#8f8f8f; font-size:13px;
}
a.yiyi60:hover 
{
color:#F00;
}
a.yiyi600
{
color:#004af1; font-size:13px; width:40px; height:25px; line-height:25px; display:block; border-top:2px solid #004af1; text-align:center; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi600:hover 
{
color:#F00; border-top:2px solid #F00;
}
a.yiyi7
{
color:#777; font-size:13px; 
}
a.yiyi7:hover 
{
color:#F00;
}
a.yiyi8
{
color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi8:hover 
{
color:#F00;
}
a.yiyi9
{
color:#333; font-size:24px;
}
a.yiyi9:hover 
{
color:#F00;
}
a.yiyi51
{
float:left; width:150px; height:42px; line-height:41px; display:block; margin-left:1px; margin-bottom:10px; text-align:center; color:#FFF; font-size:16px; background-color:#afafaf;
}
a.yiyi51:hover 
{
background-color:#ea3d38;
}
a.yiyi510
{
float:left; width:150px; height:42px; line-height:41px; display:block; margin-left:1px; margin-bottom:10px; text-align:center; color:#FFF; font-size:16px; background-color:#ea3d38;
}
a.yiyi510:hover 
{
background-color:#ea3d38;
}

a.yiyi51a
{
float:left; width:230px; height:50px; line-height:49px; display:block; text-align:center; color:#101010; font-size:16px; background-color:#dfdfdf; margin:5px; box-shadow:0 0 10px rgba(0,0,0,0.3);
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
a.yiyi51a:hover 
{
background-color:#ea3d38; color:#FFF;
}
a.yiyi510a
{
float:left; width:230px; height:50px; line-height:49px; display:block; text-align:center; color:#FFF; font-size:16px; background-color:#ea3d38; margin:5px; box-shadow:0 0 10px rgba(0,0,0,0.3);
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
a.yiyi510a:hover 
{
background-color:#ea3d38;
}

a.yiyi8ai
{
color:#222; font-size:20px;
}
a.yiyi8ai:hover 
{
color:#F00;
}
a.yiyi8bi
{
color:#818181; font-size:15px;
}
a.yiyi8bi:hover 
{
color:#F00;
}
a.yiyi8ci
{
color:#999; font-size:15px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi8ci:hover 
{
color:#F00;
}
@media screen and (max-width: 1366px){
a.yiyi8ai
{
font-size:16px;
}
a.yiyi8bi
{
font-size:14px;
}
a.yiyi8ci
{
font-size:14px;
}
}
@media screen and (max-width: 668px){
a.yiyi8ai
{
font-size:14px;
}
a.yiyi8bi
{
font-size:12px;
}
a.yiyi8ci
{
font-size:12px;
}
}



a.yiyiabout
{
color:#FFF; width:128px; height:36px; line-height:36px; text-align:center; font-size:16px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; display:block; margin:0px auto 0px auto; background-color:#b8b8b8;
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
a.yiyiabout:hover 
{
color:#FFF; background-color:#5c82fd;
}

/*这里*/
.logo{ border:3px solid #fff; font:bold 24px/100px "Microsoft Yahei"; width:100px; height:100px; position:fixed; top:50px; left:50px; z-index:999;}
.menu{ height:42px; background:rgba(0,0,0,0.6);position:fixed;  top:0px; left:0; z-index:998; width:100%; }
.menu li{list-style:none; float:left; display:inline-block; font:16px/42px "Microsoft Yahei";}
.menu li a{ color:#fff; text-decoration:none; text-align:center; display:block; padding:0px 15px}
.menu li.active{ background:#F00;}

.headerbg{
width:100% margin:0px auto; clear:both; overflow:hidden; background-color:#FFF;
}
.headerbgin{
width:100%; margin:0px auto; clear:both; overflow:hidden; background-color:#FFF; border-bottom:1px solid #d0d0d0;
}
.header{
width:98%; max-width:1600px; margin:0px auto; clear:both; overflow:hidden;
}
.header div{
overflow:hidden;
}
.headerlogo{
float:left; height:80px; margin:10px 0;
}
.headerlogo img{width:auto; height:100%; border:0px;}
.headerlogotitle{
float:left; margin:30px 0px 0px 15px; padding-left:15px; border-left:1px solid #e0e0e0; height:50px; line-height:25px; font-size:14px; color:#636363;
}
.headcnen{
float:right; padding:0px 2px 0px 28px; line-height:101px; letter-spacing:2px; overflow:hidden;
}
.headcnen a{font-size:18px;}
.headright{
float:right; padding:0px 0px 0px 0px;
}
.headwap{
float:right; display:none;
}
/*-Navigation-*/
.sp_nav{width:50px;float:right;position:relative; top:50%;cursor:pointer;height:30px;margin-top:-13px;}
.sp_nav span{display:block;background:#000;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;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:70px}
/*-Navigation-*/
@media screen and (max-width: 1200px){
.header{height:80px;}
.headerlogo{height:70px; margin:5px 0;}
.headerlogotitle{display:none;}
.headcnen{padding:0px 2px 0px 16px; line-height:80px;}
.headcnen a{font-size:16px;}
}

@media screen and (max-width: 1024px){
.headerlogotitle{display:none;}
}
@media screen and (max-width: 1024px){
.headerbg{height:70px;}
.headerbgin{height:70px;}
.header{width:100%; height:70px; position:fixed; z-index:2000; background-color:#FFF;}
.headerlogo{height:50px; margin:10px 0; padding-left:5px;}
.headcnen{display:none;}
.headright{display:none;}
.headwap{display:block; height:70px;}
.headerlogo img{width:auto; height:100%; border:0px;}
.headmenubg{display:none;}
.nav_show{top:70px;}
}
/*-Navigation-*/
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:100%; font-size:14px;}
.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:34px;float:left;border-left:1px #ddd solid;text-align:center;color:#999; font-size:14px; display:block;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:19px;padding:6px 7px 5px 7px;}
.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;margin-left:20px;position:relative;line-height:40px;font-size:1.0em}
.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:100%;font-size:14px; display:block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left; font-size:14px;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*--Navigation--*/
.flasher-about{
width:100%; margin:0px auto; clear:both; height:335px; background:url(images/flash_about.jpg) center;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
footer s
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footerbg{ width:100%; clear:both; margin:0px auto; overflow:hidden; background-color:#000; padding-top:35px; padding-bottom:10px; border-bottom:1px solid #333;}
.pfooter{width:96%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden; color:#656565;}
.pfooter div{
overflow:hidden;
}
.foot-l{
float:left; width:60%; 
}
.foot-l .foot-menu{
clear:both;
}
.foot-l .foot-menu a{ color:#656565; font-size:16px; font-weight:bold; letter-spacing:5px; margin-right:25px;}
.foot-l .foot-menu a:hover{ color:#F00;}

.foot-l .foot-contact{
clear:both; font-size:16px; line-height:30px; padding:10px 0px 5px 0px;
}
.foot-l .foot-contact a{ color:#656565; font-size:16px;}
.foot-l .foot-contact a:hover{ color:#F00;}
.foot-r{
float:right; width:35%; text-align:center;
}
.foot-qr{
float:right; text-align:center; font-size:16px; margin-right:5px; margin-left:20px; line-height:45px;
}
.foot-copyright{
clear:both; font-size:16px; color:#656565; line-height:40px; text-align:center;
}
.foot-copyright a{ color:#656565; font-size:16px;}
.foot-copyright a:hover{ color:#F00;}

@media screen and (max-width: 900px){
.foot-l{float:left; width:100%;}
.foot-l .foot-menu{
clear:both; text-align:center;
}
.foot-l .foot-menu a{ color:#656565; font-size:16px; font-weight:bold; letter-spacing:5px; margin-right:10px;}
.foot-r{float:right; width:100%;}
.foot-qr{
float:right; width:50%; text-align:center; font-size:16px; margin-right:0px; margin-left:0px; line-height:45px; padding-top:10px;
}
}
@media screen and (max-width: 700px){
.foot-l .foot-menu a{letter-spacing:3px; margin-right:8px;}
}

/*轮播*/
.index-page-banner{
width:100%; clear:both; margin:0px auto; overflow:hidden; position:relative;
}
.index-page-banner .swiper-slide{
font-size:0;
}
.index-page-banner .swiper-slide a {
width:100%; height:593px; position: relative; display: block; overflow:hidden;
}
.index-page-banner .swiper-slide a img {
width:1920px; height:593px; border:0px; position:relative; left:50%; top:50%; margin-left:-960px; margin-top:-296.5px;
}
.index-page-banner .swiper-slide .pcs{display:block;}
.index-page-banner .swiper-slide .waps{display:none;}
@media screen and (max-width: 1200px){
.index-page-banner .swiper-slide a {height:auto;}
.index-page-banner .swiper-slide a img {width:100%; height:auto; left:0; top:0; margin-left:0; margin-top:0;}
.index-page-banner .swiper-slide .pcs{display:none;}
.index-page-banner .swiper-slide .waps{display:block;}	
}
.index-page-banner .banner-lunbo .swiper-pagination{
 bottom:40px;
}
.index-page-banner .banner-lunbo .swiper-pagination .swiper-pagination-bullet {
  width:60px;
  height: 10px;
  background: none;
  opacity: 1;
  margin: 0;
  vertical-align: middle;
  border-radius: 0;
  position: relative;
}
.index-page-banner .banner-lunbo .swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  display: block;
  width: 75%;
  height: 3px;
  background: #fff;
  position: absolute;
  left:5%;
  top:4px;
  z-index: 10;
}
.index-page-banner .banner-lunbo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background: #06F;
}

.index-page-banner .btn-boxt {
	clear:both; width:100%; height:60px; position:absolute; z-index:5; top:50%; margin-top:-30px;
}
.index-page-banner .btn-boxt .swiper-btn {
  display: inline-block;
  width: 60px;
  height: 60px;
}
.index-page-banner .btn-boxt .swiper-btn.prev {
  margin-left:1%; float:left; opacity:0.7;
  background: url(images/prev-button.png) no-repeat;
}
.index-page-banner .btn-boxt .swiper-btn.prev:hover {
  background: url(images/prev-button.png) no-repeat; opacity: 1;
}
.index-page-banner .btn-boxt .swiper-btn.next {
  margin-right:1%; float:right; opacity: 0.7;
  background: url(images/next-button.png) no-repeat;
}
.index-page-banner .btn-boxt .swiper-btn.next:hover {
  background: url(images/next-button.png) no-repeat; opacity: 1;
}

.index-page-youshi{
width:100%; clear:both; margin:0px auto; overflow:hidden; background-color:#003cee;
}
.index-page-youshi div{
overflow:hidden;
}
.index-page-youshiall{
width:100%; max-width:1600px; clear:both; margin:0px auto;
}
.index-page-youshilist{
float:left; width:25%; height:132px; text-align:center; box-sizing: border-box; padding:10px 20px 0 20px;
}
.index-page-youshilist:hover{
background-color:#0133c9;
}
.index-page-youshilist h6{
color:#FFF; font-size:16px; margin:3px 0 3px 0;
}
.index-page-youshilist p{
color:#5c7fe7; font-size:16px;
}
@media screen and (max-width: 1400px){
.index-page-youshilist{
height:132px; padding:10px 10px 0 10px;
}
.index-page-youshilist h6{font-size:14px; margin:3px 0 3px 0;}
.index-page-youshilist p{font-size:14px;}
}
@media screen and (max-width: 1024px){
.index-page-youshilist{
height:132px; padding:10px 5px 0 5px;
}
.index-page-youshilist h6{font-size:12px; margin:3px 0 3px 0;}
.index-page-youshilist p{font-size:12px;}
}
@media screen and (max-width: 700px){
.index-page-youshilist{
width:50%; height:132px; padding:10px 5px 0 5px;
}
.index-page-youshilist:nth-child(2), .index-page-youshilist:nth-child(3){
background-color:#0133c9;
}
.index-page-youshilist h6{font-size:12px; margin:3px 0 3px 0;}
.index-page-youshilist p{font-size:12px;}
}

/*title s*/
.protitle{
padding:9px 15px 9px 15px; color:#FFF; font-size:22px; line-height:45px; background-color:#ff8901; float:left;
box-shadow:0 0 15px rgba(0,0,0,0.5);
border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
}
.protitleqr{
clear:both; line-height:25px; color:#777; font-size:16px;
}
.titleall{
width:100%; margin:0 auto; clear:both; overflow:hidden;
}
.titleall div{
overflow:hidden;
}
.titleall01{
clear:both; padding-bottom:10px; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; color:#000; font-size:50px; line-height:50px; letter-spacing:1px;
}
.titleall02{
clear:both; font-family:"Microsoft Yahei"; font-size:28px; font-weight:bold; letter-spacing:5px; color:#000;
}
.titleall03{
clear:both; width:60px; height:3px; background-color:#000; margin-top:20px;
}
.titleall05{
clear:both; font-family:"Microsoft Yahei"; font-size:28px; font-weight:bold; letter-spacing:5px; color:#000;
}
@media screen and (max-width: 1400px){
.titleall01{
font-size:40px; line-height:40px;
}
.titleall02{
font-size:24px;
}
.titleall05{
font-size:18px;
}
}
@media screen and (max-width: 1200px){
.titleall05{
font-size:16px;
}
.titleall03{
margin-top:15px;
}
}
@media screen and (max-width: 668px){
.titleall01{
font-size:30px; line-height:30px;
}
.titleall02{
font-size:20px;
}
}
/*title e*/

.index-page-pro{
width:96%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden; padding-top:50px; padding-bottom:40px;
}
.index-page-pro div{
overflow:hidden;
}
.index-page-pro ul{
width:100%; clear:both; padding:40px 0px 20px 0px;
}
.index-page-pro ul li{
float:left; width:22.75%; margin-bottom:30px; margin-right:3%; border:1px solid #e0e0e0; background-color:#FFF; box-sizing: border-box;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.index-page-pro ul li:nth-child(4n){
 margin-right:0;
}
@media screen and (max-width: 700px){
.index-page-pro{padding-top:25px; padding-bottom:5px;}
.index-page-pro ul{padding:30px 0px 20px 0px;}
.index-page-pro ul li{width:48%; margin-bottom:30px; margin-right:4%;}
.index-page-pro ul li:nth-child(2n){margin-right:0;}
}

.index-page-pro ul li:hover img{
    transform: scale(1.15);
}
.index-page-pro ul li:hover{border:1px solid #003cee;}
.hotsalelist01{
margin:5px auto 0px auto; width:90%; line-height:26px; height:26px; border-top:1px solid #e4e4e4; text-align:left; padding-top:10px;
}
.hotsalelist02{
margin:0px auto; width:90%; line-height:26px; height:26px; text-align:left; padding-top:6px; padding-bottom:11px;
}
.prolist{
	list-style-type: none;
	/*display:inline-block;*/
	display: block;
	float: left;
	max-width:400px;
	max-height:400px;
	width:100%;
	position: relative;
	overflow: hidden;
}
.dummy{padding-top:100%;}
.prolist img{
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.prolist i{
	display: inline-block;
	vertical-align: middle;
	height:100%;
}
.prolist p{
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
}

/*app s*/
.index-page-app-bg{
width:100%; clear:both; margin:0px auto; overflow:hidden; background-color:#ececec; padding:60px 0px 70px 0px;
}
.index-page-appall{
width:96%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden;
}
.index-page-app{
	width:100%; max-width:1600px; clear:both; margin:40px auto 0px auto; overflow:hidden; position:relative;
}
.index-page-app .swiper-slide{
font-size:0;
}
.appimg{
position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto; overflow:hidden; background-color:#039;
}
.index-page-app .swiper-slide a {
width:100%; padding:55% 0 0 0; position: relative; display: block; overflow:hidden;
}
.index-page-app .swiper-slide img {
width:100%; height:100%; border:0px; 
}
.index-page-app .btn-boxt {
  clear:both; width:100%; height:50px; position:absolute; z-index:10; top:50%; margin-top:-25px;
}
.index-page-app .btn-boxt .swiper-btn {
  display: inline-block;
  width: 50px;
  height: 50px;
}
.index-page-app .btn-boxt .swiper-btn.prev {
  margin-left:1%; float:left; opacity:0.7;
  background: url(images/l.png) no-repeat;
}
.index-page-app .btn-boxt .swiper-btn.prev:hover {
  background: url(images/l.png) no-repeat; opacity: 1;
}
.index-page-app .btn-boxt .swiper-btn.next {
  margin-right:1%; float:right; opacity: 0.7;
  background: url(images/r.png) no-repeat;
}
.index-page-app .btn-boxt .swiper-btn.next:hover {
  background: url(images/r.png) no-repeat; opacity: 1;
}
@media screen and (max-width: 700px){
.index-page-app-bg{padding:30px 0px 40px 0px;}
.index-page-app{margin:20px auto 0px auto;}
}

.index-page-about{
width:96%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden; padding:70px 0px 70px 0px;
}
.index-page-about div{
overflow:hidden;
}
.about-l{
float:left; width:45%; 
}
.about-l img{
width:100%; height:auto; border:0px;
}
.about-r{
float:right; width:50%; 
}
.about-l:hover img{
    transform: scale(1.15);
}
.about-all{
clear:both; font-size:18px; color:#777; line-height:33px; padding:20px 0px 0px 0px;
}
.about-all p{
padding-bottom:15px;
}
a.about-more
{
color:#FFF; font-size:16px; height:38px; line-height:38px; width:110px; display:block; text-align:center; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; background-color:#004af1;
border-radius:19px;
-webkit-border-radius:19px;
-o-border-radius:19px;
-moz-border-radius:19px;
-ms-border-radius:19px;
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.9); margin:10px;
}
a.about-more:hover 
{
color:#FFF; background-color:#013ec8;
}
.index-page-about ul{
clear:both; padding:100px 0px 0px 0px;
}
.index-page-about ul li{
float:left; width:31.33333%; margin-right:3%; overflow:hidden;
}
.index-page-about ul li img{
width:100%; height:auto; border:0px;
}
.index-page-about ul li:nth-child(3){
margin-right:0;
}
.index-page-about ul li p{
font-size:16px; color:#000; font-weight:bold; line-height:30px; padding-top:10px; padding-bottom:2px;
}
.index-page-about ul li span{
font-size:15px; color:#999; line-height:24px;
}

@media screen and (max-width: 1400px){
.about-l{width:35%; }
.about-r{width:62%; }
.about-all{font-size:16px; line-height:28px; padding:10px 0px 0px 0px;}
.about-all p{padding-bottom:10px;}
.index-page-about ul{padding:70px 0px 0px 0px;}
}
@media screen and (max-width: 768px){
.about-l{width:100%; margin-bottom:20px;}
.about-r{width:100%; }
.about-all{font-size:16px; line-height:30px; padding:20px 0px 0px 0px;}
.about-all p{padding-bottom:10px;}
.index-page-about ul{padding:30px 0px 0px 0px;}
}
@media screen and (max-width: 700px){
.index-page-about{padding:30px 0px 10px 0px;}
.index-page-about ul{padding:30px 0px 0px 0px;}
.index-page-about ul li{
float:left; width:100%; margin-right:0; overflow:hidden; margin-bottom:20px;
}
}

/*case s*/
.index-page-casebg{
width:100%; clear:both; margin:0px auto; overflow:hidden; background:url(images/casebg.jpg) center; box-sizing: border-box;
}
.index-page-caseall{
width:96%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden; position:relative; padding:80px 0; 
}
.case-l{
float:left; width:35%; padding-top:3.5%;
}
.case-l img{width:100%; height:auto; border:0;}
.case-r{
float:right; width:60%; box-sizing:border-box; border:10px solid #999;
}
@media screen and (max-width: 1400px){
.index-page-caseall{
padding:60px 0; 
}
}
@media screen and (max-width: 700px){
.index-page-casebg{
width:100%; height:auto; clear:both; margin:0px auto; overflow:hidden; background:url(images/casebg.jpg) center; box-sizing: border-box;
}
.index-page-caseall{
width:96%; padding:10px 0px 40px 0px;
}
.case-l{width:100%; position:relative; top:0; margin-top:0;}
.case-l img{width:100%; height:auto; border:0;}
.case-r{width:100%; box-sizing:border-box; border:10px solid #999; margin-top:0px;}
}
.index-page-case{
	width:100%; clear:both; overflow:hidden; position:relative;
}
.index-page-case .swiper-slide{
font-size:0;
}
.index-page-case .swiper-slide a {
width:100%; padding:60% 0 0 0; position: relative; display: block; overflow:hidden;
}
.index-page-case .swiper-slide img {
width:100%; height:100%; border:0px; 
}

.index-page-case .case-lunbo .swiper-pagination{
 bottom:22px; text-align:right;
}
.index-page-case .case-lunbo .swiper-pagination .swiper-pagination-bullet {
  width:30px;
  height: 30px;
  background: none;
  opacity: 1;
  margin: 0 15px 0 0;
  vertical-align: middle;
  border-radius: 15px; text-align:center;
  position: relative; font-size:16px; font-weight:bold; line-height:37px; padding-left:1px;
}
.index-page-case .case-lunbo .swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: #fff;
  position: absolute;
  left:5%;
  top:4px;
  z-index:-1; border-radius: 15px;
}
.index-page-case .case-lunbo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background: #06F;
}

.index-page-case .btn-boxt {
  clear:both; width:100%; height:37px; position:absolute; z-index:10; top:50%; margin-top:-19px;
}
.index-page-case .btn-boxt .swiper-btn {
  display: inline-block;
  width: 37px;
  height: 37px;
}
.index-page-case .btn-boxt .swiper-btn.prev {
  margin-left:1%; float:left; opacity:0.7;
  background: url(images/prevv.png) no-repeat;
}
.index-page-case .btn-boxt .swiper-btn.prev:hover {
  background: url(images/prevv.png) no-repeat; opacity: 1;
}
.index-page-case .btn-boxt .swiper-btn.next {
  margin-right:1%; float:right; opacity:0.7;
  background: url(images/nextt.png) no-repeat;
}
.index-page-case .btn-boxt .swiper-btn.next:hover {
  background: url(images/nextt.png) no-repeat; opacity: 1;
}

.index-page-news{
width:96%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden; padding-top:50px; padding-bottom:40px;
}
.index-page-news div{
overflow:hidden;
}
.index-page-news ul{
width:100%; clear:both; padding:40px 0px 20px 0px;
}
.index-page-news ul li{
float:left; width:48%; margin-bottom:30px; margin-right:4%; box-sizing:border-box;
}
.index-page-news ul li:nth-child(2n){
 margin-right:0;
}
.index-page-news ul li:hover img{
    transform: scale(1.15);
}
.newsleft{
float:left; width:25%; margin-top:8px;
}
.newsleft img{
width:100%; height:auto; border:0px;
}
.newsright{
float:right; width:72%;
}
.news01{
clear:both; line-height:36px; padding:5px 0px 4px 0px;
}
.news02{
clear:both; width:84px; height:3px; background-color:#004af1;
}
.news03{
clear:both; word-break:break-all; line-height:24px; padding:7px 0px 0px 0px;
}
.news04{
clear:both; line-height:25px;
}
@media screen and (max-width: 1200px){
.index-page-news ul li{
float:left; width:100%; margin-bottom:20px; margin-right:0; box-sizing:border-box;
}
}
@media screen and (max-width: 768px){
.news01{
clear:both; line-height:36px; padding:0px 0px 3px 0px;
}
.news02{
clear:both; width:60px; height:3px; background-color:#004af1;
}
.news03{
clear:both; word-break:break-all; line-height:20px; height:40px; padding:5px 0px 0px 0px;
}
}
@media screen and (max-width: 700px){
.index-page-news{padding-top:25px; padding-bottom:20px;}
.index-page-news ul{padding:20px 0px 20px 0px;}
.index-page-news ul li{margin-bottom:10px;}
}
/*内页*/
.indexpage{
width:96%; max-width:1600px; margin:0 auto; clear:both; overflow:hidden; padding-top:50px; padding-bottom:50px;
}
.indexpage div{
overflow:hidden;
}
.indexabout{
	width:100%; clear:both; overflow:hidden; padding:20px 0px 20px 0px; line-height:180%; font-size:18px; color:#333; box-sizing:border-box;
}
.indexabout p{
padding-top:10px;
}
.indexabout img{
border:0px; max-width:100%; height:auto;
}
.indexabout table{
    max-width:100%; margin:0 auto; clear:both;
}
.indexabout iframe{
    width:1067px; height:600px; margin:0 auto; clear:both;
}
@media screen and (max-width: 1400px){
.indexabout{
	 padding:20px 0px 20px 0px; line-height:180%; font-size:16px;
}
}
@media screen and (max-width: 700px){
.indexpage{padding-top:25px; padding-bottom:10px;}
.indexabout{padding:5px 0px 20px 0px;}
}

.indexpage-case{
width:96%; max-width:1600px; margin:0 auto; clear:both; overflow:hidden; padding-top:50px; padding-bottom:50px;
}
.indexpage-case div{
overflow:hidden;
}
.indexpage-case ul{
clear:both; padding:30px 0px 0px 0px;
}
.indexpage-case ul li{
float:left; width:31.33333%; margin-right:3%; overflow:hidden; margin-bottom:25px;
}
.indexpage-case ul li img{
width:100%; height:auto; border:0px;
}
.indexpage-case ul li:nth-child(3n){
margin-right:0;
}
.indexpage-case ul li:nth-child(3n+1){
clear:both;
}
.indexpage-case ul li p{
.indexpage-case color:#000; font-weight:bold; line-height:30px; padding-top:10px; padding-bottom:2px;
}
.indexpage-case ul li span{
font-size:15px; color:#999; line-height:24px;
}
@media screen and (max-width: 768px){
.indexpage-case ul{padding:30px 0px 0px 0px;}
}
@media screen and (max-width: 700px){
.indexpage-case{padding-top:25px; padding-bottom:25px;}
.indexpage-case ul{padding:25px 0px 0px 0px;}
.indexpage-case ul li{
float:left; width:100%; margin-right:0; overflow:hidden; margin-bottom:10px;
}
}

.newshowtitle{
text-align:center; clear:both; font-size:22px; font-weight:bold; padding-bottom:10px; color:#202020;
}
.newshowdetail{
width:100%; margin:0 auto; clear:both; line-height:180%; font-size:16px; color:#333;
}
.newshowdetail img{
border:0px; max-width:100%; height:auto;
}
.newshowdetail p{
padding-top:10px;
}
.newshowmark{
text-align:right; clear:both; line-height:180%; font-size:12px; padding-top:8px; padding-right:5px;
}
.newshowmark a{ color:#363636; font-size:12px;}
.newshowmark a:hover{ color:#F00;}

@media screen and (max-width: 768px){
.newshowtitle{font-size:18px;}
.newshowdetail{width:100%; font-size:16px;}
}

.newpage{
text-align:center; font-size:18px; clear:both; background-color:#f3f3f3; color:#333; padding-top:20px; padding-bottom:20px; width:100%; margin:35px auto 0px auto; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.1) inset;
}
.newpage a{font-size:18px; color:#333;}
.newpage a:hover{color:#F00;}
@media screen and (max-width: 1420px){
.newpage{font-size:16px; padding-top:15px; padding-bottom:15px;}
.newpage a{font-size:16px;}
}
@media screen and (max-width: 668px){
.newpage{font-size:16px; padding-top:10px; padding-bottom:10px;}
}

.promenu{
width:96%; max-width:1600px; clear:both; margin:0 auto; overflow:hidden; text-align:center; box-sizing: border-box; font-size:0;
}
.promenu a{
  box-sizing: border-box;
  position: relative;
  display:inline-block;
  width:15.06666%; margin:10px 0.8%;
  height:50px; line-height:50px;
  font-size: 17px;
  color: #222;
  text-align: center;
  background-color:#e6e6e6;
  border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.promenu a:hover{
  background-color:#004af1; color:#FFF;
}
.promenu .on{
  background-color:#004af1; color:#FFF;
}
@media screen and (max-width: 1420px){
.promenu a{
  width:18%; margin:10px 1%;
  height:50px; line-height:50px;
  font-size: 16px;
}
}
@media screen and (max-width: 1200px){
.promenu a{
  width:23%; margin:10px 1%;
  height:40px; line-height:40px;
  font-size: 16px;
}
}
@media screen and (max-width: 1024px){
.promenu a{
  width:31.33333%; margin:10px 1%;
  height:40px; line-height:40px;
  font-size: 16px;
}
}
@media screen and (max-width: 700px){
.promenu a{
  width:48%; margin:10px 1%;
  height:40px; line-height:40px;
  font-size: 16px;
}
}

/*响应缓冲*/
.yiyi1, .yiyi100, .yiyi1000, .huanchong, .yiyi7, .yiyi20000, .hotsalelist:hover .hotsaleline, .hotsalelistin:hover .hotsaleline, .aboutall3 img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
@media screen and (max-width: 668px){
.yb_conct {display:none;}
}
.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: #ff4a00 url(images/fixCont.png) no-repeat 0 0; font-size:14px;
}
.yb_bar .yb_phone {
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -57px; font-size:14px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -113px; font-size:14px;
}
.yb_bar .yb_MSN {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -225px; font-size:14px;
}
.yb_bar .yb_SKYPE {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -169px; font-size:14px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -281px; font-size:14px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a, .yb_MSN a, .yb_SKYPE a {
	display: block; font-size:14px;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}