@charset "utf-8";
/* CSS Document */
body{font-family:"Microsoft Yahei",Arial Regular,宋体; font-size:16px; color:#666; background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,form,input,textarea,button,code,em,cite{padding:0; margin:0;}
img{border:0; max-width:100%;}
ol,ul,li{list-style:none;}
code,input,button,cite,textarea,select{font-family:"Microsoft Yahei";}
input,select,button,textarea{ font-size:14px; border:none; background: none;}
input{ outline:none;}
button{ cursor:pointer;}
i,em,cite{ font-style:normal;}
.cc:after {content: ".";display: block;height:0;clear: both;visibility: hidden;}
.cc {display: inline-block;} /* Hides from IE-mac \*/
* html .cc {height: 1%;}
.cc{display: block;} /* End hide from IE-mac */
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; outline:medium;font-family:Microsoft YaHei;}
h1,h2,h3,h4,h5{font-weight:400;}
table{border-collapse:collapse;}
a:link,a:visited{color:#666;text-decoration:none}
a:active,a:hover{color:#333;text-decoration:none}

.colorfff a:link,.colorfff a:visited{color:#fff;}
.colorfff a:active,.colorfff a:hover{color:#fff;}

.container-fluid{width: 100%; margin: auto;}
.content{ width: 1200px; margin: auto;}
.topline{background: #333333; height:5px; display: block;}
.head img{float: left; width: 130px; height:72px;}
.head ul{ float: left; margin-left: 320px;}
.head li{float: left; height: 72px; line-height: 72px; margin-left: 13px; width: 128px; text-align: center;position: relative;}
.head li.headf{width: 170px;}
.head li:hover a{display: block;}
.head li:hover a,.head li.headnow{background: #333333;}
.head li a:link,.head li a:visited{color:#666;}
.head li a:active,.head li a:hover,.head li:hover a,.head li.headnow a{color:#fff;}
.head li span{ width:100%; padding: 10px 0 20px 0; display: none; position: absolute; text-align: center; top:72px; left:0; background: #fff; z-index:999;}
.head li span p{height:40px;line-height:40px;border-bottom: 1px solid #ececec; overflow: hidden; margin: 0 12px; font-size: 14px;}
.head li span a:link,.head li span a:visited{color:#999; background: #fff;}
.head li span a:active,.head li span a:hover{color:#333;}
#swiper-container{width:100%; position:relative; margin:0 auto; height:600px;}
#swiper-container .swiper-slide{width:100%; height:600px;}
#swiper-container .swiper-slide a{height:100%; display:block;}
#swiper-container>.swiper-pagination{ bottom:30px!important; text-align:center; z-index:9999; position:absolute; width:100%;}
.me-bullet{width:8px; height:8px; display:inline-block; margin:0 4px !important; float:none; cursor:pointer; opacity:1; background:#cbcfd3;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.me-bullet-active{width: 8px; height:8px; background:#a2a8ae;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}


.indextt{float: left; text-align: center; width: 100%;font-size: 35px; color: #333;}
.indextt h4{ background: url(images/line_con.png) center bottom no-repeat;  text-align: center; padding-bottom:50px; margin-top: 60px;}
.indextt1_bg{background: url(images/bg1.jpg) center top no-repeat; height: 1390px;}
.indextt1 dl{width: 100%; float: left; background: #fff; height: 350px; margin-top: 35px;}
.indextt1 dt {width: 600px; float: left;}
.indextt1 dt img{width: 600px; height: 350px;}
.indextt1 dd{width: 600px; float: left;}
.indextt1 dd span{float: right; width: 48px; height: 64px; background: url(images/con1_bg.png) no-repeat; text-align: center;}
.indextt1 dd span.indexttfl{float:left;}
.indextt1 dd span img{width: 20px; height: 18px; margin-top:5px;}
.indextt1 dd span h5{font-size: 14px; color: #fff;}
.indextt1 dd h4{font-size: 25px; height: 30px; line-height: 30px; overflow: hidden; padding: 0 30px; margin-top:60px;}
.indextt1 dd p{color: #999; line-height:28px;height: 114px; overflow: hidden; padding:20px 40px 20px 30px;}
.indextt1 dd code{width: 135px; height: 40px; font-size: 14px; line-height:40px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid #e3e3e3; display: block; text-align: center; margin-left:30px;}
.indextt1 dd code:hover{background: #e2e2e2; cursor:pointer;}

.indextt2{width: 100%; float: left;}
.indextt2 dl{width:299px; float: left; border-right: 1px solid #e5e5e5;padding: 10px 0; margin-top: 25px;}
.indextt2 dl:last-child{border: none;}
.indextt2 dt{width: 270px; height: 400px; margin: auto;}
.indextt2 dd{width: 90%; text-align: center; padding: 0 5%;}
.indextt2 dd h4{font-size: 20px; color: #333; margin-top:20px;}
.indextt2 dd p{line-height: 30px; height: 30px; overflow: hidden; font-size: 14px;}
.indextt2 span{width: 100%; float: left; text-align: center; margin-top: 56px; }
.indextt2 span code{ background: #f7f7f7; display:inline; line-height: 40px;padding: 10px 60px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.indextt3{width: 100%; float: left; margin-top: 50px;}
.indextt3 dt{width: 500px; float: right;}
.indextt3 dt img{width: 500px; height: 370px;}
.indextt3 dd{width:700px; float: left;}
.indextt3 dd span{background: url(images/con2_bg.png) left top no-repeat; display: block; padding: 30px 0 0 45px; height: 93px;}
.indextt3 dd span h4{font-size: 30px; color: #333;}
.indextt3 dd span h5{font-size: 20px; color: #999;}
.indextt3 dd p{line-height: 28px; color: #999;width: 94%; float: left;}
.indextt3 dd p code{width: 135px; height: 40px;font-size: 14px; margin-top: 30px; line-height:40px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid #e3e3e3; display: block; text-align: center; }
.indextt3 dd p code:hover{background: #e2e2e2; cursor:pointer;}

.footerbg{background: #333; width: 100%; float: left; padding:50px 0 40px 0;}
.footer h4 img{width: 200px; height: 60px; float: left; margin-left: 100px;}
.footer dl{width: 570px; float: left; margin-left: 30px; color:#999;line-height: 30px;}
.footer dt{width: 100%; float: left;}
.footer dt code{margin: 0 10px;}
.footer dd{width: 100%; float: left;}
.footer dd code{margin-right: 20px; }
.footer a:link,.footer a:visited{color:#999;}
.footer a:active,.footer a:hover{color:#ccc;}
.footer ul{float: left; }
.footer li{float: left;line-height: 30px;}
.footer li img{width: 60px; height: 60px; margin-right: 13px;}

.nybanner{width:100%; height:450px;}
.nybanner a{height:100%; display:block;}
.nyproduct ul li{width: 399px; float: left; border-right: 1px solid #e5e5e5; margin-top: 45px; text-align: center; padding-bottom: 10px;}
.nyproduct ul li:last-child{border: none;}
.nyproduct ul li img{width: 390px; height: 290px;}
.nyproduct ul li h4{font-size: 20px; color: #333;line-height: 30px; height: 30px; overflow: hidden;}
.nyproduct ul li p{font-size: 14px; line-height: 30px; height: 30px; overflow: hidden;}
.page{width:100%; float:left; text-align:center; color:#999;font-size:14px; margin: 60px 0;}
.page a{height:28px; display:inline-block; line-height:28px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
text-align:center; padding:0 12px; margin:0 4px; border:1px solid #dcdcdd; }
.page a:link,.page a:visited{color:#999;}
.page a:active,.page a:hover,.page a.pagenow,.pagebtn1{color:#fff; background:#999; border-color:#999;}

.mytopmenu3mt{padding: 30px 0; float:left; width:720px;}
.mytopmenu3{ height:400px; cursor: pointer; width:590px; float: left; margin-top: 30px; }
.mytopmenu3 .swiper-slide{ height:360px;}
.mytopmenu3 .swiper-slide img{width: 590px; height: 360px; float: left; margin-top: 20px;}
.mytopmenu3-xm .swiper-wrapper{ margin-top: 35px;}
.mytopmenu3-xm .swiper-button-prev,.mytopmenu3-xm .swiper-button-next{width: 29px; height:18px; position: relative;}
.mytopmenu3-xm .swiper-button-prev{ background: url(images/ny2tit1_top.png) left top no-repeat; top:-350px; left:40px;}
.mytopmenu3-xm .swiper-button-prev:hover{ background: url(images/ny2tit1_top1.png) left top no-repeat; top:-350px; left: 40px;}
.mytopmenu3-xm .swiper-button-next{ background: url(images/ny2tit1_bottom.png) left top no-repeat; bottom:-20px;left: 40px;}
.mytopmenu3-xm .swiper-button-next:hover{background: url(images/ny2tit1_bottom1.png) left top no-repeat; bottom:-20px;left: 40px;}
.mytopmenu3-xm{width:98px; margin:0 auto; float: left; margin-right: 30px;}
.mytopmenu3-xm .swiper-slide{cursor: pointer; width:98px; text-align: center; height:35px; padding: 5px;}
.mytopmenu3-xm .swiper-slide img{width:98px; height:100%;}
.mytopmenu3-xm .swiper-slide-thumb-active {border:1px solid #e1e1e1;}
.nyproduct_xq{width:460px; float: right; margin-top: 60px;}
.nyproduct_xq h4{font-size: 25px; padding-left: 15px;}
.nyproduct_xq ul{width: 100%; border: 1px dashed #ccc; background: #f4f4f4; padding: 10px 0 20px 0; margin-top: 23px;}
.nyproduct_xq li{padding: 0 20px; font-size: 14px; line-height: 35px;}
.nyproduct_xq p{color: #999; font-size: 14px; line-height: 30px;margin-top: 15px; height: 90px; overflow: hidden;}
.nyproduct_zt{width: 100%; float: left;}
.nyproduct_zt h4{font-size: 20px; border-bottom: 1px solid #e9e9e9; width: 100%; line-height: 40px;}
.nyproduct_zt h4 code{border-bottom: 1px solid #333; padding-bottom: 7px;}
.nyproduct_zt p{line-height: 30px; padding-top: 30px;}
.nypage{width: 100%;border-top: 1px solid #e7e7e7; float: left;margin:60px 0; padding-top: 8px;}
.nypage ul li{width: 100%; float: left; line-height: 32px; margin-top: 15px;}
.nypage ul li code{background: url(images/con2.png) left center no-repeat; float: left; width: 82px; height: 32px; display: block; text-align: center; margin-right: 10px;}

.nyproduct_new dl{width: 100%; float: left; background: #fff;
	box-shadow:0px 0px 5px 3px #fafafa;
	webkit-box-shadow:0px 0px 5px 3px #fafafa;
	moz-box-shadow:1px 3px 10px 3px #fafafa;
	o-box-shadow:1px 3px 10px 3px #fafafa;
	padding: 23px 0;
	margin-top: 60px;
}
.nyproduct_new dt img{ width: 580px; height: 340px; float: left; margin-left: 23px;}
.nyproduct_new dd{width: 530px; float: left; margin-left: 40px;}
.nyproduct_new dd h4{font-size: 25px;padding-top: 50px;}
.nyproduct_new dd p{color: #999; line-height: 30px; height: 120px; overflow: hidden; margin:20px 0;}
.nyproduct_new dd h5 code{width: 135px; height: 40px; font-size: 14px; line-height:40px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid #e3e3e3; display: block; text-align: center; }
.nyproduct_new dd h5 code:hover{background: #e2e2e2; cursor:pointer;}
.nyproduct_ban{width:100%; height:400px;}
.nyproduct_ban a{height:100%; display:block;}

.nyabout_a p{width: 100%; float: left; line-height: 30px; font-size: 14px; text-align: center; margin:20px 0 50px 0;}
.nyabout_bg1{background: url(images/about_bg1.jpg) center top no-repeat; height: 640px;}
.nyaboutt1{width: 300px; float: left;}
.nyaboutt1 dt{width: 100%; text-align: center; margin-top:40px;}
.nyaboutt1 dt img{width: 140px; height: 140px;border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
.nyaboutt1 dd h4{font-size: 20px; color: #333; text-align: center; margin: 15px 0;}
.nyaboutt1 dd p{padding:0 30px 0 30px; line-height: 30px; color: #999; height: 180px; overflow: hidden;}
.nyaboutt1 dd p.nyabouttct{padding-left: 45px;}
.nyabout_bg2{background: url(images/about_bg2.jpg) left top no-repeat; height:480px; margin:60px auto;}
.nyaboutt2{width: 690px; float: right;}
.nyaboutt2 p{line-height: 30px; font-size: 14px; float: left; padding-top:30px;}
.mb60{margin-bottom: 60px;}
.message_bg{background: #f9f9f9;}
.messaget1{text-align: center;color: #333; width: 100%; float: left; margin-top: 15px;}
.messaget1 img{width: 30px; height: 23px; vertical-align:middle; margin-right: 10px;}
.ny4tit1{width: 100%; float: left; color: #666; margin-top:35px;}
.ny4tit1 dt{float: right; width: 580px; background: #fff; border: 1px solid #eaeaea;height:230px;border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.ny4tit1 dt textarea{ border: none; width: 530px; margin-top: 17px;height: 200px;outline: none;}
.ny4tit1 dt img{ margin: 18px 10px 0 15px; float: left; width: 16px; height: 19px;}
.ny4tit1 dd { width: 580px; float: left; border: 1px solid #eaeaea; height:54px;background: #fff;
border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  margin-bottom: 32px;}
.ny4tit1 dd img{ margin: 18px 10px 0 15px; float: left; width: 15px; height: 15px;}
.ny4tit1 dd input{border: none; width: 530px; height: 50px; line-height: 50px;}
.ny4tit2{width: 100%; float: left; text-align: center; margin-bottom: 60px;}
.ny4tit2btn{ cursor: pointer;outline: none; background:url(images/btn1.png) no-repeat; width: 386px; height:63px; padding-right:48px; color: #fff; border: none; font-size: 24px; font-weight: 700;}