@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0; -webkit-text-size-adjust:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:outside decimal; margin-left:18px; line-height:1.6em;}
ol li{ line-height:1.8em;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;color:#4c4c4c;}
a{ text-decoration:none;color:#666;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}
body{margin:0;padding:0;font-size:14px;line-height:1.6em;font-family:'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, sans-serif, verdana, Arial, Tahoma, Helvetica, sans-serif;color:#666;}
body{ background:#43a4d7 url(images/banner_bg.jpg) no-repeat center 0;}

input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:Arial,Helvetica,sans-serif; outline:none; border:none; color:#777; vertical-align:top;border-radius:0; background:#fff;}
input[type='checkbox']{ vertical-align:text-top; vertical-align:baseline\9;}
select{background:#fff;}
select:focus{ outline:none; }

/*basic*/
.fl {float:left !important;}
.fr {float:right !important;}
.ac{ text-align:center;}
.ar{ text-align:right;}
.clear{ clear:both; height:0; overflow:hidden;}
.noh{ overflow:visible !important;}
ul.dot li{ list-style:outside disc; line-height:1.8em; margin-left:18px;}
.noBor{ background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.container{width:1000px;margin:0 auto;}
.mr10{margin-right:10px;}

/*btn*/
.buy{display:inline-block;background:#ff6000;font-size:16px; text-align:center;width:120px;height:40px;line-height:40px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px; font-weight:bold;}
.buy:hover{background:#ff731f; text-decoration:none;}
.try{display:inline-block;background:#52b919;font-size:16px; text-align:center;width:120px;height:40px;line-height:40px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;font-weight:bold;}
.try:hover{background:#5ccf1c; text-decoration:none;}

/*header*/
.header{width:1000px;margin:0 auto;height:520px;}
.header .logo{padding-top:30px;}
.header .logo a{display:block; background:url(images/logo.png) no-repeat;width:220px;height:19px; text-indent:-9999px;}
.header .title{ background:url(images/banner_text.png) no-repeat;width:743px;height:174px; text-indent:-9999px; position:absolute;top:110px;left:30px; z-index:1;}
.header .tips{ background:url(images/tips.png) no-repeat;width:336px;height:258px; position:absolute; top:40px;right:-30px; z-index:2;}
.header .dd{ font-size:24px;color:#008bc0; position:absolute; top:290px;left:30px; font-weight:bold; line-height:1.4em;}
.header .data{ background:url(images/data_bg.png) no-repeat;width:198px;height:33px; text-align:center;color:#fff;font-size:20px;font-weight:bold; line-height:33px; position:absolute;top:370px;left:30px;}

/*main*/
.mainbg{ background:#fff; border-radius:15px;}
.mainbg .title{ background:url(images/title_bg.gif) repeat-x; height:100px; border-radius:15px 15px 0 0;font-size:24px;color:#008bc0;font-weight:bold; text-align:center;line-height:1.4em;padding-top:35px;}

.probox1{padding:50px 0; border-radius:0 0 15px 15px;padding:50px 0;}
.probox1 .item{float:left;width:440px;padding:0 30px;}
.probox1 .item .pic{float:left;width:160px; position:relative;}
.probox1 .item .pic .off{display:block;position:absolute;width:84px;height:84px;bottom:-10px;left:0px;}
.probox1 .item .text{float:right;width:270px;}
.probox1 .item .text h3{ line-height:1.6em;}
.probox1 .item .text h3 a{ font-size:20px; font-weight:bold;color:#4c4c4c;}
.probox1 .item .text h3 span{display:block; font-size:14px; font-weight:bold;color:#777;}
.probox1 .item .text .dd{margin-top:15px;}

.probox2{ padding:50px 0;}
.probox2 .item{float:left;width:272px;border-left:1px solid #f3f3f3;padding:0 30px;}
.probox2 .item:first-child{border-left:0;}
.probox2 .item .pic{ position:relative;}
.probox2 .item .pic .off{display:block;position:absolute;width:84px;height:84px;bottom:-10px;left:30px;}
.probox2 .item h3{ line-height:1.6em;margin-top:20px;}
.probox2 .item h3 a{ font-size:20px; font-weight:bold;color:#4c4c4c;}
.probox2 .item h3 span{display:block; font-size:14px; font-weight:bold;color:#777;}
.probox2 .item .dd{margin-top:15px;}

.footer{color:#fff; text-align:center;padding:15px 0;}
.footer p{ line-height:2em;}
.footer p a{color:#fff;}