@charset "UTF-8";

/* CSS Document */

* {

	margin:0;

	padding:0;

	list-style: none;

}

body {

	font:12px/1.5 Tahoma;

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font {

	padding:0;

	margin:0;

	font-family:Verdana,Arial,Helvetica,sans-serif;


}

table {

	border-collapse:collapse;

	border-spacing:0;

}

fieldset, img {

	border:0;

	vertical-align:top;

}

address, caption, cite, code, dfn, em, th, var {

	font-weight: normal;

	font-style: normal;

	font-family:Tahoma, Arial, Helvetica, sans-serif,;

}

ol li, ul li, dl dt, dl dd {

	list-style:none;

}

caption, th {

	text-align:left;

}

em {

	font-style:normal;

}

h1, h2, h3, h4, h5, h6 {

	font-weight:normal;

	font-size:100%;

}

input, button, textarea, checkbox, select, radio {

	vertical-align:top;

}

a:link, a:visited {

	text-decoration:none;

}

a {

	color:#000;

	text-decoration:none;

}

a:hover {

	text-decoration:none;

}





.xian{ width:100%; height:1px; background:#666; margin:100px 0}

.xians{ width:100%; height:1px; background:#666; margin:0px 0}

.main{ width:1190px; margin:auto; margin-top:100px; overflow:hidden }

/*banner*/

.banner{ background:url(../images/banner.jpg) center no-repeat;width:1240px;height:730px; position:relative;margin:0 auto;}

.banswt{width:1190px;height:730px;margin:0 auto;position:relative;}

.l-btn{ display:block; background: url(../images/icon.png) no-repeat -40px -25px;width:280px; height:60px;position:absolute;top:490px; left:265px  }

.l-btn:hover{ background-position: -40px -113px;}



/*苦恼*/

.fn{position:relative;}

.fn ul li{ width:396px; height:277px; float:left; background:#91adb9; border-radius:5px; margin-top:1px;position:relative; overflow:hidden;}

.fn li .one{ transition:0.3s; width:396px; height:277px; /* background:url(../images/yy_03.jpg) ;*/ font-size:24px; color:#FFF; line-height:277px; text-align:center; position:absolute; left:0px; top:285px;}

.fn li:hover .one{ top:0px;}



.fn li .two{ transition:0.3s; width:396px; height:277px; /* background:url(../images/yy_05.jpg); */ font-size:24px; color:#FFF; line-height:277px; text-align:center; position:absolute; left:0px; top:285px;}

.fn li:hover .two{ top:0px;}



.fn li .three{ transition:0.3s; width:396px; height:277px; /* background:url(../images/yy_09.jpg); */ font-size:24px; color:#FFF; line-height:277px; text-align:center; position:absolute; left:0px; top:285px;}

.fn li:hover .three{ top:0px;}



.fn li .four{ transition:0.3s; width:396px; height:277px; /* background:url(../images/yy_10.jpg); */ font-size:24px; color:#FFF; line-height:277px; text-align:center; position:absolute; left:0px; top:285px;}

.fn li:hover .four{ top:0px;}



.ya{ width:478px; height:512px; background:url(../images/yc.png); position:absolute; left:350px; top:20px;}

.yas{ margin-top:80px;}

.pp{color:#0c2553; font-size:36px; text-align:center}

.ya p{width:300px; display:block; margin:auto; text-align:left; font-size:16px; color:#545454; margin-top:10px;}

.ya span{ font-size:20px; color:#2589c2;}



.wo-btn{ display:block; background: url(../images/icon.png) no-repeat -160px -797px;width:195px; height:42px;position:absolute;bottom:100px; left:135px  }

.wo-btn:hover{ background-position: -161px -741px;}





/* 案例轮播 */



	.focusBox {width:1190px; position:relative;}

	.focusBox .pic{ position:relative; z-index:0; margin-top:30px;}

	.focusBox .prev,

	.focusBox .next { width: 60px; height: 90px; margin: -30px 0 0; -display: none;  position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; }

	.focusBox .prev {background:url(../images/1_1.png) left center no-repeat; left:-20px;}

	.focusBox .next {background:url(../images/1_2.png) right center no-repeat; left:auto; right:-20px; }

	.an-title{background: url(../images/icon.png) no-repeat -356px -25px;width: 814px;height: 85px;}

	.lb-one{ height:600px;}

	.lb-left{ position:absolute; left:-80px;}

	.w-btn{ position:absolute; width:145px; height:145px;background:url(../images/icon.png) no-repeat -19px -851px; bottom:180px; right:80px;}

	.w-btn:hover{ background-position: -233px -851px;}



	.lb-right{ width:625px; height:585px; float:right;color:#545454; position:relative;}

	.lb-right img{ margin-top:30px;}

	.lb-right p{ font-size:18px; text-indent:1em; line-height:40px;}

	.lb-wz{ font-size:48px; color:#0c2553; font-weight:bold; line-height:50px; margin-top:30px;}

	.lb-ju{ height:50px; line-height:45px;margin-top:20px; font-size:26px; }

	.lb-ju div{ display:block; float:left; padding:0px 10px;  background:#71c1dc; text-align:center; color:#FFF; border-radius:5px;}

	.lb-di{ width:545px; height:66px; font-size:22px; line-height:66px;background:url(../images/icon.png) no-repeat -691px -197px; text-indent:3.5em; margin-top:30px;}

	.lb-di2{ width:545px; height:66px; font-size:22px; line-height:66px;background:url(../images/icon.png) no-repeat -691px -401px; text-indent:3.5em; margin-top:30px;}

	.lb-di3{ width:545px; height:66px; font-size:22px; line-height:66px;background:url(../images/icon.png) no-repeat -691px -626px; text-indent:3.5em; margin-top:30px;}

	.lb-di4{ width:545px; height:66px; font-size:22px; line-height:66px;background:url(../images/icon.png) no-repeat -691px -818px; text-indent:3.5em; margin-top:30px;}

	.mr-w{width: 169px;height:169px; position:absolute;background:url(../images/icon.png) no-repeat -510px -143px; top:-40px; right:90px;}

	.mr-z{width: 169px;height:169px; position:absolute;background:url(../images/icon.png) no-repeat -510px -345px; top:-40px; right:60px;}

	.mr-l{width: 169px;height:169px; position:absolute;background:url(../images/icon.png) no-repeat -510px -545px; top:-40px; right:80px;}

	.mr-wu{width: 169px;height:169px; position:absolute;background:url(../images/icon.png) no-repeat -510px -745px; top:-40px; right:80px;}



	.tt{ background:url(../images/til_02.jpg) center no-repeat; width:100%; height:217px;}

	/*三大材料*/

	.cl{ width:1190px; height:490px; margin:auto; margin-top:60px; border-bottom:1px dashed #666}

	.c-til{ font-size:48px; text-align:center; color:#0c2553}

	.cl p{ text-align:center; font-size:18px; line-height:45px; margin-top:30px;}

	.cl h3{ font-size:24px; color:#FFF; text-align:center; margin-top:30px;}

	.cl ul{ overflow:hidden;}

    .cl ul li{ width:364px; height:241px; position:relative; float:left; margin-right:48px; margin-top:22px;}

	.cl li div{ transition:0.3s; width:314px; margin:auto; height:190px; background:#34486d; font-size:16px; opacity:0.8;color:#FFF;position:absolute; left:0px; top:245px; padding:25px 25px;}

	.cl li:hover div{ top:0; border-radius:10px;}

	.cl2 li{ text-align:center; font-size:24px;}



    /*自信*/

	.zx{ width:1190px; height:562px; margin:auto; margin-top:80px; position:relative}

	.zx-cen{ width:720px; height:513px;}

	.zx-til{background: url(../images/icon.png) no-repeat -49px -1122px;width: 369px;height: 47px; margin-left:160px;}

	.zx-tu{background: url(../images/icon.png) no-repeat -87px -1192px;width: 291px;height: 151px; margin:30px 0 0 190px}

	.zx-cen p{font-size:18px; line-height:40px; text-indent:0.5em;}

	.zx-cen span{ display:block;background: url(../images/icon.png) no-repeat -19px -1277px; float:left; margin-top:11px; width:17px; height:17px;}

	.o-btn{background:url(../images/icon.png) no-repeat -483px -1078px; display:block; width:280px; height:60px; margin-left:210px; margin-top:40px; }

	.o-btn:hover{ background-position: -483px -1162px;}

	.zx-right{ float:right; position:absolute; top:-60px; right:-105px;}



	/*优势*/

	.youshi{ width:100%; height:755px; background:#e5e5e5; overflow:hidden;}

	.youshi p{ font-size:48px; color:#0c2553; text-align:center; font-weight:bold; padding-top:100px;}

	.shows{ width:1190px; height:410px; margin:auto; margin-top:50px;}

	.shows li{  width:285px; height:405px; float:left; margin-right:5px; border:#e5e5e5 solid 4px;transition:0.4s; }

	.shows li:hover{box-shadow:5px 5px 10px #999; border:#fff solid 4px;}

	.shows p{ font-size:24px;padding-top:40px; color:#fff; font-weight:normal}

	.y-bot{ width:285px; height:200px; background:#2589c2; margin-top:5px;}

	.y-top{ width:285px; height:200px; background:#2589c2; margin-bottom:5px; }

	.sh-zi{ width:250px; margin:auto; font-size:16px; color:#FFF; margin-top:10px;}

	.sh-zi span{ color:#e8e513;}





	/*过程*/

	.gc{ width:1190px; height:705px; margin:auto;overflow:hidden;}

	.gc p{ font-size:48px; color:#0c2553; text-align:center; font-weight:bold; padding-top:100px;}

	.gc ul{ margin-top:50px;}

	.gc ul li{ width:220px; height:200px; float:left; margin-right:22.5px;}

	.gc ul li p{ font-size:24px; padding-top:10px; color:#545454; font-weight:normal;}

	.t-btn{background:url(../images/icon.png) no-repeat -822px -1078px; display:block; width:280px; height:60px; margin:auto; margin-top:350px;}

	.t-btn:hover{ background-position: -822px -1162px;}



	/*案例*/

	.anli{ width:1190px; height:520px; margin:auto; margin-bottom:100px;}

	.anli p{ font-size:48px; color:#0c2553; text-align:center; font-weight:bold; padding-top:100px;}

	.layB{width:847px; margin:auto;;}

	.layB .tbC{ width:847px; padding:10px 12px; position:relative;   margin-top:40px  }

	.layB .prev,.layB .next{ width:44px; height:170px; position:absolute; left:-171px; top:50px; background-position:-520px 0; }

	.layB .prev{ background: url(../images/icon.png) no-repeat -36px -1312px ;}

	.layB .next{ background:url(../images/icon.png)no-repeat -1181px -1312px ; left:auto; right:-148px;}

	.layB .slide{ width:847px; overflow:hidden; margin:auto}

	.layB ul{ overflow:hidden; zoom:1; margin:auto}

	.layB li{ width:847px; display:inline; float:left;margin:auto }



	/*  */

	.slideBox{  width:100%; height:668px; background:url(../images/z-bg.jpg) center;overflow: hidden; position:relative;  }

	.slideBox .hd{ width: 1190px; height:32px; position:absolute; top:160px; left:260px; z-index:1;  margin:auto;}

	.slideBox .hd li{width:80px;height:78px; background: url(../images/icon.png) no-repeat -685px -1246px; cursor:pointer; margin-top:30px;}

	.slideBox .hd li.hs-one{ background-position:-685px -1246px;}

	.slideBox .hd li.hs-two{ background-position:-686px -1359px;}

	.slideBox .hd li.hs-thr{ background-position:-686px -1472px;}

	.slideBox .hd li.hs-one.on{ background-position:-590px -1246px;}

	.slideBox .hd li.hs-two.on{ background-position:-591px -1359px;}

	.slideBox .hd li.hs-thr.on{ background-position:-591px -1472px;}

	.slideBox p{ font-size:48px; text-align:center; color:#FFF; font-weight:bold; margin-top:90px}

	.slideBox .bd{ margin-top:-26px;}

	.slideBox .bd li{ width:1190px;height:535px; margin:auto; overflow:hidden; position:relative}

	.hs{ width:910px; height:535px; position:absolute; right:0;}

	.hs-left{ float:left;}

	.hs-left span{ font-size:36px; font-weight:normal;}

	.hs-left p{ margin-bottom:30px; text-align:left}

	.hs-zi{ font-size:20px; color:#FFF; margin-top:15px; overflow:hidden; text-indent:0.5em;}

	.hs-zi span{background: url(../images/icon.png) no-repeat -475px -1346px; margin-top:2px;float: left;width: 17px;height: 17px}



	.hs-btn{ background:url(../images/icon.png) no-repeat -822px -1315px; display:block; width:195px; height:42px; margin-left:0px; margin-top:50px;}

	.hs-btn:hover{ background-position: -822px -1377px;}



	.hs-right{ float:right; position:absolute; right:0; }



	/*猜你喜欢*/

	.like{ width:1190px; height:520px; margin:auto;}

	.like p{ font-size:48px; color:#0c2553; text-align:center; font-weight:bold; padding-top:100px;}

	.like ul li{ width:380px; height:280px; float:left; margin-right:22px; margin-top:40px;}