﻿@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-size:14px; font-family:"微软雅黑",arial;}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,h6,b{ font-weight:normal;}
table{ margin:0; padding:0}
a,a:link{ color:#666666; text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:underline;}
ul,li{ list-style-type:none;}
input,button{ border:none; outline:none; vertical-align:middle; font-family:"微软雅黑"; letter-spacing:1px;}
button{ outline:none; cursor:pointer;}
.clear{ clear:both; overflow:hidden; height:0px;}
.clearfix{ overflow:hidden; zoom:1;}
.lft{ float:left;}
.rgt{ float:right;}

.main{ width:100%; overflow:hidden;}
.top{ border-bottom:3px #0185f1 solid; padding:12px 0; margin-bottom:30px;}
.wrap{ width:1000px; margin:0 auto;}
.box1{ margin-bottom:55px;}
.box1L{ width:318px; border:1px #ebebeb solid; }
.box1L p{ color:#0a6ec0; font-size:18px; width:280px; margin:0 auto;}
.box1L .p1{ padding:23px 0 25px; border-top: 1px #e2e6ea dotted;}
.box1L .p2{ padding:18px 0 18px; border-top:1px #e2e6ea dotted;}
.box1L a{ float:left; text-align:center; font-size:16px; width:102px; margin-bottom:20px;}
.box1L .mr0{ margin-right:0;}
.box2{ margin-bottom:40px;}
.box2 a{ color:#CFCFCF}
.box2 strong{ color:#4a4d54; display:block; font-size:16px; margin-bottom:10px;}
.box2 .con{ font-size:13px; color:#CFCFCF; text-align:center; float:left;}
.box2 img{ margin:15px 0; display:block;}
.title{ font-size:24px; color:#0a6ec0;  letter-spacing:1px; text-align: center;}
.title span{ color:#CFCFCF; display:block; font-size:14px; font-family:Verdana, Geneva, sans-serif; margin:10px 0 40px; letter-spacing:2px;}
.box3 th{ font-size:16px; color:#414d56; padding:18px 0;}
.box3 td{ text-align:center; padding:15px 0; color:#4a4d54}
.box3 .blue{ color:#117ad0; font-size:16px;}
.box3 .red{ color:#c53f46; display:inline-block;}
.box3 .red2{ color:#ed423b;font-size:16px;}
.box3 td a{ color: #fff; text-decoration: none; background: #ff4c8b; padding: 2px 8px;}
.box3 td.sel{ position:relative;}
.box3 td.sel input{ width:0; height:0; position:absolute;}
.box3 td label{ display:block; margin:0 auto;width:18px;  height:18px; background:url(../images/label.gif) no-repeat; cursor:pointer; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}
.box3 td label:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.box3 td .label_click{ display:block; margin:0 auto; width:18px; height:18px; background:url(../images/checked.gif) no-repeat; cursor:pointer;}
.box3 .btn{ text-align:right; margin-top:22px;}
.box3 .yanzheng{ float:right; text-align:center; width:172px; height:57px; line-height:57px; font-size:20px; background:#0185f1; color:#fff; cursor:pointer;}
.box3 .yanzheng:hover{ background:#0874CC}
.box3 .con img.q{ margin:3px; cursor:pointer;}
/*弹出表单*/
.sd{text-align: center;
margin-left: -50px;}
.sd .yanzheng{ margin-left:30px; cursor:pointer;}
.sd span{ display:inline-block; margin-left:380px;}
#mask{width:100%;height:100%;display:none; position:fixed; top:0; left:0; background:#000; z-index:1000}
#pop{ width:260px; padding:25px 0 5px; text-align:center; border:1px #dedede solid; background:#eeeeee; border-radius:6px; display:none; position:fixed;  _position:absolute; z-index:1001;}
#pop p{ margin-bottom:10px;}
#pop input{ width:150px; height:22px; padding-left:4px; margin-left:8px; border:1px #dcdcdc solid;}
.sd2 button{ font-size:14px; font-family:"微软雅黑"; padding:5px 20px; background:#0185f1; color:#fff; cursor:pointer;}
#close{background: url("//img.gaodun.cn/images_shujiaban/fancybox.png") repeat scroll -40px 0 transparent; cursor: pointer; height: 30px;
position: absolute;right: -15px;top: -15px;width: 30px;}
.box4{ margin-bottom:61px;}
.box4 .con img{ float:left; margin:0 9px 7px 0;}
.box5 .con{ margin-bottom:50px;}
.box5 .list{ float:left; margin-left:40px; font-size:18px; color:#303030; letter-spacing:3px;}
.box5 .list strong{ color:#f15049;}
.box5 .list img{ margin:0 5px 5px 3px; vertical-align:middle;}
img.q2{ cursor:pointer;}
img.tab2{ position:absolute; right:141px; bottom:-13px;}
.show{ position:absolute; width:190px; padding:15px; background:#fff; border:1px #c8e4fb solid; font:14px/22px "微软雅黑"; color:#434343; display:none;}
.show img.tab{ position:absolute; right: 143px; bottom: -8px;}
/* carousel */
.carousel{ margin:70px auto 80px; width:960px;height:294px;overflow:hidden;position:relative;}
.carousel .slides{margin:0px auto 30px;overflow:hidden;position:relative;}
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;}
.carousel .slides .slideItem a{overflow:hidden;display:block;}
.carousel .slides .slideItem img{width:100%;height:100%;}
.carousel .slides .slideItem .cover{background:rgb(0, 0, 0);left:0px;top:0px;width:100% !important;height:294px !important;display:block;position:absolute;}
.box6 .con{ padding:40px 37px 20px; background:#67b4e7; color:#fff; margin-bottom:37px;}
.box6 .inp{ width:620px; float:left;}
.box6 .inp input{ width:258px; height:40px; line-height:40px; padding-left:12px; margin:0 28px 20px 0; float:left; color:#999;}
.box6 .chk{ margin-top:15px; float:right; width:297px;}
.box6 .chk p{ margin-bottom:28px; margin-right:18px; float:left;}
.box6 .chk input{ display:none;}
.box6 label{ display:inline-block; width:16px; height:16px; background:url(../images/label2.gif); cursor:pointer; vertical-align:middle; margin:0 2px 0 0; font-size:16px;}
.box6 .label_click2{ background:url(../images/checked2.gif) no-repeat;}
.box6 button{ background:#f36861; font-size:16px; color:#fff; padding:12px 20px;}
.box6 button:hover{ background:#E55D56;}
.footer{ background:#f4f1f1; padding:25px 137px 25px 38px; margin-bottom:120px;}
.footlft p{ font-size:16px; color:; line-height:48px; color:#222222;}
.footrgt{ float:right;}
.footrgt .con{ margin-top:22px;}
.footer strong{ display:block; font-size:20px; font-weight:normal; margin-bottom:10px; color:#2f2f2f;}
.footer span{ margin-left:14px; font-size:20px; line-height:26px;}
.footer span a.tel{ color:#606366; font-family:"Times New Roman", Times, serif; font-weight:bold; cursor:text; text-decoration:none;}
.footer span a.zixun{ font-size:14px; color:#fff; font-family:"微软雅黑"; font-weight:bold; background: #ef5d55; padding: 4px 20px;}
.pic{ display:none;}
@media screen and (max-width:900px){
img{ max-width:100%; height:auto;}
.wrap{ width:auto; padding:0 15px;}
.top{ padding:5px 0; margin-bottom:10px;}
.top a.rgt,.box1L,.box2,.hidden,.box3 .yanzheng,.box5 .list img,.footlft,.carousel,.box3 .con img.q{ display:none;}
.box1{ margin-bottom:18px;}
.title span{margin:5px 0 15px;}
.box3 th{ font-size:12px; padding:10px 0;}
.box3 .blue{ font-size:12px;}
.box3 td{ font-size:12px;}
.box4{ margin-bottom:18px;}
.title{ font-size:18px;}
.title span{ font-size:12px; margin:2px 0 15px;}
.sd{ text-align:center; margin-top:10px;}
.box5 .con{ margin-bottom:20px;}
.box6 .inp{ width:100%; float:none;}
.box6 .inp input{ width:95%; float:none; margin:0 0 10px 0;}
.box6 .chk p{ margin-bottom:10px;}
.box6 .chk{ float:none;margin-top:8px;}
.box6 .con{ padding:20px;}
.footer{ background:#f4f1f1; padding:25px 37px 25px 38px; margin-bottom:120px;}
.pic{ display:block; margin:10px 0 30px;}
.pic img{ width:100%;}
.footrgt{ float:none;}
.footrgt strong{ text-align:center;}
}
.viewport { margin: auto; max-width: 750px; overflow: hidden;text-align: center;}
.bottomWrap{position:fixed;bottom:0;width:100%;z-index:1000;background: rgba(0, 0, 0, .75);padding:1.5em 0;}
.bottomWrap a.closeBot{position:absolute;top:0.5em;right:0.5em;width:22px;height:22px;background:url(../images/close.png) no-repeat 0 0;}
.bottomWrap a img{width:17.75em;margin:0 0.3em}


@media only screen and (max-width:300px){body{font-size:8.33333px}.viewport{max-width:300px}}
	
	
	@media only screen and (max-width:310px) and (min-width:300px){body{font-size:8.33333px}.viewport{max-width:300px}}
	
	@media only screen and (max-width:320px) and (min-width:310px){body{font-size:8.88889px}.viewport{max-width:320px}}
	
	@media only screen and (max-width:360px) and (min-width:320px){body{font-size:8.88889px}.viewport{max-width:360px}}
	
	@media only screen and (max-width:360px) and (min-width:350px){body{font-size:10px}.viewport{max-width:360px}}
	
	@media only screen and (max-width:480px) and (min-width:360px){body{font-size:10px}.viewport{max-width:480px}}

	
	
	
	@media only screen and (max-width:480px) and (min-width:440px){body{font-size:13.33333px}.viewport{max-width:480px;}}
	
	@media only screen and (max-width:560px) and (min-width:480px){body{font-size:13.33333px}.viewport{max-width:560px;}}
	
	@media only screen and (max-width:570px) and (min-width:560px){body{font-size:15.83333px}.viewport{max-width:570px;}}



	@media only screen and (max-width:640px) and (min-width:570px){body{font-size:15.83333px}.viewport{max-width:640px}}
	
	@media only screen and (max-width:640px) and (min-width:630px){body{font-size:17.77778px}.viewport{max-width:640px}}
	
	@media only screen and (max-width:750px) and (min-width:640px){body{font-size:17.77778px}.viewport{max-width:710px}}
	
	@media only screen and (max-width:750px){.banner{height:18em;}.formWrap{padding:2.5em 2.5em 8em}.bottomWrap a img{width:13.75em;}}

