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

* {
	font-family: "微软雅黑"
}
body, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, input {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
a, ul, li, h1, h2, dl, dt, dd {
	list-style: none;
	text-decoration: none;
}
.h-top {
	background-color: #e9e9e9;
	height: 24px;
}
.header {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.fl {
	color: #7b7a7a;
	font-size: 12px;
	float: left;
	line-height: 24px;
	margin: 0;
	padding: 0;
}
.top-right {
	float: right;
	color: #7b7a7a;
	font-size: 12px;
}
.top-right a {
	display: inline;
	color: #7b7a7a;
	font-size: 12px;
	margin-right: 5px;
	line-height: 24px;
}
.h-con {
	height: 113px;
	width: 1100px;
	margin: 0 auto;
	overflow: hidden
}
.h-con h1 {
	float: left;
	/*background: url(../images/xx.png) no-repeat right center;*/
	height: 113px;
}
.h-bt {
	float: left;
	padding-left: 20px;
}
.h-pho {
	float: right;
	margin-top: 29px;
	font-size: 16px;
	color: #222;
	background: url(../images/xxx.png) no-repeat center 2px;
	text-align: center;
	line-height: 14px;
	padding-bottom: 20px;
}
.h-pho span {
	color: #222;
	font-size: 34px;
	display: block;
	padding-top: 20px;
	color: #ff0000;
}
.nav-box {
	height: 51px;
	background: url(../images/nav-di.png)
}
.nav {
  width: 1100px;
  margin:0 auto; 
}

ul.dropdown{ 
  position: relative; 
  width: 100%; 
	line-height: 51px;
}

ul.dropdown li{ 
  font-weight: bold; 
  float: left; 
  width: 110px; 
  position: relative;
}

ul.dropdown a:hover{ 
  color: #000; 
}

ul.dropdown li a { 
  display: block; 
  padding: 0 8px;
  color: #fff; 
  position: relative; 
  z-index: 2000; 
  text-align: center;
  text-decoration: none;
  font-weight: 300;
  font-size: 16px;
}

ul.dropdown li a:hover,
ul.dropdown li a.hover{ 
  background: #3498db;
  position: relative;
  color: #fff;
}


ul.dropdown ul{ 
 display: none;
 position: absolute; 
  top: 0; 
  left: 0; 
  z-index: 1000;
  height: 35px;
}

ul.dropdown ul li { 
  font-weight: normal; 
  background: #f6f6f6; 
  color: #000; 
    width: 122px; 
	  height: 40px;
	  	line-height: 40px;
  border-bottom: 1px solid #ccc; 
}

ul.dropdown ul li a{ 
  display: block; 
  color: #34495e !important;
  background: #eee !important;
} 

ul.dropdown ul li a:hover{
  display: block; 
  background: #3498db !important;
  color: #fff !important;
} 

.drop > a{
  position: relative;
}

/*.drop > a:after{
  content:"";
  position: absolute;
  right: 10px;
  top: 40%;
  border-left: 5px solid transparent;
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  z-index: 999;
}

.drop > a:hover:after{
  content:"";
   border-left: 5px solid transparent;
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
}*/
.n-cur {
	background: #353639
}
.banner-box {
	position: relative;
	margin: 0 auto;
	height: 480px;
	overflow: hidden;
	width: 100%;
}
.banner {
	width: 1920px;
	height: 480px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -960px;
}
.banner ul {
	width: 1920px;
	height: 480px;
}
.banner ul li {
	width: 1920px;
	height: 480px;
}
.banner ul li img {
	width: 1920px;
	height: 480px;
}
.small {
	position: absolute;
	left: 50%;
	bottom: 12%;
	cursor: pointer;
	margin-left: 0px
}
.small a {
	width: 40px;
	height: 4px;
	background: white;
	float: left;
	margin: 0 8px;
}
.small .small_s {
	background: #0064b9;
	width: 40px;
	height: 4px
}
.s-bg {
	background: url(../images/sea.png);
	height: 42px;
	font-size: 12px;
}
.h-ser {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden
}
.h-ser p {
	float: left;
	width: 670px;
	overflow: hidden;
	color: #333;
	height: 39px;
	margin: 9px
}
.h-ser b {
	color: #333;
	font-weight: bold
}
.h-ser p a {
	padding: 0 6px;
	display: inline-block;
	color: #666;
}
.s-inp {
	width: 255px;
	margin-top: 7px;
	float: right
}
.inp01 {
	background: url(../images/s_inp.gif) no-repeat;
	width: 170px;
	height: 21px;
	line-height: 21px;
	border: none;
	padding: 0 3px 0 27px;
	float: left;
}
.fl {
	float: left;
}
.content-box {
	background: #f3f2f2;
	padding-bottom: 40px
}
.content {
	margin: 0 auto;
	overflow: hidden
}
.pro-fl {
	float: left;
	width: 184px;
	padding: 0 13px;
	background: white;

}
.pro-fl h2 {
	background: url(../images/pro-navd.png) no-repeat bottom center;
	height: 60px;
	padding-top: 28px
}
.pro-fl h2 img {
	display: block
}
.menu {
	width: 184px;
}
.menu dl {
	background: url(../images/pro-navd.png) no-repeat bottom center;
	padding-bottom: 12px;
	padding-top: 5px
}
.menu dl dt {
	height: 36px;
	margin-bottom: 2px
}
.menu dl dt a {
	height: 36px;
	line-height: 36px;
	display: block;
	font-size: 15px;
	color: #464646;
	font-weight: 600
}
.menu dl dd {
	height: 30px;
	padding-left: 12px;
	width: 172px;
	overflow: hidden;
	background: url(../images/pro-li.png) no-repeat left center
}
.menu dl dd a {
	width: 172px;
	display: block;
	line-height: 30px;
	font-size: 13px;
	color: #878787
}
.pro-fr {
	float: right
}
.pro-fr {
	width: 860px;
	float: right
}
.pro-fr ul {
	width: 860px;
	overflow: hidden
}
.pro-fr ul li {
	width: 273px;
	height: 218px;
	border: 1px solid #bfbfbf;
	float: left;
	margin-left: 11px;
	margin-bottom: 20px
}
.pro-fr ul li a {
	width: 273px;
	height: 218px;
	display: block
}
.pro-fr ul li a img {
	width: 273px;
	height: 180px;
	display: block
}
.pro-fr ul li a span {
	width: 273px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #575757;
	text-align: center;
	display: block;
	background: white
}
.he-box {
	background: white;
	margin: 0 auto;
	clear: both;
	padding-top: 30px;
	width: 1100px;
	height: 240px
}
.he-box h2 {
	width: 1100px;
	height: 57px;
	background: url(../images/he-nav.png);
	margin: 0 auto
}
.he-b {
	width: 1100px;
	margin: 0 auto;
	padding-top: 20px;
}
.he-b .mr_box {
	height: 140px;
}
.he {
	width: 1100px;
	height: 140px;
	float: left;
	overflow: hidden;
	padding-top: 20px;
	margin-left: 2px
}
.he ul {
	overflow: hidden
}
.he ul li {
	float: left;
	width: 200px;
	height: 110px;
	overflow: hidden;
	display: inline;
	margin: 0 10px;
}
.he ul li a {
	width: 200px;
	height: 110px;
}
.he ul li a img {
	width: 198px;
	height: 78px;
	border: 1px solid #bfbfbf;
}
.he ul li a span {
	width: 198px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #575757;
	text-align: center;
	display: block;
}
.you1-box {
	position: relative;
	margin: 0 auto;
	height: 593px;
	overflow: hidden;
	width: 100%;
}
.you1-bo {
	width: 1920px;
	height: 593px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -960px;
	background: url(../images/you01.jpg) no-repeat
}
.you1-b {
	width: 1100px;
	height: 593px;
	margin: 0 auto;
	overflow: hidden;
}
.you1 {
	width: 470px;
	float: right;
	padding-top: 160px
}
.you1 dl {
	width: 470px;
	margin-bottom: 13px
}
.you1 dl dt {
	line-height: 34px;
	font-size: 18px;
	color: #6bbbff;
	font-weight: 700
}
.you1 dl dd {
	line-height: 24px;
	font-size: 14px;
	color: white
}
.you02-box {
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 40px
}
.you02-box h2 {
	height: 120px;
	padding-top: 60px
}
.you02 {
	width: 1100px;
	position: relative;
	background: url(../images/you02-di.png) no-repeat;
	height: 750px
}
.you02 ul {
	position: absolute;
	width: 440px;
	overflow: hidden
}
.you02 ul li {
	font-size: 14px;
	color: #545454;
	width: 440px;
	line-height: 20px;
	margin-bottom: 10px
}
.you02-1 {
	left: 54px;
	top: 90px
}
.you02-2 {
	right: 0px;
	top: 370px
}
.you02-3 {
	left: 54px;
	top: 630px
}
.anli-box {
	background: #005eaf;
	height: 720px
}
.anli-box .tl2 {
	background: url(../images/tl2.png) no-repeat;
	position: relative;
	width: 1100px;
	margin: 0 auto;
	height: 290px
}
.anli-box .tl2 span {
	display: block;
	position: absolute;
	font-size: 24px;
	color: #e5ed00;
	top: 180px;
	right: 100px
}
.anl {
	width: 1100px;
	margin: 0 auto
}
.anl h2 {
	height: 56px;
	margin-bottom: 10px
}
.anli-b {
	position: relative;
	width: 1106px;
	margin: 0 auto;
	position: absolute;
	padding-top: 16px;
}
.anli-b .mr_frbox {
	height: 330px;
}
.anli {
	width: 1020px;
	height: 330px;
	float: left;
	overflow: hidden;
	margin-left: 14px;
	margin-right: 20px;
}
.anli ul li {
	float: left;
	width: 230px;
	height: 330px;
	overflow: hidden;
	display: inline;
	margin: 0 15px;
}
.anli ul li img {
	width: 230px;
	height: 280px;
}
.anli ul li p {
	width: 230px;
	height: 50px;
	font-size: 12px;
	line-height: 50px;
	text-align: center;
	color: white;
	margin: 0;
}
.anli-b .but-left {
	width: 23px;
	height: 42px;
	float: left;
	margin-top: 100px;
	cursor: pointer;
	display: inline;
}
.anli-b .but-right {
	width: 23px;
	height: 42px;
	float: right;
	margin-top: 100px;
	cursor: pointer;
}
.about-box {
	height: 420px;
	padding-top: 40px;
	overflow: hidden
}
.about {
	width: 1100px;
	margin: 0 auto;
	height: 500px;
}
.about-nav {
	background: url(../images/about-nav.png) no-repeat center;
	height: 46px;
	margin-bottom: 30px;
}
.us {
	height: 380px;
	width: 660px;
	float: left;
	padding-top: 10px
}
.us h2 {
	background: url(../images/aboutn-d.png) bottom left no-repeat;
	height: 34px;
	width: 660px;
	margin-bottom: 18px;
	font-weight: normal;
	font-weight: 600;
	font-size: 18px;
	color: #2b2e33
}
.us p {
	width: 660px;
	height: 200px;
	margin-bottom: 20px;
	line-height: 25px;
	color: #2b2e33;
	font-size: 14px;
	overflow: hidden
}
.mo {
	width: 1100px;
	height: 32px;
	clear: both;
	padding-top: 18px;
}
.mo a {
	width: 120px;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color: white;
	text-align: center;
	display: block;
	background: #0064b9
}
#ta {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 232px;
	overflow: hidden;
	float: right;
	padding-top: 50px
}
.tu-b {
	width: 400px;
	height: 232px;
	position: relative
}
.wrapper {
	width: 267px;
	height: 232px;
	margin: 0 auto
}
.wrapper li {
	width: 267px;
	height: 232px;
}
.wrapper li img {
	width: 267px;
	height: 202px;
}
.wrapper li p {
	width: 267px;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: black;
	margin: 0;
	height: 40px
}
.tu-b .arrow_left, .tu-b .arrow_right {
	width: 41px;
	height: 41px;
	position: absolute;
	top: 50%;
	margin-top: -39px;
	cursor: pointer;
}
.arrow_left {
	left: 0;
	background: url(../images/zi-l.png)
}
.arrow_right {
	right: 0;
	background: url(../images/zi-r.png)
}
.kehu-box {
	width: 1100px;
	margin: 0 auto;
	clear: both
}
.kehu-box h2 {
	height: 56px;
	width: 1100px;
	margin-bottom: 40px
}
.kehu {
	width: 1100px;
	overflow: hidden;
	clear: both
}
.kehu li {
	position: relative;
	width: 520px;
	height: 200px;
	float: left;
	margin-bottom: 30px;
	margin-left: 10px;
	margin-right: 20px;
}
.kk {
	position: absolute;
	display: block;
	width: 176px;
	height: 176px;
	right: 0;
	top: 12px
}
.din {
	width: 380px;
	background: #f3f2f2;
	border-left: 2px solid #005eaf;
	height: 170px;
	padding-left: 30px;
	padding-top: 30px
}
.din p {
	width: 290px;
	height: 96px;
	margin: 0;
	font-size: 14px;
	color: #8c8c8c;
	margin-bottom: 30px
}
.din a {
	font-size: 14px;
	color: #005eaf;
}
.khmr {
	margin-right: 60px
}
.news-box {
	background: #dfedf9;
	padding-top: 30px;
	height: 450px
}
.news {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden
}
.news h2 {
	height: 56px;
	margin-bottom: 30px
}
.news dl {
	width: 490px;
	border-bottom: 1px solid #dadada;
	height: 99px;
	margin: 0 30px;
	float: left;
	margin-bottom: 18px
}
.news dl dt {
	height: 26px;
}
.news dl dt a {
	line-height: 26px;
	font-size: 15px;
	color: #2b2e33;
	font-weight: 600;
}
.news dl dd {
	height: 50px
}
.news dl dd a {
	font-size: 13px;
	color: #505050;
	line-height: 22px
}
.links-box {
	height: 80px;
	overflow: hidden
}
.links {
	width: 1100px;
	margin: 0 auto;
	height: 65px;
	overflow: hidden;
	padding-top: 15px;
	font-size: 12px;
	color: white;
}
.links h3 {
	float: left;
	width: 80px;
	font-size: 16px;
	font-weight: normal;
	font-weight: 600;
	color: #0664b6;
}
.lian {
	float: left;
	width: 920px;
}
.lian a {
	margin-left: 40px;
	float: left;
	line-height: 24px;
	color: #515151;
}
.jin {
	float: right;
	color: black;
	line-height: 90px
}
.footer {
	height: 34px;
	background-color: #0664b6;
	width: 100%;
}
.footer-a {
	height: 34px;
	line-height: 34px;
	color: white;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.footer-a li {
	float: left;
	width: 108px;
	height: 34px;
}
.footer-a li a {
	color: white;
	text-align: center;
	font-size: 14px;
	float: left;
	width: 137px;
	;
	line-height: 34px;
}
.footer-b {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 30px;
	height: 160px
}
.footer-b h2 {
	float: left;
	display: inline-block;
	background-image: url(../images/di-di.png);
	width: 420px;
	height: 105px;
	padding-top: 20px
}
.footer-b p {
	color: #f7f7ed;
	float: left;
	overflow: hidden;
	margin: 0;
	background: url(../images/di-di.png) no-repeat center right;
	width: 470px;
	height: 130px;
	margin-left: 40px
}
.footer-b p span {
	display: block;
	line-height: 14px;
	padding: 0 0 10px;
	padding: 10px 0 0;
	color: #333;
	font-size: 14px;
}
.footer-b p span a {
	display: inline;
	color: #333;
	font-size: 13px;
}
.footer-b p img {
	display: block;
	margin-top: 8px
}
.footer-b .erweima {
	padding-top: 30px;
	width: 120px;
	height: 120px;
	padding-left: 40px;
}
.footer-b .erweima a img {
	width: 120px;
	height: 120px;
}
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}


@media(min-width:770px){
	.minvideo{display: none;}
	.videoPlayer{display: block; margin: 0 auto;}
}


.ab_min{ color: #999; font-size: 12px;}
.ab_min .span{ color: #e6012c;}

.WarrantyBox .ab_min{ margin-bottom: 4%;}



.WarrantyFrom{padding:4% 0;}
.WarrantyFrom ul li{ height: 40px; line-height: 40px; position: relative; margin-bottom: 20px; }
.WarrantyFrom ul li.last{border: none;}
.WarrantyFrom ul li a{ display: block; }
.WarrantyFrom ul li dl{display: none; position: absolute; top: 40px; left: 0; width: 100%; z-index: 88; background:#fff; border:1px solid #ccc;}
.WarrantyFrom ul li dl dd{cursor: pointer;padding:0 15px;}
.WarrantyFrom ul li dl dd:hover{background:#e6012c; color: #fff;}
.WarrantyFrom ul li input{width: 100%;height:42px;padding: 0 15px;border:1px solid #ccc; }
.WarrantyFrom ul li a.selectBtn{padding-left: 15px;border:0px solid #ccc; position: relative;}
.WarrantyFrom ul li a.fomrA{ width: 160px; background:#e6012c; text-align: center; color: #fff; margin: 0 auto; }



.WarrantyFrom ul li a.selectBtn::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 0px;
    content: "";
    height: 0;
    margin-top: -3px;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 0;
}



.WarrantyBox{border-top: 2px solid #ccc;}
.WarrantyBox ul li{height: 40px;line-height: 40px; border:1px solid #ccc; margin-bottom: 20px;}
.WarrantyBox ul li .name{width: 100px; display: inline-block;text-align: right;}
.WarrantyBox h3{font-size: 18px; color: #00378b; font-weight: normal; text-align: center;}

@media(min-width:768px){
	.casevideoH3{font-size: 22px; }
	.WarrantyFrom ul li{float:left; width: 50%; }
	.WarrantyFrom ul li.last{width: 100%;}
	.WarrantyBox ul li {float: left; width: 48%; margin-right: 4%;}
	.WarrantyBox ul li:nth-child(2n){margin-right: 0;}
}

@media(min-width:850px){
	.WarrantyFrom ul li.first{width:27.1%;}
	.WarrantyFrom ul li.last{width:20.1%;}
	.WarrantyFrom ul li{width:39.8%;}

	.WarrantyFrom ul li a.selectBtn{width: 100px; float: right;}
	.WarrantyFrom ul li dl{width: 157px;left: auto;right: 0;}
	.WarrantyFrom ul li input{width:80%; margin: 0 auto; display: block;}
	.WarrantyFrom ul li a.fomrA{margin-left: 0;}





	.WarrantyBox ul li{width:32%;margin-right: 2%; }
	.WarrantyBox ul li:nth-child(2n){margin-right: 2%;}
	.WarrantyBox ul li:nth-child(3n){margin-right: 0;}

}