@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none; outline:none; font-family:"微软雅黑";}
html,body{ margin:0 auto; min-width:320px; max-width:640px;}
img{ display:block; border:none; width:100%;}
a{ text-decoration:none;}

.head{ overflow:hidden; width:100%; height:50px; position:fixed; left:0; top:0; z-index:999; background:#FFF;}
.head .telogo { float:left; height:50px; width:auto;}
.head .btn{ float:right; width:50px; height:50px;cursor: pointer;}
.headbg{ width:100%; height:50px; background:#FFF;}
.sidebar-wrapper { position: relative; height: 100%; overflow: auto;}
#dowebok { background-color:#292929; display:none;}
.subNav{cursor:pointer; padding:10px;}
.subNav a{ display:block; line-height:20px; font-size:14px; color:#FFF; font-weight:bold; cursor:pointer; padding-right:15px;}
.subNav h1{ display:block; line-height:20px; font-size:14px; color:#FFF; cursor:pointer; padding-right:15px;background:url(../images/span1.png) no-repeat center  right;}
.navlogo{ width:100%; overflow:hidden; margin-bottom:10px;}
.navlogo img{ width:100%;}
.navContent{display:none;}
.navContent li a{ display:block; padding:10px 20px; line-height:20px; font-size:12px;color:#CCC;}
.subNav:hover{ background:#dc4d3f;}
.navContent li a:hover{background:#dc4d3f;}
[data-simplersidebar='active'] { box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}


.ty{ overflow:hidden; width:100%;}
.flexslider{position: relative; width:100%;}
.flexslider .slides{position:relative;z-index:1; overflow:hidden; width:100%;}
.flexslider .slides li{ width:100%;}
.flexslider .slides li img{ width:100%;}
.flexslider .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flexslider .flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;zoom:1; overflow:hidden; border-radius:50%;}
.flexslider .flex-control-nav a{display:block;width:10px;height:10px;line-height:40px;overflow:hidden;background:#FFF;cursor:pointer;}
.flexslider .flex-control-nav .flex-active{ background:#004457;}

.ab{ overflow:hidden; width:90%; padding:5%; background:#222222;}
.bt{text-align:center; font-size:24px; line-height:30px; padding:0 0 30px 0; margin-bottom:20px; color:#FFF; background:url(../images/bt1.png) no-repeat center bottom; position:relative;}
.abwb{ overflow:hidden; line-height:25px; font-size:14px; color:#FFF; max-height:250px; text-align:center;}

.tunav{ text-align:center; overflow:hidden; padding-top:30px;}
.tunav li{ float:left; width:33.333333%; overflow:hidden;}
.tunav li .tu{ width:80px; height:80px; overflow:hidden; margin:0 auto; border-radius:50%; background:#FFF;}
.tunav li:hover .tu{ background:#ed1b24;}
.tunav li span{ display:block; height:80px; width:80px; overflow:hidden;}
.bg01{ background:url(../images/t1.png) no-repeat center top;}
.bg02{ background:url(../images/t2.png) no-repeat center top;}
.bg03{ background:url(../images/t3.png) no-repeat center top;}

.tunav li:hover .bg01{ background:url(../images/t1.png) no-repeat center bottom;}
.tunav li:hover .bg02{ background:url(../images/t2.png) no-repeat center bottom;}
.tunav li:hover .bg03{ background:url(../images/t3.png) no-repeat center bottom;}

.tunav li h1{ font-size:14px; color:#FFF; font-weight:normal; text-align:center; padding-top:10px; line-height:30px; height:30px; overflow:hidden;}
.css2{ transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s;}


.cp{ width:100%; padding:5% 0; background:url(../images/cp.jpg) no-repeat top center;}
.cp01{ width:100%; padding:5% 0; background:url(../images/cp01.jpg) top center;}
.bt01{text-align:center; font-size:24px; line-height:30px; padding:0 0 30px 0; margin-bottom:20px; color:#333; background:url(../images/bt2.png) no-repeat center bottom; position:relative;}

table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
.scroll{width:100%;color:#333333;margin:0 auto;overflow:hidden;}
.scroll img{border:solid 1px #ddd;margin:0 2px; padding:2px; width:150px; height:150px;}
.scroll a:hover img{border:solid 1px #d7511c;}
.scroll h1{ font-size:12px; color:#FFF; text-align:center; height:30px; line-height:30px; overflow:hidden; background:#dc4d3f; margin:0 2px;}

.more{ display:block; line-height:40px; height:40px; width:160px; text-align:center; background:#222222; color:#FFF; font-size:14px; margin:0 auto; margin-top:20px; position:relative;}
.more:hover{ background:#dc4d3f;}

.pro{ overflow:hidden; width:100%;}
.pro li{ float:left; width:48%; overflow:hidden; margin:0 1%; margin-bottom:5px;}
.pro li .tu{border:solid 1px #ddd; background:#FFF; margin:0 2px; padding:2px; overflow:hidden;}
.pro li .tu img{ width:100%;}
.pro li  h1{ height:30px; font-size:12px; line-height:30px; text-align:center; color:#dc4d3f; margin:0 2px;} 
.pro li:hover .tu{border:solid 1px #dc4d3f;}
.pro li:hover  h1{ color:#fff; background:#dc4d3f;} 

.more1{ display:block; line-height:40px; height:40px; width:160px; text-align:center; background:#4d4d4d; color:#FFF; font-size:14px; margin:0 auto; margin-top:20px;}
.more1:hover{ background:#dc4d3f;}

.tunav01{ text-align:center; overflow:hidden; padding-top:30px; position:relative;}
.tunav01 li{ margin-bottom:20px; overflow:hidden;}

.padbg01{ padding-left:70px; min-height:50px; background:url(../images/q1.png) no-repeat center left; text-align:left;}
.padbg02{ padding-left:70px; min-height:50px; background:url(../images/q2.png) no-repeat center left; text-align:left;}
.padbg03{ padding-left:70px; min-height:50px; background:url(../images/q3.png) no-repeat center left; text-align:left;}

.foot{ overflow:hidden; width:100%; background:#3e3e3e;font-size:12px; line-height:25px; color:#CCC; text-align:center; padding:10px 0;} 
.foot a{ color:#CCC;}
.foot a:hover{ color:#dc4d3f;}

.center{ width:98%; margin:0 auto;}
.boxk1{ background:#f8f8f8; width:100%; overflow:hidden;}
.boxk1 h1{ font-weight:normal; text-align:center; line-height:30px; overflow:hidden; font-size:14px; color:#dc4d3f; margin-bottom:30px;}

.nybt01{ padding-top:40px; text-align:center; font-size:24px; line-height:40px; padding-bottom:20px; margin-bottom:20px; color:#333; background:url(../images/bt2.png) no-repeat center bottom; position:relative;}

.wz{ text-align:center; margin-bottom:30px; overflow:hidden;}
.wz li{ display:inline-block; padding:4px; border:1px solid #e5e5e5; margin:0 10px; border-radius:50%; overflow:hidden;}
.wz li a{ display:block; background:#989898; width:70px; height:70px; text-align:center; line-height:70px; font-size:18px; color:#FFF;border-radius:50%; overflow:hidden;}

.bg04{ width:100%; background:#FFF; height:20px;}
.boxk2{ overflow:hidden; width:100%;}
.bg05{ background:#FFF; padding-bottom:20px; min-height:100px;}

.nybt{ overflow:hidden;}
.nybt h1{ font-size:18px; line-height:40px; margin-bottom:10px; color:#333;  text-align:center; height:40px; overflow:hidden;}
.nybt h1 span{ font-size:14px; color:#dc4d3f; padding-left:5px;font-style:italic; text-transform:uppercase;}

.tywb{ font-size:14px; line-height:30px; color:#666; overflow:hidden;}

.boxk3{ background:#f8f8f8; padding:20px 0;}
.boxk3 img{ margin-top:20px;}

.xc{ background:#666666; padding:30px 0;}
.xc01{ background:#fff; padding:30px 0;}

.product02{ overflow:hidden;}
.product02 li{ float:left;width:48%; margin:1%;}
.product02 li a{ display:block; border:1px solid #ddd; padding:4px; background:#FFF; overflow:hidden;}
.product02 img{ width:100%;}
.product02 li a:hover{ background:#dc4d3f;}
.product02 h1{ font-size:12px; color:#333; text-align:center; height:40px; overflow:hidden; padding-top:10px;line-height:20px;}
.product02 li:hover h1{ color:#FFF;}

.nybt02{ overflow:hidden;}
.nybt02 h1{ font-size:18px; line-height:40px; margin-bottom:10px; color:#fff;  text-align:center; height:40px; overflow:hidden;}
.nybt02 h1 span{ font-size:14px; padding-left:5px;font-style:italic; text-transform:uppercase;}

.bg07{ overflow:hidden; width:90%; background:url(../images/bg07.jpg) top center; padding:5%;}

.meges{ background:#FFF; padding:20px 5px; margin:30px auto; overflow:hidden; padding-top:30px;}
.meges input{ float:left; width:90%; display:block; height:30px; padding:0 2%; margin:0 3%; border:none; border-bottom:1px solid #f2f2f2; font-size:14px; color:#666; line-height:30px; margin-bottom:15px;}
.lyk{ border:none; border-bottom:1px solid #f2f2f2;float:left; width:90%; margin:0 3%; padding:0 2%; height:100px; line-height:25px; font-size:14px; color:#666; margin-bottom:20px;}

.tjly{ cursor:pointer; clear:both; display:block; height:40px; margin:0 auto; margin-bottom:20px;width:200px; text-align:center; border:none; color:#FFF; background:#e70112; font-size:14px; line-height:40px;}

.pager{ padding:20px 0; background:#FFF; text-align:center; color:#999; font-size:12px; line-height:30px;}
.pager a{ padding:0 5px; color:#999;}
.pager a:hover{ color:#000;}


.new{ overflow:hidden;}
.new li{border-bottom:1px dotted #ddd; overflow:hidden; padding-bottom:20px; margin-bottom:20px;}
.new li .sj{ float:left; width:80px; text-align:center; height:50px; color:#FFF; padding:15px 0; font-size:14px; line-height:25px; background:#999;}
.new li:hover .sj{ background:#dc4d3f;}
.new li .sj span{ display:block; line-height:25px; font-size:24px; font-weight:bold;}
.new li .newbk{ margin-left:90px; height:80px; overflow:hidden;}
.new li .newbk h1{ font-size:14px; line-height:30px; height:30px; color:#333; overflow:hidden;}
.new li:hover .newbk h1{ color:#dc4d3f;}
.new li .newbk .newwb{ font-size:14px; color:#666; line-height:25px;}

.dqwz{ overflow:hidden; padding-top:20px; margin-bottom:20px; font-size:12px; line-height:30px;  border-bottom:1px solid #ddd; text-align:right;}
.dqwz a{ color:#999;}
.dqwz a:hover{ color:#dc4d3f;}

.fy{ overflow:hidden; padding-top:10px; margin:30px 0; border-top:1px solid #ddd; clear:both;}
.fy a{ font-size:14px; color:#999; line-height:30px; height:30px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; display:block;}
.fy a:hover{ color:#000;}

h5{ font-size:18px; line-height:30px; overflow:hidden; text-align:center; margin-bottom:10px;}
h5 span{ display:block; font-size:14px; color:#999; font-weight:normal;}


.nynav{ overflow:hidden; text-align:center;}
.nynav li{ float:left; width:50%; margin-bottom:1px; overflow:hidden;}
.nynav li a{ display:block; line-height:40px; font-size:14px; text-align:center; padding:0 10px; color:#333;}
.nynav li a:hover{ background:#dc4d3f; color:#FFF;}
.nynav li .ahover{ background:#dc4d3f; color:#FFF;}

.cpxj{ width:100%; overflow:hidden; margin-bottom:20px;}