@charset "utf-8";
/* CSS Document */
body{
	margin:0 0;
	padding:0 0;
}
a,a:hover{
	text-decoration:none;
}
ul,li{
	margin:0 0;
	padding:0 0;
	list-style:none;
}
.clearfix{clear:both;}
.w960{
	width:960px;
	margin:0 auto;
}
.w1080{
	width:1080px;
	margin:0 auto;
}
.w700{
	width:700px;
	margin:0 auto;
}
.trcontent img{
	max-width:1060px;
	margin-bottom:50px;
}
.mtop60{
	margin-top:60px;
}
.ptop60{
	padding-top:60px;
}
.wcenter{
	text-align:center;
}
.khang{
	padding:20px 10px;
	width:100%;

}

.btn-more{
	text-align:center;
	margin-top:60px;
}
.btn-more  a{
	width:400px;
	display:inline-block;
	color:#018B8D;
	padding:10px 20px;
	border:1px solid #018B8D;
	font-size:34px;
	background-color:#FAFAFA;
}
.btn-more a:hover{
	background-color:#F5F5F5;
}

.fixedTop{
	position:fixed;
	width:100%;
    left: 50%;
	top:0;
    transform: translateX(-50%);
	background-color:#FFFFFF;
	z-index:99998;
}
.fixedTop .logo{
	float:left;
}
.fixedTop .logo img{
	margin-left:20px;
}
.fixedTop .so{
	float:right;
	margin-top:69px;
}

.swf{
	margin-top:200px;

}

.close{
	float:right;

	margin-top:60px;
	margin-right:60px;
}
.close img{
	width:50px;
	height:50px;
}

.menu{	
	display:none;
	width:100%;
	background-color:#000;	
	position:fixed;
	top:0;
	left:0;
	height:105vh;
	margin:0 0;
	z-index:99999;
	filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;
	
}
.menu ul{	
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}
.menu li{
	text-align:center;
	list-style:none;
	font-size:58px;
	line-height:140px;
	color:#FFFFFF;
	letter-spacing:2px;
}
.menu li a{
	color:#FFFFFF;
	text-decoration:none;

}

