@charset "utf-8";
@import url('https://fonts.font.im/css?family=Oswald');
/* CSS Document */
*{
	padding: 0;
	margin: 0;
}





 

/*集团产业*/
/*产业1*/
.cy1{width:100%; margin: auto; overflow: hidden; margin-bottom: 4em;}
.cy1 li{width:100%; margin: auto; overflow: hidden; border:20px solid #f3f3f3; }
.cy1 li .text{width:45%; float: left; padding: 5%}
.cy1 li .text .text-1{width:100%; float: left; color: #035cac; font-size: 2.5em;}
.cy1 li .text .text-2{width:100%; float: left; color: #666666; font-size: 0.9em; line-height: 1.85em; margin-top: 2em;}
.cy1 li .text .text-3{width:100%; float: left; background: url(../images/cy1-ico.jpg) no-repeat left center; padding-left: 20px; margin-top: 3em;}
.cy1 li .tp-left{width:55%; float: left; max-width: 780px; overflow: hidden}
.cy1 li .tp-right{width:55%; float: right; max-width: 780px; overflow: hidden}


/*产业2*/
.cy2{width:100%; margin: auto; overflow: hidden;}
.cy2 .cy2-left{width:48%; float: left; overflow: hidden }
.cy2 .cy2-right{width:52%; float: right;  position: absolute; overflow: hidden; right: 0;}
.cy2 .cy2-right .content{width:80%; position: relative; overflow: hidden; margin-left: 5%; height: 679px;text-align:justify}
.cy2 .cy2-right .tp{width:100%; max-width: 773px; background: url(../images/cy2-2.jpg) no-repeat; height: 309px; position: relative; overflow: hidden;  margin-bottom:  0;  bottom: 0;}
.cy2 .cy2-right .tp ul{ color:#fff; padding: 10%}
.cy2 .cy2-right .tp ul li{  line-height: 2.2em; list-style:disc}





.cy2 .cy2-new{width:100%; margin: auto; overflow: hidden; margin-top: 2em;}
.cy2 .cy2-new .code{width:50%; margin: auto; overflow: hidden; float: left}
.cy2 .cy2-new .btn{width:220px; margin: auto; overflow: hidden; float: left}


.cy2 .cy2-right .more{width:200px; height: 48px; float: left; border-radius: 50px; background: #e60832; color: #fff; line-height: 48px; text-align: center; font-size: 1.125em; margin-top: 2em;transition: all 0.3s;}
.cy2 .cy2-right .more .arrow{width:30px; height: 30px; border-radius: 50%; background: #fff; color: #e60832;display: inline-block; float: right;line-height: 30px; margin-right: 10px; margin-top: 10px; font-size: 1.25em; font-weight: bold;transition: all 0.3s;}
.cy2 .cy2-right .more:hover {width:180px;transition: all 0.3s;}
.cy2 .cy2-right .more:hover .arrow{background: #e60832; color: #fff;transition: all 0.3s;}







/*产业3*/
.cy3{width:100%; margin: auto; overflow: hidden; background: url(../images/cy3-bg.jpg)  top center; padding-top: 12em; padding-bottom: 10em;}
.cy3 .cy3-left{width:28%; float: left; color: #fff;}
.cy3 .cy3-left .title1{width:100%; float: left;font-size: 4em; font-family: 'font-title'; line-height: 1em;}
.cy3 .cy3-left .title2{width:100%; float: left;font-size: 1.65em; margin: 1em 0 1.5em;}
.cy3 .cy3-left .text{width:100%; float: left; font-size: 1.125em; line-height: 2em;text-align:justify}
.cy3 .cy3-left .line{width:68px; height: 4px; background: #ff2439; float: left; margin-top: 2em;}




.cy3 .cy3-right{width:62%; float: right;background-color:rgba(255,255,255,0.94); padding: 8em 1em; margin-top: 5em;}
.cy3 .cy3-right li{width:20%; margin: auto; overflow: hidden; float: left; text-align: center}
.cy3 .cy3-right li .ico{ padding-top: 5%;transition: all 0.3s;}
.cy3 .cy3-right li .title1{ font-size: 1.25em; margin-top: 1em; color: #3f3e3e;transition: all 0.3s;}
.cy3 .cy3-right li .title2{ font-size: 3px; color: #ababab; margin-top: 0.5em; height: 30px;}
.cy3 .cy3-right li .line{width:45px; height: 1px; background: #ff2439; margin: auto; margin-top: 2.2em;transition: all 0.3s;}


.cy3 .cy3-right li:hover .ico{transition: all 0.3s;transform:translateY(-10%);/**上移元素**/}
.cy3 .cy3-right li:hover .line{transition: all 0.3s;width:80%; }
.cy3 .cy3-right li:hover .title1{transition: all 0.3s;transform:translateY(-8%);/**上移元素**/ }

/*<1500*/
@media screen and (max-width:1599px) 
{
	
	
	
}
/*<1450*/
@media screen and (max-width:1449px) 
{
	
	
}


/*<1400*/
@media screen and (max-width:1405px) 
{
	
}


/*<1380*/
@media screen and (max-width:1379px) 
{
	
}


/*<1366*/
@media screen and (max-width:1365px) 
{
	
}


/*<1350*/
@media screen and (max-width:1349px) 
{
	
}



/*<1300*/
@media screen and (max-width:1299px) 
{
	.cy2 .cy2-right .content{width:90%;}
}

/*<1280*/
@media screen and (max-width:1280px) 
{
	
}

/*<1200*/
@media screen and (max-width:1199px) 
{
	
}


/*<1100*/
@media screen and (max-width:1100px) 
{
	.cy2 .cy2-right .content{ font-size:0.95em;}
	
	.cy3{background:#0b4e9a;padding-top: 6em; padding-bottom: 4em;}
	.cy3 .cy3-left{width:100%;}
	.cy3 .cy3-right{width:100%;}
}



/*<1000*/
@media screen and (max-width:999px) 
{
	
}


/*<900*/
@media screen and (max-width:900px) 
{
	
	.cy2 .cy2-right{width:100%; float: left; position: relative;}
	.cy2 .cy2-left{ display: none;}
	.cy2 .cy2-left img{width:100%;}
	
	.cy2 .cy2-right .content{height:auto}
	
}


/*<850*/
@media screen and (max-width:850px) 
{
	
	.cy1 li .text{width:100%}
	.cy1 li .tp-left{width:100%; }
	.cy1 li .tp-left img{width:100%; }
	.cy1 li .tp-right{width:100%;}
	.cy1 li .tp-right img{width:100%;}
	
	
		
	.cy2 .cy2-new .code{width:100%; text-align: center;}
	.cy2 .cy2-new .btn{width:60%; margin: auto 20%; float: none}
	
	
}

/*<760*/
@media screen and (max-width:760px) 	
{
	
	.cy3 .cy3-right li .ico img{width:60%}
	.cy3 .cy3-right li .title1{font-size:0.85em;}
	.cy3 .cy3-right li .title2{display:none}
	.cy3 .cy3-right{padding: 3em 1em;}
}

/*<660*/
@media screen and (max-width:620px) 
{
	
	
	
}