@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0; list-style-type:none; box-sizing: border-box;}
body,p,h1,h2,h3,h4,h5,h6,div,span,em,a{font-family:"微软雅黑"; font-weight:normal; font-style:normal; color:#132942;}
ul,li,ol,li,dl,dt,dd,a{list-style:none; text-decoration:none;}
body{background:url(../images/banner/egg_shell.png);}

/*body*/
#bodychild{width:1180px; background:#FFF; margin:0 auto; box-shadow:0px 0px 50px rgba(0,0,0,0.2);}

/*header*/
#header{width:100%; overflow:hidden;}
.headerT{background:#65aadd; overflow:hidden;}
.headerL{float:left;}
.headerL-span{color:#FFF; float:left; font-size:13px; margin:4px 0 4px 12px;}
.headerR{float:right;}
.headerR-ul{float:right;}
.headerR-li{width:20px; float:left; margin:4px 4px;}
.headerR-li img{width:100%;}
.headerR-dl{margin:0 10px 0 20px; float:right; margin-top:4px;}
.headerR-dd{font-size:13px; color:#FFF; float:left;}
.headerR-dt{width:30px; float:left; line-height:28px;}
.headerR-dt img{width:100%;}
.headerBL{float:left; margin:10px 0 10px 10px;}
.headerBR{float:right; margin:6px 10px 6px 0; width:40%;}
.headerBL img{float:left;}
.headerBL-span{float:left; margin-top:16px; color:#65aadd; font-weight:600;}
.headerBR-span-box{float:right;}
.headerBR-span-TEL{font-size:13px; color:#999; background:url(../images/header-top-tb.png) no-repeat 0 3px; padding-left:16px; margin:0 20px;}
.headerBR-span-Mail{font-size:13px; color:#999; background:url(../images/header-top-tb2.png) no-repeat 0 6px; padding-left:20px;}
.header-search{float:right; width:400px; text-align:right; margin-top:8px;}
#searchform{position: relative;  display:inline-block; margin:0 0 2px; width:100%;}
#searchform #s {padding: 4px 0px 4px 10px !important; vertical-align:top; width:280px; margin-bottom:0px; border:none; border:1px solid #CCC;}
.searchbutton { height:30px; width: 27px; margin-left:-3px;}
#searchform #s{color:#bbb;}
input.searchbutton { background:#666 url(../images/search.png) no-repeat scroll center !important;}
.button, .button:visited, input[type="submit"]{background: #444; color:#fff; border:0;}
.button:hover, input[type="submit"]:hover{background: #666; color:#fff; border:0;}
.button, .button:visited, input[type="submit"], button{padding:6px 13px 9px 13px; cursor:pointer; font-size:13px; line-height:normal; height:26px; width:26px;}

#nav{width:100%; height:42px; position:relative; z-index:1;}
#banner{position:relative; z-index:0;}
@media(max-width:768px) {
	#nav{height:50px;}
}

/*category*/
#category{width:100%; overflow:hidden;}
.category-bg{background:url(../images/index/category.png) no-repeat center; height:36px; margin:20px 0 0;}
.category-box{width:1180px; margin:0 auto;}
.category-dl{height:390px; width:23%; margin:1%; border:1px solid #CCC; float:left; color:#444;}
.category-dl:hover{background:#6f94cd; color:#FFF;}
.category-dt{width:180px; margin:20px auto;}
.category-dt img{width:100%;}
.category-dd{text-align:center; font-size:16px;}
.category-dd2{padding:10px; font-size:13px; text-indent:2em; line-height:2;}

/*display*/
#display{width:100%; overflow:hidden; background:#EFEFEF;}
.display-bg{background:url(../images/index/product.png) no-repeat center; height:36px; margin:20px 0 0;}
.scrollpic{max-width:1180px; width:100%; margin:20px auto;}
#myscroll{display:block; width:1180px; position:relative; height:290px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0;}
#myscroll ul li a{display:block; float:left; width:100%; padding:0 10px; position:relative; height:290px; color:#333;}
#myscroll a .intro{position:absolute; left:0; z-index:10; background-color:rgba(255,255,255,0); margin:0 10px;}
#myscroll a .intro h5{margin:0; font-size:16px; font-weight:bold; padding:0 47px 0 15px; background:url(../images/go.png) right no-repeat; height:30px; width:275px; line-height:30px; border-bottom:1px solid rgba(215,0,15,0.1);}
#myscroll a .intro p{font-size:13px; line-height:20px; margin:10px 15px; height:40px; overflow:hidden;}
#myscroll a .intro{bottom:-51px;}
#myscroll a:hover .intro{bottom:0px;}

#mybtns{margin:1%; width:98%; display:block; height:28px;}
#mybtns a{width:28px; height:28px; display:block; float:left; margin-right:1px; background-color: #c1c1c1;}
#mybtns a:hover{background-color: #d7000f;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(../images/jt_lb.png);}
#mybtns #right{background-image:url(../images/jt_rb.png);}

@media(max-width:767px){
.scrollpic{max-width:524px; width:100%;}
#myscroll{width:524px;}
}
@media(max-width:523px){
.scrollpic{max-width:275px; width:100%;}
#mybtns{margin:2% 1%;}
#myscroll{width:275px;}
#myscroll ul li a{padding:0;}
#myscroll a .intro{margin:0;}
}

/*index-about*/
#index-about{width:100%; overflow:hidden;}
.index-about-bg{background:url(../images/index/about.png) no-repeat center; height:36px; margin:20px 0;}
.index-about-box{width:1180px; margin:0 auto;}
.index-aboutT{width:1160px; margin:0 auto; overflow:hidden;}
.index-aboutT-dt{float:left; width:50%;}
.index-aboutT-dt img{width:100%;}
.index-aboutT-dd{float:left; width:50%; text-indent:2em; font-size:13px; padding:0 28px; line-height:26px;}
.index-aboutB{width:1160px; margin:0 auto; overflow:hidden;}
.index-aboutB-dt{float:right; width:50%;}
.index-aboutB-dt img{width:100%;}
.index-aboutB-dd{float:left; width:50%; font-size:13px; padding:0 28px; line-height:20px;}

/*footer*/
#footer{width:100%; overflow:hidden; margin-top:40px;}
.footer-box{width:1180px; margin:0 auto;}
.footer-boxT{background:#62b0e3; overflow:hidden; margin-bottom:20px;}
.footer-LOGO{float:left; margin:10px 0 10px 60px;}
.footer-boxT-span{float:left; margin-left:60px; font-size:16px; color:#EEE; height:80px; line-height:80px;}
.footer-boxB{background:#62b0e3; overflow:hidden;}
.footer-boxB-dl{width:23%; margin:1%; float:left;}
.footer-boxB-dd{font-size:16px; font-weight:600; color:#FFF; padding-left:60px; margin-bottom:10px;}
.footer-boxB-dd2{font-size:13px; color:#DDD; padding-left:60px; line-height:1.8;}
.footer-boxB-dd2:hover{color:#FFF;}
.footer-boxB-dd3{font-size:13px; color:#DDD; width:200px; line-height:1.8;}
.footer-boxB-dd4{font-size:13px; color:#DDD; display:block; text-align:center;}
.footer-boxB-ewm{width:120px; margin:20px auto 0;}
.footer-boxB-ewm img{width:100%;}

.index-page{width:100%;}
.index-page-box{overflow:hidden;}
.index-page-span{float:left; font-size:13px; color:#DDD; line-height:1.8; width:60px;}
.index-page-input{float:right; width:200px; line-height:1.8; background:rgba(255,255,255,0.42); padding:0 0 0 12px;font-size:13px; color:#666; outline:none; border:none; display:block; margin-bottom:8px; border-radius:4px;}
.index-page-input:focus{background:rgba(255,255,255,0.32);}
.index-page-submit{float:right; width:200px; background:rgba(255,255,255,0.42); padding:4px; border:none; outline:none; font-size:13px; color:#D2D1D1; cursor:pointer; -webkit-transition:color .3s linear,background .3s linear;-moz-transition:color .3s linear,background .3s linear;-o-transition:color .3s linear,background .3s linear;transition:color .3s linear,background .3s linear;font-family:"微软雅黑"; border-radius:4px; display:block;}
.index-page-submit:hover{background:rgba(255,255,255,0.32);}
.index-send{
	padding:4px 10px;
	background:rgba(255,255,255,0.42);
	color:#FFF;
	font-size:13px;
	border-radius:2px;
	width:200px;
	float:right;
	text-align:center;
	margin-top:6px;
	cursor:pointer;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*page-bg*/
.page-bg{width:1178px; margin:0 auto;}
.page-bg img{width:100%;}
.page-bg2{display:none;}

/*about*/
#about{width:100%;}
.about-span-box{background:url(../images/LOGO/company.png) center no-repeat; height:59px; margin:40px 0;}
.about-box{width:1100px; margin:0 auto;}
.about-p{text-indent:2em; font-size:13px; line-height:2.2;}

/*about*/
#service{width:100%;}
.service-span-box{background:url(../images/LOGO/special.png) center no-repeat; height:59px; margin:40px 0;}
.service-box{width:1100px; margin:0 auto;}
.service-p{text-indent:2em; font-size:13px; line-height:2.2;}
.service-box-span{display:block; margin-top:40px; font-size:13px; font-weight:600;}

/*culture*/
#culture{width:100%;}
.culture-span-box{background:url(../images/LOGO/culture.png) center no-repeat; height:59px; margin:40px 0;}
.culture-span{text-align:center; display:block; font-size:36px; font-weight:600; color:#666;}
.culture-box{width:1100px; margin:0 auto;}
.culture-box-span{display:block; margin-top:20px; font-size:13px; font-weight:600;}
.culture-box-span2{font-size:13px; line-height:2.2;}

/*contact*/
#contact{width:100%;}
.contact-span-box{background:url(../images/LOGO/contact.png) center no-repeat; height:59px; margin:40px 0;}
.contact-span{text-align:center; display:block; font-size:36px; font-weight:600; color:#666;}
.contact-box{width:1100px; margin:0 auto 40px; overflow:hidden;}
.contact-boxL{width:49.5%; float:left;}
.contact-boxL-span{width:400px; float:left; color:#FFF; background:#65aadd; margin:6px 0; text-align:center; height:41px; line-height:41px; cursor:pointer; margin-left:60px;}
.contact-boxR{width:49.5%; float:right;}
.contact-boxR-dt{font-size:18px; font-weight:600; line-height:3;}
.contact-boxR-dd{font-size:13px; text-indent:2em; line-height:1.8;}
.contact-boxR-dd a{color:#0055AB;}
.contact-boxR-dd a:hover{color:#014E78;}

/*recruitment*/
#recruitment{width:100%;}
.recruitment-span-box{background:url(../images/LOGO/talent.png) center no-repeat; height:59px; margin:40px 0;}
.recruitment-span{text-align:center; display:block; font-size:36px; font-weight:600; color:#666;}
.recruitment-box{width:1100px; margin:0 auto 40px; overflow:hidden;}
.recruitment-dl{margin-bottom:20px;}
.recruitment-dt{font-weight:600; font-size:18px; line-height:1.8;}
.recruitment-dd{font-size:13px; line-height:1.8;}
.recruitment-dd2{font-size:13px; line-height:1.8; text-indent:3em;}
.recruitment-p{text-indent:2em; font-size:14px; font-weight:600; line-height:1.8;}

/*products*/
#products{width:100%;}
.products-bg img{width:100%;}
.products-bg2{display:none}
.products-span-box{width:1180px; border-bottom:1px dashed #CCC; margin:40px auto 20px; padding-bottom:60px;}
.products-span{text-align:center; display:block; font-size:36px; font-weight:600; color:#666;}
.products-box{width:1100px; margin:0 auto 40px; overflow:hidden; border-bottom:1px dashed #015786;}
.boxgrid{width:325px; height:260px; margin:20px; float:left; background:url(../images/products-bg.jpg) no-repeat; border:solid 2px #8399AF; overflow:hidden; position:relative;}
.boxgrid-h3{margin:10px 0 10px 10px; color:#FFF; font-size:16px; letter-spacing:-1px; font-weight:600;}
.boxgrid dl,.boxgrid dl span,.boxgrid dl p,.boxgrid dl b,.boxgrid dl strong{font-size:13px; color:#DDD; line-height:1.4; word-break:break-all; padding-left:16px;}
.boxgrid dl{ margin-left:15px; margin-right:15px;}
.boxgrid-dd{font-size:13px; color:#DDD; text-indent:2em; line-height:1.4;}


.boxgrid-p{padding:0 20px; color:#EEE; font-size:14px; display:block; margin-top:10px; text-align:right;}

.boxgrid-p:hover{color:#62B0E3;}
.boxgrid img{position:absolute; top:0; left:0; border:0;}	
.boxcaption{float:left; position:absolute; background:#000; height:100px; width:100%; opacity:.8;
/* For IE 5-7 */}
.captionfull .boxcaption{top:260px; left:0px;}
.caption .boxcaption {top:220px; left:0px;}
.page-number{display:block; text-align:center; overflow:hidden; margin-top:10px; clear:both}
.page-number a{background:#8399AF; margin:0 2px; color:#FFF; padding:0 6px; display:inline-block;}
.page-number a.seelct,.page-number a:hover{background:#E9E9E9; color:#8399AF;}
.number-span{background:#8399AF; margin:0 2px; color:#FFF; padding:0 6px;;}
.number-span:hover{background:#E9E9E9; color:#8399AF;}
.number-style{margin:0 2px; padding:0 6px; color:#8399AF; background:#E9E9E9;}

/*products*/
#products-page{width:100%;}
.products-page-span-box{width:1180px; border-bottom:1px dashed #CCC; margin:40px auto 20px; padding-bottom:60px;}
.products-page-span{text-align:center; display:block; font-size:28px; font-weight:600; color:#666;}
.products-page-box{width:1160px; margin:0 auto 40px; overflow:hidden; border-bottom:1px dashed #015786;}
.products-page-boxL{width:49.5%; float:left; border:1px solid #DDD;}
.products-page-boxL img{width:100%;}
.products-page-boxR{width:48%; float:right;}
.products-page-boxR-h1{font-size:16px; font-weight:600; float:left; margin-bottom:4px;}
.products-page-boxR-h2{font-size:16px; font-weight:600; float:left; margin:20px 0 10px;}
.products-page-boxR-span{font-size:14px; display:block; width:100%; float:left; line-height:1.6;}
.tr-color{background:#333; border:1px solid #333; margin:40px 0; float:left; text-align:center; width:100%;}
.tr-color th{background:#FFF; font-size:14px; font-weight:normal;}
.tr-color td{background:#FFF; font-size:14px; font-weight:normal; width:14%;}
.tr-size{background:#333; border:1px solid #333; margin:0 0 20px; float:left; text-align:center; width:100%;}
.tr-size th{background:#FFF; font-size:14px; font-weight:normal;}
.tr-size td{background:#FFF; font-size:14px; font-weight:normal; width:14%;}
.tr-size-span{float:left; font-size:15px; font-weight:600; margin-bottom:5px;}
#table-style{background:#BBB; color:#222; font-size:15px; font-weight:600;}
tr td{padding:6px 17px;}

/*news*/
#news{width:100%;}
.news-span-box{background:url(../images/LOGO/news.png) center no-repeat; height:59px; margin:40px 0;}
.news-box{width:1100px; margin:0 auto; overflow:hidden;}
.news-nav{float:left; overflow:hidden; margin:10px 0; width:100%; padding-bottom:20px; border-bottom:1px dotted #80A3C5;}
.news-box-h1{font-size:22px; line-height:2;}
.news-box-span{font-size:13px; width:100%; line-height:1.8; float:left; margin-bottom:8px;}
.news-box-time{font-size:13px; color:#999; float:left;}
.news-box-more{font-size:13px; color:#0055AB; float:left; margin-left:20px;}
.news-page-box{width:1100px; margin:0 auto; padding:20px; border:1px solid #DDD; overflow:hidden;}
.news-page-span{text-align:center; display:block; font-size:20px; font-weight:600; color:#666;}
.news-page-box img{width:100%;}
.news-page-p{text-indent:2em; font-size:13px; line-height:1.8;}
.news-return{float:right; font-size:13px; padding:4px 8px; background:#62B0E3; color:#FFF; margin-top:10px;} 



.css{width:400px; display:inline-block; position:relative; margin-left:60px;}
.css input{transition:0.1s all linear; width:400px; padding:10px 10px 12px 60px; margin:6px 0; font-size:12px; font-family:"微软雅黑"; color:#555; border:1px solid #AAA;}
.css label{position:absolute; top:18px; left:15px; font-size:12px; color:#AAA; transition:0.1s all linear; cursor:text;}
.contact-input .css.active input{padding-left: 70px;}
.contact-input .css.active label{top:7px; left:0; padding:11px; color:#FFF; background:#AAA;}










@media screen and (max-width:1180px){
	#bodychild{width:100%;}
	.category-box{width:100%;}
	.index-about-box{width:100%;}
	.index-aboutT{width:100%;}
	.index-aboutB{width:100%;}
	.footer-box{width:100%;}
	.footer-boxT{display:none;}
	.page-bg{width:100%;}
	.about-box{width:90%; margin:0 5%;}
	.service-span-box{width:100%; padding-bottom:10px;}
	.service-box{width:90%; margin:0 5%;}
	.culture-span-box{width:100%; padding-bottom:10px;}
	.culture-box{width:90%; margin:0 5%;}
	.products-span-box{width:100%; padding-bottom:10px;}
	.products-box{width:96%; margin:0 2%;}
	.products-page-span-box{width:100%; padding-bottom:10px;}
	.products-page-box{width:90%; margin:0 5%;}
	.news-span-box{width:100%; padding-bottom:10px;}
	.news-box{width:90%; margin:0 5%;}
	.news-page-box{width:90%; margin:0 5%; padding:2%;}
	.recruitment-span-box{width:100%; padding-bottom:10px;}
	.recruitment-box{width:90%; margin:0 5%;}
	.contact-span-box{width:100%; padding-bottom:10px;}
	.contact-box{width:90%; margin:0 5%;}
}

@media screen and (max-width:780px){
	.category-dl{width:48%; margin:1%;}
	.index-aboutT-dt{width:100%;}
	.index-aboutT-dd{width:100%;}
	.index-aboutB-dt{width:100%;}
	.index-aboutB-dd{width:100%;}
	.footer-boxB-ewm{display:none;}
	.footer-boxB-dd4{display:none;}
	.footer-boxB-dl{width:28%;}
	.contact-boxL{width:100%;}
	.contact-boxR{width:100%;}
	.index-page-span{width:50px;}
	.index-page-input{width:160px;}
	.index-page-submit{width:160px;}
	.index-send{width:160px; margin-top:8px;}
	.css{margin-left:0;}
	.contact-boxL-span{margin-left:0;}
}

@media screen and (max-width:450px){
	.category-dl{width:80%; margin:2% 10%;}
	.category-dt{width:70%;}
	.headerBL{margin:4px 10px 0;}
	.headerBR{width:100%; margin:6px 0;}
	.headerBR-span-box{display:none;}
	.header-search{width:310px; float:none; margin:8px auto 0;}
	.footer-boxB-dl{width:80%; float:none; display:block; margin:5% auto;}
	.footer-boxB-dd{padding-left:0;}
	.footer-boxB-dd2{padding-left:0;}
	.index-page-input{float:left;}
	.index-page-submit{float:left;}
	.index-send{float:left; margin:8px 0 10px 50px;}
	.footer-boxB-ewm{display:none;}
	.footer-boxB-dd4{display:none;}
	.contact-boxL{width:100%;}
	.contact-boxR{width:100%;}
	.contact-boxR-dt{text-align:center; margin-top:20px;}
	.css{margin:0; width:100%; margin:0 auto;}
	.css input{width:100%;}
	.contact-boxL-span{margin:0; width:100%;}
	.boxgrid{width:100%; overflow:hidden; margin:20px 0; background-size:100% 100%;}
	.cover{width:100%;}
	.headerR-ul{display:none;}
	.products-page-boxL{width:100%;}
	.products-page-boxR{width:100%;}
	.page-bg{display:none;}
	.page-bg2{display:block;}
	.page-bg2 img{width:100%;}
	.products-bg{display:none;}
	.products-bg2{display:block;}
	.products-bg2 img{width:100%;}
}