.hdaohang{ width:100%; background:#f3f3f3; padding:50px 0px;}
.hdaohang_1{ width:1200px; margin:0 auto; overflow:hidden;}

.case-show {width:1240px; margin:0 auto; }
.case-show img { display: block; margin: 0 auto; width:100%; margin-left:0%; }
.case-show .item {position: relative; float:left; width:380px; height:0px; padding-bottom:200px; overflow:hidden; margin-right:30px;}
.case-show a { position: absolute;z-index:2; width: 100%; height: 100%; text-align: center;left: 0; top: 0;  transition: all ease .3s; -webkit-transition: all ease .3s;  background:rgba(0,0,0,0.3); display:table;}
.case-show a:hover { background:rgba(0,0,0,0.0);}
.case-show a span { font-weight: bold; font-size: 20px; display:table-cell; width:100%; height:100%; vertical-align:middle; color: #fff; line-height:36px;}
.case-show .svg { width:90%; height:80%; position: absolute; top: 10%; left: 5%; overflow:hidden;}
.case-show .svg span{ position:absolute; background:#fff; opacity:.5; filter:alpha(opacity=50); transition:all ease .6s;-webkit-transition:all ease .6s;}
.case-show .item:hover .svg .left{ width:2px; height:100%;left:0; top:0;}
.case-show .item:hover .svg .right{ width:2px; height:100%;right:0; bottom:0;}
.case-show .item:hover .svg .top{ width:100%; height:2px;left:0; top:0;}
.case-show .item:hover .svg .bottom{ width:100%; height:2px;right:0; bottom:0;}
.case-show .item .left { height:15px; width:2px; left:0; top:0;}
.case-show .item .right{ height:15px; width:2px; right:0; bottom:0;}
.case-show .item .bottom{ width:15px; height:2px;  right:0; bottom:0;}
.case-show .item .top{ width:15px; height:2px; left:0; top:0;}

.itemlast{margin-right:0px;}




.hjianjie{ width:100%; padding:60px 0px; background:url(../images/hjianbg1.jpg) no-repeat center;}
.hjianjie_1{ width:1100px; background:url(../images/hjianbg2.jpg) no-repeat right top; height:360px; background-size:540px; text-align:left; padding:0px 50px;}
.hjianjie_1_1{ text-align:left; font-size:40px; color:#0657a4; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.hjianjie_1_2{ width:40px; height:5px; background:#0657a4; margin-top:20px;}
.hjianjie_1_3{ text-align:left; font-size:30px; color:#666666; font-weight:bold; margin-top:20px;}
.hjianjie_1_4{ text-align:left; margin-top:20px; width:500px;}
.hjianjie_1_4 p{ font-size:15px; line-height:30px; color:#666666;}
.hjianjie_1_5{ margin-top:30px;}
.hjianjie_1_5 img{ width:28px;}
.hjianjie_1_6{ width:1100px; margin:0px auto; margin-top:50px; background:url(../images/hjibanbg4.png) no-repeat center top; text-align:left; padding-top:20px;}
.hjianjie_1_6_1{ width:1080px; height:120px; background-color:#FFFFFF;}
.hjianjie_1_6_1_1{ width:269px; float:left; height:120px; background:#0c335c;}
.hjianjie_1_6_1_2{ width:269px; float:left; height:120px;}
.hjianjie_1_6_1_3{width:269px; float:left; height:120px; margin-left:1px;}
.line{ width:1px; height:50px; margin-top:35px; background-color:#CCCCCC; float:left;}
.hjianjie_1_6_1_1_1{ font-size:18px; color:#FFFFFF; text-align:center; padding-top:15px;}
.hjianjie_1_6_1_1_1 span{ font-size:40px; font-weight:bold; padding-right:10px;}
.hjianjie_1_6_1_1_2{font-size:16px; color:#FFFFFF; text-align:center; line-height:30px;}

.hjianjie_1_6_1_2_1{ font-size:18px; color:#666666; text-align:center; padding-top:15px;}
.hjianjie_1_6_1_2_1 span{ font-size:40px; font-weight:bold; padding-right:10px; color:#0c335c;}
.hjianjie_1_6_1_2_2{font-size:16px; color:#666666; text-align:center; line-height:30px;}



.hcpcp{ width:100%;  background:#f6f6f6; padding:60px 0px;}
.htitle{ width:1200px; text-align:center;}
.htitle_1{ text-align:center; font-size:30px; color:#0657a4; font-weight:bold; }
.htitle_2{width:40px; height:5px; background:#0657a4;  margin:10px auto;}
.htitle_3{text-align:center; font-size:18px; color:#666666; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

.hcpcp_1{ width:1200px; margin:0 auto; margin-top:30px; text-align:center;}
.hcpcp_1 a{ display:inline-block; font-size:15px; color:#FFFFFF; line-height:40px; padding:0 20px; margin:0 20px; background:#0c335c;}
.hcpcp_1 a:hover{background:#f58103;}
.hcpcp_2{ width:1200px; margin:0 auto; margin-top:40px; text-align:center;}
.hcpcp_2_1{ width:32px; float:left; padding-top:160px;}
.hcpcp_2_2{ width:1136px; float:left; height:400px;}
.hcpcp_2_3{ width:32px; float:left; padding-top:160px;}

.scroll-img {
	width: 1136x;

	overflow: hidden;
	font-size: 0;
	margin:0 auto;
}
.scroll-img ul {
	width: 99000px;

	margin: 0;
}
.scroll-img ul li {
    float:left;
	padding: 0px 12px;
	width:260px;
}

.hcpcp_2_2_1{ width:260px; height:352px; margin:0; overflow:hidden; }
.hcpcp_2_2_1 img{ width:100%;}
.hcpcp_2_2_2{ width:236px; padding:0px 12px; background:#FFFFFF; text-align:center; color:#000000;  line-height:40px; height:40px; overflow:hidden; font-size:14px; overflow:hidden;}

.scroll-img ul li:hover .hcpcp_2_2_2{background:#0657a4; color:#ffffff; }


.hdapei{ width:1200px; margin:0 auto; padding:60px 0px;}
.hdapei_1{ margin-top:40px;}
.hdapei_1_1{ width:1200px;}
.hdapei_1_1_1{ width:228px; height:319px; float:left; background:#0c335c; text-align:left;}
.hdapei_1_1_2{ width:471px; height:319px; float:left; overflow:hidden; margin-left:15px;}
.hdapei_1_1_2 img{ width:100%;}
.hdapei_1_2{width:1200px; margin-top:15px;}
.hdapei_1_2_1{ width:228px; float:left; margin-right:15px; position:relative;}
.hdapei_1_2_1 img{ width:100%; }
.hdapei_1_2_1_1{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.55);}
.hdapei_1_2_1_1_1{ text-align:center;  font-size:24px; color:#ffffff; line-height:40px; padding-top:85px;}
.hdapei_1_2_1_1_2{ width:40px; height:5px; background:#e9ab1c; margin-top:10px;}
.hdapei_1_2_1_1:hover{background:none; cursor:pointer;}
.hdapei_1_2_1_1:hover .hdapei_1_2_1_1_1{ display:none;}
.hdapei_1_2_1_1:hover .hdapei_1_2_1_1_2{ display:none;}

.hdapei_1_1_1_1{ width:180px; margin-left:24px; padding-top:40px; text-align:left; color:#FFFFFF; line-height:36px; font-size:24px;}
.hdapei_1_1_1_2{ width:30px; height:3px; margin:20px 0px 20px 24px; background-color:#FFFFFF;}
.hdapei_1_1_1_3{ width:180px; margin-left:24px;  text-align:left; color:#FFFFFF; line-height:36px; font-size:16px;}
.hdapei_1_1_1_4{ width:180px; margin-left:24px;  text-align:left; color:#FFFFFF; line-height:30px; font-size:14px; margin-top:10px;}



.hyoushi{ width:100%; padding:60px 0px; background:url(../images/bgp.jpg) no-repeat center;}
.hyoushi_1{ width:1200px; margin:0 auto; margin-top:40px;}
.hyoushi_1_1{ width:282px; float:left; margin-right:24px; background-color:#FFFFFF;}
.hyoushi_1_1_1{ width:282px;}
.hyoushi_1_1_1 img{ width:100%;}
.hyoushi_1_1_2{ width:250px; padding:16px; text-align:center; padding-bottom:24px;}
.hyoushi_1_1_2_1{ text-align:center; font-size:24px; color:#000000; line-height:40px;}
.hyoushi_1_1_2_2{ width:40px; height:5px; margin:10px auto; background:#f19523;}
.hyoushi_1_1_2_3{ font-size:15px; color:#666666; line-height:30px; text-align:center;}

.hyoushi .htitle_1{ text-align:center; font-size:30px; color:#ffffff; font-weight:bold; }
.hyoushi .htitle_2{width:40px; height:5px; background:#ffffff;  margin:10px auto;}
.hyoushi .htitle_3{text-align:center; font-size:18px; color:#cccccc; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}



.hhezuo{ width:100%; background:url(../images/hhezuobg1.jpg) no-repeat center; padding:60px 0px;}
.hhezuo_1{ width:1200px; margin:0 auto; margin-top:40px;}
.hhezuo_1_1{width:200px; display:inline-block; margin:15px; border:1px #0c335c solid;}
.hhezuo_1_1 table tr td{ font-size:17px; color:#333333; line-height:28px;}


.hnews{ width:100%; background:url(../images/hnewsbg1.jpg) no-repeat center top; padding:60px 0px;}
.hnews_1{ width:1200px; margin:0 auto; margin-top:40px;}
.hnews_1_1{ width:760px; float:left;}
.hnews_1_2{ width:420px; float:right;}
.hnews_1_1_1{ width:360px; float:left; margin-right:20px; background-color:#FFFFFF;}
.hnews_1_1_1_1{ width:360px; height:250px; overflow:hidden;}
.hnews_1_1_1_1 img{ width:100%;}
.hnews_1_1_1_2{ width:340px; padding:15px 10px;}
.hnews_1_1_1_2_1{ width:70px; float:left; border-right:1px #999999 solid;}
.hnews_1_1_1_2_2{ width:250px; float:right;}
.hspan1{ display:block; text-align:center; font-size:36px; color:#0c335c; line-height:36px;}
.hspan2{ display:block; text-align:center; font-size:12px; color:#999999; line-height:24px;}
.hnews_1_1_1_2_2{ text-align:left; font-size:16px; color:#333333; line-height:30px;}

.hnews_1_1_1:hover{background-color:#0c335c;}
.hnews_1_1_1:hover .hnews_1_1_1_2_1{border-right:1px #ffffff solid;}
.hnews_1_1_1:hover .hspan1{color:#ffffff;}
.hnews_1_1_1:hover .hspan2{color:#ffffff;}
.hnews_1_1_1:hover .hnews_1_1_1_2_2{color:#ffffff;}


.hnews_1_2_1{ width:400px; padding:12px 10px; background-color:#FFFFFF; margin-bottom:16px;}
.hnews_1_2_1_1{ width:70px; float:left; border-right:1px #999999 solid; padding-top:15px;}
.hnews_1_2_1_2{width:320px; float:right; }
.hnews_1_2_1_2_1{text-align:left; font-size:16px; color:#333333; line-height:30px; height:30px; overflow:hidden;}
.hnews_1_2_1_2_2{text-align:left;}
.hnews_1_2_1_2_2 p{ font-size:14px; line-height:24px; color:#888888; text-align:left; text-indent:0em; height:48px; overflow:hidden;}

.hnews_1_2_1:hover{background-color:#0c335c;}
.hnews_1_2_1:hover .hnews_1_2_1_1{border-right:1px #FFFFFF solid;}
.hnews_1_2_1:hover .hnews_1_2_1_2_1{ color:#ffffff; }
.hnews_1_2_1:hover .hnews_1_2_1_2_2 p{color:#ffffff;}
.hnews_1_2_1:hover .hspan1{color:#ffffff;}
.hnews_1_2_1:hover .hspan2{color:#ffffff;}


.hzheng_1{width:1200px; margin:0 auto; margin-top:40px; overflow:hidden;}
.hzheng_1_1{ width:1280px;}
.hzheng_1_1_1{ width:180px; float:left; margin-right:24px;}
.hzheng_1_1_1 img{ width:100%;}