﻿/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
body{font-size:13px;font-family:Arial, Helvetica, sans-serif; overflow-x:hidden; text-align:center; margin:0 auto;color:#666;font-family:"微软雅黑";}
table{border-collapse:collapse;border-spacing:0;}
a{color:#666;text-decoration:none;}
a:hover{color:#cc322c;}

.fl{float: left; _display: inline;}
.fr{float:right; _display: inline;}
.l{ width:100%; float:left;}
.cf{ clear:both;}
.tl{ text-align:left;}
.tc{text-align: center;}
.tc img{margin: 0 auto;}
.tr{ text-align:right;}
.wl{width: 100%; float: left;}
.btn{ display:inline-block;}
.oh{ overflow:hidden;}
.none{display: none;}
.red{ color:#e24d46;}
.btn{ display:inline-block; cursor:pointer; border:none;}
.pr{ position:relative;}
.pa{ position:absolute;}
.fx{ position:fixed;}
em{ font-style:normal;}
strong{ font-weight:normal;}
.cur{ cursor:pointer;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.blue{color: #06c;}
.w1024{width:1024px; text-align: left;margin: 0 auto;overflow: hidden;}
.w1000{ width:1000px;text-align: left;margin: 0 auto;overflow: hidden;}

input:focus{outline: none;}
/*头部*/
.banbox{ background:url(../images/ban.jpg) no-repeat center top; height:539px;}
.p1{ background:#fff; padding-top:53px; height:483px;}
.p2{ background:url(../images/p2.jpg) no-repeat center top #f7f7f7; height:686px;}
.p3{ background:#a6dae8; height:725px;}
.p4{ background:#fff; padding-top:50px; height:185px;}
.p5{ background:#fff; height:686px; border-bottom:1px solid #e6e6e6;}
.p6{ background:url(../images/p6.jpg) no-repeat center top #f2f8fd; height:2478px;}
.p7{ background:#fff; height:562px;}
.p8{ padding-top:60px; background:#7b969f; height:332px;}

.mdbox{ width:920px; margin:0 auto; height:208px;}
.part01-md{ padding-top:64px; cursor:pointer; text-align:center; background:url(../images/mdbg.png) no-repeat; width:158px; height:92px;}
.part01-md img{ margin:0 auto;}
.part01-md:hover img{-webkit-animation: mymove2 .5s 1;}
.arr{ padding-top:62px; width:95px; text-align:center; position:relative;}
.arr img{-webkit-animation: mymove 1.9s infinite; margin:0 auto; position:absolute;}
@-webkit-keyframes mymove
{
	from {left:33px;opacity: 1;}
	to {left:30px;opacity: 0.8;}
}
@-webkit-keyframes mymove2
{
	from {margin-left:13px;opacity: 1;}
	to {margin-left:30px;opacity: 0.8;}
}

.box01-info{ height:270px; padding-top:65px; width:1000px; margin:0 auto;}
.part01-info{ width:480px; overflow:hidden;}
.part02-info{ width:480px; overflow:hidden;}
.part01-info li{ margin-bottom:23px;  height:54px; border:1px solid #333; width:478px; background:#fff; position:relative;}
.part01-info li span{ display:block; position:absolute; width:74px; height:54px; left:0; line-height:48px; font-size:18px; color:#fff; line-height:48px; border-right:1px solid #000; background:#999;}
.part01-info li span:before{ display:block; background:url(../images/arr_right.png) no-repeat; width:16px; height:16px; content:''; position:absolute; left:0; top:0;}
.part01-info li .text{ padding-left:5px; width:375px; font-size:24px; color:#333; height:52px; border:none; background:none; margin-left:70px;}
.part02-info .need{  width:478px; height:142px; margin-bottom:16px; border:1px solid #333; position:relative; background:#fff}
.part02-info li span{ display:block; left:0; height:122px; left:0; position:absolute; padding-top:20px; text-align:center; width:75px;border-right:1px solid #000;font-size:18px; color:#fff;background:#999;}
.part02-info li span:before{ display:block; background:url(../images/arr_right.png) no-repeat; width:16px; height:16px; content:''; position:absolute; left:0; top:0;}
.sendbtn{ display:block; background:#ff8500; width:100%; height:54px; line-height:54px; border-radius:3px; color:#fff; font-size:24px; cursor:pointer;}
.part02-info .textarea{ width:423px; padding:5px 0;font-size:24px; color:#333; height:127px; border:none; background:none; margin-left:80px;}

.caseul{ width:1040px; margin:0 auto;}
.caseul li{ width:289px; height:484px; cursor:pointer;position:relative; float:left; margin-bottom:60px; margin:0 30px 90px 0; background:url(../images/phone.png) no-repeat; width:321px; height:661px;}
.caseul li.last{ margin-right:0;}
.caseul li span{ display:block; width:278px; padding-top:120px; height:358px; position:absolute; background:rgba(0,0,0,.6); left:20px;top: 95px; display:none;}
.caseul li .ewm{ display:none; margin:0 auto; width:175px; height:176px;}
.p6 .caseul li .caseimg{ width:278px; height:478px; margin-top:94px;}
.caseul li:hover .ewm{ display:block;}
.caseul li:hover span{ display:block;}

.p6 h6{ padding-top:56px; height:154px;}
.p7 h6{ padding-top:69px; height:66px; width:1000px; margin:0 auto; font-size:36px; font-weight:normal; color:#333;}

.part02-p5{ clear:both; padding-top:20px;}
.part01-p5{ padding-top:56px; margin-bottom:54px;}
.infotip{ font-size:32px; color:#666; letter-spacing:1px;}
/*脚 部*/
.pfd{ background:#f2f2f2; padding-top:50px; height:256px;}
.box-pfd{ width:1000px; margin:0 auto;}
.part01-pfd{ color:#3a3c3d; padding-left:20px; width:227px; height:222px; float:left; border-right:1px solid #667a80; text-align:left;}
.part01-pfd h6{ font-size:24px; font-weight:normal;}
.part01-pfd ul{ padding-top:16px;}
.part01-pfd li{ font-size:18px; margin-bottom:5px; }
.part01-pfd li a{color:#3a3c3d;}
.part01-pfd li a:hover{ color:#f60;}
.part01-pfd-last{ border-right:none;}

.phd{ top:0;}
.botbox{ width:100%; height:60px; background:#6f6f6f;}
