﻿*{margin:0;padding:0;}
body,ul,li,td,th{margin:0;padding:0;list-style:none; font-size:14px; font-family:"微软雅黑"}
body{font-family:"微软雅黑", "Times New Roman", Times, serif;line-height:2.5em;font-size:14px;background-image:url(../images/bg.jpg);background-attachment:fixed;}
a{color:#000000;text-decoration:none;}
a:hover{color:#fa8100}
img{border:none;}
.imgborder{ border:1px solid #ccc; padding:2px;}
.qq{background:url(../images/qq.gif) no-repeat left top;padding-left:25px;padding-top:5px;font-size:14px;color:#32abe1;}
.clear{clear:both;height:0;width:0;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.w1170{width:1170px;margin:0 auto;overflow:hidden;}
#header{background:#fafafa;border-bottom:1px solid #dcdcdc;height:35px;font-size:14px;}
#header .h{height:35px;width:800px;}
#header .t{width:300px;text-align:right;}
#header a{margin:0 5px;line-height:35px;}
#header .jc{ font-size:14px; font-weight:bold; text-align:center;}
#header .jc a{ margin-right:25px;}


.top{height:120px;}
.top .logo{display:block;height:60px;float:left;width:730px;margin-top:10px;}
.top .logo img{float:left;margin-right:12px;}
.top .logo font{width:600px;float:left;display:block;color:#fa8100;}
.top .logo font .t1{font-size:32px;line-height:36px;color:#000000; font-weight:bold;}
.top .logo font .t2{display:block;line-height:20px;font-size:14px;text-align:right;}
.top .tel{background:url(../images/tel.gif) no-repeat left bottom;height:60px;padding-left:60px;line-height:2em;margin-top:30px;}
.top .tel span{display:block;font-size:30px;color:#fa8100;padding-left:30px;}
#nav{background:#0066aa;height:50px;line-height:50px;text-align:center;border-bottom:1px solid #0077aa;}
#nav li{width:115px;height:50px;float:left;border-left:1px solid #0077aa;}
#nav li:hover{background:#fa8100;}
#nav li a{display:block;color:#ffffff;}



/* banner */
.banner { width: 100%; height: 400px; position: relative; overflow:hidden;z-index:1;}
.sub_banner{height:400px; position: relative; overflow:hidden;}
.banner img,.sub_banner img{display:block;margin:0 auto;}
.btns{width:980px;position: absolute;height:81px;left:50%;top:155px;margin-left:-490px;}
.btns .prev,
.btns .next {width: 36px; height: 81px;float:left;background:url(../images/leftbtn.png) 0 0 no-repeat;}
.btns .next {background:url(../images/rightbtn.png) 0 0 no-repeat;float:right;}


.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:15px;height:15px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:15px;height:15px;line-height:0;font-size:0;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:40%;}
.flex-direction-nav li a{display:block;width:31px;height:61px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/flex.gif) 0 center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/flex.gif) -31px center no-repeat;}
.banner01{height:60px;line-height:60px;width:1170px;margin:20px auto auto auto;}
.tit{background:url(../images/tit.gif) repeat-x center;color:#0066aa;line-height:60px; margin-top:20px;}
.tit span{padding-right:10px;font-size:26px;background-image:url(../images/bg.jpg);background-attachment:fixed;  font-weight:bold;}
.tit span a{color:#0066aa;}

.tit span a:hover{color:#FF0000;}

.tit font{padding-right:20px;text-transform:uppercase;font-size:24px;color:#666666;background-image:url(../images/bg.jpg);background-attachment:fixed;}
.ilianxi{background:#0066aa;font-size:18px;color:#FFFFFF;text-align:center;}
.ilianxi div{ background:url(../images/ban.gif) no-repeat left top;height:120px;overflow:hidden;}
.ilianxi div p{ display:block;padding-left:580px;line-height:50px;}
.ilianxi span{font-size:36px;color:#FFFF00;}
.imore{width:150px;font-size:16px;text-align:center;margin:30px auto;clear:both;}
.imore a{background-color:#fa8100;color:#FFFFFF;display:block;height:45px;line-height:45px;}
.imore a:hover{background-color:#d5541d;}
.iclass {padding:0 0 20px 0;}
.iclass dd{display:block;line-height:40px;background:#0066aa;width:175px;float:left;text-align:center;color:#ffffff;margin:10px;}
.iclass dd a{ color:#FFFFFF;display:block;}
.pro{padding:20px 0;}
.pro dt{float:left;margin-right:8px; margin-left:4px;width:222px;text-align:center;line-height:20px;padding-bottom:10px;}
.pro dt img{border:5px solid #EEEEEE;}
.pro dt img:hover{border:5px solid #fa8100;}
.case {padding:20px 0;}
.case dt{float:left;margin-right:11px;width:270px;line-height:2em; margin-left:11px;}
.case dt img{width:270px;height:180px;}
.case dt a{display:block;font-size:16px;}
.case dt span{font-size:14px;color:#999999;}
.news {padding:20px 0;}
.news li{width:550px;font-size:14px;border-bottom:1px dashed #CCCCCC;padding:15px 0;height:auto;overflow:hidden; margin-right:20px;margin-left:15px;}
.news li .img{width:130px;float:left;}
.news li .img img{border:5px solid #cccccc;}
.news li .img img:hover{border:5px solid #fa8100;}
.news li p{width:550px;height:auto;}
.news li p .t{display:block;line-height:15px;height:15px;font-size:14px;}
.news li p span{display:block;font-size:14px;color:#999999;line-height:15px;height:15px; float:right;}
.news li p span a{color:#999999;margin-right:5px;}
.news li p font{font-size:14px;color:#999999;display:block;height:50px;line-height:25px;}
.left{float:left;width:230px;}
.left dl{width:230px;margin:0 auto;}
.left dl dd{background:#0066aa;line-height:35px;height:35px;margin:5px auto;}
.left dl dd a{display:block;color:#FFFFFF; padding-left:30px;}
.left dl dd a:hover{background:#ff7300;color:#FFFFFF;}
.left p{width:240px;font-size:14px;padding:10px 0;line-height:2.5em;}
.left p span{font-size:20px;color:#e60b1e;}
.right{float:right;width:880px; padding-bottom:15px;}
.content{padding:20px 0;}
.content img{margin:10px;max-width:860px;}
.list_pic{padding:20px 0;}
.list_pic dl{height:180px;padding:10px 0;border-bottom:#CCCCCC dashed 1px;}
.list_pic dl dt{width:250px;float:left;height:180px;}
.list_pic dl dt img{width:240px;height:165px;border:5px solid #EEEEEE;}
.list_pic dl dt img:hover{border:5px solid #0066aa;}
.list_pic dl dd{width:600px;float:right;height:180px;line-height:25px;font-size:14px;}
.list_pic dl font{font-size:18px;font-weight:100;display:block;}
.list_pic dl font a{color:#dc0f1e;line-height:30px;}
.list_pic dl dd .more{width:100px;height:25px;overflow:hidden;text-align:center;float:right;margin-top:15px;font-size:14px;}
.list_pic dl dd .more a{color:#FFFFFF;display:block;background:#0066aa;line-height:25px;}
.list_pic dl dd .more a:hover{background:#dc0f1e;}
.list_text{padding:20px 0;overflow:hidden}
.list_text dl font{font:100 14px/2.5em Microsoft Yahei;}
.list_text dl font a{color:#ff7300;}
.list_text dl font a:hover{color:#ff7300;}
.list_text dl dt{color:#999999;margin:5px 0;word-wrap:break-word;overflow:hidden;margin:0 auto;line-height:18px;font-size:14px;}
.list_text dl dd{color:#777;margin-bottom:10px;border-bottom:1px dashed #ccc;padding-bottom:5px;color:#196ba7;font-size:14px;}
.list_page{line-height:20px;color:#999999;padding:0 0 20px 0;text-align:center;font-size:14px;}
.list_page strong{padding-right:8px;font-weight:normal;}
.list_page .p{display:inline;border:1px solid #d6d6d6;cursor:pointer;color:#999;padding:3px 6px;margin:0 4px;}
.list_page .p:hover{text-decoration:none;}
.list_page .sp{border:1px solid #ff7300;color:#ff7300;}
.list_page .p:hover{color:#FFFFFF;border:1px solid #ff7300;background:#ff7300;}
.info_pic{padding:20px 0;margin:0 auto;border-bottom:1px dotted #dedede;clear:both;}
#preview{float:left;width:330px;height:auto;overflow:hidden;}
#spec-n img{border:5px solid #ccc;}
#spec-list{float:left;overflow:hidden;width:330px;height:45px;margin:0 auto;}
#spec-list ul{padding:0;margin:0;}
#spec-list ul li{float:left;width:54px;text-align:center}
#spec-list ul li img{border:2px solid #ccc;width:45px;height:40px;}
.info_pic .text{float:left;width:230px;height:auto;overflow:hidden;padding-left:20px;}
.info_pic .text h1{font-size:18px;font-weight:500;padding-right:10px;color:#ff7300; font-weight:bold;}
.info_pic .text p{font-size:14px;line-height:2.5em;padding-top:10px;}
.info_pic .text span{font-size:20px;color:#e60b1e;}
.info_pic .qrcode{float:right;width:240px;height:auto;text-align:center;}
.info_pic .qrcode span{display:block;padding-top:20px;padding-bottom:20px;}
.text_title{font:100 18px/2.5em Microsoft Yahei;text-align:center;color:#993300;padding-top:10px; font-weight:bold;}
.text_other{text-align:center;color:#999;margin:4px 0;font-size:12px}
.text_jj{border:1px solid #CCCCCC;background:#EEEEEE;padding:10px;margin:10px auto;color:#666;line-height:20px;word-wrap:break-word;overflow:hidden;font-size:14px;}
.text_jj a{font-family:verdana;color:#00f;}
.text_jj a:hover{color:#0262ae;}
.text_jj span{font-weight:bold;color:#000;}
.prenext{position:relative;margin:0 auto;line-height:25px;color:#999;border-bottom:1px #CCCCCC dotted;border-top:1px #CCCCCC dotted;font-size:14px;}
.reltit{font-size:16px;height:50px;line-height:50px;border-bottom:2px solid #EEEEEE}
.relpic{overflow:hidden;font-size:14px;}
.relpic li{float:left;width:167px;margin-right:8px;line-height:20px;padding-top:15px;}
.relpic li img{width:160px;height:120px;border:5px solid #EEEEEE;}
.relpic li img:hover{border:5px solid #ff7300;}
.relpic li a{text-align:center;text-decoration:none;display:block;}
.reltext{height:auto;overflow:hidden;font-size:14px;}
.reltext li{width:430px;height:30px;line-height:30px;border-bottom:1px dotted #CCCCCC;}
.reltext li span{float:right;color:#888888;padding-right:5px;}
.link_list{padding:15px 0;font-size:14px;line-height:20px;}
.link_list a{margin-right:10px;margin-bottom:15px;width:151px;}
.links{display:block;}
.foot{text-align:center;color:#FFFFFF;background-color:#0066aa;font-size:14px;padding-bottom:15px;}
.foot p{padding:20px 0;}
.foot p a{color:#FFFFFF;}
#bar,.share{position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));z-index:1000;}
#bar{background:url(../images/eucms.png) repeat-x 0px -251px;_display:none;width:100%;height:65px;bottom:0px;_bottom:auto;left:0;line-height:2em;}
#bar ul{width:1170px;margin:0 auto;padding-top:5px;}
#bar ul li{color:#FFFFFF;width:200px;float:left;font-size:14px;height:60px;padding-left:80px;}
#bar ul li,#bar ul .btop a,.share a.codepic,.share .code{background-image:url(../images/eucms.png);background-repeat:no-repeat;}
#bar ul .tel{background-position:-195px 0px;}
#bar ul .fax{background-position:-195px -60px;}
#bar ul .oqq{background-position:-195px -120px;}
#bar ul .mob{background-position:-195px -180px;}
#bar ul .btop a{background-position:-128px -235px;display:block;height:16px;width:30px;}
#bar ul li font{font-size:18px;color:#FFFF00;padding-left:50px;}
#bar ul .btop{width:30px;padding:20px 0;float:right;background:none;}
.share{width:20px;height:170px;background:#D5D5D5;left:0;bottom:65px;_bottom:65px; }
.share span{ color:#35393C}
.share a{display:block;width:16px;height:16px;}
.share a.codepic{background-position:-112px -235px;margin:12px auto auto auto;}
.share .code{background-position:0px 0px;width:195px;height:235px;left:32px;top:0px;position:absolute;display:none;}
/*.bdsharebuttonbox{width:16px;overflow:hidden;margin:0 auto;}
.bdsharebuttonbox a.bds_more,.bdsharebuttonbox a.bds_qzone,.bdsharebuttonbox a.bds_tieba,.bdsharebuttonbox a.bds_tsina,.bdsharebuttonbox a.bds_tqq,.bdsharebuttonbox a.bds_weixin,.bdsharebuttonbox a.bds_sqq{margin:12px auto auto auto;background-image:url(../images/eucms.png);}
.bdsharebuttonbox a.bds_more{background-position:0px -235px;}
.bdsharebuttonbox a.bds_qzone{background-position:-16px -235px;}
.bdsharebuttonbox a.bds_tieba{background-position:-32px -235px;}
.bdsharebuttonbox a.bds_tsina{background-position:-48px -235px;}
.bdsharebuttonbox a.bds_tqq{background-position:-64px -235px;}
.bdsharebuttonbox a.bds_weixin{background-position:-80px -235px;}
.bdsharebuttonbox a.bds_sqq{background-position:-96px -235px;}*/

/*page*/

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.mytable {BORDER-BOTTOM: #515050 1px solid; BORDER-LEFT: #515050 1px solid; WIDTH: 98%; BORDER-COLLAPSE: collapse; BORDER-TOP: #515050 1px solid; BORDER-RIGHT: #515050 1px solid}
.mytable td {BORDER-BOTTOM: #515050 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 6px; PADDING-RIGHT: 3px; BORDER-RIGHT: #515050 1px solid; PADDING-TOP: 5px}


/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.book{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.book:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 -53px no-repeat;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 -158px no-repeat;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}

