@charset "utf-8";
/*--------------------------初始化样式&Initialization styles*/
*{margin: 0px;padding: 0px;}
body,html{width: 100%;height:100%;font-family: "微软雅黑","microsoft yahei", Tahoma, Arial, Verdana, sans-serif;}
body{min-width:1200px;font-size:12px;background: #fff;cursor: default;}
ul,ol{list-style-type: none;}
h1,h2,h3,h4,h5,h6{font-weight: 100;font-size: 18px;}
em,i{font-style:normal} 
img{border: none;}
a,input,button,select,textarea{outline: none;}
a{text-decoration:none;color:#000;}
a:hover{color: #164299}
a.more{padding: 5px 20px;background: #45ab07;display: inline-block;margin: 5px 0;color: #fff;}
i.kong{clear:both;}
img.img{pointer-events: none;}
table {border-collapse: collapse;border-spacing: 0;}
.page{width: 1200px;margin: 20px auto;text-align: center;}
.page a,.page span{display: inline-block;padding: 5px 12px;background: #FFFFFF;border: 1px solid #e2e2e2;color: #666666;transition: .5s;}
.page span{color: #fff;background: #45ab07;border: 1px solid #45ab07;}
.page a:hover{border-color: #45AB07;color: #45AB07;}
#head,#banner,#main,#foot{width: 100%;margin: 0 auto;position: relative;}
/*--------------------------END*/
/**/
/**/
/*-------------------------------------------------------头部&head*/
.head-top{
	width: 100%;
	height: 35px;
	background: #264fa1;
}
.head-top ul{
	width: 1200px;
	height: 35px;
	margin: 0 auto;
	line-height: 30px;
	color: #fff;
}
.head-top ul li.li01{float: left;font-family: "宋体";}
.head-top ul li.li02{float: right;font-size: 18px;}
.head-top ul li.li02 span{font-size: 12px;color: #b8b8b8;font-family: "宋体";}
.head-bottom{position: relative;width: 1200px;margin: 0 auto;height: 98px;}
.head-bottom .logo{float:left;width: 300px;height: 88px;padding: 5px 0;}


#c_nav_main-14973602845719002 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 102;
    width: 991px;
    height: 98px;
	text-align: center;
}
#nav {
   float: right;
}
#nav .mainlevel {
    float: left;
    position: relative;
    width: 110px;
    background: #fff;
    border-right: 1px solid #ddd;
}
#nav .mainlevel a.link {
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    line-height: 98px;
    padding: 0px;
    /*transition: .4s ease;*/
}
#nav .mainlevel ul {
    position: absolute;
    top: 98px;
    left: -5px;
    width: 120px;
    height: auto;
	display:none;
    overflow: hidden;
    transition: height .3s;
	-moz-transition: height .3s;
	-webkit-transition: height .3s;
	-o-transition: height .3s;
}
#nav #sub_01 li {
	background: url(../img/navbg_03.png);
    width: auto;
    min-width: 120px;
    border-top: 1px solid #FFFFFF;
}
#nav #sub_01 a {
    line-height: 39px;
    height: 39px;
    font-size: 14px;
    color: #fff;
    transition: .4s ease;
}
#nav .mainlevel a.on{
	color: #fff;
    background: #16429a;
}
#nav .mainlevel:hover a.link{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    background: #16429a;
}
#nav #sub_01 li:hover {
    background-color: rgba(0,102,204,0.8);
    width: auto;
    min-width: 110px;
}
#nav #sub_01 a:hover {
    background-color: rgba(0,102,204,0);
}
#nav .mainlevel:hover ul{
	display:block;
	transition: height .6s;
	-moz-transition: height .6s;
	-webkit-transition: height .6s;
	-o-transition: height .6s;
}

/*--------------------------------------------轮播*/
.js {
	width: 90%;
	margin: 10px auto 0 auto;
}

.js p {
	padding: 5px 0;
	font-weight: bold;
	overflow: hidden;
}

.js p span {
	float: right;
}

.js p span a {
	color: #f00;
	text-decoration: underline;
}

.js textarea {
	height: 100px;
	width: 98%;
	padding: 5px;
	border: 1px solid #ccc;
	border-top: 2px solid #aaa;
	border-left: 2px solid #aaa;
}

.focusBox {
	position: relative;
	width: 100%;
	height: 300px;
	margin:0 auto;
	overflow: hidden;
}
.focusBox .pic{
	position: relative; 
	left: -203.724px; 
	width: 100%; 
	overflow: hidden; 
	padding: 0px; 
	margin: 0px;
}
.focusBox .pic img {
	width: 100%;
	height: 300px;
	display: block;
}

