@charset "utf-8";
*{ margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0; font-size:100%; background:transparent; outline:0; border:0;}
li{list-style-type:none;}img{vertical-align:top;border:0; margin:0; overflow:hidden}ol,ul {list-style:none;}   
.left{float:left;}.right{float:right;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank5 {clear:both; height:5px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank40 {clear:both; height:40px; overflow:hidden; display:block;}
.blank50 {clear:both; height:50px; overflow:hidden; display:block;}
.cb{ clear:both;}.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
a{color: #242424; text-decoration: none; outline:none;}a:hover {color: #f60; text-decoration: underline}
body {background:#fff;font-size:14px;color: #242424;line-height:28px;font-family:Verdana; -webkit-text-size-adjust:none;}

.mainbody { width:1120px; margin:0 auto;}
.main2 { width:900px; margin:0 auto;}
.main { clear:both; width:1120px; margin:0 auto; background:url(../images/left_06.jpg) repeat-y left; overflow:hidden;}

.header {width:100%; height:80px; background:url(../images/dhbg.png) no-repeat center; overflow:hidden; position:absolute; top:43px; left:0; z-index:99;}
.head{width:1120px; margin:0 auto;height:80px; overflow:hidden;}
.head .logo { height:64px; float:left; margin-top:8px;}

.nav{width:840px; float:right;height:30px; overflow:hidden; padding:25px 0;}
.nav ul li { height:30px; text-align:center; float:left; background:url(../images/dh_06.png) no-repeat right center; padding-right:1px;font-family:Microsoft YaHei; font-size:15px;}
.nav ul li a,.nav ul li a:visited{color:#fff; height:30px; padding:0 12px;line-height:30px;display:block; margin:0 10px;}
.nav ul li a:hover{text-decoration:none; color:#000; background:#f7be83;}
.nav ul li img { vertical-align:middle; margin:0 5px 3px 0;}

#nav1 .nav1 a,#nav2 .nav2 a,#nav3 .nav3 a,#nav4 .nav4 a,#nav5 .nav5 a,#nav6 .nav6 a,#nav7 .nav7 a,#nav8 .nav8 a,#nav9 .nav9 a,#nav10 .nav10 a,#nav11 .nav11 a{text-decoration:none; color:#000; background:#f7be83;}

.banner { width:100%; height:630px; position:relative; overflow:hidden;}
.banner2 { width:100%; height:528px; position:relative; overflow:hidden;}
.flash { width:100%; height:630px; overflow:hidden; text-align:center; background:none;}
.flash2 { width:100%; height:528px; overflow:hidden; text-align:center; background:none;}

h1 { width:85%; text-align:center; font-size:20px; font-weight:bold; line-height:30px; color:#333; padding-bottom:10px; margin:0 auto;}

.tit { width:100%;height:30px; overflow:hidden; line-height:30px; padding-bottom:15px; border-bottom:#ddd 1px solid;}
.tit h3 {color:#d20000; font-size:28px; font-weight:bold; font-family:Microsoft YaHei;}
.tit h3 span {text-transform:uppercase; color:#b0afaf;font-family:Verdana; font-size:28px; padding-left:10px;}

.abtit { width:100%;height:30px; overflow:hidden; line-height:30px; padding:10px 0; text-align:center; background:url(../images/tit.jpg) no-repeat center;}
.abtit h3 {color:#fe8800; font-size:22px; font-weight:bold;}
.abtit h3 span {text-transform:uppercase; color:#c1c1c1;font-family:Verdana; padding-left:10px;}

.nyleft { width:266px; float:left; background:url(../images/left_03.jpg) repeat-y; overflow:hidden;}
.nyright { width:795px; float:right;}

.nyright .tit { margin-bottom:10px; padding-top:20px;}
.nyright .tit h3 {font-size:20px;}
.nyright .tit h3 span {font-size:20px; font-weight:100;}

.sypro { width:1120px; margin:0 auto; height:118px; background:url(../images/abg.jpg) no-repeat; overflow:hidden;}
.apro { width:1060px; clear:both; margin:0 auto; height:58px; line-height:58px; margin-bottom:2px;}
.apro h3 { float:left; width:162px; padding-right:35px; font-size:18px; color:#ff8900; font-weight:bold;}
.apro h3 a { background:url(../images/a3.png) no-repeat left center; padding-left:22px; display:inline-block;color:#ff8900;}
.apro li { float:left; font-size:15px;}
.apro li a { color:#404040; padding-right:20px; display:inline-block;}

.pro_img td { padding:0 6px;}
.pro_img .pro { width:193px; height:320px; overflow:hidden; background-position:center; background-repeat:no-repeat; text-align:center;}
.pro_img .pro p{ padding-top:287px; line-height:45px;}

.sybg { width:100%; height:419px; background:url(../images/main_02.jpg) no-repeat center; overflow:hidden;}

.syabout { padding-top:30px; overflow:hidden;}
.syabout img.abimg { float:right; margin-top:8px;}
.sytex { width:555px; float:left;}
.syab { width:555px; height:300px; overflow:hidden; font-size:15px; color:#585858; line-height:30px;}
.syab a { color:#ee7f00;}
.syab p { text-indent:2em;}
.sytex .aa { padding-top:32px;}
.sytex .aa a { width:118px; text-align:center; height:30px; line-height:30px; display:inline-block; margin-right:30px; color:#ff8900; text-decoration:none; border:#ffad4e 1px solid;}
.sytex .aa a.more,.sytex .aa a:hover { background:#ffad4e; color:#fff;}

.sydt { width:100%; height:498px; background:url(../images/main_08.jpg) no-repeat center; overflow:hidden;}
.ditu { width:1120px; margin:0 auto; padding-top:128px;}
.ditu ul { padding-left:35px; overflow:hidden;}
.ditu li { float:left; background-color:#fff; background-repeat:no-repeat; background-position: center 30px; padding:75px 40px 30px 40px; text-align:center; line-height:20px; margin:0 30px;}
.ditu li.s1 { background-image:url(../images/1_03.jpg);}
.ditu li.s2 { background-image:url(../images/1_05.jpg);}
.ditu li.s3 { background-image:url(../images/1_07.jpg); line-height:40px;}

.sousou { width:988px; margin:0 auto; border:#eaeaea 1px solid; padding:50px 65px;font-family:Microsoft YaHei; overflow:hidden;}
.sousou .ss_left { float:left; width:430px; padding-top:10px;}
.sousou .ss_left .ss1 { padding-bottom:5px;}
.sousou .ss_left .ss1 span { display:inline-block; float:right; text-align:right; color:#f18100;}
.sousou .ss_left .ss { width:423px; height:28px; border:#343434 1px solid; overflow:hidden;}
.sousou .tel { float:right; height:23px; margin-top:8px;}
.ss_right { width:440px; float:right;}
.ss_right a { width:47px; text-align:center; display:inline-block; margin:0 10px; color:#6d6d6d; padding-top:65px;}
.ss_right a.a1 { background:url(../images/main_11.jpg) no-repeat center 15px;}
.ss_right a.a2 { background:url(../images/main_13.jpg) no-repeat center 15px;}
.ss_right a.a3 { background:url(../images/main_15.jpg) no-repeat center 15px;}
.ss_right img { margin:0 10px;}
.ss2 { width:423px; height:28px; border:#343434 1px solid; overflow:hidden; margin:0 auto;}

.synav { width:266px; overflow:hidden;}
.synav h2 { clear:both;width:188px;padding:0 10px 0 40px; line-height:35px;display:block; background:#fff url(../images/a3.png) no-repeat 15px center; border:#e7996c 3px double; font-weight:bold; font-size:15px; margin:0 auto;}
.synav h2 a { color:#f18100;}
.synav ul { padding-top:5px; overflow:hidden; width:246px; padding-left:10px;}
.synav li {width:246px; float:left; background:url(../images/dian.png) repeat-x bottom; padding:3px 0;}
.synav li a {width:192px; background:url(../images/h1.png) no-repeat 15px center; display:block; color:#333; padding-left:44px;}

.pro1 li { float:left; width:238px; margin:10px 11px 5px 16px; text-align:center; overflow:hidden;}
.pro1 li .pimg { width:230px; height:153px;overflow:hidden;border:#efefef 1px solid; padding:3px;}
.pro1 li .pimg a{ width:230px; height:153px; display:block; position:relative;}
.pro1 li .pimg img { width:230px;height:153px; display:block; position:absolute; top:0; left:0;}
.pro1 li .pimg img.a1 { z-index:2}
.pro1 li .pimg img.a2 { z-index:22}
.pro1 li .pro { width:238px; height:28px; overflow:hidden;}

.pro3 li { float:left; width:252px; margin:10px 7px 5px 11px; text-align:center; overflow:hidden;}
.pro3 li .pimg { width:250px; height:170px;display:table;overflow:hidden;border:#efefef 1px solid; background:#fff;}
.pro3 li .pimg a {width:250px; height:170px;display:table-cell;vertical-align:middle; line-height:170px;}
.pro3 li .pimg img { max-width:244px; max-height:164px;padding:3px; vertical-align:middle;height:auto;width:auto;margin-top:expression((170-this.height)/2);}
.pro3 li .pro { width:252px; height:28px; overflow:hidden;}

.footer2 { clear:both; width:100%; padding:30px 0; color:#333;overflow:hidden; border-top:#f18100 9px solid;font-family:Microsoft YaHei;}
.footer2 span.zzb07tail a,.footer2 a{ color:#333;}
.bottom2 { width:1060px; margin:0 auto; overflow:hidden;}
.bottom2 .foot2 { width:760px; float:left;}
.bottom2 .foot2 .ftbq { width:100%; padding-bottom:5px;}
.bottom2 .foot2 .ftbq a{ padding:0 25px; margin-right:20px; display:inline-block; background:#f18100; color:#fff; text-decoration:none;}
.bottom2 .foot2 .tt { width:100%; float:left; height:41px; overflow:hidden; padding-top:10px; border-top:#d0d0d0 1px solid;}
.bottom2 .foot2 .tt p { float:left; padding-left:54px; line-height:41px;}
.bottom2 .foot2 .tt p.s1 {width:460px; font-size:17px; padding-right:20px; background:url(../images/index_04.jpg) no-repeat left center;}
.bottom2 .foot2 .tt p.s2 {width:170px; font-size:20px; background:url(../images/index_07.jpg) no-repeat left center;}
.bottom2 .ftew { float:right; overflow:hidden;}
.bottom2 .ftew li { float:left; width:95px; margin-left:30px; text-align:center;}
.bottom2 .ftew li img{ width:95px; height:95px; display:block;}

.sylx { clear:both; width:100%; background:url(../images/main_41.jpg) no-repeat center; height:329px; overflow:hidden;}
.sylx .lxwm {width:1016px; margin:0 auto; padding-top:80px; overflow:hidden;}
.sylx .lxwm li { float:left; width:254px; padding-top:145px; overflow:hidden; text-align:center; font-size:18px; color:#fff;}
.sylx .lxwm li a { color:#fff;}

.footer3 { clear:both; width:100%; text-align:center; height:48px; line-height:48px; color:#9d9d9d;overflow:hidden;  background:#2e2e2e;}
.footer3 span.zzb07tail a,.footer3 a{ color:#9d9d9d;}

.about { padding:0 30px;}
.about p {padding:5px 0; text-indent:2em;}

.product { width:900px; overflow:hidden;}
.product .apimg { width:900px; height:600px;overflow:hidden; position:relative;}
.product .apimg img { width:900px;height:600px; display:block; position:absolute; top:0; left:0;}
.product .apimg img.a1 { z-index:2}
.product .apimg img.a2 { z-index:22}

.product h5 { border-bottom:#999 1px dashed; line-height:30px; padding:0 10px;}
.product .h7 { width:160px; height:30px; margin:10px 0; line-height:30px; text-align:center;}
.product .h7 a { width:160px; height:30px; text-decoration:none; display:block; color:#f60; border:#f60 1px solid;}
.product .h7 a:hover { color:#fff; background:#f60;}

.news { padding:0 30px;}
.news p {padding:3px 0; text-indent:2em;}
.news img { max-width:100%; height:auto !important; height:100%; margin:5px 0;}

.contact { line-height:30px; padding:0 20px; background:url(../images/cont.jpg) no-repeat 550px center; overflow:hidden;}
.contact p {text-indent:2em;}
.contact strong { font-size:16px;}
.contact li { float:left;}

.pnpage { clear:both; text-align:center; border-top:#ccc 1px solid; padding-top:10px;}
.pnpage a { padding:0 15px; font-weight:bold;}

.close { clear:both; color:#f60; text-align:center; padding-top:10px;}
.close a{color:#f60; }

ul.newlist{widht:750px; overflow:hidden; padding-left:25px;}
ul.newlist li { border-bottom:#90837c 1px dashed; width:750px; float:left; line-height:40px;}
ul.newlist li a{ width:550px;heigth:40px; display:block; overflow:hidden; background:url(../images/aa3.jpg) no-repeat left center; float:left; overflow:hidden; padding-left:22px;}
ul.newlist li span { width:95px; text-align:right;height:40px; float:right; font-size:12px}

.yy td {padding:3px 0; font-size:14px;}
.yy input { border:#b2b5b5 1px solid;height:25px;line-height: 25px; margin:0 3px; color: #222;}
.yy textarea {border:#b2b5b5 1px solid; line-height:25px;margin:0 3px;color: #222;}
input.aak { background:#000; color:#fff; line-height:25px; padding:0 10px; cursor:pointer;}

table.bak { width:92%; margin:10px auto; border-left:#f3ad5b 1px solid;border-top:#f3ad5b 1px solid;}
.bak td,.bak th {border-right:#f3ad5b 1px solid;border-bottom:#f3ad5b 1px solid; padding:5px 10px; font-size:14px; line-height:22px;}
.bak th { background:#f4972d; color:#666; font-weight:bold; text-align:center; color:#fff;}
.bak .pro { background:#ffddb5; width:20%; text-align:center;}
.bak tr:nth-child(odd){background:#fff9ee;}
.bak tr:nth-child(even){background:#fff;}

.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
span.current,a.num { display:inline-block; margin:0 5px; padding:0 8px; height:23px; line-height:23px;}
span.current,a.num:hover { background:#fbeded; border:#ff5203 1px solid; color:#ff5203;}
a.num,a.end,a.next,a.prev { border:#cdcdcd 1px solid; color:#333; background:#fff; text-decoration:none;}
a.end,a.next,a.prev { display:inline-block; padding:0 8px;height:23px; line-height:23px;}
a.prev { margin:0 5px;}

.login_bg { width:440px; height:380px; padding:5px; overflow:hidden; margin:0 auto; background:url(../images/loginf.jpg) no-repeat;}
.login { width:360px; overflow:hidden; margin:0 auto; color:#515151; padding-top:110px;}
.login input.input1 { width:300px; padding:0 10px 0 50px; height:40px; line-height:40px; background:url(../images/login_03.jpg) no-repeat; color:#666; font-size:14px;}
.login input.input2 { width:300px; padding:0 10px 0 50px; height:40px; line-height:40px; background:url(../images/login_06.jpg) no-repeat; color:#666; font-size:14px;}
.login p { width:400px; height:40px; overflow:hidden;  color:#fff; margin:0 auto; padding-bottom:23px;}
.login .aa { width:330px; padding-left:40px; height:30px; padding-bottom:30px;}
.login .aa .ss1 { width:200px; float:left; line-height:30px;}
.login .aa .ss { float:right; width:128px;}
.login .aa a { color:#515151; height:30px; padding:0 10px;}


.right-btn-group {position: fixed;bottom: 10%;right: 10px;width: 34px;height: 106px;z-index: 200}
.right-btn-group .show-wechat,.right-btn-group .show-ew, .right-btn-group .to-top {border-radius: 2px;background-color: #686868}
.right-btn-group .show-wechat a:hover span, .right-btn-group .show-ew a:hover span, .right-btn-group .to-top a:hover span {display: block}

.right-btn-group .show-ew {position: absolute;bottom:76px;right: 0;width: 34px;height: 34px}
.right-btn-group .show-ew a {border-radius: 2px;display: block;width: 34px;height: 34px;background: url(../images/common.png) no-repeat}
.right-btn-group .show-ew a span {display: none;position: absolute;width: 140px;height: 165px;top: 0;left: -140px;background-color: #fff;-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.22);box-shadow: 0 2px 8px 0 rgba(0,0,0,.22);text-align: center}
.right-btn-group .show-ew a span em {font-size: 14px;font-weight: 700;color: #666}
.right-btn-group .show-ew .icon-5 {background-position: -150px -200px}

.right-btn-group .show-wechat {position: absolute;bottom: 38px;right: 0;width: 34px;height: 34px}
.right-btn-group .show-wechat a {border-radius: 2px;display: block;width: 34px;height: 34px;background: url(../images/tel.png) no-repeat; color:#000;}
.right-btn-group .show-wechat a span {display: none;position: absolute;width: 150px;height: 34px; line-height:34px;top: 0;left: -150px;background-color: #fff;-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.22);box-shadow: 0 2px 8px 0 rgba(0,0,0,.22);text-align: center}
.right-btn-group .show-wechat a span em {font-size: 14px;font-weight: 700;color: #666}
.right-btn-group .show-wechat .icon-7 {background-position: center center}

.right-btn-group .to-top {position: absolute;bottom:0px;right: 0;width: 34px;height: 34px}
.right-btn-group .to-top a {border-radius: 2px;display: block;width: 34px;height: 34px;background: url(../images/common.png) no-repeat}
.right-btn-group .to-top a:hover {background-color: #10c55b}
.right-btn-group .to-top span {display: none;position: absolute;width: 70px;height: 34px;font-size: 12px;text-align: center;line-height: 34px;top: 0;left: -70px;z-index: 5;color: #fff;background-color: #686868}
.right-btn-group .to-top span:after {content: ' ';top: 11px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #686868 solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}
.right-btn-group .to-top .icon-6 {background-position: center center}
