﻿body{font-size:16px; font-family:Calibri,verdana,Helvetica;color:#333;margin:0;padding:0; }

ul,li,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0}

img,input{border:0}

ul,li{list-style-type:none}

a{color:#333;text-decoration:none}

a:hover{color:#00b5e7;text-decoration:none}

li{list-style:none}

.clear{clear:both}

.zt{width:1200px;margin:0 auto}

.fl{float:left}

.fr{float:right}

.ov{overflow:hidden}

.pre{position:relative}

.abs{ position: absolute;}

.video_content{width:60%; margin: 0 auto;}

.video_index{ width: 100%; /*height: 342px;*/}

.table{width:100%;margin:0 auto; overflow:auto; margin-bottom:25px;}

table{width:100%;}

.table p{line-height:26px}

table td{padding:3px 10px}

.table2 p{line-height:23px}

.table2 table td{padding: 0px 10px}

.sxy{margin:30px 0;border-top:1px #ccc dashed;padding-top:20px}

.sxya{color:#333;line-height:24px}

.sxya a{padding:0 6px}

.fenye{text-align:center;margin-top:30px; }

.fenye span{margin-bottom:10px;display:inline-block}

.fenye_a{padding:5px 10px;color:#898989;border:1px solid #c9caca;margin:0 3px}

.fenye a{padding:5PX 10px;color:#898989;border:1px solid #c9caca;margin:0 3px}

.fenye a.active,.fenye a:hover{color:#fff;background:#00b5e7;border:0;border:1px solid #00b5e7}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

linshi-textarea { -webkit-appearance: none;}

.backtop{ display: none; position: fixed; bottom: 10%; right: 5%; z-index: 9999; width: 60px; height: 60px; cursor: pointer; text-align: center;}

.backtop a{ color: #fff; font-size: 17px;}

.backtop span{ display: block; text-align: center;}

.backtop2{ bottom: 20%; width: 150px; height: 150px; right: 3%;}

.md-close.guanbi{ padding: 8px 12px; background: #b50d25; position: absolute; top: -12px; right: 15px;}

.top40{ margin-top: 40px;}



.ztw{ width: 1450px; margin: 0 auto;}



header{ position: fixed; top: 0; left: 0; right: 0; z-index: 9999;background: #3d3d3d; }

.callbacks_container{ margin-top: 100px;}

.logo{ width: 21%; margin-right: 1%; font-size: 0;}

.logo img{ width: 100%;}

nav{ float: left; width: 64%; line-height: 100px;  position: relative; }

.caidan{ display: none;font-size:30px; text-align:right; color: #000;}

nav ul li{ float: left; position: relative; }

nav ul li a{   padding: 0px 18px;   display: block; text-transform: uppercase; font-size: 16px; color: #fff;   }

nav ul li i{ display: none;  position: absolute; top: 40%;right: 10px; z-index: 999; color: #333;}

nav ul li:hover a ,nav ul li.active A{ color: #00b5e7; }

nav ul li:hover i{ color: #3d3d3d;}

.xla{ position: absolute; top: 100%; z-index: 9999; display: none; width: 207px;  background: rgba(61,61,61,0.9); }

.xla>a{ display: block; font-weight: normal; padding:13px 10px;  text-transform: none; line-height: 20px; font-size: 14px; border-bottom: 1px solid #767676; color: #fff;}

.xla>a:last-child{ border-bottom: none;}

nav ul li:hover .xla a:hover{background: #00b5e7; color: #fff; }

nav ul li:hover .xla{ display: block;}

nav ul li:hover .xla a{ color: #fff; font-size: 16px;}

.search{ width: 13%; height: 28px; border: 1px solid #757575; border-radius:20px ; margin-top: 36px;}

.sousuo{ width: 80%; background: none; line-height: 28px; height: 28px; text-align: center;outline: none; color: #fff;}

.butt{ text-indent: -9999px;outline: none; cursor: pointer; width: 17px; height: 17px; margin-right: 13px; margin-top: 6px; background: url(../../images/baby/sous.png) no-repeat;}

@font-face{

	font-family:'Aerolinea';

	src:url('../fonts/Aerolinea.eot');

	src:url('../fonts/Aerolinea.eot') format('embedded-opentype'),

	url('../fonts/Aerolinea.woff') format('woff'),

	url('../fonts/Aerolinea.ttf') format('truetype'),

	url('../fonts/Aerolinea.svg') format('svg');

	font-weight:normal;font-style:normal}

section h2{ font-family: Aerolinea; font-size: 40px; font-weight: normal; text-align: center; margin-bottom: 40px; position: relative;}

.cpbj h2 a{ display: block; color: #333;}

.cpbj h2:after{ content: ''; width: 80px; height: 3px; background: #00b5e7; margin: 0 auto; display: block; margin-top: 10px;}

.cpbj h2:before{ content: '+'; font-size: 20px; width: 25px; height: 25px; line-height: 25px; border: 1px solid #333; position: absolute; z-index: 100; top: 18px; right: 32%;}



.cpbj{  background: url(../../images/baby/abbj.jpg) repeat-y;  padding: 60px 0;}

.width{ width: 1200px; margin: 0 auto;}

.cpul{ display: flex; flex-wrap: wrap;}

.cpul li{ width: 24.1%; margin:1.5% 0.5%; text-align: center; background: #fff; overflow: hidden;

-o-transition: 0.5s ease-in;-webkit-transition: 0.5s ease-in;-moz-transition: 0.5s ease-in;-ms-transition: 0.5s ease-in;

}

.cpul li:nth-child(4n){ margin-right: 0;}

.cpul li:nth-child(4n+1){ margin-left: 0;}

.cpimg{ font-size: 0;}

.cpimg img{ display: block; width: 100%;}

.cpimg img:nth-child(2){ display: none;}

.cpul li:hover{ background: #333333; }

.cpul li:hover a{color: #fff;}

.cpul li:hover .cpimg img:nth-child(1){ display: none;}

.cpul li:hover .cpimg img:nth-child(2){ display: block;}

.cpul li:hover .cptit{ background: url(../../images/baby/cplibj.png) no-repeat;}

.cpul li a{ display: block; position: relative; padding-bottom: 60px;}

.cptit{ padding-bottom: 20px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1000; height: 30px; padding-top: 75px;

 -o-transition: 0.5s ;-webkit-transition: 0.5s;-moz-transition: 0.5s ;-ms-transition: 0.5s ;}

.cptit h3{ font-size:21px ; margin-bottom: 20px;}

.cptit span{ display: block;}

.cpmore{ position: relative; width: 150px; margin: 10px auto; }

.cpmore:before{ content: ''; display: block; position: absolute; left: 0; top: 46%; width: 50px; border-bottom: 1px solid #fff; z-index: 10;}

.cpmore:after{ content: ''; display: block; position: absolute; right: 0; top: 46%; width: 50px; border-bottom: 1px solid #fff; z-index: 10;}



.cpul li:hover .cptit{ height: 100px;}

.cpul li:hover .cptit h3{ margin-bottom: 0;}

/*.cpul li:last-child a{ padding-bottom: 0;}

.cpul li:last-child:hover{ background: #fff;}*/



.aboutus{ background: url(../../images/baby/abbj.jpg) no-repeat; padding: 75px 0;}

.aboutus h2{ color: #000000; font-size: 60px;}

.aboutul{ display: flex; flex-wrap: wrap; border: 1px solid #686b6c; border-left: none; border-right:none ; margin-bottom: 30px; }

.aboutul li{ width: 29.3%; padding: 26px 2%; color: #000000; position: relative;}

.aboutul li h3{ font-size: 28px; text-transform: uppercase; font-weight: normal; border-left:3px solid #00b5e7 ; padding-left: 15px; margin-bottom: 20px;}

.aboutul li span{ display: block; line-height: 22px; font-size: 14px;}

.aboutul li:after{ content: ''; height: 50px; width: 1px; background: #686b6c; display: block; position: absolute; right: 0; bottom: 0; z-index: 100;}

.aboutul li:before{ content: ''; height: 50px; width: 1px; background: #686b6c; display: block; position: absolute; right: 0; top: 0; z-index: 100;}

.aboutul li:last-child:after,.aboutul li:last-child:before{ display: none;}



.owl-carousel{ position: relative; width: 100%; margin: 0 auto; margin-top: 0px;}

.owl-carousel .owl-wrapper-outer{ overflow: hidden;  position: relative;  width: 100%;}

.owl-buttons{ position: absolute; z-index: 9999; top: 40%; width: 100%; }

.pro_list .owl-theme .owl-controls{ margin:0px;}

.owl-controls .owl-prev{ cursor: pointer; width: 40px; height: 60px; background: url(../../images/baby/zuo1.png) no-repeat; text-indent: 9999px; position: absolute;  left: -40px;}

.owl-controls .owl-next{cursor: pointer; width: 40px; height: 60px; background: url(../../images/baby/you1.png) no-repeat; text-indent: 9999px; position: absolute; right: -40px;}



#owl-demo1  .owl-controls .owl-prev{ margin-right:10px;}

#owl-demo1  .owl-controls .owl-next{ margin-left:10px;}

.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-item{float: left;}

.item{margin:10px ;  position: relative;  overflow: hidden;}

.item a{ display:block; position:relative; font-size: 0;}

.item img{width:100%;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;}

.item .img{position: relative; overflow: hidden; }

.item h2{ font-size: 18px;  font-weight: normal; margin-top: 15px; }

.item:hover h2{}

.item:hover img{ transform: scale(1.05);}

.item span{ font-size: 16px; display: block; text-align: center; line-height: 22px; margin-top: 10px;}

.video_index img {
width:96%;}

.newsbj{ background: url(../../images/baby/newsbj.jpg) /*no-repeat*/; padding: 60px 0; color:white;}

.honor{ width: 47%;}

.honor h2,.newscen h2{ margin-bottom: 20px; text-align: left;}

.honor iframe{ height: 375px;}

.newscen{ width: 50%;}

.newsul li{ margin-bottom:34px ; overflow: hidden;}

.riqi{ width: 11%; padding: 0 2%; border: 1px solid #333; font-family: Aerolinea; font-size: 16px; margin-top: 10px;}

.riqi span{ display: block; font-size: 28px;}

.newconi{ width: 81%;}

.newconi h3{ font-size: 20px; line-height: 30px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; color:white}

.newconi span{ display: block; color: #FFFFFF; font-size: 14px;}

/*.newsul li:hover .riqi{border: 1px solid #00b5e7;}*/

.newsul li:hover .newconi span{ color: #00b5e7;}

.newsul li a{ display: block; overflow: hidden;}



footer{ background: #e8eaf3; padding-top: 60px;}

footer h3{ font-size: 25px; font-weight: normal; text-transform: uppercase; margin-bottom: 20px;}

.footcp{ width: 30%; margin-right: 3%;}

.footcont{width: 22%; margin-right: 3%;}

.footmes{ width: 38%;}

footer ul li{ margin: 15px 0; line-height: 20px;}

.footcp ul li{ padding-left: 10px;/* border-left:3px solid #333 ; */position: relative;}

/*.footcp ul li:hover{border-left:3px solid #00b5e7 ;}*/

.footcp ul li:before{ content: ''; display: block; position: absolute; left: 0; top: 3px; width: 3px; height: 15px; background: #333;}

.footcp ul li:hover:before{ background: #00b5e7;}



.banquan{ text-align: center; background: #3d3d3d; padding: 25px 0; margin-top: 50px; color: #dadada;}

.banquan a{ color: #3d3d3d; display: inline-block; width: 28px; height: 28px; border-radius:50% ; background: #dadada; text-align: center; line-height: 28px;}

.banquan span{ margin-right: 5px; display: inline-block;}

.banquan a:hover{ background: #00b5e7; color: #fff;}



.footmes form{ margin-top: 22px;}

.wenbenk{ width: 46%; padding-left: 1%; margin-right: 3%; height: 40px; line-height: 40px; margin-bottom: 10px; font-size: 12px;}

.longwen{ border: none; width: 96%; padding-left: 1%; margin-right: 3%; font-family: Calibri; height: 110px;margin-bottom: 10px;}

.buttg{ height: 40px; line-height: 40px; text-align: center; width: 97%; background: #00b5e7; color: #fff; cursor: pointer; }



.neiyebanner{ font-size: 0;}

.neiyebanner img{ width: 100%;}

.mbx{ line-height: 50px; background: #eee;}

.mbx h2{ font-size: 32px;  padding-left: 15px; border-left:4px solid #00b5e7 ; line-height: 30px; margin-top: 10px;}

.mbx span,.mbx span a{ color: #666;}

.mbx span a{ padding: 0 5px;}

.mbx span i{ color: #00b5e7; font-size: 18px;}



.abtt,.abtt2 { margin-top: 40px; }

.abtt .fenlei{ margin-top: 0;}

.abtt h1,.abtt3 h4{ font-size: 32px; /*font-family: 'Aerolinea';*/  background: url(../../images/baby/abtitbj.jpg) 50% 0 no-repeat; text-align: center; padding-bottom: 15px;}

.abcond{ margin-top: 10px; line-height: 26px;}
.abcond img{ width:70%}

.abcond p{ margin-bottom: 10px;}

.retur{ text-align: center; margin: 50px 0;}

.retur a{ display: inline-block; background: #00b5e7; padding: 10px 40px; color: #fff; text-transform: uppercase; border-radius:25px ;}

.retur a:hover{ background: #ffcc00; color: #000;}

.hotpro{ border-top:1px solid #eee ; padding: 40px 0;}

.hotpro h2{ text-align: center; font-size: 26px;font-family: 'Aerolinea';  margin-bottom: 20px;}



.conf{ background: #ecf1f5; padding: 40px 0;}

.lix{ width: 52%; margin-left: 3%; margin-right: 3%;}

.lix ul{ display: flex; flex-wrap: wrap;}

.lix ul li{ margin: 15px 0; padding:24px 0 24px 80px; margin-right: 1%; font-size: 18px; color: #000;}

.lix ul li:nth-child(1){ width: calc(49% - 80px); background: url(../../images/baby/con5.png) 0 52% no-repeat;}

.lix ul li:nth-child(2){ width: calc(49% - 80px); background: url(../../images/baby/con1.png) 0 52% no-repeat;}

.lix ul li:nth-child(3){ width: calc(49% - 80px); background: url(../../images/baby/con6.png) 0 52% no-repeat;}

.lix ul li:nth-child(4){ width: calc(49% - 80px); background: url(../../images/baby/con3.png) 0 52% no-repeat;}

.lix ul li:nth-child(5){ background: url(../../images/baby/con2.png) 0 52% no-repeat;}

.lix ul li:nth-child(6){ background: url(../../images/baby/con7.png) 0 52% no-repeat;}

.lix ul li:nth-child(7){ background: url(../../images/baby/con4.png) 0 52% no-repeat;}

.lix ul li:nth-child(8){ background: url(../../images/baby/con4.png) 0 52% no-repeat;}

.liantu{ width: 38%; margin-right: 3%;}

.liantu img{ width: 100%;}



.mescon{ display: block; width: 80%; margin: 0 auto; text-align: center;}

.foe2{width:80%;margin:0 auto;margin-top:20px;margin-bottom:30px}

.tex21,.aatex21{width:98%;border:1px solid #c8c8c8;height:36px;margin-bottom:10px;font-size:14PX;padding-left:2%;outline:0}

.aatex21{height:90px;font-family:Arial;font-size:14PX;outline:0}

.but121{width:240px;background:#00b5e7;height:42px;line-height:42px;color:#fff;cursor:pointer;font-size:16px;display:block;margin:0 auto;margin-top:15px;outline:0}

.but121:hover{background:#454545}



.newslid{ margin-bottom: 60px;}

.newslid ul{ display: flex; display: -ms-flexbox; flex-wrap: wrap; margin-top: 30px;}

.newslid ul li{ width: 48% ; margin: 1%; }

.newidf{ font-size: 0; overflow: hidden; width: 30%;}

.newidf img{ width: 100%;}

.xinwenyou{ width: 68%;}

.xinwenyou h2{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: inherit; font-size: 20px; background: none; text-align: left; margin-top: 0; padding-bottom: 0;}

.dater{ margin-top: 10px; margin-bottom: 6px; color: #a0a0a0;}

.neirer{ line-height: 24px;}

.newslid ul li:hover{ background: #f1f1f1;}

.newslid ul li a{ display: block;padding: 15px; overflow: hidden;}



.newhh{ text-align: center; font-size: 30px; font-family: 'Aerolinea';  text-transform: uppercase; margin-top: 30px;}



.fenlei,.cpsuotu{ display: flex; flex-wrap: wrap;/*justify-content: center;*/}

.fenlei li{margin: 0.1%; width: 24.8%; text-align: center;}

.fenlei li a{ background: #e5e5e5; color: #333; font-size: 16px; display: block; padding: 10px 0; line-height: 22px;}

.fenlei li a:hover,.fenlei li a.cpativ{ background: #00b5e7; color: #fff;}

.cpsuotu li{ width: 29%; margin: 1% 2%; text-align: center;}

.cpsuotu li span{ display: block; line-height: 24px; margin-top: 10px; font-size: 18px; font-weight: bold;}

.cpsuotu{ margin-top: 30px;}

.cpsuotu li img{ width: 100%;}

.cpfend{ margin-bottom: 60px;}

.cpsuotu li:nth-child(3n){ margin-right: 0;}

.cpsuotu li:nth-child(3n+1){ margin-left: 0;}

.fenlei li:nth-child(4n){ margin-right: 0;}

.fenlei li:nth-child(4n+1){ margin-left: 0;}



.fenlei.anlifen li{margin: 0.5%; width: 19%; text-align: center;}

.fenlei.anlifen li:nth-child(4n){ margin-right: 0.5%;}

.fenlei.anlifen li:nth-child(4n+1){ margin-left: 0.5%;}



.cptut{ width: 55%; margin-top: 30px;}

.cpjidsf{width: 40%; margin-top: 30px;}

.cpjidsf h1{ text-align: left; font-family: arial; font-size: 20px; text-transform: inherit; margin-top: 10px; margin-bottom: 10px; border-bottom: #ccc solid 1px; }

.aboutner{ /*margin-top: 15px; */padding: 0 10px;}

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}

.tb-pic a img{vertical-align:middle; width:100%}

.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}

.tb-thumb{margin:10px 0 0;overflow:hidden; display: flex; flex-wrap: wrap;justify-content: center;}

.tb-thumb li{margin:0 3px;overflow:hidden;padding:1px; border: 1px solid #ccc; font-size: 0;}

.tb-s310, .tb-s310 img,.tb-s40 img{width:100%;}

.tb-s40 a{*font-size:35px;}

.tb-s40, .tb-s40 a{width:58px;height:53px;}

.tb-booth{border:1px solid #ccc;position:relative;z-index:1;}

.tb-thumb .tb-selected{ border: 1px solid #00b5e7;}

.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}

div.zoomDiv{z-index:999; font-size:0;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

div.zoomMask{position:absolute;background:url(../../images/baby/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.lineh{ line-height:64px; margin-right:18px}

.tb-pic a:nth-child(2),.tb-pic a:nth-child(3),.tb-pic a:nth-child(4),.tb-pic a:nth-child(5),.tb-pic a:nth-child(6){ display: none;}



.cpxiang{/* width: 70%; */line-height: 28px; margin-top: 35px;}

.topp3{ margin-top: 30px;}

.cpxiang p{ margin-bottom: 5px;}

.miadf{ padding: 0 10px 0 0 ; /*margin-top: 20px; */ line-height: 28px;}

.cpanniu{ margin-top: 0px;}

.cpanniu a{ display: inline-block; padding: 9px 40px; color: #fff; background: #3c3c3c; font-size: 16px; margin-right: 15px; border-radius:6px ;}

.cpanniu a:nth-child(1){ background: #00b5e7;}



.proh2{ font-family:Aerolinea ; font-size: 24px; border-bottom: 1px solid #ccc; margin-top: 30px; margin-bottom: 20px;}

.proh2:after{ content: ''; display: block; width: 170px; height: 3px; background: #00b5e7; margin-top: 16px;}

.cpxiang h2{ color: #00b5e7; margin-bottom: 15px; }

.cpxiang img{ /*width: 100%;*/ }

.cpxiang h2:before{ content: ""; display: inline-block; margin-right: 10px; width: 15px; height: 15px; border-radius:50% ; background: #00b5e7;}

.cptextfel{ width: 22%; background: #f2f2f2; padding: 2%; margin-top: 60px;}

.cptextfel h2{ font-size: 30px; text-align: center;}



.tuzuo{ width: 22%;}

.tuyou{ width: 76%;}

.tuzuo2{ width: 40%;}

.tuyou2{ width: 57%;}

.jianju{ margin-top:60px;}

.jianju2{ margin-top:27px;}

.tuzuo3{ width: 22%;}

.tuyou3{ width: 76%;}



.textfc{ margin-top: 20px;}

.textfc li{ border: 1px solid #ccc; line-height: 36px; margin-bottom: 5px; text-align: center;}

.textfc li a{ display: block; color: #666;}

.textfc li:hover a{ color: #fff; background: #00b5e7;}



.suolv{ width: calc(100% - 2px);  text-align: center;border: 1px solid #ccc;}

.cpsuotu li .suolv span{}

.cpsuotu li .suolv img{ border: 0; display: block;/* width:532px; height: 290px; margin-left: -74px;*/ transition: all 0.5s;}

.cpsuotu li:hover .suolv img{ transform: scale(1.03);}



.download{ width: 80%; margin: 0 auto; display: flex; flex-wrap: wrap; }

.download li{ width: 31%; margin: 15px 1%;}

.download li a{ display: block;  line-height: 20px; padding: 10px 0;}

.download li a:before{ content: "\f019"; font-family: FontAwesome; margin-right: 5px; color: #da1d0f;}





@media only screen and (max-width:768px ) {

	.callbacks_container{ margin-top: 0;}

.zt,.ztw{ width: 100%;}

header{ position: relative;}

.logo{ float: none; position: absolute; top: 20px; left: 10px;}

.search{ float: none;  width: 22%;position: absolute; top: 40px; right: 10px; margin-top: 0;}

.dianhua span{ display: inline-block; margin-right: 10px;}

nav{float: none;  width: 100%; padding-top: 90px; line-height: 50px; text-align: center;}

nav ul li a{ padding: 0 20px; font-size: 14px;}

.xla{ position: relative;}

nav ul li:hover .xla{ display: none;}

.width{ width: 100%;}

.cptit{ position: relative; padding-top: 20px; padding-bottom: 0;}

.cpul li a{ padding-bottom: 15px;}

.cptit h3{ font-size: 16px; font-weight: normal;}

.cptit span{ display: none;}

.cpul li:nth-child(5n) img{ width: 100%;}

.cpbj h2:before{ right: 20%;}

.owl-controls .owl-prev{ left: 0;}

.owl-controls .owl-next{ right: 0;}

.aboutus{ padding: 60px 0 70px 0;}

.newscen{ width: 55%;}

.newsul li{ margin-bottom: 15px;}

.riqi span{ font-size: 20px;}

.newconi h3{ font-weight: bold; font-size: 18px; line-height: 20px; margin-bottom: 5px;}

.abcond{ padding: 0 10px;}

.conf{ padding: 20px 0;}



.cpsuotu li .suolv img{ /*width: auto; height: 150px; margin-left: -20px;*/}

.cpxiang img{ width: 100%;}



.cptut{ float: none; width: 60%; margin: 0 auto; margin-top: 30px;}

.cpjidsf{ float: none; width: 100%; margin: 0 auto;margin-top: 20px;}

.lix{ float: none; width: 90%;}

.liantu{ display: none;}



.download{ width: 96%;}



}

@media only screen and (max-width:480px ) {



.caidan{display: block; color: #fff;  position: absolute; top: 10px; right: 15px; }

nav{ position: relative; padding-top: 70px;}

nav ul{ display: none; border-top:1px solid #ccc ;}

nav ul li{ line-height: 40px; display: block; float: none; text-align: center;}

nav ul li a{ padding: 0; color: #fff; }

nav ul li i{ top: 15px;}

nav ul li i,nav ul li:hover i{ color: #fff;}

.xla{ width: 100%;}

.logo{ width: 60%; top: 0px;}

.search{ width: 60%; margin: 0 auto; right: 0;  position: relative; z-index: 9999; top: 0; margin-bottom: 25px; margin-top: 10px; float: right; margin-right: 12px;}

.sousuo{ text-align: left; padding-left: 10px;}

.cpbj h2:before{ display: none;}

section h2{ font-size: 30px;}

.cpbj{ padding: 30px 0;}

.cpul li{ width: 48%; margin: 1%;}

.cpul li:nth-child(5n){ margin-right: 1%;}

.cpul li:nth-child(5n+1){ margin-left: 1%;}

.aboutus h2{ font-size: 40px; margin-bottom: 20px;}

.aboutul li{ width: 96%;}

.aboutul li:before,.aboutul li:after{ display: none;}

.item{ margin: 10px 25px;}

.honor,.newscen{ width: 96%; float: none; margin:0 auto;}

.newscen{ margin-top: 30px;}

.newsbj{ padding: 0 0 30px 0;}

.aboutus { padding: 60px 0 30px 0;}

.honor h2, .newscen h2{ text-align: center;}

.riqi span{ font-size: 18px;}

footer{ padding: 30px 0 0 0;}

.footcp,.footcont,.footmes{ float: none; width: 96%; margin: 0 auto;}

.footcp ul{ display: flex; flex-wrap: wrap; margin-bottom: 30px;}

.footcp ul li{ width: 45%; margin:2% 1%;}

.footcont{ margin-bottom: 30px;}

.conf{ padding: 20px 0;}

.lix{ width: 95%; float: none; margin: 0 auto; margin-bottom: 20px;}

.liantu{ width: 95%; float: none; margin: 0 auto;}

.mescon{ width: 95%;}

.foe2{ width: 90%;}



.newslid ul li{ width: 96%; margin: 0 2%;}

.newidf,.xinwenyou{ float: none; width: 100%;}

.newidf {margin-bottom: 20px;}

.cpsuotu li{ width: 48%; margin: 1%; }

.fenlei li,.fenlei.anlifen li{ width: 48%; margin: 1%;}

.fenlei li a{ text-align: center;}

.fenlei li:nth-child(4n){ margin-right: 1%;}

.fenlei li:nth-child(4n+1){ margin-left: 1%;}

.fenlei.anlifen li:nth-child(4n){ margin-right: 1%;}

.fenlei.anlifen li:nth-child(4n+1){ margin-left: 1%;}

.cptut{ float:none; width: 100%; margin: 0 auto; margin-bottom: 15px;}

.cpjidsf{ float:none; width: 100%; margin: 0 auto;}

.miadf{ margin-top: 0;}

.cptextfel{ float: none; width: calc(100% - 40px); padding: 20px; margin-top: 20px;}

.cpxiang{ float: none; width: 100%;  margin-top: 20px;}



.tuzuo,.tuyou,.tuzuo2,.tuyou2,.tuzuo3,.tuyou3{ width: 100%; float: none; margin: 0 auto;}



.cpsuotu li .suolv img{ /*width: auto; height: 120px;*/}

.cpsuotu li:nth-child(3n){ margin-right: 1%;}

.cpsuotu li:nth-child(3n+1){ margin-left: 1%;}

.cpxiang img{ width: 100%;}



.lix ul li:nth-child(1){ width: calc(100% - 80px); background: url(../../images/baby/con5.png) 0 52% no-repeat;}

.lix ul li:nth-child(2){ width: calc(100% - 80px); background: url(../../images/baby/con1.png) 0 52% no-repeat;}

.lix ul li:nth-child(3){ width: calc(100% - 80px); background: url(../../images/baby/con2.png) 0 52% no-repeat;}

.lix ul li:nth-child(4){ width: calc(100% - 80px); background: url(../../images/baby/con3.png) 0 52% no-repeat;}

.liantu{ display: block;}



.honor iframe{ height: 275px;}

.download li{ width: 48%; margin: 1%;}

}

@media only screen and (max-width:1024px ) and (min-width:769px ) {

	.callbacks_container{ margin-top: 0;}

.zt,.ztw{ width: 100%;}

header{ position: relative;}

.logo{ float: none; position: absolute; top: 20px; left: 10px;}

.search{ float: none;  width: 22%;position: absolute; top: 40px; right: 10px; margin-top: 0;}

.dianhua span{ display: inline-block; margin-right: 10px;}

nav{float: none;  width: 100%; padding-top: 90px; line-height: 50px; text-align: center;}

nav ul li a{ padding: 0 38px; font-size: 14px;}

.xla{ position: relative;}

nav ul li:hover .xla{ display: none;}

.width{ width: 100%;}

.cptit{ position: relative; padding-top: 20px; padding-bottom: 0;}

.cpul li a{ padding-bottom: 15px;}

.cptit h3{ font-size: 16px; font-weight: normal;}

.cptit span{ display: none;}

.cpul li:nth-child(5n) img{ width: 100%;}

.cpbj h2:before{ right: 28%;}

.owl-controls .owl-prev{ left: 0;}

.owl-controls .owl-next{ right: 0;}

.aboutus{ padding: 60px 0 70px 0;}

.newscen{ width: 55%;}

.newsul li{ margin-bottom: 25px;}

.riqi span{ font-size: 20px;}

.newconi h3{ font-weight: bold; font-size: 18px; line-height: 20px; margin-bottom: 5px;}

.abcond{ padding: 0 10px;}

.conf{ padding: 20px 0;}

.cpsuotu li .suolv img{ /*width: auto; height: 200px;margin-left: -20px;*/}



}

@media only screen and (max-width:1440px ) and (min-width:1025px ){

	.backtop{ right: 15px;}

}