.focusBox .hd {
    position: absolute;
    bottom: 5px;
    right: 0;
    z-index: 3;
    width: 100%;
    text-align: center;
    overflow: hidden;
    zoom: 1;
}

.focusBox .hd li {
	display: inline-block;
	line-height: 15px;
	text-align: center;
	font-size: 12px;
	width: 25px;
	height: 10px;
	cursor: pointer;
	overflow: hidden;
	background: #919191;
	margin-left: 4px;
	filter: alpha(opacity=80);
	opacity: .8;
	-webkit-transition: All .5s ease;
	-moz-transition: All .5s ease;
	-o-transition: All .5s ease
}

.focusBox .hd .on {
	background: #fff;
	filter: alpha(opacity=100);
	opacity: 1;
}

.focusBox .prev,	.focusBox .next {
	width: 45px;
	height: 99px;
	position: absolute;
	top: 91px;
	z-index: 3;
	filter: alpha(opacity=20);
	-moz-opacity: .2;
	opacity: .2;
	-webkit-transition: All .5s ease;
	-moz-transition: All .5s ease;
	-o-transition: All .5s ease
}

/*.focusBox .prev {
	background-image: url(../img/index.png);
	background-position: -112px 0;
	left: 0
}

.focusBox .next {
	background-image: url(../img/index.png);
	background-position: -158px 0;
	right: 0
}*/

.focusBox .prev:hover,	.focusBox .next:hover {
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6
}





/*-------------------------------------------------------内容&main content*/
#main{
	width: 1200px;
	margin: 0 auto;
}
#main .section01{height: 885px;}
#main .title{
	width: 608px;
	height: 84px;
	margin: 30px auto 30px;
	text-align: center;
}
#main .title h1{
    width: 350px;
	margin: 0 auto 10px;
	font-weight: bold;
	font-size: 36px;
	color: #144499;
}
#main .title span.span01{
	float: left;
	width: 30px;
	height: 3px;
	margin-top: 26px;
	background: #144499;
}
#main .title span.span03{
	float: right;
	width: 30px;
	height: 3px;
	margin-top: 26px;
	background: #144499;
}
#main .title p{
	color: #555454;
	font-size: 16px;
}
#main .section01 .left{
	float: left;
	width: 210px;
	font-size: 16px;
}
#main .section01 .left-t{
	width: 210px;
	height: 107px;
	background: url(../img/product_07.jpg) no-repeat;
}
#main .section01  .left li{
	height: 61px;
	line-height: 61px;
	padding-left: 50px;
	border-bottom: 1px solid #f0f0f0;
	background: url(../img/xiaodian_11.png) no-repeat 20px center;
	cursor: pointer;
}
#main .section01  .left li:hover a{color: #ee5409}
#main .section01  .left-b{
	width: 210px;
	height: 92px;
	background: #ee5409;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 25px;
}
#main .section01  .left-b div{    
	background: url(../img/phone_03.png) no-repeat 8px 80%;
    padding: 20px 0 0 55px;
}
#main .section01  .left-b em{font-weight: 600;font-size: 18px;}
#main .section01  .right{
	float: right;
	width: 969px;
}
#main .section01  .right li{
	float: left;
	width: 312px;
	margin:0 7px 16px 0;
	padding: 5px 0 10px 0;
	text-align: center;
	border: 2px solid #e5e3e3;
}
#main .section01  .right li .thumb {
    width: 308px;
    height: 200px;
    overflow: hidden;
    margin: 0 auto;
}
#main .section01  .right li .thumb img{
	display: block;
    width: 308px;
    height: 200px;
}
#main .section01  .right li .desc {
    padding: 0 5px;
}
#main .section01  .right li .desc h3 {
    font-size: 16px;
    line-height: 28px;
    height: 28px;
    margin: 20px 0 15px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#main .section01  .right li .desc p {
    font-size: 12px;
    margin-bottom: 10px;
    height: 40px;
    line-height: 23px;
    overflow: hidden;
}
#main .section01  .right li .desc a {
    display: inline-block;
    width: 130px;
    height: 35px;
    margin: 0 8px;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    background: #fff;
    color: #1e499d;
    border: 2px solid #1e499d;
}
#main .section01  .right li:hover{border: 2px solid #1e499d;}

#main .section02 .aboutUs{height: 370px;}
#main .section02 .left {
	float: left;
    width: 720px;
    height: 370px;
    overflow: hidden;
}
#main .section02 .right {
	float: right;
    width: 420px;
    height: 370px;
    font-size: 13px;
    background: #ebebeb;
    padding: 0 30px;
}
#main .section02 .right .bt {
    width: 420px;
    height: 46px;
    line-height: 46px;
    font-size: 36px;
    color: #144499;
    margin: 55px 0 0 0;
}

