* { margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: "微软雅黑"; }
img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
body { overflow-x: hidden; }
.clear { clear: both; }
.hade-bg { background-color: #f7f7f7; height: 100px; box-shadow: 0px 2px 6px 0px rgba(6, 0, 1, 0.1); -webkit-box-shadow: 0px 2px 6px 0px rgba(6, 0, 1, 0.1); z-index: 100; position: relative; }
.hade-box { width: 1200px; margin: 0 auto; }
.head-logo { width: 320px; height: 100px; float: left; }
.head-logo img { width: 320px; display: block; }
.nva-list { font-size: 14px; float: right; margin-right: 40px; font-weight: 400; }
.nva-list li { float: left; margin: 0 17px; line-height: 100px; }
.nva-list li a { color: #333; line-height: 98px; display: block; }
.nva-list .nva-active { border-bottom: 2px solid #cc0033; }
.nva-list .nva-active a { color: #CC0000; }
.nva-list li:hover { border-bottom: 2px solid #cc0033; }
.nva-list li:hover ul li { border: none; }
.nva-list li:hover a { font-size: 14px; font-weight: none; color: #CC0000; }
.nva-list li:hover ul a { color: #fff; }
.nva-list li { position: relative; }
.nva-list li ul { position: absolute; left: 0; width: 200px; background-color: #333333; padding: 0px 0; top: 100px; }
.nva-list li ul li { float: none; line-height: 0; margin-left: 0; width: 100%; }
.nva-list li ul li a { line-height: 30px; color: #fff; border-bottom: 0px solid #444; /*	padding: 5px;
*/    padding-top: 5px; padding-right: 16px; padding-bottom: 5px; padding-left: 16px; }
.nva-list li ul li:hover a { background-color: #cc0000; }
.banner-box { overflow: hidden; position: relative; }
.banner li img { width: 100%; display: block; }
.banner-dian { overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); bottom: 22px; }
.banner-dian li { width: 12px; height: 12px; background-color: #ccc; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; float: left; margin: 0 5px; cursor: pointer; }
.banner-dian .dian-active { background-color: #cc0000; }
.prev-banner, .next-banner { width: 67px; height: 116px; border: 1px solid #f7f7f7; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); cursor: pointer; }
.prev-banner { left: 10%; background: url(../images/tb_01-1.png) no-repeat; background-position: 50%; }
.next-banner { right: 10%; background: url(../images/tb_01.png) no-repeat; background-position: 50%; }
.next-banner:hover { background: #cc0000 url(../images/tb_01.png) no-repeat; background-position: 50%; border: 1px solid #CC0033; }
.prev-banner:hover { background: #cc0000 url(../images/tb_01-1.png) no-repeat; background-position: 50%; border: 1px solid #CC0033; }
.product-box { width: 1200px; margin: 0 auto; padding-top: 60px; }
.product-title { background-color: #CC0000; width: 229px; padding-top: 42px; padding-bottom: 20px; float: left; }
.product-title h2 { font-size: 24px; color: #fff; margin-left: 30px; }
.product-title h3 { font-size: 13px; color: #eee; font-family: arial; margin-left: 30px; margin-top: 18px; }
.product-title span { width: 1px; height: 66px; background-color: #990000; display: block; margin-left: 30px; margin-top: 30px; }
.cp-box { height: 36px; position: relative; overflow: hidden; margin: 15px; }
.cp-title { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); width:100%;text-align:center; }
.cp-title li { font-size: 14px; border: 1px solid #dfdfdf; margin: 0 10px;display:inline-block; }
.cp-title li a { color: #666; /*	padding: 7px;
*/	
padding-top: 7px; padding-right: 15px; padding-bottom: 7px; padding-left: 15px; display: block; }
.cp-title li:hover, .cp-title .cp-active { border-color: #CC0000; background-color: #CC0000; }
#product { overflow: hidden; }
.cp-title li:hover a, .cp-title .cp-active a { color: #fff; }
.gd { margin-left: 30px; margin-top: 30px; }
.gd a { color: #ddd; font-size: 15px; width: 145px; height: 46px; border: 1px solid #fff; display: block; line-height: 48px; position: relative; }
.gd a p { margin-left: 17px; }
.gd a::before { content: ""; width: 58px; height: 7px; background: url(../images/tb_07.png) no-repeat; position: absolute; right: 0; margin-right: -30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.gd a:hover { background-color: #fff; color: #CC0000; }
.gd a:hover::before { margin-right: -40px; }
.prodict-1 { width: 321px; height: 302px; position: relative; float: left; margin-left: 34px; }
.prodict-1 a img { width: 321px; display: block; }
.prodict-1 a p, .product-2 a p, .product-y-t p { font-size: 15px; color: #333333; font-weight: 600; position: absolute; width: 90%; height: 68px; text-align: center; line-height: 68px; bottom: 30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); background: rgba(250,250,250,.8); }
.prodict-1:hover p, .product-2:hover p, .product-y-t:hover a { color: #CC0000; }
.product-2 { width: 584px; height: 246px; position: relative; margin-top: 34px; }
.product-2 img { width: 584px; display: block; }
.product-right { width: 582px; float: left; margin-left: 34px; }
.product-left { float: left; }
.product-y-t { width: 582px; height: 582px; position: relative; overflow: hidden; }
.carousel-inner { position: absolute; width: 100%; height: 537px; top: 0; left: 0; }
.carousel-item { float: left; height: 537px; }
.carousel-btn { position: absolute; width: 109px; height: 90px; bottom: 0; cursor: pointer; }
.carousel-prev-btn { left: 8px; background: #CC0000 url(../images/tb_07.png) no-repeat; background-position: 50%; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
.carousel-next-btn { left: 8px; margin-left: 109px; background: #f7f7f7 url(../images/tb_11.png) no-repeat; background-position: 50%; }
.product-y-t p { bottom: 123px; }
.product-y-t a { width: 100%; height: 100%; display: block; color: #333; }
.about-box { margin-top: 60px; height: 100%; position: relative; background-color: #F7F7F7; overflow: hidden; }
.about-left, .about-right { width: 50%; float: left; overflow: hidden; }
.about-img img { display: block; }
.about-right { background-color: #f7f7f7; padding-top: 108px; }
.about-right h4, .about-right p { margin-left: 10%; margin-right: 10%; }
.about-right h4 { margin-top: 40px; font-size: 15px; color: #333; font-weight: 600; padding-bottom: 18px; position: relative; }
.about-right h4::before { content: ''; position: absolute; width: 36px; height: 1px; background-color: #CC0000; left: 0; bottom: 0; }
.about-right p { font-size: 14px; color: #666; line-height: 20px; margin-top: 15px; }
.about-right a { font-size: 14px; color: #666; margin-left: 10%; width: 145px; height: 46px; display: block; border: 1px solid #ddd; line-height: 46px; position: relative; margin-top: 36px; text-align: center; }
.about-right a::before { content: ""; width: 58px; height: 7px; position: absolute; right: 0; margin-right: -30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.about-right a:hover { background-color: #CC0000; border: 1px solid #CC0000; color: #fff; }
.about-right a:hover::before { margin-right: -40px; }
.about-title { width: 55%; background-color: #fff; position: absolute; top: 0; right: 0; padding-top: 18px; padding-bottom: 18px; z-index: 100; }
.about-title h2 { font-size: 24px; color: #333; margin-left: 36px; }
.about-title h3 { font-size: 13px; color: #ccc; font-family: arial; margin-left: 36px; margin-top: 6px; }
.case-bg { background: rgba(250,250,250,.85); position: relative; margin-top: 60px; }
.case-bg::before { content: ""; position: absolute; width: 100%; height: 100%; background: url(../images/case-bg.png) no-repeat; background-size: 100%; z-index: -1; background-attachment: fixed; }
.case-box { padding-top: 48px; padding-bottom: 48px; width: 1200px; margin: 0 auto; }
.titlie { text-align: center; }
.titlie h2 { font-size: 24px; color: #333; }
.titlie h3 { font-size: 12px; color: #ccc; font-family: arial; margin-top: 3px; }
.case-list { margin-top: 24px; position: relative; overflow: hidden; height: 317px; }
.case-list ul { position: absolute; top: 0; left: 0; width: 9999px; }
.case-list ul li, .case-ny ul li { width: 260px; float: left; margin: 0 20px; }
.case-ny ul li { margin-top: 20px; }
.case-list ul li:hover p, .case-ny ul li:hover p { color: #CC0000; }
.case-img { width: 260px; height: 195px; }
.case-img img { width: 260px; display: block; }
.case-list p, .case-ny p { font-size: 15px; color: #666; text-align: center; line-height: 57px; background-color: #fff; }
.case-al { position: absolute; top: 40%; margin-top: -25px; width: 50px; height: 50px; cursor: pointer; }
.pre { background: rgba(0,0,0,.7) url(../images/tb_15-1.png) no-repeat; background-position: 50%; left: 0; }
.next { background: rgba(0,0,0,.7) url(../images/tb_15.png) no-repeat; background-position: 50%; right: 0; }
.pre:hover { background: #CC0000 url(../images/tb_15-1.png) no-repeat; background-position: 50%; }
.next:hover { background: #CC0000 url(../images/tb_15.png) no-repeat; background-position: 50%; }
.news-box { width: 1200px; margin: 0 auto; padding-top: 60px; }
.news-box .titlie h2 { color: #CC0000; }
.news-box .titlie h3 { color: #CC6666; }
.news-left, .news-right { width: 570px; margin-top: 26px; float: left; }
.news-right { margin-left: 60px; }
.news-img { width: 570px; height: 221px; }
.news-img img { width: 570px; display: block; }
.news-sj span { font-size: 20px; color: #ccc; display: block; }
.news-sj b { font-size: 13px; color: #666; font-weight: normal; margin-top: 10px; display: block; }
.news-nr h2 { font-size: 15px; color: #666; font-weight: 600; }
.news-nr p { font-size: 12px; color: #999; line-height: 20px; margin-top: 15px; }
.news-right .news-list .news-nr p, .news-left .news-list .news-nr p { display: inline-block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-sj { float: left; padding: 20px 13px 19px 0; text-align: right; position: relative; height: 75px; }
.news-sj::before { content: ""; position: absolute; right: 0; top: 0;/*	width: 1px;
	height: 100%;
	background-color: #ebebeb;
*/}
.news-sj::after { content: ""; position: absolute; right: 0; top: 22px; width: 2px; height: 20px; background-color: #333; }
.news-nr { float: left; padding: 20px 0 30px; margin-left: 16px; }
.news-right .news-nr, .news-left .news-nr { width: 447px; }
.news-list li { overflow: hidden; padding: 0 17px; }
.news-list li:hover { background-color: #F7F7F7; box-shadow: 0px 2px 6px 0px rgba(6, 0, 1, 0.1); }
.news-list li:hover .news-nr h2 { color: #CC0000; }
.news-list li:hover .news-sj::before { background-color: #CC0000; }
.news-list li:hover .news-sj::after { background-color: #990000; }
.foot-bg { background-color: #333; margin-top: 60px; padding-top: 39px; }
.foot-box { width: 1200px; margin: 0 auto; }
.foot-left { float: left; }
.foot-nva { margin-left: 8px; }
.foot-nva li { float: left; margin-right: 30px; }
.foot-nva li a { font-size: 14px; font-weight: none; color: #cccccc; }
.foot-nva li:hover a, .foot span:hover a { color: #CC0000; }
.foot-lx { overflow: hidden; margin-left: 8px; margin-top: 16px; }
.foot-lx dd { font-size: 12px; color: #999; float: left; margin-right: 40px; }
.foot-img { width: 112px; float: right; margin-right: 52px; overflow: hidden; }
.foot-img img { width: 100%; display: block; }
.foot-img p { font-size: 12px; color: #ccc; text-align: center; margin-top: 8px; }
.foot { font-size: 12px; color: #999; border-top: 1px solid #222; overflow: hidden; margin-top: 16px; line-height: 36px; }
.foot p { float: left; margin-left: 8px; }
.foot span { float: right; margin-right: 26px; }
.foot span a { color: #999; }
.xf_box { position: fixed; width: 54px; right: 0; top: 400px; z-index: 100; }
.xf_box ul li { width: 54px; height: 54px; float: left; position: relative; border-bottom: 1px solid #444; }
.xf_box ul li .xf { position: absolute; width: 54px; height: 54px; top: 0; right: 0; transition: all 0.3s; background: #000; opacity: 0.8; filter: Alpha(opacity=80); color: #fff; font: 14px/54px "微软雅黑"; overflow: hidden; }
.xf_box ul li .xf-top { width: 54px; height: 54px; line-height: 54px; display: inline-block; background: #000; opacity: 0.8; filter: Alpha(opacity=80); transition: all 0.3s; }
.xf_box ul li .xf-top:hover { background: #CC0000; opacity: 1; filter: Alpha(opacity=100); }
.xf_box ul li img { float: left; }
.xf_box ul li:last-child { border: none; }
.ny-banner-box { position: relative; }
.ny-banner-box::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.ny-banner-box img { display: block; width: 100%; }
.dq-box { width: 1200px; margin: 0 auto; }
.dq-box ul { padding: 20px 10px; overflow: hidden; border-bottom: 1px solid #ccc; }
.dq-box ul li { float: left; font-size: 12px; color: #666; margin: 0 3px; }
.dq-box ul li a { color: #666; }
.title-list { width: 1200px; margin: 0 auto; padding-top: 20px; }
.title-list dl dd, .title-list dl dt { float: left; margin: 5px 3px; font-size: 14px; color: #666; display: inline-block; }
.title-list dl dd a { color: #666; /*	padding: 6px;
*/	padding-top: 6px; padding-right: 16px; padding-bottom: 6px; padding-left: 16px; display: inline-block; }
.title-list dl dd { border: 1px solid #ddd; margin: 5px 8px; }
.title-list dl dt { padding: 6px; }
.title-list dl dd:hover,.title-list dl dd.active, .page-box a:hover { border-color: #CC0000; background-color: #CC0000; }
.title-list dl dd:hover a,.title-list dl dd.active a, .page-box a:hover { color: #fff; }
.title-list .title-active, .page-box a.selected { border-color: #CC0000; background-color: #CC0000; }
.title-list .title-active a, .page-box ul .page-active a { color: #fff; }
.nr-box { width: 1200px; margin: 30px auto 0; }
.about-wb, .contact-box { font-size: 15px; color: #333; line-height: 25px; overflow: hidden; }
.about-wb img { max-width: 1200px; display: block; margin: 5px auto; }
.product-list ul li { width: 360px; height: 340px; position: relative; overflow: hidden; float: left; margin: 20px; background-color: #eee; }
.product-list ul li img { width: 360px; height: 260px; display: block; }
.product-list ul li p { position: absolute; font-size: 14px; color: #333; font-weight: 600; text-align: center; width: 90%; padding: 18px 0; bottom: 13px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); background: rgba(250,250,250,1); box-shadow: 0px 2px 6px 0px rgba(6, 0, 1, 0.1); }
.product-list ul li:hover p { color: #CC0000; }
.product-list ul li:hover { box-shadow: 0px 2px 6px 0px rgba(6, 0, 1, 0.1); }
.page-box { height: 44px; margin-top: 30px; text-align: center; }
.page-box a { display: inline-block; margin: 5px; border: 1px solid #ddd; height: 34px; line-height: 34px; width: 34px; text-align: center; color: #333; }
.page-box a.selected { border-color: #CC0000; background-color: #CC0000; color: #FFF; }
.page-box ul li span { margin: 5px; padding: 12px 12px; height: 34px; line-height: 24px; }
.page-box ul li span { line-height: 35px; text-align: center; font-size: 12px; }
.page-box ul li a { font-size: 12px; color: #666; padding: 6px 12px; display: block; }
.xq-title h1 { font-size: 24px; color: #333; text-align: center; }
.xq-sj { overflow: hidden; position: relative; height: 40px; margin: 10px 0; border-bottom: 1px dashed #ddd; }
.xq-sj ul { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.xq-sj ul li { float: left; font-size: 12px; color: #999; margin: 5px; }
.sx { margin: 20px 0; }
.sx li { font-size: 12px; font-weight: bold; color: #333; margin-top: 16px; }
.sx li a { color: #666; }
.sx li a:hover { color: #CC0000; border-bottom: 1px solid #CC0000; }
.news-ny { }
.news-ny li .news-sj { width: 379px; overflow: hidden; height: 142px; }
.news-ny li .news-sj img { width: 379px; height: 179px; display: block; }
.news-ny .news-nr { width: 750px; }
.news-ny .news-nr span { font-size: 13px; color: #ccc; margin-top: 15px; display: block; }
.news-ny .news-nr p { line-height: 28px; margin-top: 10px; color: #666; display: inline-block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-ny .news-nr a { font-size: 14px; color: #999; margin-top: 5px; display: block; }
.news-ny li:hover .news-nr a { color: #CC0000; }
.contact-box dl dt { color: #CC0000; font-size: 24px; }
.contact-box img { width: 100%; display: block; margin: 10px auto; }
.contact-box h2 { font-size: 24px; color: #333; text-align: center; margin-top: 15px; display: block; }
.contact-box form { overflow: hidden; margin-top: 20px; }
.contact-box form input, .contact-box form textarea { font-size: 15px; color: #333; display: block; outline: none; border: 1px solid #ccc; }
.contact-box form input:focus, .contact-box form textarea:focus { border-color: #CC0000; }
.contact-box form input[type="text"] { width: 508px; padding: 10px 5px; float: left; margin: 20px 40px; }
.contact-box form textarea { width: 1110px; height: 100px; padding: 10px 5px; margin: 20px 40px; }
.contact-box form input[type="submit"] { width: 1120px; padding: 10px 5px; margin: 20px 40px; color: #666; background-color: #eee; border-color: #eee; cursor: pointer; }
.contact-box form input[type="submit"]:focus, .contact-box form input[type="submit"]:hover { background-color: #CC0000; color: #fff; border-color: #CC0000; }
   
#message { color: #666; padding-left: 400px; }
#message form { padding: 0; margin: 0 }
#message form div { margin-top: 27px; margin-bottom: 10px }
#message form div input.formStyle { width: 292px; height: 40px; line-height: 40px; background-color: #fff; padding-left: 5px; border: 1px solid #666; color: #666; max-width: 90%; }
#message form div input { color: #666; height: 40px; line-height: 40px; background-color: #fff; padding-left: 5px; border: 1px solid #666; width: 120px }
#message form div textarea { color: #666; line-height: 26px; background-color: #fff; padding-left: 5px; border: 1px solid #666; width: 600px; height: 100px; max-width: 90%; outline: none }
#message form .vcode input { height: 42px;  float:left;}
#message form #ckstr_img {   background-color: #fff;height:43px;float:left;margin:0;margin-left:5px; }
#message form #save { border: 1px solid #305DC3; background: #305DC3; cursor: pointer; display: inline-block; width: 600px; padding:10px 20px; border-radius: 5px; color: #fff; font-size: 14px; vertical-align: top; text-align: center; line-height: 28px; transition: background 0.2s ease; -moz-transition: background 0.2s ease; -webkit-transition: background 0.2s ease; -o-transition: background 0.2s ease; -ms-transition: background 0.2s ease; margin-top: 20px;}
#save:hover, #save:active { background: #f33; outline: none; }