/*Banner 轮换图*/
.bannerbox{ position: relative; overflow: hidden; height: 408px;}
.bannerbox ul li{ width:100%;}
.bannerbox ul li a{display:block; position: absolute; left: 0; }
.bannerbox #dots{ width: 100%; position: absolute; bottom: 30px; left: 0; text-align: center;}
#dots a{ display: inline-block; width:12px; height: 12px; margin-left: 7px; margin-right: 7px; background: url(../images/dots.png) no-repeat;}
#dots a.active{ width:52px; height:13px; background: url(../images/dots-r.png) no-repeat;}
/*Banner 轮换图*/



	.index_aboutus{
		background-image:url(../images/aboutus.jpg);
		height:990px;	
	}
	.about-1{
		font-size:48px;	
		padding-top:150px;
		text-align:center;	
		font-weight:bold;	
		line-height:88px;
	}
	.about-2{
		font-size:38px;	
		text-align:center;
		font-weight:bold;	
		line-height:88px;
		
	}
	.about-3{
		font-size:28px;	
		line-height:58px;
		text-indent:2em;
		width:800px;
		margin:0 auto;
	}
	
	
	
	
    .product-section {
            max-width: 1200px;
            margin: 40px auto;
            padding: 0 20px;
        }
    .product-section .section-header {
            margin-bottom: 30px;
			text-align:center;
        }
    .product-section  .section-header h2 {
            font-size: 40px;
            color: #333;
            margin-bottom: 8px;
        }
    .product-section  .section-header p {
            color: #999;
            font-size: 18px;
        }
   .product-section  .tab-nav {
            display: flex;
            gap: 16px;
            margin-bottom: 24px;
            flex-wrap: wrap;
			/* 新增：让 flex 子元素（tab-btn）水平居中 */
			justify-content: center;
        }
    .product-section  .tab-btn {
            padding: 10px 24px;
            border: 1px solid #eee;
            border-radius: 20px;
            background: #fff;
            color: #333;
            cursor: pointer;
            transition: all 0.3s;
            font-size: 28px;
			letter-spacing:2px;
        }
    .product-section   .tab-btn.active {
            background: #f77a2d;
            color: #fff;
            border-color: #f77a2d;
            position: relative;
        }
    .product-section  .tab-btn.active::after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid #f77a2d;
        }
    .product-section  .tab-content {
            display: none;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 12px rgba(0,0,0,0.08);
        }
    .product-section  .tab-content.active {
            display: block;
        }
     .product-section   .tab-content img {
            width: 100%;
            height: auto;
            display: block;
        }
     .product-section  .more-btn {
            display: block;
            width: 260px;
            height: 68px;
            line-height: 68px;
            text-align: center;
            background: #f5f5f5;
            color: #333;
            border-radius: 22px;
            margin: 30px auto 0;
            text-decoration: none;
            transition: background 0.3s;
			font-size:28px;
        }
      .product-section  .more-btn:hover {
            background: #eee;
        }	
	
 /* 新闻板块容器 */
        .news-section {
            max-width: 960px;
            margin: 0 auto;
        }
        /* 标题区域 */
        .news-section .news-title {
            text-align: center;
            margin-bottom: 48px;
        }
        .news-section .news-title h2 {
            font-size: 36px;
            color: #333;
            margin-bottom: 8px;
            font-weight: 700;
        }
       .news-section  .news-title p {
            font-size: 18px;
            color: #999;

        }
        /* 新闻列表 */
        .news-section .news-list {
            display: flex;
            flex-direction: column;
            gap: 48px;
        }
        /* 单个新闻项 */
       .news-section  .news-item {
            background-color: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s;
        }
       .news-section  .news-item:hover {
            transform: translateY(-4px);
        }
		
        /* 新闻图片 */
       .news-section  .news-img {
            width: 100%;
            height: auto;
            display: block;
        }
        /* 新闻内容 */
       .news-section  .news-content {
            padding: 24px;
        }
       .news-section  .news-meta {
            font-size: 14px;
            color: #999;
            margin-bottom: 12px;
        }
       .news-section  .news-content h3 {
            font-size: 20px;
            color: #333;
            margin-bottom: 16px;
            font-weight: 600;
        }
        .news-section .news-content p {
            font-size: 16px;
            color: #666;
            line-height: 1.6;
            margin-bottom: 20px;
        }
       .news-section  .news-more {
            display: inline-block;
            color: #0066cc;
            font-size: 16px;
            text-decoration: none;
            transition: color 0.3s;
        }
       .news-section  .news-more:hover {
            color: #004080;
        }	
	
	
	
	 /* 顶部平台入口区 */
	 	.footer_bottom{
			margin-top:50px;
		}
		
        .footer_bottom .top-platforms {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 150px 40px;
            gap: 10px;
            background-color: #f5f5f5;
			
        }
		
       .footer_bottom  .platform-btn {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 20px;
            background-color: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 80px;
            cursor: pointer;
            font-size: 20px;
			width:200px;
            transition: all 0.3s;
            /* Flex布局是现代最推荐的居中方式，兼容性好 */
            display: flex;
            /* 水平居中 */
            justify-content: center;
			letter-spacing:1px;
        }
       .footer_bottom  .platform-btn:hover {
            border-color: #f68b1e;
            color: #f68b1e;
        }
       .footer_bottom  .platform-btn img {
            width: 40px;
            height: 40px;
        }
		

    
        /* 中间二维码展示区 */
       .footer_bottom   .qrcode-section {
            display: flex;
            justify-content: center;
            padding: 20px 0;
			margin-top:-380px;
			margin-left:300px;
			margin-bottom:-240px;
        }
       .footer_bottom   .qrcode-card {
            width: 380px;
            height: 480px;
            background-color: #f8f8f8;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            overflow: hidden;
        }
       .footer_bottom   .qrcode-bg {
            width: 100%;
            height: 420px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }
       .footer_bottom   .qrcode-container {
            width: 300px;
            height: 300px;
            background-color: #fff;
            padding: 10px;
            text-align: center;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        }
       .footer_bottom   .qrcode-container img {
            width: 100%;
            height: 100%;
            margin-bottom: 8px;
            object-fit: cover;
        }
       .footer_bottom   .qrcode-container p {
            font-size: 18px;
            color: #666;
            line-height: 1.5;
            margin-top: 5px;
        }		

 

        /* 橙色导航菜单区 */
       .footer_bottom  .nav-section {
	   		padding-top:280px;
            background-color: #f68b1e;
            color: #fff;
        }
       .footer_bottom  .nav-menu {
            list-style: none;
        }
       .footer_bottom  .nav-item {
            border-bottom: 1px solid rgba(255,255,255,0.2);
        }
       .footer_bottom .nav-link {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 30px 40px;
            color: #fff;
            text-decoration: none;
            font-size: 48px;
            transition: background-color 0.3s;
			pointer-events: auto; /* 关键：允许点击 */

        }
       .footer_bottom .nav-link:hover {
            background-color: rgba(255,255,255,0.1);
        }
       .footer_bottom .nav-link .arrow {
            width: 12px;
            height: 12px;
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            transform: rotate(135deg);
            transition: transform 0.3s;
        }
       .footer_bottom .nav-link.active .arrow {
            transform: rotate(-45deg);
        }
       .footer_bottom .dropdown-menu {
            display: none;
            background-color: #e57a17;
            list-style: none;
        }
       .footer_bottom .dropdown-menu.active {
            display: block;
        }
       .footer_bottom .dropdown-item {
            padding: 12px 60px;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }
       .footer_bottom .dropdown-item a {
            color: #fff;
            text-decoration: none;
            font-size: 14px;
        }
       .footer_bottom .dropdown-item:hover {
            background-color: rgba(255,255,255,0.1);
        }

        /* 底部联系信息区 */
       .footer_bottom .contact-section {
            background-color: #f68b1e;
            color: #fff;

            border-top: 1px solid rgba(255,255,255,0.2);
        }
       .footer_bottom .contact-phone {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 20px;
		    border-bottom: 2px solid rgba(255,255,255,0.1);	
		    padding-top:20px;
			padding-bottom:20px;
			
        }
       .footer_bottom .contact-phone .icon {
            width: 213px;
            height: 145px;
            background: url('/Public/wap/images/mobi.png') center/cover no-repeat;
        }
       .footer_bottom .contact-phone .phone-text {

            font-size: 48px;
            line-height: 1.6;
        }
       .footer_bottom .contact-phone .phone-number {
            font-size: 48px;
            font-weight: bold;
        }
       .footer_bottom .contact-phone .phone-number a{
            color:#fff;
        }
       .footer_bottom .contact-info {
	   	    padding: 20px 40px;
            font-size: 28px;
            line-height: 1.5;
            margin-bottom: 30px;
        }
       .footer_bottom .bottom-qrcode {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
        }
       .footer_bottom .bottom-qrcode .qrcode-box {
            width: 120px;
            height: 120px;
            background-color: #fff;
        }
       .footer_bottom .bottom-qrcode p {
            font-size: 12px;
        }
	
	