#main .section02 .right .nr {
    width: 420px;
    height: 150px;
    margin: 19px 0;
    line-height: 30px;
    font-size: 14px;
    color: #4b4b4b;
    text-indent: 2em;
    overflow: hidden;
}	
#main .section02 .right a {
    display: inline-block;
    width: 120px;
    height: 32px;
    margin: 0 8px;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    background: #ebebeb;
    color: #1e499d;
    border: 2px solid #1e499d;
}

#main .section02 .aboutUS-b{
	width: 1200px;
	height: 56px;
	color: #fff;
	background: url(../img/bottomimg_12.png) no-repeat;
}
#main .section02 .aboutUS-b h3{
	float: left;
	width: 500px;
	height: 56px;
	line-height: 56px;
	font-size: 18px;
	padding-left: 62px;
}
#main .section02 .aboutUS-b h3 span{font-size: 14px;}
#main .section02 .aboutUS-b h4{
	float: left;
    /* width: 500px; */
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    padding-left: 40px;
    margin-left: 150px;
    background: url(../img/phone_14.png) no-repeat 0px 50%;
}
#main .section02 .aboutUS-b h4 span{font-size: 20px;}
#main .section02 .aboutUS-b a{
	float: right;
	width: 103px;
	height: 26px;
	margin: 15px 55px 0 0; 
	border: 1px solid #fff;
	line-height: 26px;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.section03{
	width: 1200px; 
	height: 640px;  
	margin-top: 66px;
	color: #6f6f6f;
}
.section03-l{
	position: relative;
	float: left;
	width: 650px;
	height: 35px;
}
.section03 .same{
	height: 35px;
	margin-bottom: 20px;
}
.section03 .same span{
	font-size: 24px;
	color: #144499;
}
.section03 .same span b{
	font-size: 16px;
	color: #8e8e8e;
	font-weight: 100;
}
.section03 .same a{
	float: right;
	line-height: 35px;
    color: #605f5f;
    font-size: 14px;
    text-align: right;
    padding: 0 5px 0 0;
}
.section03-l:after{
	content: "";
	position: absolute;
	left: 0;
	top: 35px;
	width: 228px;
	height: 3px;
	background: #164299;
}
.section03-l:before{
	content: "";
	position: absolute;
	left: 225px;
	top: 36px;
	width: 422px;
	height: 1px;
	background: #e0e0e0;
}
.newtop{
	width: 650px;
    height: 194px;
}
.newtop .newtop-img{
	float: left;
	width: 248px;
	height: 194px;
	overflow: hidden;
}
.newtop .newtop-img img{
	width: 248px;
	height: 194px;
}
.newtop .desc{
	float: right;
	width: 382px;
	height: 194px;
}
.newtop .desc .in-news-time{
	height: 18px;
	color: #6c6c6c;
	text-indent: 0em;
}
.newtop .desc .in-news-time span{
	display: inline-block;
	width: 14px;
	height: 2px;
	background: #ee5409;
    margin-bottom: 3px;
    margin-right: 5px;
}
.newtop .desc h4{
	font-size: 16px;
	color: #313131;
	margin: 15px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newtop .desc p{
	height: 125px;
	line-height: 25px;
	text-indent: 2em;
	color: #767575;
    overflow: hidden;
}
.section03-l ul{
	width: 650px;
	overflow: hidden;
}
.section03-l li{
	width: 100%;
	height: 35px;
	line-height: 35px;
	margin-top: 20px;
	font-size: 16px;
	color: #313131;
	overflow: hidden;
}
.section03-l li span.span1{
	float: left;
	width: 450px;
	height: 35px;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	
}
.section03-l li span.span2{
	float: right;
}
.section03-l li:hover a{color: #ee5409;}


.section03-r{
	position: relative;
	float: right;
	width: 515px;
	height: 35px;
}
.section03-r:after{
	content: "";
	position: absolute;
	left: 0;
	top: 35px;
	width: 228px;
	height: 3px;
	background: #164299;
}
.section03-r:before{
	content: "";
	position: absolute;
	left: 225px;
	top: 36px;
	width: 287px;
	height: 1px;
	background: #e0e0e0;
}
.section03-r .sectbox{
	width: 515px;
	height: 178px;
	margin: 18px 0;
	background: #ebebeb;
	cursor: pointer;
}
.section03-r .sect-z{
	position: relative;
	float: left;
	width: 241px;
	height: 178px;
	margin-right: 15px;
	overflow: hidden;
}

.section03-r .sect-z:after{
	content: "";
	position: absolute;
	top: 178px;
	left: 0;
	width: 241px;
	height: 178px;
	background: url(../img/bof_11.png) no-repeat ;
}

.section03-r .sect-z:hover:after{
	top: 0;
}

.section03-r .sect-y{
	position: relative;
	float: right;
	width: 259px;
	height: 178px;
	line-height: 30px;
}
.section03-r .sect-y p{
	width: 259px;
	height: 90px;
	margin-top: 10px;
	color: #6f6f6f;
	overflow: hidden;
}
.section03-r .sect-y h4{
	padding: 25px 0 10px 0;
	font-size: 14px;
	color: #2d2d2d;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	
}
.section03-r .sect-y:after{
	content: "";
	position: absolute;
	top: 65px;
	left: 0;
	width: 14px;
	height: 3px;
	background: #bbb;
}

.section03-r li p{
	height: 100px;
    overflow: hidden;
	line-height: 25px;
	padding-right: 5px;
}

/*-------------------------------------------------------底部&foot*/
#foot{
	height: 340px;
	margin-top: 40px;
	background: #16429a;
}
#foot .foot-t{
	width: 1200px;
	height: 290px;
	margin: 0 auto;
	color: #fff;
}
#foot .foot-t .foot-nav{
	width: 1200px;
	height: 59px;
	margin-bottom: 42px;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	border-bottom: 1px solid #4c6eb1;
}
#foot .foot-t .foot-nav ul{
	width: 960px;
	margin: 0 auto;
}
#foot .foot-t .foot-nav li{
	float: left;
	margin: 0 36px;
}
#foot .foot-t .foot-nav li a{color: #fff;}
#foot .foot-content li{float: left;font-size: 14px;}
#foot .foot-content li.list01{
	width: 135px;
	height: 112px;
	margin: 10px 22px;
	overflow: hidden;
}
#foot .foot-content li.list02{
	width: 710px;
	line-height: 38px;
	margin-right: 45px;
	
}
#foot .foot-content li.li{
	width: 110px;
	height: 150px;
	overflow: hidden;
}
#foot .foot-content li.li img{
	width: 110px;
	height: 110px;
}
#foot .foot-content li.li p{
	text-align: center;
	margin-top: 10px;
}
#foot .foot-content li.list03{margin-right: 20px;}
#foot .foot-b{
	height: 50px;
	background: #193160;
}
#foot .foot-b p{
	width: 1200px;
	margin: 0 auto;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #6586c7;
}


