@import url("system.css");

@import url("base.css");

@import url("index.css");

@import url("case.css");

@import url("pr.css");

@import url("layout.css");

@import url("reset.min.css");

body{ line-height:150%;}





.innerbanner{

			position: relative;

			width: 100%;

			height: 200px;

			min-width: 1200px;

			overflow: hidden;

			color: #fff;

			text-shadow: 0 0 3px #333;

}

.innerbanner p{

			position: absolute;

			top: 62px;

			right: 14px;

			line-height: 1.4;

			font-size: 24px;

}

.innerbanner .text1{

			font-size: 32px;

}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.clearfix{*+height:1%;}



.hd{ display:none;}

.sw{ display:block;}



.morede{ width:100%;min-width: 1200px;display:block; clear:both; float:left; background:#333; margin-top:20px;}

.morede ul{ width:900px; margin:0 auto;}

.morede ul li{ float:left; width:300px; height:110px; line-height:110px; font-size:18px; text-align:center;}

.morede ul li a{ color:#fff; display:block;}

.morede ul li.current a{ background:url(../images/triangle2.png) center bottom no-repeat;}

#b0,#b1,#b2,#b3,#b4,#b5{ line-height:180%;width:800px; height:auto; padding:100px 10px 60px 10px;margin:0 auto;}





















.casein{

			width: 1186px;

			margin: 0 auto;

			padding: 22px 0 0 14px;

}

.casein .imgbox img{margin-top: 18px; float:left;background:#eee; border:1px solid #ccc;}

		

.casein .textbox{

			float: left;

			margin: 20px 0 0 100px;

			width: 373px;

			height: 301px;

			font-size: 16px;

			font-weight: 600;

		}

		.casein .textbox h3{

			font-size: 24px;

			color: #08141D;

			margin-bottom: 36px;

		}

		.casein p{

			color: #666;

		}

		.casein span{

			color: #333;

		}

		.casein p{

			color: #666;

			line-height: 2;

		}

		.casein .m1cBox{

			margin: 0 0 20px 40px;

			overflow: hidden;

		}

		

		

		





		.caseinfo{

			padding-top: 48px;

			padding-bottom: 0;

			/*overflow: hidden;*/

		}

		.caseinfo .centerBox{

			width: 1200px;

			margin: 0 auto;

			text-align: center;

		}

		.caseinfo .centerBox h3{

			font-size: 26px;

		}

		.caseinfo .caseBox{

			margin-top: 30px;

		}

		.caseinfo .caseBox li{

			position: relative;

			float: left;

			width: 24%;

			margin: 0 0.5%;

			overflow: hidden;

		}

		.caseinfo .caseBox .space{

			float: left;

			width: 100%;

			height: 8px;

		}

		.caseinfo .caseBox li img{

			display: block;

			width: 100%;

		}

		

		

		.caseinfo .caseBox .cover{

			position: absolute;

			bottom: -100%;

			width: 80%;

			height: 100%;

			padding: 0 10%;

			background: rgba(32,126,196,0.8);

			text-align: center;

			color: #fff;

			transition: 0.3s all;

		}

		.caseinfo .caseBox li:hover .cover{

			bottom: 0;

		}

		.caseinfo .caseBox .cover h5{

			margin-top: 24px;

			margin-bottom: 8px;

			font-size: 20px;

		}

		.caseinfo .caseBox .cover p{

			font-size: 14px;

			text-align: left;

			text-indent: 28px;

			line-height: 1.6;

		}

		



#wechat{

background:#fff;

width:135px;

padding:0 10px;

height:210px;

line-height:180%;

position:absolute;

text-align:center;

border:1px solid #ccc;

z-index:99999999;

left:-70px;

top:33px;

font-size:12px;

color:#333;

}

#wechat img{ width:135px; height:135px;}

.mobileli{ float:left; position:relative;}





.mouldindex1{

			background: url(../images/gradual.jpg) repeat-x;

			color: #313140;

			clear: both;

			padding-top: 40px;

		}

		.mouldindex1 ul{

			position: relative;

			padding: 40px 0 60px 0;

			width: 1200px;

			margin: 0 auto;

			overflow: hidden;

		}

		.mouldindex1 .text1{

			margin-top: -10px;

			margin-bottom: 20px;

			font-size: 34px;

			color: #207ec4;

			font-weight: 600;

			line-height: 1;

			text-align: center;

		}

		.mouldindex1 .h5,.mouldindex2 .h5{

			margin-top: -14px;

			color: #333;

    		font: 16px "Verdana";

    		text-align: center;

		}

		.mouldindex2 .h5{

			margin-top: 10px;

		}

		.mouldindex1 .text1~span{

			display: block;

			font-size: 14px;

			margin-bottom: 26px;

			margin-top: 25px;

			text-align: center;

			color: #555;

			line-height: 2;

		}

		.mouldindex1 ul>li{

			float: left;

			position: relative;

			overflow: hidden;

			margin-right: 20px;

			width: 384px;

			height: 310px;

			background-position: 332px 0;

			text-align: center;

			border: 1px #ccc solid;

		}

		.mouldindex1 ul>li:hover .cover{

			display: block;

		}

		.mouldindex1 ul>li>p{

			position: absolute;

			left: 18px;

		}

		.mouldindex1 ul>li>h2{

			position: absolute;

			top: 16px;

			left: 20px;

			color: #555;

		}

		.mouldindex1 ul>li>span{

			display: block;

			padding: 0 30px;

			color: #207ec4;

			text-overflow: ellipsis;

			white-space: nowrap;

			overflow: hidden;

		}

		.mouldindex1 .p1{

			top: 24px;

			font-size: 18px;

			color: #313140;

		}

		.mouldindex1 .p2{

			top: 52px;

			font-size: 15px;

		}

		.mouldindex1 .cover{

			display: none;

			position: absolute;

			z-index: 5;

			top: 0;

			padding-top: 88px;

			width: 100%;

			height: 222px;

			height: calc(100% - 88px);

			background: rgba(32,126,196,0.6);

		}

		.mouldindex1 .t1{

			color: #ff0;

			text-align: left;

			text-indent: 134px;

		}

		.mouldindex1 .t2{

			width: 190px;

			margin: 0 auto;

			height: 96px;

			overflow: hidden;

			color: #fff;

			font-size: 14px;

		}

		.mouldindex1 .line{

			margin-left: 134px;

			margin-bottom: 24px;

			width: 66px;

			height: 1px;

			background: #fff;

		}







.mouldindex2{

			width: 100%;

			min-width: 1200px;

			height: 770px;

			background: url(../images/bg1.jpg);

			font-size: 14px;

		}

		.mouldindex2 .box,.mouldindex3 .box{

			position: relative;

			width: 1200px;

			margin: 0 auto;

			padding-top: 35px;

			text-align: center;

		}

		.mouldindex2 h3,.mouldindex3 h3{

			font-size: 34px;

			color: #207ec4;

			font-weight: 600;

		}

		.mouldindex3 h3{

			margin-bottom: 8px;

		}

		.mouldindex2 p{

			margin: 30px 0 36px 0;

			color: #555;

			line-height: 2;

		}

	



		.mouldindex2 .blocks .b1{

			float: left;

			overflow: hidden;

			width: 275px;

			height: 451px;

		}

		.mouldindex2 .blocks .b1>div{

			position: relative;

			width: 275px;

			height: 220px;

			background: #0ff;

		}

		.mouldindex2 .blocks .b1>div{

			margin-bottom: 10px;

		}

		.mouldindex2 .blocks .b2{

			position: relative;

			float: left;

			margin: 0 10px;

			width: 630px;

			height: 451px;

			background: #e20;

			overflow: hidden;

		}

		

.mouldindex3{

			width: 100%;

			height: 710px;

		}

		.mouldindex3 h5{

			color: #333;

			font: 16px "Verdana";

		}

		.mouldindex3 p{

			margin: 35px 0 22px 0;

			color: #555;

			font-size: 14px;

			line-height: 1.5;

		}

		.mouldindex3 .blocks .b1{

			position: relative;

			float: left;

			margin-right: 5px;

			width: 656px;

			height: 490px;

			overflow: hidden;

		}

		.mouldindex3 .blocks .b1 .cover{

			display: block;

			width: 100%;

			height: 100%;

			background: url(../images/img23.png) no-repeat rgba(32,126,196,0.6);

			background-position: 68px 60px;

			color: #fff;

		}

		.mouldindex3 .cover>img{

			position: absolute;

		}

		.mouldindex3 .cover>img{

			left: 141px;

			top: 137px;

		}

		.mouldindex3 .cover h4{

			margin-top: 138px;

			font-size: 24px;

			text-indent: 48px;

		}

		.mouldindex3 .cover small{

			margin-left: 48px;

			color: #ccc;

			font-size: 12px;

			text-indent: 48px;

		}

		.mouldindex3 .cover p{

			display: block;

			margin: 23px 0 0 111px;

			width: 487px;

			color: #fff;

			font-size: 14px;

			text-align: left;

			line-height: 1.6;

		}

		.mouldindex3 .cover .btn{

			width: 125px;

			height: 35px;

			margin: 0 auto;

			margin-top: 36px;

			line-height: 35px;

			border: 1px solid #fff;

			cursor: pointer;

		}

		.mouldindex3 .blocks .b2{

			float: left;

			width: 267px;

			height: 243px;

			overflow: hidden;

		}

		.mouldindex3 .blocks .b2:nth-of-type(2n){

			margin-right: 5px;

		}

		.mouldindex3 .blocks .b2:nth-of-type(2n){

			margin-bottom: 5px;

		}

		.mouldindex3 .blocks .bg9484c2{

			background: #9484c2;

		}

		.mouldindex3 .blocks .bg6ab4b5{

			background: #6ab4b5;

		}

		.mouldindex3 .blocks .b2:nth-of-type(2)>img,.mouldindex3 .blocks .b2:nth-of-type(5)>img{

			margin: 52px 0 0 26px;

		}

		.mouldindex3 .blocks .b2 h4{

			color: #fff;

			font-size: 26px;

		}

		.mouldindex3 .blocks .b2 p{

			margin: 0;

			margin-top: 6px;

			font-size: 16px;

			color: #fff;

		}

		.proright{
			max-width: 648px;
		}