.indextitle{
	text-align:center;
	margin-bottom:60px;
}

.indextitle .cn{
	font-size:48px;
	color:#403A3A;
	letter-spacing:4px;
	margin-top:20px;
}
.indextitle .hx{

	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
}

.indextitle .en{
	font-size:48px;
	text-transform:uppercase;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:2px;
}
.indextitle .en span:first-child{
	color:#018B8D;
}
.indextitle .en span:last-child{
	color:#454545;
}

.indextitle .containeren{
	font-size:48px;
	color:#999999;
	text-align:center;
	text-transform: uppercase;
}
.indextitle .container {
      display: flex;
      align-items: center;
      width: 100%;
    }
.indextitle .line {
      flex-grow: 1;
	  margin-top:20px;
      height: 1px;
      background-color:#CCCCCC;
    }
.indextitle .text {
      padding: 0 10px;
    }


	/* 轮播容器样式 */
	.carousel {
	  width: 1080px;
	  height: 569px;
	  position: relative;
	  overflow: hidden;
	  margin: 50px auto;
	}	
	/* 轮播项列表样式 */
	.carousel .carousel-list {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  display: flex;
	  width: 300%;
	  transition: transform 0.5s ease;
	}	
	.carousel .carousel-list li {
	  width: 100%;
	  height: 100%;
	}	
	.carousel .carousel-list img {
	  width: 1080px;
	  height: 569px;
	  object-fit: cover;
	}	
	/* 切换按钮样式 */
	.carousel .carousel-prev,
	.carousel .carousel-next {
	  position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	  background-color: rgba(0, 0, 0, 0.5);
	  color: white;
	  border: none;
	  padding: 10px 20px;
	  font-size: 20px;
	  cursor: pointer;
	  transform: scaleY(3);
	}	
	.carousel .carousel-prev {
	  left: 10px;
	}	
	.carousel .carousel-next {
	  right: 10px;
	}	
	/* 指示点容器样式 */
	.carousel .carousel-indicators {
	  position: absolute;
	  bottom: 10px;
	  left: 50%;
	  transform: translateX(-50%);
	  display: flex;
	  gap: 10px;
	}	
	.carousel .carousel-indicators span {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  background-color: white;
	  opacity: 0.5;
	  cursor: pointer;
	}	
	.carousel .carousel-indicators span.active {
	  opacity: 1;
	}	


.product ul{
	margin-bottom:50px;
}
.product li{
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:50px;
	background-color:#fff;
}
.product li .fwtitle{
	line-height:120px;
	text-align:center;
	
}
.product .fwtitle span{
	color:#000;	
	font-size:26px;
	padding:15px 40px;
	border:1px solid #CCCCCC;
}