/*-------------------------------------------------------子页&Subpage*/
#main-p{width: 100%;}
#main-p .product-top{
	height: 63px;
	background: url(../img/product-top-bg.png);
}
#main-p .product-box{
	position: relative;
    width: 1200px;
    height: 63px;
    margin: 0 auto;
}
#main-p .poroduct-title{
	position: absolute;
	top: -63px;
	left: 0;
	width: 222px;
	height: 101px;
	background: #164299;
	color: #fff;
	padding: 25px 0 0 20px;
}
#main-p .poroduct-title h1{font-size: 30px;font-weight: bold;}
#main-p .poroduct-title p{font-size: 16px;}
#main-p .position-center{
	position: absolute;
	top: 32px;
	right: 0;
	padding-left: 15px;
	color: #999999;
	font-size: 14px;
	background: url(../img/icon-p_06.png) no-repeat 0;
}
#main-p .position-center a{color: #999999;}
#main-p .box{
	width: 1200px;
	margin: 20px auto 0;
	overflow: hidden;
}
#main-p .p-left{
	float: left;
	width: 242px;
	height: auto;
}
#main-p .left-t{
	height: 107px;
	background: url(../img/product_07.jpg);
}
#main-p .left-b{
	width: 242px;
	height: 185px;
	font-size: 16px;
	color: #FFFFFF;
	background: #ee5409;
}
#main-p .left-b div{
	background: url(../img/phone_03.png) no-repeat 15px 90%;
	padding: 20px 0 0 64px;
}
#main-p .left-b em{font-size: 18px;font-weight: 600;}
#main-p .p-left li{
	width: 197px;
	height: 50px;
	line-height: 50px;
	padding-left: 45px;
	font-size: 16px;
	background: #f4f4f4;
	border-bottom: 3px solid #FFFFFF;
}
#main-p .p-left li:hover{background: #cddbf3;}
#main-p .p-left li a:hover{color: #000000;}
#main-p .p-right{
	float: right;
	width: 930px;
}
#main-p .p-right .piclist{width: 102%;}
#main-p .p-right .piclist li{
	float: left;
	width: 455px;
	height: 180px;
	background: #f0f0f0;
	margin:0 0 30px 10px;
}
#main-p .p-right .piclist li img{
    width: 232px;
    height: 180px;
}
#main-p .p-right  .piclist li .sect-z{
	float: left;
	width: 50%;
	height: 180px;
	overflow: hidden;
}
#main-p .p-right  .piclist li .sect-y{
	position: relative;
	float: right;
    width: 205px;
    height: 170px;
    overflow: hidden;
    line-height: 25px;
    padding-right: 2px;
	
}
#main-p .p-right .piclist li .sect-y:after{
	content: "";
	position: absolute;
	top: 60px;
	left: 0;
	width: 14px;
	height: 3px;
	background: #bbb;
}
#main-p .p-right .piclist  li h4{
	margin: 25px 0 20px 0;
	font-size: 14px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#main-p .p-right .piclist li:hover{background: #164299;color: #FFFFFF;}
