﻿@charset "utf-8";
/* CSS Document */

body, td, th { font-family: "微软雅黑", Arial, Helvetica, sans-serif; font-size: 12px; }
body { background: #f6f6f6 url(../images/bg.jpg); margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-repeat: repeat-x; }
a { font-size: 12px; color: #212121; }
a:link { text-decoration: none; }

a:hover { text-decoration: none; color: #FF6600; }
a:active { text-decoration: none; color: #FF6600; }
ul, li, div, p, dl, dt, dd, table, br, span, form, img { list-style:none; margin:0px; padding:0px; }
input { list-style:none; margin:0px; padding:0px; float:left; }
IMG { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px }
h1, h2, h3, h4 { font-size:100%; font-weight:normal; margin:0; padding:0; }

/*topstyle*/
.topbox { width:1000px; height:auto; overflow:hidden; margin:auto; }
.logo { width:501px; height:107px; float:left; }
.searchbox { width:218px; height:107px; margin-left:201px; float:left; }
.lanages { width:218px; height:55px; line-height:55px; text-align:right; color:#9a9a9a; }
.lanages a { color:#9a9a9a; }
.search { width:218px; height:32px; background:url(../images/ser.png) no-repeat left top; border:0px; color:#fff; line-height:32px; }
.search input[type=text] { background:none; border:none; width:160px; height:32px; padding-left:36px; line-height:32px; outline:none;}
.search input[type=submit] { background:none; border:none; outline:none; width:58px; height:32px; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; }
.meun { width:1000px; height:42px; margin:auto; }
.meun ul li { width:110px; height:42px; line-height:42px; display:block; float:left; font-size:16px; color:#fff; background:url(../images/online.jpg) no-repeat right top; text-align:center; }
.meun ul li a { font-size:16px; display:block; color:#fff; }
.meun ul li a:hover { color:#fff; background: url(../images/menu_bg.jpg) repeat-x top left; display:block; }

/*手机菜单*/
.top2 {height:60px; width:100%; display:none; }
.widt_mold { padding:0 5% 0 0; }
.mo2 { position:fixed; right:15px; z-index:9999; padding-top:10px; }
.mo2 img { display:block; margin:0px auto; }
.top2bg{ width:100%; height:61px; border-bottom:1px solid #141414; position:fixed; z-index:998; background:#080809;}
/*头部样式结束*/

/*热点公告*/
.hot_news{ background:#f0f0f0; padding:20px 0px; display:none;}
.hot_serch { width:218px; height:32px; background:url(../images/ser.png) no-repeat left top; border:0px; color:#fff; line-height:32px; margin:0px auto;}
.hot_serch input[type=text] { background:none; border:none; width:160px; height:32px; line-height:32px; outline:none;}
.hot_serch input[type=submit] { background:none; border:none; outline:none; width:58px; height:32px; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; }



.banner2{ display:none;}
.banner { margin:0px auto; width:100%; overflow:hidden; }
#fader { position:relative; width:100%; height:622px; overflow:hidden; }
#fader li { position:absolute; width:1800px; margin-left:-900px; top:0px; left:50%; }
#fader ul li img { height:622px; }
.fader-nav { width:11px; display:inline-block; background:#bbb; height:11px; overflow:hidden; cursor:pointer; margin-right:8px; }
.fader-cur-nav { width:11px; display:inline-block; background:#fff; height:11px; overflow:hidden; cursor:pointer; margin-right:8px; }
.clear { clear:both; }
.nav { width:100%; height:195px; margin:auto; position:absolute; top:576px!important; top:576px; z-index:999; }
.prodbox { width:1000px; height:auto; overflow:hidden; margin:auto; }
.indexbox { width:100%; height:auto;}
.con3{ width:100%; padding:10px 0px; background:#fff; overflow:hidden; margin-top:20px;}
.protop2{ width:1000px; margin:0px auto;}

.infos img{ max-width:100%;}

/*脚注*/
.footer{ width:100%; background:#000;}
.indexdown { width:1000px; margin:0px auto; height:auto; overflow:hidden; background-color:#000; }
.indexnavb { width:1000px; height:auto; overflow:hidden; margin: auto; padding-bottom:25px; border-bottom:1px #252525 solid; }
.i_about { width:200px; height:auto; overflow:hidden; margin-top:20px; float:left; }
.i_about h1 { width:200px; height:35px; font-size:16px; color:#fff; font-weight:bold; }
.i_aboutna { width:200px; height:auto; overflow:hidden; }
.i_aboutna ul li { width:200px; height:25px; line-height:25px; color:#ccc; }
.i_aboutna ul li a { color:#ccc; }
.i_pro { width:400px; height:auto; overflow:hidden; float:left; margin-top:20px; }
.i_pro h1 { width:400px; height:35px; font-size:16px; color:#fff; font-weight:bold; }
.i_probox { width:400px; height:auto; overflow:hidden; }
.i_probox ul li { width:200px; height:25px; line-height:25px; float:left; display:block; color:#ccc; }
.i_probox ul li a { color:#ccc; }
.foot { width:1000px; height:auto; overflow:hidden; margin:auto; line-height:22px; color:#bbbbbb; font-size:12px; }
.slogo { width:350px; height:auto; overflow:hidden; float:left; padding:15px 0px; text-align:center; }
.footright { width:650px; height:auto; overflow:hidden; float:left; padding:15px 0px; }

/*link*/
.ff1{height:52px; padding-top:20px;}
.ff1 ul{ clear:both;}
.ff1 ul li{ float:left;}
.ff1 ul li a{ display:block; height:41px; width:41px; text-indent:-1000px; margin-right:10px; margin-bottom:10px;}
.ff1 ul li a.fa1{ background:url(../images/footer_icon.png) no-repeat 0px 0px;}
.ff1 ul li a.fa1:hover{ background:url(../images/footer_icon.png) no-repeat 0px -54px;}

.ff1 ul li a.fa2{ background:url(../images/footer_icon.png) no-repeat -49px 0px;}
.ff1 ul li a.fa2:hover{ background:url(../images/footer_icon.png) no-repeat -49px -54px;}

.ff1 ul li a.fa3{ background:url(../images/footer_icon.png) no-repeat -97px 0px;}
.ff1 ul li a.fa3:hover{ background:url(../images/footer_icon.png) no-repeat -97px -54px;}

.ff1 ul li a.fa4{ background:url(../images/footer_icon.png) no-repeat -146px 0px; width:42px; height:42px;}
.ff1 ul li a.fa4:hover{ background:url(../images/footer_icon.png) no-repeat -146px -54px;}

.ff1 ul li a.fa5{ background:url(../images/footer_icon.png) no-repeat -196px 0px; width:42px; height:42px;}
.ff1 ul li a.fa5:hover{ background:url(../images/footer_icon.png) no-repeat -196px -54px;}

.ff1 ul li a.fa6{ background:url(../images/footer_icon.png) no-repeat -245px 0px; width:42px; height:42px;}
.ff1 ul li a.fa6:hover{ background:url(../images/footer_icon.png) no-repeat -245px -54px;}




/*产品*/
.protop { width:100%; height:90px; overflow:hidden;  color:#838383;  line-height:90px;}
.protop p{ width:1000px; margin:0px auto; text-align:center; text-transform:uppercase; font-family:Arial; font-size:30px; font-weight:bold; }

.inabout { width:341px; height:auto; overflow:hidden; float:left; border-right:1px #e9e9e9 solid; }
.inabout h1 { font-size:16px; height:45px; line-height:45px; text-align:left; }
.inaboutimg { width:341px; height:auto; overflow:hidden; }
.indenav { width:341px; height:auto; line-height:22px; overflow:hidden; margin-top:10px; }
.midews { width:300px; height:auto; overflow:hidden; float:left; border-right:1px #e9e9e9 solid; margin-left:18px; }
.midews h1 { font-size:16px; height:45px; line-height:45px; text-align:left; }
.midete { width:300px; height:auto; line-height:22px; overflow:hidden; }
.mideinput { width:300px; height:32px; margin:15px auto; }
.proad { width:auto; height:195px; float:left; }
.innews { width:320px; height:auto; overflow:hidden; float:left; margin-left:19px; }
.innews h1 { font-size:16px; height:45px; line-height:45px; text-align:left; }
.innew { width:320px; height:auto; overflow:hidden; }
.innew ul li { width:320px; height:35px; line-height:35px; border-bottom:1px #e9e9e9 solid; }
/********************图片不间断滚动*******************/
#demo { width:1000px; margin:auto;}
#indemo { float: left; width:1000px; }
#demo1 { float: left; }
#demo2 { float: left; margin-left:7px; }
.p_top3 { width:100%; height:auto; overflow:hidden; margin-top:20px; }
.p_top3 ul{ margin-left:-10px;}
.p_top3 ul li { float:left; width:225px; text-align:center; height:auto; margin-right:0px; margin-bottom:50px; margin-left:10px; display:inline; }
.p_top3 ul li a img { width:225px; height:225px; border:0px #e6e6e6 solid; padding:0px; }
.p_top3 ul li h3 { height:30px; width:225px; line-height:50px; text-align:center; }  /* height:22px;ĳ44 */

/*内页banner*/
.aboutbanner { width:100%; height:348px; background:#0f0f10; }
.banners { margin:auto; width:1000px; height:420px; position:relative; }
#slides { position:absolute; top:0px; left:0px; }
.slides_container { width:1000px; overflow:hidden; position:relative; display:none; }
.slides_container a { width:1000px; height:348px; display:block; }
.slides_container a img { display:block; }

.pagination { position:absolute; left:450px; top:320px; width:100px; z-index:150; }
.pagination li { float:left; margin:0 4px; list-style:none; }
.pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(../images/pagination.png); background-position:0 0; float:left; overflow:hidden; }
.pagination li.current a { background-position:0 -12px; }
.navtop { width:1000px; height:64px; line-height:64px; text-align:right; font-size:18px; border-bottom:1px #e5e5e5 solid; margin:auto; }
.navtop a { width:1000px; height:64px; line-height:64px; text-align:right; font-size:18px; }

.navbox { width:1000px; height:auto; overflow:hidden; margin:auto; }
.navboxleft { width:210px; height:auto; overflow:hidden; float:left; min-height:700px; border-right:1px #e5e5e5 solid; }
.navboxleft h1 { width:210px; height:65px; line-height:65px; font-size:24px; }
.navlistbox { width:210px; height:auto; overflow:hidden; margin:25px auto; }
.sanji,.sannavlistbox{ display:none;}
.navlistbox ul li { width:210px; height:40px; line-height:40px; border-bottom:1px #e5e5e5 solid; text-align:center; }
.navlistbox ul li a{ display:block;width:210px; height:40px;}
.navlistbox ul li a.current,.navlistbox ul li a:hover { line-height:40px; background:#6a0006; color:#fff;  }
.skype { width:210px; height:auto; overflow:hidden; }
.skype ul li { width:66px; height:21px; margin-top:12px; margin-right:3px; float:left; display:block; }
.navright { width:760px; height:auto; overflow:hidden; float:left; margin-left:29px; margin-top:20px; padding-bottom:35px; }
.ge { line-height:25px; text-align:justify; }

/*资质*/
.quali { width:760px; height:auto; overflow:hidden; margin-top:20px; }
.quali ul li { float:left; width:200px; text-align:center; height300px;
margin-right:37px; margin-left:13px; display:inline; }
.quali ul li a img { width:196px; height:246px; border:1px #e6e6e6 solid; padding:1px; }
.quali ul li a:hover img { width:196px; height:246px; border:1px solid #ff7a00; padding:1px; }
.quali ul li h3 { height:50px; width:196px; line-height:50px; text-align:center; }  /* height:22px;ĳ44 */


.nav_n_b_right { width:760px; margin-top:10px; height:auto; overflow:hidden; padding-bottom:15px; }
.nav_n_b_right h1 { font-size:24px; color:#000; }

.nav_n_b_righttop { width:760px; height:50px; line-height:50px; color:#00afd8; font-size:24px; }
.nav_n_b_righttop a { color:#00afd8; font-size:24px; }
.nav_n_b_rightnav { width:760px; height:auto; overflow:hidden; }
.nav_n_b_rightnavimg { width:161px; height:157px; float:left; }
.nav_n_b_rightnavr { width:578px; height:auto; overflow:hidden; float:left; margin-left:20px; }
.navnnn { width:578px; height:119px; line-height:20px; }
.nav_n_b_rightnavr h3 { height:39px; line-height:39px; width:170px; background:#6f0006; text-align:center;}
.nav_n_b_rightnavr h3 a{ color:#fff; font-size:14px;}
.navprobox { width:210px; height:auto; overflow:hidden; }

.pro1px { width:210px; height:40px; line-height:40px; border-bottom:1px #e5e5e5 solid; text-indent:15px; }
.pro1px a:hover { width:210px; height:40px; line-height:40px; background:url(../images/about_06.jpg) no-repeat left center; color:#fff; text-indent:15px; display:block; }
.pro2px { width:210px; height:auto; overflow:hidden; border-bottom:1px #e5e5e5 solid; }
.pro2px h1 { width:210px; height:40px; line-height:40px; background:url(../images/about_09.jpg) no-repeat left center; text-indent:15px; }
.pro2px h1 a:hover { width:210px; height:40px; line-height:40px; background:url(../images/about_10s.jpg) no-repeat left center; color:#fff; text-indent:15px; display:block; }
.pro2pxli { width:210px; height:auto; overflow:hidden; color:#626263; }
.pro2pxli ul li { width:210px; height:25px; line-height:25px; text-indent:15px; color:#626263; }
.pro2pxli ul li a { color:#626263; }
.pro2pxli ul li a:hover { color:#73bf43; }
.indexboxee { width:760px; height:auto; overflow:hidden; margin:auto; }
#main-right2se { width:760px; float:left; height:auto; overflow:hidden; vertical-align: middle; }
#main-right2se ul li { width:216px; height:380px; float:left; margin:14px 8px 14px 23px; }
#main-right2se ul li a { border:#efefef 2px solid; display:block; width:216px; min-height:380px; }
#main-right2se ul li a:hover { border:2px solid #0082cc; }
#timge { width:200px; height: 200px; padding:8px; }
.imgimge { width:200px; height:200px; }
.imgimge img{ width:200px; height:200px;}
.imgtexte { width:200px; height:auto; overflow:hidden; margin:auto; }
.imgtexte h2 { line-height:24px; padding-top:10px; font-weight:bold; }
.imgtextse { width:200px; line-height:18px; height:75px; overflow:hidden; color:#666666; padding-top:3px; }
#th3e { width:200px; height:30px; text-align:left; color:#0082cc; }
#th3e { width:105px; height:30px; color:#0082cc; background:url(../images/view.jpg) no-repeat; display:block; margin:auto; text-indent:10px; padding-top:5px; }
#main-right2se ul li a:hover #th3e { width:105px; height:30px; color:#fff; background:url(../images/views.jpg) no-repeat; display:block; }
/*link*/
.linkbox { width:1000px; height:auto; overflow:hidden; border-top:1px #dedede solid; margin:15px auto; }
.linkbox ul li { width:142px; float:left; padding:15px 0px; margin-right:12px; }

.table_pic tr td img{ width:100%; height:auto;}

/*视频*/
.video{ width:760px;}
.video ul{ margin-left:-20px;}
.video ul li{ float:left; width:370px; margin-left:20px; overflow:hidden; margin-bottom:20px;}
.vidro_shipin{ height:350px;}
.video ul li .wenzi_video{ text-align:center; line-height:30px; font-size:18px; overflow:hidden;}

/*在线留言*/
.geetbooks{ width:650px; margin:0px auto;}
.geetbooks .p2{ line-height:24px; display:block; height:24px; margin-bottom:5px;margin-top:20px;}
.geetbooks .p1{ width:100%; height:40px; line-height:40px; overflow:hidden;}
.geetbooks .p1 input{ display:block; border:1px solid #ccc; height:40px; padding:0px 15px; line-height:40px; color:#666; font-size:12px; width:400px; margin-bottom:20px;}
.geetbooks .buttom2{ padding-left:60px;}
.geetbooks .buttom2 input{ width:120px; height:35px; line-height:35px; border:none; background:#6a0006; color:#fff; font-size:14px; cursor: pointer;}
.geetbooks .p1 span{ color:red;}
.geetbooks .p3 textarea{ border:1px solid #ccc;height:200px; line-height:25px; color:#666; font-size:12px; width:488px; margin-bottom:30px;}

a.anniu{ padding:8px 20px; background:#6a0006; color:#fff;border-radius:10px;}

/*联系我们代码 End*/
.inq_bg {background:url(../images/img_an.png) repeat; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; display:none;}
.inq{background:#fff; width:500px; height:360px; display:block; position:fixed; top:0; left:50%; margin-left:-250px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;-moz-box-shadow:0px 0px 20px #333333; -webkit-box-shadow:0px 0px 20px #333333; box-shadow:0px 0px 20px #333333;
border-radius: 5px; z-index:100; top:50%; margin-top:-260px; font-size:14px; line-height:24px; display:none;}
.inq .title{ background:#6a0006; padding-left:20px; height:40px; line-height:40px; color:#fff; font-size:16px; font-weight:bold;}
.inq .texts{font-size:14px; margin:0; line-height:16px; padding:5px 5px; width:220px; font-family:Arial, Helvetica, sans-serif;}
.inq .forms{padding-top:10px;}
.inq .forms h1{font-size:51px; color:#008c53; line-height:240px; text-align:center; display:block}
.inq .btnss{ background:#6a0006; color:#fff; width:120px; height:36px; line-height:36px; display:block; text-align:center; margin:0 auto; cursor:pointer; margin-top:6px;}
.inq .btnss:hover{ background:#008c53;}
.nocontent{text-align:center; display:block; line-height:160px; color:#666666; font-size:14px;}
.inq .close{width:26px;-moz-box-shadow:0 0 5px #333;-webkit-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333;height:26px;position:absolute;top:-10px;right:-10px;background:#f1f1f1;-webkit-border-radius:50px;-moz-border-radius:50px;cursor:pointer;-webkit-transition:all .2s ease-in-out;border-radius:50px;text-align:center;line-height:28px;font-size:22px; z-index:999; font-family:Arial, Helvetica, sans-serif;}
.inq .close:hover{-webkit-transform:rotate(360deg);background:#CCC;color:#fff}

.imglist img{
    cursor:pointer;
}

/*flickr style*/
div#flickrpager {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px;; text-align: center;clear:both;}
div#flickrpager a {border: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; padding-left: 6px; padding-bottom: 2px;  color: #0061de; margin-right: 3px; padding-top: 2px; text-decoration: none}
div#flickrpager a:hover {border: #000 1px solid;background-image: none; color: #fff;background-color: #0061de}
div#flickrpager a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de}
div#flickrpager span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px}
div#flickrpager a.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px}

/*badoo style*/
div#badoopager {padding-right: 0px; padding-left: 0px; font-size: 13px; padding-bottom: 10px; color: #48b9ef; padding-top: 10px; font-family: arial, helvetica, sans-serif; text-align:center;;clear:both;}
div#badoopager a {border-right: #f0f0f0 2px solid; padding-right: 5px; border-top: #f0f0f0 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 0px 2px; border-left: #f0f0f0 2px solid; color: #48b9ef; padding-top: 2px; border-bottom: #f0f0f0 2px solid; text-decoration: none}
div#badoopager a:hover {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid}
div#badoopager a:active {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid}
div#badoopager span.current {border-right: #FF6D06 2px solid; padding-right: 5px; border-top: #FF6D06 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #FF6D06 2px solid; color: #fff; padding-top: 2px; border-bottom: #FF6D06 2px solid; background-color: #ff6c16}
div#badoopager a.disabled {display: none}
div#badoopager input[type=text]{width:30px}