*{font-family: Arial, Verdana;text-decoration:none; margin:0;padding:0;list-style-type:none;}
body,input,select,textarea,button { font-family: Arial,SimSun, 'Helvetica Neue', Helvetica, 'Lucida Grande',  'Hiragino Sans GB', STHeiti, sans-serif;font-size:12px;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form 
{ 
    margin: 0;
	padding: 0;
	border: 0;
}
 
hr { margin-top:20px; margin-bottom:20px; border:0; border-top:1px solid #eee;}
img { max-width:100%; height:auto; vertical-align:top; -ms-interpolation-mode:bicubic; border:0 ;}
ul { padding-left:0; list-style-type:none;}
a { text-decoration:none; outline:0; color:#000;}
a:hover { color:#1A5EAB;}
.clear{clear:both;}
.wrap2 {
  width: 1200px;
  margin: 0 auto;
}
.wrap1 {
  width: 1200px;
  margin: 0 auto;
}
.wrap3 {
  width: 900px;
  margin: 0 auto;
}
.wrap4 {
  width: 1320px;
  margin: 0 auto;
}
.wrap4 ul {

}
.wrap4 ul li {
	position:relative;
	width:630px;
	height:280px;
	float:left;
	margin:15px;
	box-shadow:2px 5px 5px 2px rgba(14,5,10,.15);
}
.wrap4 ul li p{
    margin-top:130px;
    /*margin-left:200px;*/
    text-align:center;
    font-size:18px;
    color:#fff; 
}
.wrap4 ul li {}
.wrap4 ul li .fangda {
	width:700px;
	height:350px;
	background:#fff;
	transition:transform 0.25s ease;
	transform:scale(0,0);
	opacity: 0.5;
	box-shadow:2px 5px 5px 2px rgba(14,5,10,.15);
	position:absolute;
	top:-20px;
	left:-35px;
	z-index:10;
}
.wrap4 ul li:hover .fangda {
	transition:transform 0.25s ease;
	transform:scale(1,1);
	opacity: 1;
}
.wrap4 ul li:hover .fangda a{color:#000;}
.wrap4 ul li .fangda .left
{
    width:360px;
    float:left;
    margin:70px 10px 0 30px;
}
.wrap4 ul li .fangda .left .title
{
    font-size:18px;
    font-weight:bold;
    line-height:50px;
}
.wrap4 ul li .fangda .left .content
{
    line-height:30px;
    font-size:16px;
}
.wrap4 ul li .fangda .left .content a
{
    color:#1A5EAB;
}
.wrap4 ul li .fangda .right
{
    width:240px;
    height:100px;
    float:right;
    margin:70px 20px 0px 10px;
}
.g10 
{
    clear:both;
	width:100%;
	height:10px;
}
.g20 
{
    clear:both;
	width:100%;
	height:20px;
}
.g40 
{
    clear:both;
	width:100%;
	height:40px;
}
.g50 
{
    clear:both;
	width:100%;
	height:50px;
}
.g60 
{
    clear:both;
	width:100%;
	height:60px;
}
.floatleft{ float:left;}
.textcenter{text-align:center;}
/* 网站样式 */
/*head*/
.pageHeader { background-color:#fff; position:relative; z-index:51; width:100%;  
              position: fixed; left:0; top:0; z-index:10000;
              -webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
.pageHeader .wrap { position:relative; /*padding:0 210px 0 195px;*/ width:1200px; margin:0 auto; min-height:75px;}
.pageHeader .logo { padding:0px; height:75px; position:absolute; /*left:100px; top:-25px;*/}

.nav { float:right; /*width:60%;*/ width:660px;}
.nav > ul > li { width:150px; float:left; margin-left:1%; position:relative;}
.nav > ul > li > a { display:block; white-space: nowrap; font-size:16px; text-align:center; line-height:75px; height:75px; position:relative; font-weight:bold; color:#313131; letter-spacing:2px;}
.nav > ul > li.cur > a,.nav > ul > li:hover > a { color:#1A5EAB;}

.nav > ul ul { width:225px; border-left:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; border-top:#1A5EAB 2px solid; background-color:#fff; position:absolute; left:0; top:75px; opacity:0; visibility:hidden; left:50%; margin-left:-112px;
  -webkit-transform: translate(0, 20px);
  -moz-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  -o-transform: translate(0, 20px);
  -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nav > ul ul a { display:block; line-height:24px; padding:8px 35px; font-size:15px; position:relative; text-align:center;letter-spacing:1px;}
.nav > ul ul a:hover { background-color:#E5E5E5;}
.nav > ul ul a:hover:after { background-position:0 0;}
.nav > ul > li:hover ul { opacity:1; visibility:visible;
	-webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
.nav ul li ul.chanpin {
	width:600px;
	left:0;
}
.nav ul li ul.chanpin li{
	width:270px;
	text-align:left;
	float:left;
	height:260px;
	margin-top:30px;
	margin-bottom:30px;
	padding:0 10px;
}
.nav ul li ul.chanpin li p {
	line-height:60px;
	font-size:16px;
}
.nav ul li ul.chanpin li.xian {
	border-right:#ccc 1px solid;
}
.nav ul li ul.chanpin li p a{text-align:left;padding-left:5px;}
.nav ul li ul li a{text-align:left;}

/*满屏焦点图开始*/
.fullSlide 
{
	width:100%;
	position:relative;
	height:660px;
	background:#000;
	margin-top:65px;
}
    .fullSlide .bd 
    {
	    margin:0 auto;
	    position:relative;
	    z-index:0;
	    overflow:hidden;
    }       
        .fullSlide .bd ul 
        {
	        width:100% !important;
        }
        .fullSlide .bd li 
        {
	        width:100% !important;
	        height:660px;
	        overflow:hidden;
	        text-align:center;
        }
            .fullSlide .bd li a 
            {
	            display:block;
	            height:660px;
            }
        .fullSlide .hd 
        {
	        width:100%;
	        position:absolute;
	        z-index:1;
	        bottom:0;
	        left:0;
	        height:30px;
	        line-height:30px;
        }
            .fullSlide .hd ul 
            {
	            text-align:center;
            }
                .fullSlide .hd ul li 
                {
	                cursor:pointer;
	                display:inline-block;
	                *display:inline;
	                zoom:1;
	                width:42px;
	                height:11px;
	                margin:1px 4px;
	                overflow:hidden;
	                background:#B9BCC7;/*背景颜色*/
	                filter:alpha(opacity=50);
	                opacity:0.5;
	                line-height:999px;
                }
                .fullSlide .hd ul .on 
                {
	                background:#fff;/*鼠标点击之后的背景颜色*/
                }
    .fullSlide .prev,.fullSlide .next 
    {
	    display:block;
	    position:absolute;
	    z-index:1;
	    top:50%;
	    margin-top:-30px;
	    z-index:1;
	    width:40px;
	    height:60px;
	    background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	    cursor:pointer;
	    filter:alpha(opacity=50);
	    opacity:0.5;
	    display:none;
    }
    .fullSlide .prev 
    {
        left:100px;
	    background-position:-126px -137px;
    }
    .fullSlide .next 
    {
	    right:100px;
	    background-position:-6px -137px;
    }
/*满屏焦点图结束*/

/*VR仿真实验教学开始*/
.full-row{width:100%;transition:.2s width ease;*zoom:1}
.full-row:before,.full-row:after{display:table;clear:both;content:''}
.full-row>[class*='span']{float:left}
.full-row>.span-3{/*width:50%;*width:49.89%;*/ width:650px;float:left; margin-right:10px;}
.full-row>.span-4{clear:both;width:100%;*width:99.89%;margin-top:20px;}
.full-row>.span-5{width:650px;float:left; margin-left:10px;}
@media only screen and (max-width:1024px){
.full-row>.midd-4{width:100%}}@
.full-row>.smal-12{width:100%}
.pageMain { background-color:#fff; position:relative; z-index:10;}
.ipart { margin-bottom:40px;}
.pBox { position:relative; overflow:hidden; margin-bottom:0px;}
.pBox ._n { display:block; width:100%; height:40px; line-height:40px; font-size:24px; font-weight:normal; text-align:left; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pBox ._img img { width:100%; height:auto;}

.pBox ._mask { width:100%; height:100%;/* height:280px; margin-top:45px;*/
               position:absolute; text-align:left; background:url(../images/tm.png);}
.pBox ._mask a { display:block; color:#ffffff; padding:15px 6%; opacity:0; display:none/9; 
                 -webkit-transition:all 0.3s ease; 
                 transition:all 0.3s ease; margin-top:30px; transition-delay:.2s; -webkit-transition-delay:.2s;}

/*修改的地方*/
.pBox ._mask .btnt1 {
	width:120px;
	height:40px;
	line-height:40px;
	background:#523B2F;
	border:1px solid #fff;
	color:#ffffff;
	border-radius:5px;/*圆角大小*/
	float:left;
	margin-top:30px;
	text-align:center;
}
.pBox ._mask .btnt1:hover {
	background:#004EA2;
	color:#ffffff;
}
/*修改的地方*/

.pBox ._mask ._tag {font-size:16px;border-bottom:#fff 1px solid;line-height:40px;}
.pBox ._mask ._n { display:block; margin-bottom:5px; color:#ffffff;}
.pBox ._mask ._text {margin-top:10px; margin-right:80px;font-size:16px;line-height:1.8em;max-height:5.4em;overflow:hidden;}
.pBox:hover ._img ._n { bottom:-40px; }
.pBox ._mask { left:0; top:0; opacity:0; display:none/9; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;visibility: hidden;}
.pBox:hover ._mask { opacity:1; display:block/9; visibility: visible;}
.pBox:hover ._mask a { opacity:1; display:block/9; margin-top:75px;}

/*.pBox ._mask2 begin*/
.pBox ._mask2 { width:100%; height:100%; position:absolute; text-align:right; background:url(../images/tm.png);}
.pBox ._mask2 a { display:block; color:#ffffff; padding:15px 6%; opacity:0; display:none/9; 
                 -webkit-transition:all 0.3s ease; 
                 transition:all 0.3s ease; margin-top:30px; transition-delay:.2s; -webkit-transition-delay:.2s;}

.pBox ._mask2 .btnt2 {
	width:120px;
	height:40px;
	line-height:40px;
	background:#523B2F;
	border:1px solid #fff;
	color:#ffffff;
	border-radius:5px;/*圆角大小*/
	float:right;
	margin-top:30px;
	text-align:center;
}
.pBox ._mask2 .btnt2:hover {
	background:#004EA2;
	color:#ffffff;
}
.pBox ._n2 { display:block; width:100%; height:40px; line-height:40px; font-size:24px; font-weight:normal; text-align:right; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pBox ._mask2 ._tag {font-size:16px;border-bottom:#fff 1px solid;line-height:40px;}
.pBox ._mask2 ._n { display:block; margin-bottom:5px; color:#ffffff;}
.pBox ._mask2 ._text {margin-top:10px;margin-left:80px;font-size:16px;line-height:1.8em;max-height:5.4em;overflow:hidden;}
.pBox:hover ._img ._n { bottom:-40px; }
.pBox ._mask2 { left:0; top:0; opacity:0; display:none/9; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;visibility: hidden;}
.pBox:hover ._mask2 { opacity:1; display:block/9; visibility: visible;}
.pBox:hover ._mask2 a { opacity:1; display:block/9; margin-top:75px;}
/*.pBox ._mask2 end*/

/*.pBox ._mask3 begin*/
.pBox ._mask3 { width:100%; height:100%; position:absolute; text-align:center; background:url(../images/tm.png);}
.pBox ._mask3 a { display:block; color:#ffffff; padding:20px 10%; opacity:0; display:none/9; 
                 -webkit-transition:all 0.3s ease; 
                 transition:all 0.3s ease; margin-top:30px; transition-delay:.2s; -webkit-transition-delay:.2s;}

.pBox ._mask3 .btnt3 {
	width:120px;
	height:40px;
	line-height:40px;
	background:#523B2F;
	border:1px solid #fff;
	color:#ffffff;
	border-radius:5px;/*圆角大小*/
	/*float:left;*/
	margin-top:50px;
	text-align:center;
}
.pBox ._mask3 .btnt3:hover {
	background:#004EA2;
	color:#ffffff;
}
.pBox ._n3 { display:block; width:100%; height:40px; line-height:40px; font-size:24px; font-weight:normal; text-align:center; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pBox ._mask3 ._tag {font-size:16px;border-bottom:#fff 1px solid;line-height:40px;}
.pBox ._mask3 ._n { display:block; margin-bottom:5px; color:#ffffff;}
.pBox ._mask3 ._text {margin-top:40px;font-size:16px;line-height:1.8em;max-height:5.4em;overflow:hidden;}
.pBox:hover ._img ._n { bottom:-40px; }
.pBox ._mask3 { left:0; top:0; opacity:0; display:none/9; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;visibility: hidden;}
.pBox:hover ._mask3 { opacity:1; display:block/9; visibility: visible;}
.pBox:hover ._mask3 a { opacity:1; display:block/9; margin-top:75px;}
/*.pBox ._mask3 end*/

/*VR仿真实验教学结束*/


/*虚拟现实服务开始*/
.hljs {
  display: block;
  overflow-x: auto;
  background: #F1F1F1;
  color: #979db4;
  padding: 0.5em;
  -webkit-text-size-adjust: none; }

/**
 * Hero
 */

.hero__scroll {
  position: absolute;
  bottom: 60px;
  width: 200px;
  margin: auto;
  display: block;
  cursor: pointer;
  padding-bottom: 40px;
  left: 0;
  right: 0;
  text-transform: uppercase; }
  .hero__scroll .chevron {
    margin-top: 20px;
    display: block;
    -webkit-animation: pulse 2s infinite;
            animation: pulse 2s infinite;
    color: #FF4081; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }



/**
 * Sections
 */
.section {
  width: 100%;
  float: left; }

.section-title {
  font-size:28px;
  text-align: center;
  letter-spacing:1px; 

  }

.servicetitle
{
    margin-top:10px;
    font-size:28px;
    text-align:center;
    letter-spacing:1px;
}
.servicesubtitle
{
    margin:10px 0px 50px 0px;
    font-size:16px;
    text-align:center;
}

.container {
  width: 1200px;
  margin: 0 auto;
  /*max-width: 90%;
  -webkit-transform: translateZ(1000px);
          transform: translateZ(1000px);*/ }
/* 外层容器，用于设置整体宽度并水平居中 */
.container1 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.code {
  width: 200px;
  /*clear: both;*/
  height: 200px;
  
  /*background: #FFF;
  border-radius: 2px;
  margin: 12vh 0;
  padding: 10px;*/ }
  .code pre, .code code {
    height: 100%;
    margin: 0;}
  .code code {
    /*padding: 20px 0 0 20px;*/}
    
  .code--small code {
    /*padding-top: 75px;*/ }
  .code--left {
    float: left; }
  .code--bottom {
    float: right; }
  .code--right {
    float: right; }
  .code--wider {
    width: 60%; }
    .code--wider code {
      padding-top: 60px; }


.code1 {
  clear: both;
  margin:0 250px 50px 250px;
  width: 700px;
  height: 150px;
}
.codecenter
{
    float:left;
    margin:0 50px;
    width:700px;
} 
  
.section--more {
  color: #FFF;
  background: #0E0F34;
  padding: 20px 0 40px 0; }

.section-group {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 30px 0; }
  .section-group h3 {
    margin: 0 0 20px 0;
    text-transform: uppercase; }
  .section-group h4 {
    font-weight: normal;
    color: rgba(255, 255, 255, 0.6); }
  .section-group code {
    padding: 20px;
    font-size: 1.2em; }
  .section-group .btn {
    margin-right: 20px; }
/*虚拟现实服务结束*/

/*精彩案例开始*/
.case
{
    clear:both;
    width:100%;
    height:auto;
    min-height:800px;
    padding-top:60px;
    background-color:#F1F1F1;
}
.caseleft
{
    width: 555px; 
    height:auto;
    float:left;
}
.caseright
{
    width: 560px; 
    height:auto;
    float:left;
    margin-left:20px;
}
.caserightbottom
{
    width: 560px; 
    height:225px;
    margin-top:19px;
}
    .case1{  
		width: 550px;  
		height: 470px; 
		position:relative;
		overflow:hidden;
	}
	.case2{  
		width: 550px;  
		height: 225px; 
		position:relative;
		overflow:hidden;
	}
	.case3{  
		float:left;
		width: 265px;  
		height: 225px;
		margin-right:10px;
		position:relative;
		overflow:hidden;
	} 
	.case4{  
		float:left;
		width: 265px;  
		height: 225px;
		margin-left:10px;
		position:relative;
		overflow:hidden;
	}    
	.case1 img,.case2 img,.case3 img,.case4 img{  
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
		-webkit-transition:all 2s ease;
		-moz-transition:all 2s ease;
		-o-transition:all 2s ease;
		transition:all 1s ease; /*放大时间*/
	}  
	.case1 img:hover,.case2 img:hover,.case3 img:hover,.case4 img:hover{		
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.2);/*放大比例*/
		-webkit-transition:all 2s ease;
		-moz-transition:all 2s ease;
		-o-transition:all 2s ease;
		transition:all 1s ease;
	}
	.case1 .wenzi,.case2 .wenzi,.case3 .wenzi,.case4 .wenzi {
		padding-left:10px;
		height:60px;
		line-height:60px;
		width:100%;
		display:block;
		color:#fff;
		position:absolute;
		bottom:0px;
		z-index:10;
		  background-image: -webkit-linear-gradient(right, rgba(0,15,31,0) 0%, rgba(0,15,31,1) 100%);
  background-image: -moz-linear-gradient(right, rgba(0,15,31,0) 0%, rgba(0,15,31,1) 100%);
  background-image: -o-linear-gradient(right, rgba(0,15,31,0) 0%, rgba(0,15,31,1) 100%);
  background-image: linear-gradient(right, rgba(0,15,31,0) 0%, rgba(0,15,31,1) 100%);

	}
	
.morebtnt {
	clear:both;
	width:210px;
	margin:0 455px;
	height:60px;
	line-height:60px;
	/*background:#9D9B9C;
	border:1px solid #fff;
	border-radius:5px;*/	
	color:#fff;	
	text-align:center;
	font-size:25px;	
	background:url(../images/button_hui.jpg) no-repeat;
}
.morebtnt:hover {
	/*background:#004EA2;*/
	color:#fff;
	background:url(../images/button_blue.jpg) no-repeat;
}
.morebtnt a{ display:block; color:#fff;}
/*精彩案例结束*/

/*公司新闻开始*/
.newsleft
{
    float:left;
    width:320px;
    margin-right:20px;
    height:300px;
    border:1px solid #E6E6E6;
    margin-bottom:20px; 
}
.newslefttitle
{
    font-size:18px;
    font-weight: bold;
    margin:15px 20px 10px 20px;
}
.newsleftcont
{
    font-size:16px;
    margin:0px 20px 10px 20px;
    height:auto;
    line-height:25px;
}
.newsright
{
    float:left;
    width:778px;
    height:320px;
}
.newsclick
{
    font-size:15px;
    font-weight: bold;
    margin:0px 20px 20px 20px;
    height:auto;
    line-height:30px;
}
.newsrightlist {
	width:778px;
	height:140px;
	background:#eee;
	margin-bottom:20px;
}
.newsrightlist a {
	width:778px;
	height:140px;
	display:block;
	color:#666;
}
.newsrightlist .left {
	width:55px;
	height:80px;
	margin:25px;
	float:left;
}
.newsrightlist .left p {
	width:55px;
	line-height:50px;
	font-size:24px;
	font-weight:bold;
	color:#666;
	text-align:center;
	background:#fff;
}
.newsrightlist .left span {
	line-height:30px;
	text-align:center;
	width:55px;
	display:block;
	color:#aaa;
	font-size:12px;
}
.newsrightlist .right {
	width:628px;
	float:left;
	margin-top:10px;
}
.newsrightlist .right p {
	font-size:18px;
	line-height:50px;
	font-weight:bold;
}
.newsrightlist .right .nr
{
    height:auto;
    line-height:25px;
}
.newsrightlist a:hover ,.newsrightlist:hover .left span{
	background:#0E60B9;
	color:#fff;
}
/*公司新闻结束*/

.enshuo 
{
	width:100%;
	position:relative;
	height:360px;
	background:#000;
    top: 0px;
    left: 0px;
}
    .enshuo .bd 
    {
	    margin:0 auto;
	    position:relative;
	    z-index:0;
	    overflow:hidden;
    }       
        .enshuo .bd ul 
        {
	        width:100% !important;
        }
        .enshuo .bd li 
        {
	        width:100% !important;
	        height:360px;
	        overflow:hidden;
	        text-align:center;
        }
        
/*footer开始*/
#wrapperbottom {clear:both;width:100%; height:auto; background-color:#1D1D1D;}
#footer 
{ 
    margin:0 auto; 
    width:1120px;
}
.block_linkservice
{
    float:left;
    margin:40px 0;
    width:280px;
}
.block_title
{
    margin-bottom:10px;
    font-size:14px;
    width:200px;
    color:#fff;
    font-weight:bold;
}
.block_content
{
    float:left;
    width:280px;
}
    .block_content ul li 
    {
        height:25px;
        line-height:25px;      
        text-align:left;
        font-size:12px;
        color:#B1B1B1;
    }
        .block_content ul li a 
        {            
            color:#B1B1B1;
        }
            .block_content ul li a:hover 
            {
                text-decoration:underline;
            }          
#copyright
{
    clear:both;
	color:#B1B1B1; 
	background-color:#1D1D1D;
	border-top:1px solid #4A4A4A;
	height:100px; 
	line-height:50px;
	padding:5px;
	text-align:center;
	font-size:12px;
}
#copyright a{color:#B1B1B1;}
#copyright a:hover{text-decoration:underline;}
/*footer结束*/


/*因为.pageHeader 中有position: fixed; 所以每页都要加.pagetop*/
.pagetop 
{
	width:100%;
	position:relative;
	height:10px;
	margin-top:65px;
}

/*服务页面开始*/
#page {
	width: 100%;
	min-height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 0;
	box-shadow: 0 0 11px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 11px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 11px 0 rgba(0,0,0,0.2);
	position: relative;
	z-index: 10;
}
#page.fullwidth {
	padding: 0;
}

.fullwidth {
	padding: 0 15px;
	clear: both;
}

.ls-slide {
width: 100%;
	height: 100%;
	position: absolute;
	display: none;
	background-position: center center;
	overflow: hidden;
}

.ls-active {
	display: block !important;
}

.ls-slide > * {
	position: absolute;
	line-height: normal;
	margin: 0;
	left: 0;
	top: 0;
}

.ls-shadow {
	display: none !important;
}


.content .main .leader{
	width: 100%;
	height: 480px;
	padding-top: 0;
}
.content .main .leader .txt{
	width: 850px;
	margin: 0 auto;
	padding-top: 180px;
	text-indent: -30px;
	color: #FEFEFE;
	text-align: center;
}
.content .main .leader .txt h1{
	font-size: 35px;
	height: 59px;
	line-height: 59px;
	text-align: center;
	font-weight: normal;
}
.content .main .leader .txt .border{
	display: block;
	width: 120px;
	margin: 29px auto;
	border-bottom: 2px solid #FEFEFE;
	
}
.content .main .leader .txt p{
	font-size: 20px;
	height: 49px;
	line-height: 49px;
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}


.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

.servicesleft
{
    width: 747px; 
    height:480px;
    float:left;
}
.servicesleft .top
{
    width: 747px; 
    height:240px;
}
.servicesleft .top .left
{
    float:left;
    width:373px;
    height:240px;
    /*padding:25px;*/
    background:#F0EFF5;    
}
.servicesleft .top .left .leftwz
{
    padding:25px;
    height:190px;
}
.servicesleft .bottom
{
    width: 747px; 
    height:240px;
}
.servicesleft .bottom .right
{
    float:left;
    width:374px;
    height:240px;
    /*padding:25px;*/
    background:#F0EFF5;    
}
.servicesleft .bottom .right .leftwz
{
    padding:25px;
    height:190px;
}
.servicesright
{
    width: 373px; 
    height:480px;
    float:left;
}
.servicesright .top
{
    width: 373px; 
    height:240px;
    /*padding:25px;*/
    background:#F0EFF5;
}
.servicesright .top .leftwz
{
    padding:25px;
    height:190px;
}
.services1{  
	float:left;
	width: 374px;  
	height: 240px; 
	position:relative;	
	overflow:hidden;
	z-index:1;
}
.services1 .sanjue
{
    position:absolute;
	width:15px;
	height:28px;
	top:105px;
	left:0;
    z-index:2;/*添加*/
}
.services2,.services3{  
	float:left;
	width: 373px;  
	height: 240px; 
	position:relative;
	overflow:hidden;
	z-index:1;
}
.services2 .sanjue
{
    position:absolute;
	width:15px;
	height:28px;
	top:105px;
	left:358px;
    z-index:2;/*添加*/
}
.services3 .sanjue
{
    position:absolute;
	width:28px;
	height:15px;
	top:0px;
	left:172px;
    z-index:2;/*添加*/
}
	.services1 img,.services2 img,.services3 img{  
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
		-webkit-transition:all 2s ease;
		-moz-transition:all 2s ease;
		-o-transition:all 2s ease;
		transition:all 1s ease; /*放大时间*/
	}  
	.services1 img:hover,.services2 img:hover,.services3 img:hover{		
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.2);/*放大比例*/
		-webkit-transition:all 2s ease;
		-moz-transition:all 2s ease;
		-o-transition:all 2s ease;
		transition:all 1s ease;
	}
	
.servicesleft .top .left .leftwz p,.servicesleft .bottom .right .leftwz p,.servicesright .top .leftwz p {
	font-size:20px;
	line-height:50px;
	font-weight:bold;
}
.servicesleft .top .left .leftwz .nr,.servicesleft .bottom .right .leftwz .nr,.servicesright .top .leftwz .nr
{
    font-size:13px;
    height:auto;
    line-height:25px;
    color:#67666A;
}
.servicesleft .top .left .leftwz p a,.servicesleft .bottom .right .leftwz p a,.servicesright .top .leftwz p a
{
    padding-bottom:5px;
    border-bottom:1px solid #818085;   
}
.servicesleft .top .left .leftwz p a:hover,.servicesleft .bottom .right .leftwz p a:hover,.servicesright .top .leftwz p a:hover
{
    padding-bottom:5px;
    border-bottom:1px solid #1A5EAB; 
}

.servicesimg 
{
	width:100%;
	position:relative;
	height:480px;
	background:#000;
}
    .servicesimg .bd 
    {
	    margin:0 auto;
	    position:relative;
	    z-index:0;
	    overflow:hidden;
    }       
        .servicesimg .bd ul 
        {
	        width:100% !important;
        }
        .servicesimg .bd li 
        {
	        width:100% !important;
	        height:480px;
	        overflow:hidden;
	        text-align:center;
        }        
        
.block-4 {
	
}
.block-4 .block-4-top {
	background:#fff;
	height:72px;	
}

.block-4 .service {  padding:0px; width:1000px; margin:0 auto;height:320px;}
.list-line1{position:absolute;width:50px;height:1px;top:102px;left:0px; border-top:1px solid #ccc;}
.list-line2{position:absolute;width:65px;height:1px;top:102px;left:135px; border-top:1px solid #ccc;}
.list-btn{display:block;position:absolute;width:80px;height:80px;top:62px;left:55px;z-index:2;}
	.list-btn svg{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:linear;
	              animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
	@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
	@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
	
	.list-btn .btn-inner{display:block;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s}
	a:hover img{-webkit-transform:scale(1);transform:scale(1)}
	/*a:hover img{-webkit-transform:scale(0.97);transform:scale(0.97)}*/
	a:hover .list-btn svg{-webkit-animation-duration:2s;animation-duration:2s}
	a:hover .list-btn .btn-inner{-webkit-transform:scale(1.2);transform:scale(1.2)}
	a:hover .list-btn path{stroke:#1A5EAB !important}
	
	
.productdef
{
	height:320px;
	width:200px;
	/*margin:0 12px;*/
	margin:0px;
	position:relative;
	float:left;
	display:block; 
	overflow:hidden;
}
.productdefimg
{
	height:180px;
	width:80px;
	float:left;
	padding:20px 0px 0px 95px; display:block; overflow:hidden;
	background:url(../images/Services/dui.png) no-repeat center center;
}
/*
.productdef p.title {clear:both;width:190px;height:40px; line-height:40px; font-weight:bold; font-size:18px; text-align:center; }
*/
.productdef p.content {clear:both;width:120px; margin:0px 50px 0px 30px;height:75px; line-height:25px; text-align:center; font-size:16px; color:#969696; }
/*服务页面结束*/

/*关于我们开始*/
.aboutgray
{
    clear:both;
    width:100%;
    height:auto;
    background-color:#EEEEEE;
}
.aboutnav
{
    width:470px;
    height:60px;
    line-height:60px;
    margin:0 auto;
}
.aboutnav ul
{
    height:60px;
	line-height:60px;
}
.aboutnav ul li
{	
	float: left;
	height:60px;
	line-height:60px;
	width: 155px;
}
.aboutnav ul li.span
{
    float:left;
    color:#000;
    width: 1px;
    height:16px;
    line-height:16px;
    margin-top:22px;
    border-left:1px solid #000;
}
.aboutnav ul li a
{	
    display:block;
    font-weight:bold;
	color: #000;
	text-align:center;
	font-size:16px;
	width:85px;
	margin:0px 35px;
}		
.aboutnav ul li a:hover,.aboutnav ul li.curr a 
{
	color: #004EA1;
    border-bottom:2px solid #1A5EAB;   
}
.abouttitle
{
    margin-top:10px;
    font-size:18px;
    font-weight:bold;
    text-align:center;
}
.aboutsubtitle
{
    margin:10px 0px 20px 0px;
    font-size:14px;
    text-align:center;
    color:#797979;
}
.profile
{
    width:1120px;
    margin:0 auto;
    height:auto;
    line-height:25px;
    font-size:17px;
    text-align:center;
}

.aboutimg 
{
	width:100%;
	position:relative;
	height:300px;
}
    .aboutimg .bd 
    {
	    margin:0 auto;
	    position:relative;
	    z-index:0;
	    overflow:hidden;
    }       
        .aboutimg .bd ul 
        {
	        width:100% !important;
        }
        .aboutimg .bd li 
        {
	        width:100% !important;
	        height:300px;
	        overflow:hidden;
	        text-align:center;
        } 
.ourteam
{
    clear:both;
    width:100%;
    height:auto;
    padding-top:60px;
    background-color:#efeff4;
} 
.ourteamcont
{
    width:740px;
    margin:0 auto;
    height:auto;
    line-height:25px;
    font-size:17px;
    text-align:center;
    padding-bottom:60px;
}
.ourteamimg 
{
	width:100%;
	position:relative;
	height:369px;
}
    .ourteamimg .bd 
    {
	    margin:0 auto;
	    position:relative;
	    z-index:0;
	    overflow:hidden;
    }       
        .ourteamimg .bd ul 
        {
	        width:100% !important;
        }
        .ourteamimg .bd li 
        {
	        width:100% !important;
	        height:369px;
	        overflow:hidden;
	        text-align:center;
        } 
.qywhimg
{
    width:336px;
    height:394px;
    margin:0 392px;    
}
.customertitle
{
    margin-top:10px;
    font-size:24px;
    text-align:center;
}
.linkus 
{
    width:1000px;
    margin:0 auto;
}
    .linkus ul li 
    {
        height:40px;
        line-height:40px;      
        text-align:left;
        font-size:17px;
    }
.linkusimg
{
    width:1000px;
    height:762px;
    margin:60px;    
}
/*关于我们结束*/

/*案例开始*/
.casenav
{
    width:780px;
    height:60px;
    line-height:60px;
    margin:0 auto;
}
.casenav ul
{
    height:60px;
	line-height:60px;
}
.casenav ul li
{	
	float: left;
	height:60px;
	line-height:60px;
	width: 256px;
}
.casenav ul li.span
{
    float:left;
    color:#000;
    width: 1px;
    height:16px;
    line-height:16px;
    margin-top:22px;
    border-left:1px solid #000;
}
.casenav ul li a
{	
    display:block;
    font-weight:bold;
	color: #000;
	text-align:center;
	font-size:16px;
	width:156px;
	margin:0px 50px;
}		
.casenav ul li a:hover,.casenav ul li.curr a 
{
	color: #004EA1;
    border-bottom:2px solid #1A5EAB;   
}

.casecont1 
{
    float:left;
	position:relative;
	width:360px;
	height:260px;
	margin:6px;
	overflow: hidden;
}
.casecont1-1 
{
	position:absolute;
	background:#000;
	width:360px;
	height:260px;
	bottom:-260px;
	left:0;
	z-index:10;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.casecont1:hover .casecont1-1
{
	position:absolute;
	background:#000;
	transform:translate(0,-260px);
	-webkit-transform:translate(0,-260px);
	-moz-transform:translate(0,-260px);
	-o-transform:translate(0,-260px);
	-ms-transform:translate(0,-260px);opacity: 0.7; filter:alpha(opacity=70);
}
.casecont1-2
{
    margin:100px 50px; 
    width:260px;
    color:#fff;
}
.casecont1-2-title{ font-size:18px; height:30px; line-height:30px; text-align:center; margin-bottom:5px;}
.casecont1-2-subtitle{ font-size:20px; height:30px; line-height:30px; text-align:center;}
/*案例结束*/

/*公司新闻开始*/
.newsnav
{
    width:514px;
    height:60px;
    line-height:60px;
    margin:0 auto;
}
.newsnav ul
{
    height:60px;
	line-height:60px;
}
.newsnav ul li
{	
	float: left;
	height:60px;
	line-height:60px;
	width: 256px;
}
.newsnav ul li.span
{
    float:left;
    color:#000;
    width: 1px;
    height:16px;
    line-height:16px;
    margin-top:22px;
    border-left:1px solid #000;
}
.newsnav ul li a
{	
    display:block;
    font-weight:bold;
	color: #000;
	text-align:center;
	font-size:16px;
	width:130px;
	margin:0px 63px;
}		
.newsnav ul li a:hover,.newsnav ul li.curr a 
{
	color: #004EA1;
    border-bottom:2px solid #1A5EAB;   
}

.newslist {
	float:left;
	width:590px;
	height:265px;
	background:#eee;
	margin:5px;
}
.newslist .rq
{
    width:565px;
    height:30px;
    line-height:30px;
    text-align:left;
    margin:20px 0px 0px 25px;
}
.newslist .rq p
{
    width:80px;
    border-bottom:1px solid #1A5EAB;
    font-size:14px;
    text-align:center;
}
.newslist .left
{
	width:128px;
	height:148px;
	margin:25px;
	float:left;
	position:relative;
	overflow:hidden;
}
    .newslist .left img{  
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
		-webkit-transition:all 2s ease;
		-moz-transition:all 2s ease;
		-o-transition:all 2s ease;
		transition:all 1s ease; /*放大时间*/
	}  
	.newslist .left img:hover{		
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.2);/*放大比例*/
		-webkit-transition:all 2s ease;
		-moz-transition:all 2s ease;
		-o-transition:all 2s ease;
		transition:all 1s ease;
	}
.newslist .right
{
	width:387px;
	float:left;
	margin-top:20px;
}
.newslist .right p
{
	font-size:18px;
	line-height:30px;
	height:auto;
	font-weight:bold;
	margin-bottom:10px;
}
.newslist .right .nr
{
    height:auto;
    line-height:25px;
    font-size:15px;
}
.pagenumber
{
    text-align:center;
    height:30px;
    line-height:30px;
    font-size:16px;
}
.btnwrap{ position:relative; height:30px; line-height:30px; margin:50px 0px; }
.btnwrap .left{ position:absolute; left:50%;  background:url(../images/News/pic_move.jpg) no-repeat -14px center; width:14px; height:30px; z-index:2; margin-left:-70px;}
.btnwrap .right{ position:absolute; left:50%; background:url(../images/News/pic_move.jpg) no-repeat right center; width:14px; height:30px; z-index:2; margin-left:60px;}
.news_btn{ position:relative; margin-top:0px;height:30px; line-height:30px; width:80px; margin:0 auto; overflow:hidden;}
.news_btn a{ display:block;  color:#474747; font-size:25px; font-weight:bold;text-align:center;}
.newstitle
{
    margin-top:10px;
    font-size:24px;
    text-align:center;
    letter-spacing:1px;
}
.newscontent
{
    width:900px;
    margin:0 auto;
    line-height:30px;
    font-size:15px;	
}
.newsbottom
{
    width:900px;
    margin:0 auto;
    height:60px;
}
.newsbottom .left
{
    float:left;
    width:750px;
    height:auto;
}
.newsbottom .left .left1
{
    width:750px;
    height:30px;
    line-height:30px;
}
.newsbottom .right
{
    float:right;
    width:135px;
}
.newsbtnt {
	clear:both;
	width:115px;
	margin:10px;
	height:40px;
	line-height:40px;
	color:#fff;	
	text-align:center;
	font-size:15px;	
	background:url(../images/News/butt_hui.png) no-repeat;
}
.newsbtnt:hover {
	color:#fff;
	background:url(../images/News/butt.png) no-repeat;
}
.newsbtnt a{ display:block; color:#fff;}
/*公司新闻结束*/


/*行业动态开始*/
.newsdynalist {
	width:1180px;
	height:248px;
	background:#eee;
	margin:20px 10px;
}

.newsdynalist .left
{
	width:248px;
	height:248px;
	float:left;
	position:relative;
	overflow:hidden;
}
    .newsdynalist .left img{  
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
		-webkit-transition:all 2s ease;
		-moz-transition:all 2s ease;
		-o-transition:all 2s ease;
		transition:all 1s ease; /*放大时间*/
	}  
	.newsdynalist .left img:hover{		
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.2);/*放大比例*/
		-webkit-transition:all 2s ease;
		-moz-transition:all 2s ease;
		-o-transition:all 2s ease;
		transition:all 1s ease;
	}
.newsdynalist .right
{
	width:872px;
	float:left;
	margin:30px;
}
.newsdynalist .right .rq
{
    height:30px;
    line-height:30px;
    text-align:left; 
}
.newsdynalist .right p
{
	font-size:18px;
	line-height:30px;
	height:auto;
	font-weight:bold;
	margin-bottom:0px;
}
.newsdynalist .right .nr
{
    height:auto;
    line-height:25px;
    font-size:15px;
    margin-top:8px;
}
/*行业动态结束*/

/*返回顶部开始*/
.box{
    position:fixed;
    right:10px;
    bottom: 10px;
    height:50px;
    width: 50px; 
    text-align:center;
    padding-top:20px; 
    background-color: #787878;
    border-radius: 20%;
    overflow: hidden;
    font-size:14px;
    z-index:100;
}
.box:hover:before{
    top:50%;
}
.box:hover .box-in{
    visibility: hidden;
}
.box:before{
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content:'返回顶部';
    width: 40px;
    color:#fff;
    font-weight:bold;
} 
.box-in{
    visibility: visible;
    display:inline-block;
    height:20px;
    width: 20px;
    border: 3px solid black;
    border-color: white transparent transparent white;
    transform:rotate(45deg);
}
/*返回顶部结束*/


/*在线咨询开始*/
#rightqq
{
	width:87px;height:104px;float:right;
	position:fixed !important;top:640px;
	position:absolute;z-index:300;top:expression(offsetParent.scrollTop+270);right:0px;
	text-align:center;
}
/*在线咨询结束*/


.ganen {
	height:800px;
	margin:0 auto;
	background:url(../images/ganen.jpg) no-repeat center center;
}
.tonglan1 {
	width:100%;
	min-width:1200px;
	height:520px;
}
.tonglan {
	width:100%;
	min-width:1200px;
	height:660px;
}
.tonglan2 {
	width:100%;
	min-width:1200px;
	height:307px;
}
.products1
{
    width: 415px; 
    height:auto;
	margin:5px;
    float:left;
    border:1px solid #E4E4E4;
    background:#EFEFEF;
}
.products1casetitle{
	padding:5px 0 5px 15px;	
	height:50px;
	line-height:50px;
	text-align:left;
	font-size:20px;
	display:block;
}
.jieshao {
	/*width:100%;
	min-width:1200px;*/
	width:1000px;
	padding:100px 0;
	line-height:50px;
	margin:0 auto;
	font-size:22px;
	color:#666;
}
.kejiyuan {
	width:100%;
	min-width:1200px;
	height:570px;
	margin:0 auto;
	background:url(../images/About/kejiyuan.jpg) no-repeat center center;
}
.hezuo {
	/*padding-top:300px;*/
	height:630px;
	margin:0 auto;
	background:url(../images/About/hezuo.jpg) no-repeat center center;
}
.lxwm {
	font-size:18px;
}
.map {
	width:1000px;
	height:800px;
	margin:0 auto;
	margin-bottom:200px;
	background:url(../images/About/map.jpg) no-repeat center center;
}

.bzhleft
{
    width:500px;
    float:left;
    margin-left:30px;
}
.bzhright
{
    width:450px;
    float:left;
    margin:100px;
}
.bzhright p{text-align:center;}
.wenti {
	width:100%;
	min-width:1200px;
	height:auto;
	background:#f3f3f3;
	padding:40px 0 50px 0;
}
.zi-36 {
	font-size:36px;
	text-align:center;
}
.hei {color:#000;}
.p50 {padding:50px 0; min-width:1200px;}
.wai {
	display: flex;
    align-items: center;
    text-align: center;
    position: relative;
}
.wai::before, .wai::after {
	content: "";
	width: 60px;
	border-bottom: 1px solid #000000; 
	margin: 50px 20px;
}
.wenzi {
	font-size:34px;
	/*font-weight:bold;*/
}
.wenti1 
{
    float:left;
	position:relative;
	width:320px;
	height:356px;
	margin:15px 40px;
	background-size:contain;
	background-position:center;
	overflow: hidden;
}
.wentititle
{
    margin:30px;
    line-height:40px;
    font-size:25px;
}

.jineng {
	width:100%;
	min-width:1200px;
	height:auto;
	background:#fff;
	padding:40px 0 50px 0;
}
/* 图片项容器 */
.image-item {
    margin: 10px 50px;
    text-align: center;
}

/* 图片样式 */
.image-item img {
    width: 300px;
    height: 295px;
    object-fit: cover;
}

/* 标题样式 */
.image-title {
    margin-top: 5px;
    font-size: 25px;
}

.round-rectangle{
	float:left;
	width:1100px;
	height:200px;
	background-color:#2E9FFD;
	border-radius:200px;
	margin:25px 0;
}
.round-rectangle1{
	float:right;
	width:1100px;
	height:200px;
	background-color:#DCAF0E;
	border-radius:200px;
	margin:25px 0;
}
.round_left{
	float:left;
	height:200px;
	line-height:200px;
	width:120px;
	text-align:center;
	font-size:45px;
	color:#fff;
}
.round_right{
	float:left;
	width:920px;
	line-height:40px;
	text-align:left;
	font-size:25px;
	color:#fff;
	display:flex;
	align-items:center;/*垂直居中*/
	height:200px;/*设定容器的高度*/
}

/*左上到右下渐变色*/
.gradient-box
{
    width:100%;
    height:500px;
    background:linear-gradient(to bottom right,#E9ECF8,#BCE8F9);
}

.chengguo 
{
    float:left;
	position:relative;
	width:320px;
	height:300px;
	margin:15px 40px;
	background-size:contain;
	background-position:center;
	overflow: hidden;
}

.chengguo-title 
{
    width:320px;
	height:40px;
	line-height:40px;
	display:block;
	background-color:#3484FF;
	color:#fff;
	text-align:center;
    font-size: 22px;
}
.chengguo-cont
{
    margin-top:15px;
    border-radius:10px;
    background-color:#fff;
    padding:30px;
    height:190px;
    line-height:35px;
    font-size: 20px;
}