#main-p .p-right .piclist li:hover a{color: #FFFFFF;}
#main-p .p-right .piclist li .sect-y:hover:after{background: #FFFFFF;}
.pages {
    padding-top: 30px;
    margin-bottom: 10px;
    height: auto;
    overflow: hidden;
    clear: both;
}
.pages ul {
    text-align: center;
    font-size: 0;
}
.pages ul li {
    font-size: 14px;
    display: inline-block;
    zoom: 1;
    margin: 0 3px;
    height: 35px;
    line-height: 35px;
    background: #f2f2f2;
}
.pages ul li a {
    padding: 4px 12px;
}
.pages ul li.selected {
    background: #164299;
    color: #000;
}
.pages ul li.selected a {
    background: #164299;
    color: #fff;
}


.news{
	width: 930PX;
	height: 177px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
}
.news .newsimg{
	float: left;
	width: 222px;
	height: 160px;
	overflow: hidden;
}
.news .newsimg img{
    width: 222px;
    height: 160px;
}
.news .newstext{
	float: right;
	width: 678px;
	height: 177px;
}
.news .newstext h4{
	width: 560px;
	margin-bottom: 15px;
	font-size: 18px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news .newstext p{
	height: 100px;
	font-size: 14px;
	color: #808080;
	line-height: 25px;
	overflow: hidden;
}
.news a.more01{
	float: right;
	height: 20px;
	padding: 5px 20px;
	color: #163f97;
	border: 1px solid #163f97;
}
.newslist li .newstext:hover a{
	color: #164299;
}
.newslist{
	width: 930px;
	font-size: 16px;
	line-height: 40px;
}

.newslist .span1{
	float: left;
	width: 620px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newslist .span2{
	float: right;
}

.aboutbaby .title{
	text-align: center;
	padding:20px 0 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
}
.aboutbaby .title h1{
	font-size: 18px;
	color: #000000;
}
.aboutbaby .con{
	font-size: 14px;
	line-height: 1.7px;
	padding-bottom: 30px;
}
.aboutbaby .con p{
	line-height: 30px;
}


#main-p .p-right .videolist{width: 102%;}
#main-p .p-right .videolist li{
	float: left;
	width: 455px;
	height: 180px;
	background: #f0f0f0;
	margin:0 0 30px 10px;
	cursor:pointer
}
#main-p .p-right  .videolist li .sect-z{
	float: left;
	width: 232px;
	height: 180px;
	overflow: hidden;
}
#main-p .p-right  .videolist li .sect-y{
	position: relative;
	float: right;
    width: 205px;
    height: 170px;
    overflow: hidden;
    line-height: 25px;
    padding-right: 2px;
	
}
#main-p .p-right .videolist li .sect-y:after{
	content: "";
	position: absolute;
	top: 60px;
	left: 0;
	width: 14px;
	height: 3px;
	background: #bbb;
}
#main-p .p-right .videolist  li h4{
	margin: 25px 0 20px 0;
	font-size: 14px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.videolist .sect-z{
	position: relative;
	float: left;
	width: 241px;
	height: 180px;
	margin-right: 15px;
	overflow: hidden;
}

.videolist .sect-z:after{
	content: "";
	position: absolute;
	top: 180px;
	left: 0;
	width: 241px;
	height: 180px;
	background: url(../img/bof_11.png);
}

.videolist .sect-z:hover:after{
	top: 0;
}
#main-p .p-left .lefton{
	background-color: #cddbf3;
}