@charset "utf-8";

.yz-banner{ width: 100%; height: 200px; background: url(../images/yzm-banner.png) no-repeat; background-position: center; }

.yzm-container{ width: 1200px; height: auto; margin: 0 auto; }
.yzm-containerhui{ width: 100%; height: 683px; margin: 30px auto 0; border-top: 1px solid #f3f3f3; background-color: #f3f3f3; }

.yy-ma{ width: 1200px; height: 30px; margin: 55px auto 0; font-size: 26px; color: #333333; text-align: center; line-height: 30px; }

.ma-cont{ width: 1200px; height: 80px; margin: 18px auto 0; }
.ma-cont p{ font-size: 14px; color: #666666; line-height: 23px; }

.x-title{ width: 1200px; height: 20px; line-height: 20px; text-align: center; color: #333333; font-size: 20px; margin: 20px auto 0;}



.yzm-tab{ width:1200px; height: 280px; margin:0 auto;}
.yzm-tab-hd { width: 1200px; zoom:1; height: 43px; border-bottom: 1px solid #e1e1e1;}
.yzm-tab-hd li{ float:left; width:240px; color:#999999; text-align:center; cursor:pointer; height: 43px; font-size: 16px; line-height:43px; font-weight: bold;}
.yzm-tab-hd li.active div{ width: 100px; height: 43px; line-height: 43px; text-align: center; margin: 0 auto; }
.yzm-tab-hd li.active div{ width: 100px; height: 43px; line-height: 43px; text-align: center; margin: 0 auto; border-bottom: 1px solid #59c201; color: #2364be; }
.yzm-tab-bd li{display:none;border-top:none;}
.yzm-tab-bd li.thisclass{ display:list-item;}

.left-img{ width: 440px; height: auto; float: left;  margin-left: 81px; margin-top: 56px; }
.left-wz{ width: 535px; height: 157px; float: left; margin-left:53px; margin-top: 48px; }
.wz-title{ font-size: 16px; color: #2364be; font-weight: bold;}
.wz-content{ font-size: 14px; color: #666666; margin-top: 15px; }
.wz-knowth{ width: 120px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #ffffff; border-radius: 4px; font-weight: bold; background-color: #59c201; margin-top: 25px; cursor: pointer; }
.wz-knowth:hover{ background-color: #6dea05; }

.hong_tit{ width: 1200px; height: 16px; text-align: left; line-height: 16px; margin: 20px auto 10px; font-size: 16px; color: #2364be; font-weight: bold; }

.yzm-tw{ width: 1200px; height: 251px; margin: 33px auto 0;}
.yzm-tuu{ width: 535px; height: 175px; margin-left: 30px; margin-top: 30px; float: left; }
.yzm-art{ width: 535px; height: 100px; font-size: 14px; color: #666666;}

.imgs1{ float: left; width: 440px; height: 159px; margin-left: 36px; margin-top: 53px; }

.dxyzm-cp{ width: 1200px; height: 20px; line-height: 20px; text-align: center; font-size: 18px; color: #333333; margin: 45px auto 0;}
.dxyzm-cp1{ width: 1200px; height: 238px; margin: 28px auto 0; }
.dxy-xcp{ width: 218px; height: 236px; border: 1px solid #2364be; float: left; margin-right: 25px;}

.dxy-xcp1{ width: 218px; height: 236px; border: 1px solid #7cd3fd; background-color: #7cd3fd; float: left; margin-right: 25px;}

.xcp1{ height:0;   width:92px;   border-top:48px solid #2364be; border-left:16px solid transparent; border-right:16px solid transparent; text-align: center; margin: 0 auto; position: relative;}

.xcp6{ height:0;   width:92px;   border-top:48px solid #ffffff; border-left:16px solid transparent; border-right:16px solid transparent; text-align: center; margin: 0 auto; position: relative;}

.xcp-nr{ position: relative; top: -38px; margin: 0 auto; font-size: 18px; color: #ffffff; font-weight: bold; }
.xcp2{ width: 160px; height: 48px; border-bottom: 1px solid #2364be; font-size: 20px; font-weight: bold; color: #333333; line-height: 48px; text-align: center;margin: 16px auto 0; }
.xcp3{ width: 160px; height: 45px; font-size: 20px; color: #333333; line-height: 45px; text-align: center; margin: 0 auto;}
.xcp4{ width: 160px; height: 30px; background-color: #59c201; border-radius: 5px; font-size: 16px; color: #ffffff; font-weight: bold; text-align: center; line-height: 30px; margin: 25px auto 0; cursor: pointer; }
.xcp4:hover{background-color: #6dea05;}

.xcp-nr7{ position: relative; top: -38px; margin: 0 auto; font-size: 18px; color: #2364be; font-weight: bold; }

.xcp8{ width: 160px; height: 48px; border-bottom: 1px solid #ffffff; font-size: 20px; font-weight: bold; color: #333333; line-height: 48px; text-align: center;margin: 16px auto 0; }

.zxsq-bl{ width: 1200px; height: 60px; background-color: #2364be; margin: 26px auto 0;}
.zxsq-bl div{ float: left; }
.zxsq-bl div input{ border: 1px solid #a7c1e5; background-color: #a7c1e5; font-size: 16px; color: #666666; }
.zxsq-bl div input:focus{ border: 1px solid #ffffff; background-color: #ffffff; font-size: 16px; }


.zxsq{ width: 120px; height: 22px; font-size: 20px; color: #ffffff; font-weight: bold; margin-left: 43px; margin-top: 19px;}
.lianxr{ width: 220px; height: 30px; font-size: 20px; color: #fefefe; margin-left: 57px; margin-top: 15px;}
.lianxr input{ width: 120px; height: 30px; }

.lxdianh{ width: 245px; height: 30px; font-size: 20px; color: #fefefe; margin-left: 13px; margin-top: 15px;}
.lxdianh input{ width: 120px; height: 30px; }

.yanzmm{ width: 212px; height: 30px; font-size: 20px; color: #fefefe; margin-left: 13px; margin-top: 15px;}
.yanzmm input{ width: 120px; height: 30px; }

.yanzm-img{ margin-left: 15px; width: 64px; height: 31px; margin-top: 15px; }
.yzm-tij{ width: 100px; height: 40px; background-color: #59c201; border-radius: 5px; text-align: center; line-height: 40px; margin-top: 10px; margin-left: 65px; font-size: 20px; color: #ffffff; cursor: pointer;}
.yzm-tij:hover{ background-color: #6dea05; }

.product-ys{ width: 1200px; height: 200px; margin: 33px auto 0; }

.proysyy{ width: 200px; height: 200px; float: left;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.proysyy:hover{ 
	-webkit-box-shadow: 5px 5px 15px #e9e9e9;
	-moz-box-shadow: 5px 5px 15px #e9e9e9;
	-ms-box-shadow: 5px 5px 15px #e9e9e9;
	-o-box-shadow: 5px 5px 15px #e9e9e9;
	box-shadow: 5px 5px 15px #e9e9e9;
	cursor: default;
}
.proysyy1{ width: 50px; height: 50px; margin: 21px auto 0; }
.proysyy2{ width: 200px; height: 20px; line-height: 20px; text-align: center; font-size: 16px; color: #333333; margin: 11px auto 0; }
.proysyy3{ width: 180px; height: auto; text-align: center; margin-top: 10px; line-height: 25px; font-size: 14px; color: #666666; padding: 0 10px;}

.wenz-cao{ width: 1200px; height: 119px; background-color: #7cd3fd; margin: 30px auto 0; }
.huanh{width: 146px; height: 119px; float: left; margin-left: 115px;}
.huanh1{ width: 646px; height: 119px; margin-left: 12px; float: left; }
.huanh2{ width: 250px; height: 119px; margin-left: 3px; float: left; }

.gangdy1{ width: 646px; height: auto; font-size: 20px; color: #ffffff; font-weight: bold; text-align: center; margin-top: 20px; }
.gangdy2{ font-size: 34px; color: #ffffff; font-weight: bold; width: 646px;height: auto; text-align: center; text-shadow: 4px 5px 1px #2c73cd; margin-top: 25px; }
.gangdy3{ width: 69px; height: 64px; margin: 12px auto 0; }
.gangdy4{ font-size: 20px; font-weight: bold; color: #ffffff; }



.yzm-containerhui1{ width: 100%; height: 819px; margin: 30px auto 0; border-top: 1px solid #f3f3f3; background-color: #f3f3f3; }

.ma-cont1{ width: 1200px; height: auto; margin: 30px auto; }
.yy-changjing{ width: 1200px; height: 249px; position: relative;}
.slider{ width: 1200px; height: 249px; position: absolute; }
.yy-changjing a.prev{ width: 17px; height: 44px; background: url(../images/lx.png) no-repeat; display: block; position: absolute; z-index: 20; left: 52px; top: 101px;}
.yy-changjing a.prev:hover{ width: 17px; height: 44px; background: url(../images/lx-on.png) no-repeat; display: block; }
.yy-changjing a.next{ width: 17px; height: 44px; background: url(../images/rx.png) no-repeat; display: block; position: absolute; z-index: 20; right: 52px; top: 101px;}
.yy-changjing a.next:hover{ width: 17px; height: 44px; background: url(../images/rx-on.png) no-repeat; display: block; }


.yy-ma1{ width: 1200px; height: 30px; margin: 30px auto 0; font-size: 26px; color: #333333; text-align: center; line-height: 30px; }
.xcp3-1{ width: 160px; height: 36px; font-size: 20px; color: #333333; line-height: 36px; text-align: center; margin: 0 auto;}
.xcp3-2{ text-align: center; width: 218px; height: 20px; margin: 5px auto 0; font-size: 16px; color: #999999; line-height: 20px; }
.xcp11{ height:0;   width:92px;   border-top:50px solid #2364be; border-left:30px solid transparent; border-right:30px solid transparent; text-align: center; margin: 0 auto; position: relative;}
.xcp-nr1{ position: relative; top: -39px; margin: 0 auto; font-size: 18px; color: #ffffff; font-weight: bold; }
.xcp21{ width: 160px; height: 42px; border-bottom: 1px solid #2364be; font-size: 20px; font-weight: bold; color: #333333; line-height: 40px; text-align: center;margin: 14px auto 0; }
.xcp41{ width: 160px; height: 30px; background-color: #59c201; border-radius: 5px; font-size: 16px; color: #ffffff; font-weight: bold; text-align: center; line-height: 30px; margin: 14px auto 0; cursor: pointer; }
.xcp41:hover{ background-color: #6dea05; }

.product-tese{ width: 1200px; height: 230px; margin: 30px auto 0; }
.protese1{ width: 290px; height: 230px; float: left; background: url(../images/yimg13.png) no-repeat; position: relative; margin-right: 10px; background-position: center top; background-size: 100% 180px; }
.protese1:hover .protese1-tr{ height: 110px; }
.protese1-tr{ width: 290px; height: 50px; background-color: #2364be;position: absolute; bottom: 0; overflow: hidden;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
 }
.protese1-t{ width: 290px; height:50px; line-height: 50px; text-align: center; font-size: 16px; color: #ffffff; font-weight: bold;}
.protese1-r{ width: 260px; height: auto; margin: 0 auto; font-size: 14px; color: #ffffff;}

.shenqing-sy{ width: 100%; height: 379px; margin: 30px auto 0; background-color: #f3f3f3; border-top: 1px solid #f3f3f3; }
.sq-sybj{ width: 1200px; height: 319px; background: url(../images/yimg17.png) no-repeat; margin: 30px auto 0; border-top: 1px solid #f3f3f3; background-position: center;  }
.sq-delk{ width: 819px; height: 259px; margin: 32px auto 0; }

.delktit{ width: 819px; height: 50px; background-color: #2364be; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 16px; color: #ffffff; font-weight: bold;text-align: center; line-height: 50px; }
.delktable{ width: 819px; height: 209px; background-color: #ffffff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top: 1px solid #ffffff; }

.kk-1{ width: 305px; height: 36px;margin-left: 65px; margin-top: 19px; float: left; }
.kkn1{ width: 95px; height: 36px; text-align: center; line-height: 36px; font-size: 18px; color: #333333;float: left; }
.kkn2{ width: 200px; height: 36px; float: left; }
.kkn2 input{ width: 198px; height: 34px; border: 1px solid #e9e9e9; background-color: #e9e9e9; font-size: 16px; color: #333333; }
.kkn2 input:focus{ width: 198px; height: 34px; border: 1px solid #ff4b5a; background-color: #ffffff; font-size: 16px; color: #333333; }

.kkn-djtj{ width: 140px; height: 39px; float: right; background-color: #59c201; text-align: center; line-height: 39px; font-size: 18px; color: #ffffff; font-weight: bold; cursor: pointer; }
.kkn-djtj:hover{ background-color: #6dea05; }

.cj-bgk1{ display: block; width: 1200px; height: 249px; background: url(../images/cj1.png) no-repeat; background-position: center; }
.cj-bgk2{ display: block; width: 1200px; height: 249px; background: url(../images/cj2.png) no-repeat; background-position: center; }
.cj-bgk3{ display: block; width: 1200px; height: 249px; background: url(../images/cj3.png) no-repeat; background-position: center; }
.cj-bgk4{ display: block; width: 1200px; height: 249px; background: url(../images/cj4.png) no-repeat; background-position: center; }
.cj-bgk5{ display: block; width: 1200px; height: 249px; background: url(../images/cj5.png) no-repeat; background-position: center; }
.cj-bgk6{ display: block; width: 1200px; height: 249px; background: url(../images/cj6.png) no-repeat; background-position: center; }
.cj-bgk7{ display: block; width: 1200px; height: 249px; background: url(../images/cj7.png) no-repeat; background-position: center; }





