.product li img{
	width:500px;
	height:619px;	
	
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.product li:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.product li .fwimg{
	width:500px;
	height:619px;
	overflow:hidden;
}

.youshi{
	background-color:#f0f0f0;
}
.youshi .right ul{
	margin-top:20px;
	padding-bottom:60px;
}
.youshi .right li{
	margin-top:40px;
}
.youshi .right img{
	margin-right:10px;
}
/* 列表整体样式 */
.youshi .company-features {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

/* 列表项样式 */
.youshi .feature-item {
    width: 45%;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
}
/* 文本部分样式 */
.youshi .feature-text {
    flex: 1;
	margin-left:20px;
}

.youshi .feature-text div {
    color: #000;
    font-size:22px;
	font-weight:bold;
	line-height:28px;
}

.youshi .feature-text p {
    margin: 0;
	padding:0;
    color: #333;
    font-size:16px;
	line-height:24px;
}
.youshi .rotatable-image {
  cursor: pointer; /* 设置鼠标指针为手型 */
  transition: transform 1s ease; /* 定义过渡效果，1s是过渡时间，ease是过渡的缓动函数 */
}

.youshi li:hover .rotatable-image{
  transform: rotate(360deg); /* 鼠标悬停时，图片旋转360度 */
}


.anli ul{
	margin-bottom:50px;
}
.anli li{
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:50px;
	background-color:#fff;
}
.anli li .fwtitle{
	line-height:120px;
	text-align:center;
	
}
.anli .fwtitle span{
	color:#000;	
	font-size:26px;
	padding:15px 40px;
	border:1px solid #CCCCCC;
}

.anli li img{
	width:500px;
	height:371px;	
	
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.anli li:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.anli li .fwimg{
	width:500px;
	height:371px;
	overflow:hidden;
}

.product-type{margin-top:50px;padding-bottom:50px;overflow:hidden;background:#fff;}
.product-type .type-list{margin:0 auto;width:1120px;}
.product-type .type-list .item{display:block;float:left;margin-left:20px;width:520px;}
.product-type .type-list dl{overflow:hidden;}
.product-type .type-list dt{position:relative;float:left;width:160px;height:160px;overflow:hidden;}
.product-type .type-list dt img{position:absolute;bottom:0;left:0;transition: all 0.5s;}
.product-type .type-list dd{padding-left:20px;padding-top:30px;line-height:1.5;overflow:hidden;}
.product-type .type-list dd span{color:#000;font-size:24px;}
.product-type .type-list dd p{font-size:18px;color:#999;}
.product-type .type-list .item:hover dt img{bottom:-160px;}
.product-type .type-list .item.cur dt img{bottom:-160px;}
.product-type .type-list .item.cur span,.type-list .item.cur p{color: #ff8315}


.productlist{
	padding-top:50px;
}
.productlist ul{
	margin:0 0;
	padding:0 0;
	list-style:none;
}
.productlist ul li{
	margin-bottom:20px;
	padding-bottom:20px;
	min-height:566px;
	position:relative;

}
.productlist ul li:hover{


}
.productlist li>div:first-child{
	float:left;	
	width:400px;

}
.productlist li>div:last-child{
	float:left;
	width:680px;
	padding-left:40px;
	padding-right:20px;
	box-sizing: border-box;
}
.productlist li>div:first-child div{
	width:383px;
	height:546px;
	margin:0 auto;
	margin-top:20px;
	overflow:hidden;
}
.productlist li>div:first-child img{
	width:383px;
	height:546px;

   -webkit-transition: -webkit-transform 0.3s;
   -moz-transition: -moz-transform 0.3s;
   -o-transition: -o-transform 0.3s;
   transition: transform 0.3s;
}
.productlist li:hover img{

	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.productlist .p-title{
	color:#000;
	font-size:28px;
	line-height:68px;
	margin-top:20px;
}
.productlist .p-subtitle{
	color:#000;
	font-size:28px;
	line-height:68px;
	width:300px;
	margin-top:80px;
	border-bottom:2px dashed #999999;
}
.productlist .p-desc{
	text-indent:2em;
	color:#999999;
	font-size:24px;
	line-height:38px;
	margin-top:20px;
}
.productlist .more{
	margin-top:40px;
	text-align:left;
} 
.productlist .more span{
	text-align:center;
	font-size:18px;
	background-color:#005AAB;
	padding:10px 30px;
	color:#FFFFFF;
	cursor:pointer;
	transition: transform 0.3s ease;
	display: inline-block;
}



.fwitem ul{
	margin-bottom:50px;
}
.fwitem li{
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:50px;
	background-color:#fff;

      -webkit-box-shadow:0px 1px 10px #ccc;
      -moz-box-shadow:0px 1px 10px #ccc;
      box-shadow:0px 1px 10px #ccc;	
}
.fwitem li .fwtitle{
	line-height:120px;
	text-align:center;
	font-size:26px;
	color:#000;	
}


.fwitem li img{
	width:500px;
	height:345px;	
	
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.fwitem li:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.fwitem li .fwimg{
	width:500px;
	height:345px;
	overflow:hidden;
}


.xmitem ul{
	margin-bottom:50px;
}
.xmitem li{
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:50px;
	background-color:#fff;

      -webkit-box-shadow:0px 1px 10px #ccc;
      -moz-box-shadow:0px 1px 10px #ccc;
      box-shadow:0px 1px 10px #ccc;	
}
.xmitem li .fwtitle{
	line-height:80px;
	text-align:center;
	font-size:26px;
	color:#000;	
	background-color:#F6F6F6;
}

.xmitem li img{
	width:500px;
	height:345px;	
	
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.xmitem li:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.xmitem li .fwimg{
	width:500px;
	height:345px;
	overflow:hidden;
}

.hzuo li{
	display:inline-block;
	width:33%;
	text-align:center;
	box-sizing: border-box;
	padding-bottom:20px;
}
.hzuo li img{
	border:1px solid #CCCCCC;
	width:300px;
}

.mindex .vtitle{
	text-align:center;
	margin-top:80px;
	margin-bottom:20px;
	font-size:68px;
	color:#0371A8;
	font-weight:bold;
	letter-spacing:4px;
}
.mindex .vtitle::before,.mindex .vtitle::after{
    content: '';
    position: absolute;
	width:100px;	
	border:1px solid #0371A8;
	margin-top:50px;
}
.mindex .vtitle::before{
	margin-left:-140px;
}
.mindex .vtitle::after{
	margin-left:40px;
}
.mindex .ventitle{
	text-align:center;
	margin-top:20px;
	margin-bottom:60px;
	font-size:30px;
	color:#1E1E1E;

}

.mindex .vcontent{	
	width:1000px;
	margin-left:40px;
	margin-right:40px;
	margin-top:40px;
	font-size:44px;
	color:#444444;
	line-height:68px;
	margin-bottom:50px;
	font-family:"微软雅黑";

}
.mindex .vcontent .video{
	text-align:center;
}
.mindex .textindent{
	text-indent:2em;
}
.topheight{
	height:200px;
}
.lytop{
	height:334px;
	background-position:center;
	background-repeat:none;
}


.producttop{

}
.producttop .pleft{
	margin-top:40px;
	margin-left:20px;
	float:left;
	width:480px;
	box-sizing: border-box;
}
.producttop .pright{
	padding-left:20px;
	margin-top:20px;
	float:right;
	width:580px;
	font-size:30px;
	line-height:58px;
	box-sizing: border-box;
}
.producttop .pright span{
	font-weight:bold;
	color:#333333;
}

.producttop .pright div div{
	float:left;
}
.producttop .pright div>div:first-child{
	width:140px;
	margin-top:30px;
}
.producttop .pright div>div:last-child{
	width:400px;
}


.fwxm{
	margin-top:60px;
	border-bottom:1px solid #ccc;
	margin-bottom:50px;
}
.fwxm ul{
	margin:0 0;
	padding:0 0;
}
.fwxm ul li{
	float:left;
	width:200px;
	line-height:68px;
	background-color:#3C8ADA;
	color:#fff;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	list-style:none;
	margin-right:20px;
	cursor:pointer;
}
.fwxm ul li:hover,.fwxm ul li.current{
	background-color:#1569BF;	
}
.fwxmitem2,.fwxmitem3,.fwxmitem4{
	display:none;
}
.fwxmitem2 img{
	min-width:1000px;
}
.fwxmitem4{
	text-indent:2em;
	font-size:28px;
	line-height:68px;
}



.ad{
	background-image:url(../images/ad-1.jpg);
	background-position:center;
	height:453px;
}

.ad .ad-t{
	padding-top:120px;
	font-size:40px;
	font-family:"微软雅黑";
	letter-spacing:12px;
	color:#4B5764;
}
.ad .ad-t>div:first-child{
	width:48%;
	text-align:right;
	float:left;
}
.ad .ad-t>div:last-child{
	width:48%;
	text-align:left;
	float:right;
}

.ad .ad-c{
	padding-top:40px;
	font-size:36px;
	font-family:"微软雅黑";
	letter-spacing:4px;
	color:red;
}
.ad .ad-c>div:first-child{
	width:48%;
	text-align:right;
	float:left;
}
.ad .ad-c>div:last-child{
	width:48%;
	text-align:left;
	float:right;
}

.ad .ad-b{
	padding-top:40px;
	text-align:center;
	font-size:18px;
	color:#4B5764;
}



.mindex .left{	
	float:left;
	padding-right:10px;
	color:#966907;
	box-sizing:border-box;
}
.mindex .right{	
	float:right;
}
.mindex .btn{	
	width:400px;
	margin:0 auto;
	background-color:#F5F4F2;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	font-size:34px;
	color:#000000;
	margin-bottom:50px;
	cursor:pointer;
}
.mindex .btn a{	
	color:#000000;
	text-decoration:none;
	
}
.mindex .btn:hover{	
		background-color:#CCCCCC;
}

.honourimg{
	text-align:center;
}	
.honourimg img{
	max-width:1000px;
}	
.zzrrimg img{
	max-width:1000px;
}	



.zzrr{
	background-image:url(../images/zzrrbg.jpg);
	background-position:center;
	padding-bottom:40px;
}
.zzrr ul{
	margin:0 0;
	padding:0 0;
}
.zzrr ul li{
	margin-top:40px;
	float:left;
	width:400px;
	height:240px;
	border:1px solid #018B8D;
	border-radius:20px;
	list-style:none;
	box-sizing: border-box;
}
.zzrr ul li:nth-child(odd){
	margin-left:105px;
	margin-right:35px;
}
.zzrr ul li:nth-child(even){
	margin-left:35px;
	margin-right:105px;
}

.zzrr ul li:hover{
	   border:1px solid #CCCCCC;
      -webkit-box-shadow:0px 1px 10px #ccc;
      -moz-box-shadow:0px 1px 10px #ccc;
      box-shadow:0px 1px 10px #ccc;
}
.zzrr li div:first-child{
	text-align:center;
	padding-top:20px;

}
.zzrr li div span{
	display:block;
}
.zzrr li div:first-child img{
	width:80px;
	height:80px;
}
.zzrr li div:last-child{
	font-size:32px;
	font-weight:bold;
	color:#129B9D;
	text-align:center;
	letter-spacing:2px;
}
.zzrr li div b{
	font-size:52px;
	color:#028C96;
	height:58px;
}
.zzrr li img{
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.zzrr li:hover div img{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);	
}
.zzrr li:hover{
	cursor:pointer;
}

.trtitle{
	font-size:38px;
	font-weight:bold;
	line-height:68px;
	text-align:center;
}
.trimg{
	width:480px;
	height:480px;
	margin:0 auto;
	border:1px solid #ccc;
	overflow:hidden;
	margin-top:40px;
}
.trimg img{
	width:480px;
	height:480px;	
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
  cursor:pointer;
}
.trimg:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);	
}



.zzrr-bg .btn{
	background-color:#626262;
	color:#fff;
	margin-bottom:40px;
}
.zzrr-bg .btn a{
	color:#fff;
}
.zzrr-bg .btn:hover{	
	background-color:#444444;
}




.news .newsitem{
	width:972px;
	margin:0 auto;
	line-height:68px;
	margin-top:50px;
	border:1px solid #F6F6F6;
	
      -webkit-box-shadow:0px 1px 10px #ccc;
      -moz-box-shadow:0px 1px 10px #ccc;
      box-shadow:0px 1px 10px #ccc;

}
.news .newsitem .newsdate{
	text-align:left;
	font-size:36px;
	color:#666666;
}
.news .newsitem .newstitle,.news .newsitem .newstitle a{
	text-align:center;
	font-size:46px;
	color:#000000;
	font-weight:bold;
}
.news .newsitem .newstitle{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.news .newsitem .newsdesc{
	font-size:36px;
	color:#666666;
	text-indent:2em;
	padding-left:10px;
	padding-right:10px;
}
.news .newsitem .newsdesc a{
	color:#666666;
}
.news .newsitem .newsmore,.news .newsitem .newsmore a{
	text-align:right;
	font-size:36px;
	color:#666666;
	text-decoration:none;
}
.news a{
	text-decoration:none;
}
.news .pic img{
	width:100%;
}

.plist ul{
	margin:0 0;padding:0 0;
	list-style:none;
}
.plist ul li{
	float:left;	
	width:46%;

	margin-left:2%;
	margin-right::2%;
	
	box-sizing: border-box;
	border:1px solid #EFEFEF;
	
	overflow: hidden;
	position: relative;
	
	border-radius:10px;
	margin-bottom:50px;
}
.plist ul li img{
	width:496.8px;
	height:369px;
	
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}

.plist ul.hezuo li{
	height:179px;		
}
.plist ul.hezuo li img{
	height:179px;
}

.plist ul li:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.plist .p-title{
	position:absolute;
	bottom:-75px;
	background-color:#6A6A6A;
	text-align:center;
	color:#fff;
	width:100%;
	line-height:60px;
	
	font-size:20px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
		
  -webkit-transition: bottom 0.3s;
  -moz-transition: bottom 0.3s;
  -o-transition: bottom 0.3s;
  transition: bottom 0.3s;
}
.plist ul li:hover .p-title{
	
	background-color:#3174B1;
	bottom:0;
	opacity:0.9;

  -webkit-transition: bottom 0.3s;
  -moz-transition: bottom 0.3s;
  -o-transition: bottom 0.3s;
  transition: bottom 0.3s;
}
.plist .p-title > div{
	width:60%;
	margin:0 auto;
	border:1px solid #fff;
	border-radius:5px;
	margin-bottom:10px;
}
.plist .p-title > div:hover{
	background-color:#fff;
	color:#3174B1;
}


.mcontent{
	margin-top:40px;
}
.mcontent .entitle{
	text-align:center;
	padding:0px 20px;
	font-size:46px;
	line-height:58px;
	color:#000000;
}
.mcontent .zhtitle{
	text-align:center;
	padding:0px 20px;
	font-size:46px;
	line-height:58px;
	color:#908F8E;
	text-transform:uppercase;
}
.mcontent .allcontent{
	font-size:36px;
	color:#000000;
	line-height:58px;
	padding-left:1%;
	padding-right:1%;
	text-indent:2em;
}
.mcontent .allcontent img{
	width:100%!important;
	display: block!important;
}
.mcontent .allcontent iframe{
	width:100%;
	height:640px;;
	text-indent:0!important;
	display: block!important;
}



.cpzx{
	height:220px;

	background-color:#337AB7;
	margin-left:30px;
	border-top:1px solid #B3B4B8;
	border-bottom:1px solid #B3B4B8;
	box-sizing: border-box;
}
.cpzx .left{
	float:left;
	color:#fff;
	height:220px;
	padding-top:40px;
	width:30%;
	text-align:center;
	box-sizing: border-box;
}
.cpzx .left img{
	width:140px;
}

.cpzx .right{
	float:right;
	color:#fff;
	height:220px;
	line-height:90px;
	padding-top:10px;
	width:70%;
	text-align:left;
	font-size:48px;
	box-sizing: border-box;
}
.cpzx .right a{
	color:#fff;
}
.cpzx .right span{
	display:block;
}
.cpzx .right span:last-child{
	font-size:44px;
	letter-spacing:4px;
}


.submenu .en{
	font-size:50px;
	text-align:center;
	font-weight:bold;
	color:#5A5A5A;
	margin-top:50px;
	text-transform:uppercase;
}
.submenu .cn{
	font-size:36px;
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
	width:100%;
	height:60px;
	color:#000;
	background-image:url(../images/submenubg.jpg);
}
.submenu .cn>div{
	width:500px;
	margin:0 auto;
	background-image:url(../images/submenubg-1.jpg);
}
.submenu .menu-sub ul{
	margin:0 0;
	padding:0 0;
	list-style:none;
	text-align:center;
}
.submenu .menu-sub li{
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	padding:15px 40px;
	background-color:#D5D5D5;
	font-size:32px;
	color:#000;
	border-radius:10px;
	margin-top:60px;
	margin-bottom:60px;
}

.submenu .menu-sub  ul:last-child li{
	margin-top:0px;
}

.submenu .menu-sub li:hover{
	background-color:#83C2CB;
	color:#fff;
}
.submenu .menu-sub li.active{
	background-color:#83C2CB;
	color:#fff;
}



.submenu .almenu-sub ul{
	margin:0 0;
	padding:0 0;
	list-style:none;
	text-align:center;
}
.submenu .almenu-sub li{
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	padding:15px 25px;
	background-color:#D5D5D5;
	font-size:32px;
	color:#000;
	border-radius:10px;
	margin-top:60px;
	margin-bottom:60px;
}


.submenu .almenu-sub li:hover{
	background-color:#83C2CB;
	color:#fff;
}
.submenu .almenu-sub li.active{
	background-color:#83C2CB;
	color:#fff;
}


.submenu .almenu-sub2 ul{
	margin:0 0;
	padding:0 0;
	list-style:none;
	text-align:center;
}
.submenu .almenu-sub2 li{
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	padding:15px 20px;
	background-color:#D5D5D5;
	font-size:32px;
	color:#000;
	border-radius:10px;
	margin-bottom:60px;
}


.submenu .almenu-sub2 li:hover{
	background-color:#83C2CB;
	color:#fff;
}
.submenu .almenu-sub2 li.active{
	background-color:#83C2CB;
	color:#fff;
}


.trcontent{
	font-size:32px;
	line-height:48px;
	padding-left:20px;
	padding-right:20px;
	box-sizing: border-box;
	padding-bottom:50px;
}
.trcontent a{
	color:#000;
}

.zzlist ul{
	margin:0 0;padding:0 0;
	list-style:none;
}
.zzlist ul li{
	float:left;
	width:320px;
	height:580px;
	margin-left:29.625px;
	margin-right::29.625px;
	box-sizing: border-box;
	border:1px solid #EFEFEF;
	
	overflow: hidden;
	position: relative;
	
	border-radius:10px;
	margin-bottom:50px;
}
.zzlist ul li img{
	width:320px;
	height:475px;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);	
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.zzlist ul li:hover img{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.zzlist .p-title{
	position:absolute;
	bottom:0;
	background-color:#3174B1;
	text-align:center;
	color:#fff;
	width:100%;
	line-height:50px;
	opacity:0.9;
  -webkit-transition: bottom 0.3s;
  -moz-transition: bottom 0.3s;
  -o-transition: bottom 0.3s;
  transition: bottom 0.3s;
}
.zzlist ul li:hover .p-title{

	bottom:0;

	
  -webkit-transition: bottom 0.3s;
  -moz-transition: bottom 0.3s;
  -o-transition: bottom 0.3s;
  transition: bottom 0.3s;
}
.zzlist .p-title > div{
	width:60%;
	margin:0 auto;
	border:1px solid #fff;
	border-radius:5px;
	margin-bottom:10px;
}
.zzlist .p-title > div:hover{
	background-color:#fff;
	color:#3174B1;
}

.hlist ul{
	margin:0 0;padding:0 0;
	list-style:none;
}

.hlist ul li{
	float:left;
	width:46%;

	margin-left:2%;
	margin-right::2%;
	box-sizing: border-box;
	border:1px solid #EFEFEF;
	
	overflow: hidden;
	position: relative;
	
	border-radius:10px;
	margin-bottom:30px;
	padding-bottom:50px;
}
.cqc ul li img{
	height:718px;
}
.jbzz li img{
	height:334px;
}
.gszz li img{
	height:717px;
}
.hlist ul li img{
	width:100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
	
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.hlist ul li:hover img{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.hlist .p-title{
	position:absolute;
	bottom:0px;
	background-color:#3174B1;
	text-align:center;
	color:#fff;
	width:100%;
	line-height:50px;
	opacity:0.9;
	
	font-size:28px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;	
	
  -webkit-transition: bottom 0.3s;
  -moz-transition: bottom 0.3s;
  -o-transition: bottom 0.3s;
  transition: bottom 0.3s;
  
  padding-left:10px;
  padding-right:10px;
}
.hlist ul li:hover .p-title{

	opacity:1;
	
  -webkit-transition: bottom 0.3s;
  -moz-transition: bottom 0.3s;
  -o-transition: bottom 0.3s;
  transition: bottom 0.3s;
}
.hlist .p-title > div{
	width:60%;
	margin:0 auto;
	border:1px solid #fff;
	border-radius:5px;
	margin-bottom:10px;
}
.hlist .p-title > div:hover{
	background-color:#fff;
	color:#3174B1;
}


.ptitle{
	margin-top:60px;
	border-bottom:1px solid #ccc;
}
.ptitle div{
	width:200px;
	line-height:68px;
	background-color:#1569BF;
	color:#fff;
	text-align:center;
	font-size:24px;
	font-weight:bold;
}








.lunbo{
	width:1080px;
	margin:0 auto;
	margin-bottom:60px;
}
.lunbo .left{
	float:left;
	width:190px;
}
.lunbo .center{
	float:left;	
}
.lunbo .right{
	float:left;
	width:190px;
}
.lunbo .hyprev,.lunbo .hynext{
	margin-left:70px;
	margin-top:170px;
}

.lunbo .hyprev,.lunbo .hynext{
	width:50px;
	height:100px;
	line-height:100px;
	color:#fff;
	text-align:center;
	font-size:38px;
	background-color:#545454;
	cursor:pointer;
}



.newslist ul{
	margin:0 0;
	padding:0 0;
	list-style:none;
}
.newslist ul li{
	margin-bottom:20px;
	padding-bottom:20px;
	background-color:#FAF9F9;
	height:240px;

}
.newslist ul li:hover{
	background-color:#EEEEEE;

}
.newslist li>div:first-child{
	float:left;	
	width:340px;
	overflow:hidden;
}
.newslist li>div:last-child{
	float:left;
	width:740px;
	padding-left:20px;
	padding-right:20px;
	box-sizing: border-box;
}
.newslist li>div:first-child div{
	width:300px;
	height:225px;
	overflow:hidden;
	margin:0 auto;
	margin-top:20px;
}
.newslist li>div:first-child img{
	width:300px;
	height:225px;
}
.newslist .p-title{
	color:#000;
	font-size:36px;
	line-height:68px;
	
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.newslist .p-desc{
	color:#999999;
	font-size:30px;
	line-height:38px;
}
.newslist .p-date{
	color:#666666;
	font-size:30px;
	line-height:38px;
	position:absolute;
	bottom:0;
	margin-bottom:15px;
}

 .target {
	width:700px;
	margin:0 auto;
	height:440px;
	overflow:hidden;
	position:relative;
	margin:0px auto;
}
 .target .hy-prev,.target .hy-next{
 	display:none;
 }

.target img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



.honourimg{

	text-align:center;
	overflow:hidden;
	margin-top:40px;
}
.honourimg img{

	min-width:800px;
  	cursor:pointer;
}

.product{
	width:1020px;
	margin:0 auto;
}
.product ul,.product li{
	margin:0 0;
	padding:0 0;
}
.product li{
	list-style:none;
	width:500px;
	float:left;
}
.product li:nth-child(odd){
	margin-right:20px;
}

.product .producttitle{
	line-height:88px;
	background-color:#018B8D;
	text-align:center;
	font-size:34px;
	padding-left:10px;
	padding-right:10px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.product .productpic{
	width:500px;
	height:500px;
	overflow:hidden;
	
}
.product .productpic img{
	width:500px;
	height:500px;
	
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;	
}
.product li:hover .productpic img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.product .producttitle,.product .producttitle a{
	color:#fff;
}
	
	

.footmenu ul{
	margin:0 0;
	padding:0 0;
	margin-left:30px;
	background-color:#337AB7;
}
.footmenu ul li{
	list-style:none;
	line-height:120px;
	height:120px;
	font-size:44px;
	padding-left:60px;
	color:#fff;
	border-bottom:1px solid #B3B4B8;
	letter-spacing:4px;
}
.footmenu ul li span{
	padding-right:50px;
	float:left;
}
.footmenu .jiantou{
	border-right:20px solid transparent;border-left:20px solid transparent;border-top:20px solid #B2B0B1;
	width:0px;
	float:left;
	margin-left:10px;
	margin-top:55px;
}

.foot{
	background-color:#337AB7;
	margin-left:30px;
}
.foot .footcss,.foot .footcss a{
	font-size:38px;
	line-height:88px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}

	.foot .fweixin{
		box-sizing:border-box;
		margin-top:10px;
		padding:20px;
		width:48%;
		margin-left:1%;
		margin-right:1%;
		float:left;
		text-align:center;
		background-color:#FFFFFF;
		font-size:32px;
	}
	.foot .fweixin img{
		max-width:70%;
	}
	.foot .wxfooter{
		background-color:#CCCCCC;
		padding-bottom:20px;
	}
	
	.gohome{
		position:fixed;
		top:50%;
		right:5px;
		border-radius:50%;
		border:4px solid #A4A4A4;
		width:100px;
		z-index:99999;
		overflow:hidden;
	}
	.gohome img{
		width:100px;
		height:100px;
	}
	
.met_pager{
	text-align:center;
	margin-top:50px;
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}
.pagination>li {
	display: inline
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 20px 30px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	font-size: 36px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
.pagination-lg>li>a, .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 28px;
	line-height: 1.3333333
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 28px;
	line-height: 1.5
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.weixin{
	font-size:18px;
	text-align:center;
	margin-bottom:40px;
}	
.weixin > div:first-child{
	width:40%;
	float:left;
	margin-left:10%;

}
.weixin > div:last-child{
	width:40%;
	float:left;
}		

.weixin div img{
	width:400px;
	height:400px;
}