.wrapper, .header  {padding: 0px; margin: 0px auto; width: 960px;}
.logo {font-size: 32px; float: left; padding: 30px 0 10px 0;}
.headerr {padding: 15px 0px; float: right;width: 450px;}
.mini_func {float: right; padding: 0px 5px 20px 5px;}
.flag {padding:0 5px;}
.homepage, .favicon {padding-right: 0px;}
.search {float: right; margin: 5px 0px 12px; width: 245px; position: relative;}
.searchinput {border: #a0a0a0 1px solid; padding:3px 0px 1px 5px; width: 180px; line-height: 16px; height: 16px; background: #fff;}
.searchbtn {background: url(../xg/bg.png) no-repeat right -48px; width: 48px; cursor: pointer; line-height: 22px; border: none; height: 22px; text-align: center;}
.navigation {float: left; margin:0px; overflow: visible; height: 46px; padding-top: 64px;}
.menu {z-index: 300; float: left; position: relative; height: 46px; line-height:46px;}
.menu li {padding: 0 5px;margin: 0 20px; font-weight: normal; font-size: 15px; float: left; white-space: nowrap; text-align: center;}
.menu li:hover { background: url(../xg/zx02.png) no-repeat center bottom; }
.menu li a:link {display: block; margin: 0px; color: #e0ba77; text-decoration: none; text-align:center;}
.menu li a:visited {display: block; margin: 0px; color: #e0ba77; text-decoration: none; text-align:center;}
.menu li a:hover {color: #e0ba77; text-decoration: none;}
.menu li.current_page_item a:link, .menu li.current_page_item a:visited, .menu li.current_page_item a:hover {color: #ff0;}
.menu li.current_page_item a:hover, .menu li.current-menu-item a:link, .menu li.current-menu-item a:visited, .menu li.current-menu-item a:hover {color: #ff0;}
.menu ul {z-index: 300; position: relative; background: #055acb;}
.menu li {position: relative;}
.menu li ul {padding: 0;display: none;left: -18px; width: 130px; position: absolute; top: 37px;}
.menu li ul li {padding: 0;margin: 0px auto; width: 130px; border-bottom: #034daf 1px solid; color:#ffffff;text-align:left;}
.menu li ul li:hover {color: #0a65c7; background:#ffffff;}
.menu li ul li span{padding-left:10px;}
.menu li ul li a:hover,.menu li ul li:hover a {color: #0a65c7; text-decoration:none;}
.banner {float: left; margin: 10px auto; overflow: hidden; width: 960px; height: 200px}
.banner img {width: 960px; height: 200px;}
.slideshow {border: #ccc 1px solid; float: left; margin: 15px auto; overflow: hidden; width: 958px; position: relative; height: 260px;}
#showimg {z-index: 10}
#showimg img {display: block; width: 958px; height: 260px;}
.opacity {z-index: 99; filter: alpha(opacity=50); left: 0px; float: left; overflow: hidden; width: 958px; bottom: 0px; position: absolute; height: 30px; background: #f0f0f0; moz-opacity: 0.5; opacity: 0.5;}
.operate {z-index: 1000; right: 3px; bottom: 3px; position: absolute;}
.operate span {padding: 1px 10px;font-weight: bold; float: left; margin-left: 1px; cursor: pointer; color: #000; line-height: 22px; height: 22px; text-align: center;}
.operate span.hov {color: #fff; background: #0962c6;}
#msg {z-index: 100; left: 0px; float: left; overflow: hidden; width: 958px; bottom: 0px; line-height: 26px; position: absolute; height: 26px;}
#msg li {display: block; padding-left: 14px; font-weight: bold; font-size: 14px; color: #004c94; line-height: 24px; height: 24px; text-align: left;}
.featured {padding: 0; margin: 0px auto; overflow: hidden; width: 960px;}
.featured h2 {padding: 6px 0;font-size: 14px; background: url(../xg/bg.png) no-repeat 0px -93px; margin-bottom: 15px; overflow: hidden; width: 100%; text-indent: 5px;color:#444444;}
.featured h2 span {padding-right: 10px; font-weight: normal; font-size: 12px; float: right;}
.featured h2 a:link, .featured h2 a:visited  {color: #1678d1; text-decoration: none;}
.featured h2 a:hover {color: #0b3779;}
.featured h2 span a:link, .featured h2 span a:visited {color: #7f7f7f; text-decoration: none;}
.featured h2 span a:hover {color: #0b3779; text-decoration: underline;}
.news {float: left; overflow: hidden; width: 320px;}
.news ul {margin-top: 8px;}
.news ul li {padding: 0 5px 0 10px; background: url(../xg/spot.gif) no-repeat 0px 5px; float: left; margin: 6px 0px; overflow: hidden; width: 305px; line-height: 14px; height: 14px;}
.news ul li a {float: left; overflow: hidden; width: 240px;}
.news ul li span {float: right; width: 60px; color: #666;}
.products {float: left; margin: 0px 14px; overflow: hidden; width: 330px;}
.products ul {margin: 0px;}
.products ul li {padding: 0 2px 0px 6px;float: left; margin-bottom: 8px; overflow: hidden; width: 155px; height: 140px;}
.products ul li img {padding: 1px;width: 150px;  border: #e4e4e4 1px solid; height: 110px;}
.products ul li .product_name {display: block; overflow: hidden; width: 150px; line-height: 15px; height: 15px; text-align: center;}
.profile {float: right; overflow: hidden; width: 260px;}
.about-us {padding: 2px 8px;overflow: hidden; text-indent: 12px; line-height: 21px;height: 275px;}
.profile p {margin-bottom: 8px;}
.profile img {padding: 5px 5px 0 5px;}
.breadcrumb {padding: 0 0 4px 5px;font-size: 12px; color: #666; border-bottom: #ddd 1px solid;}
.breadcrumb a:link, .breadcrumb a:visited {color: #666; text-decoration: none;}
.breadcrumb a:hover {color: #333; text-decoration: underline;}
.container {padding: 0; margin: 0px auto; overflow: hidden; width: 960px;}
.container-top {background: url(../xg/container.png) no-repeat center top; width: 960px; height: 20px;}
.container-content {padding: 0 10px 10px 10px;float: left;  width: 960px; border: #ddd 1px solid;border-top: none;}
.homecontent {padding: 0 10px 10px 10px;background: none transparent scroll repeat 0% 0%;}
.content {float: right; overflow: hidden; /*width: 670px;*/}
.posts {padding: 0 10px; overflow: hidden; width: 655px; line-height: 22px;}
.posts p {margin-bottom: 10px;text-indent: 2em;font-size:14px;line-height: 2em;}
.single {padding:0 15px; width: 645px;}
.single h2 {font-size: 18px; padding-bottom: 10px; margin: 20px 0px; color: #222; border-bottom: #ddd 1px solid; text-align: center;}
.single img { width:640px; }
.postlist {margin: 15px 0px 0px;}
.postlist li {padding-left: 12px; float: left; width: 640px; line-height: 32px; border-bottom: #ddd 1px dashed; height: 32px;}
.postlist li h3 {font-weight: normal; font-size: 12px; float: left; width: 500px;}
.postlist li span {float: right; width: 80px; color: #666; text-align: right;}
.productlist {margin-top: 20px;}
.productlist li {padding: 0 6px;float: left;margin: 5px 0px 10px; overflow: hidden; width: 205px;height: 190px;}
.productlist li img {padding: 2px;width: 200px; border: #e4e4e4 1px solid; height: 160px;}
.productlist li .product_name {display: block; overflow: hidden; width: 200px; line-height: 25px; height: 25px; text-align: center;}
.sidebar {float: left; overflow: hidden; width: 250px;}
.sidebar h3 {padding:7px 5px 7px 10px; font-size: 14px; background: #41141b; float: left; width: 230px; color: #fff;}
.sidebar ul {float: left; width: 250px;}
.sidebar ul li {float: left; margin-bottom: 20px;}
.sidebar ul li.widget_text {padding: 0;}
.sidebar ul li.widget div {clear: both; line-height: 20px; padding: 15px 10px 0 10px;}
.sidebar ul li ul {margin: 15px 0 0; float: left;}
.sidebar .sub li ul{margin: 15px 0 0; float: left; display:none;}
.sidebar .sub li .xfl {margin: 15px 0 0; float: left; display:block;}
.sidebar ul li ul li {padding-left: 10px; background: url(../xg/spot.gif) no-repeat 0px 6px; margin: 6px 4px 5px; overflow: hidden; width: 230px;}
.sidebar ul li ul li ul {margin: 5px 0 0; width: 230px; border: none;}
.sidebar ul li ul.sub li {padding-left: 0px; background: none transparent scroll repeat 0% 0%;}
.sidebar ul li ul.sub li a:link, .sidebar ul li ul.sub li a:visited  {padding: 2px 5px 10px 22px; display: block; font-weight: bold; width: 210px; color: #333; border-bottom: #e6e6e6 1px solid; text-decoration: none;}
.sidebar ul li ul.sub li a:hover {color: #0b3779; border-bottom: #ccc 1px solid;}
.sidebar ul li ul.sub .current_page_item {border-bottom: #ccc 1px solid;}
.sidebar ul li ul.sub .current_page_item a:link, .sidebar ul li ul.sub .current_page_item a:visited, .sidebar ul li ul.sub .current_page_item a:hover  {font-weight: bold; background: none transparent scroll repeat 0% 0%; color: #0b3779;}
#wp-calendar {width: 100%;}
#wp-calendar caption {padding: 5px 0;}
#wp-calendar th, #wp-calendar td  {padding: 4px 6px;border: #e6e6e6 1px solid;text-transform: capitalize; color: #555; background: #f9f9f9; text-align: center;}
#wp-calendar tbody tr td a:link {font-weight: bold; color: #006600;}
#wp-calendar tbody tr td a:visited {font-weight: bold; color: #006600;}
#wp-calendar tbody tr td a:hover {color: #0c262c;}
#wp-calendar tbody tr td:hover {border: #fadd85 1px solid; cursor: pointer; color: #0c262c; background: #fef7e0;}
#wp-calendar tfoot tr td {padding: 8px 10px 0 10px; background: none; border: none;}
.pad {background: none; border: none! important;}
.page-navi {padding: 10px 0 25px 0;border-top: #ddd 1px solid; margin: 10px auto 0px; width: 98%; text-align: center;}
.wp-page-navi {margin: 0px auto; padding-top: 15px;}
.wp-page-navi a, .wp-page-navi a:link,  .wp-page-navi a:visited{border: #ccc 1px solid; margin: 2px; color: #333! important; padding: 4px 8px !important; text-decoration: none! important;}
.wp-page-navi a:hover {font-weight: bold! important; color: #0b3779! important; background: #eee! important;}
.wp-page-navi a:active {padding: 2px; border: #ccc 1px solid; text-decoration: none;}
.wp-page-navi span.pages, .wp-page-navi span.extend  {border: #ccc 1px solid; padding: 4px 8px !important; margin: 2px; color: #454545! important;}
.wp-page-navi span.current {border: #aaa 1px solid; margin: 2px; color: #000! important; padding: 4px 8px !important; background: #eee! important;}

.pageleft {overflow: hidden; width: 300px; line-height: 24px; height: 24px;}
.pageright {overflow: hidden; width: 300px; line-height: 24px; height: 24px;}
.pageleft {padding-left: 10px; float: left; text-align: left;}
.pageright {padding-right: 10px; float: right; text-align: right;}
.post_comment {float: left; margin: 15px 0px 5px; overflow: hidden; width: 100%;}
#addcomment. #comments { border-top: #ddd 1px solid;border-right: #ccc 1px solid;border-bottom: #bbb 1px solid;border-left: #ddd 1px solid; font-size: 14px; background: #f5f5f5; float: left; margin: 10px 0px;  width: 99%; text-indent: 15px; line-height: 16px; padding: 8px 0 7px; }
.post_comment p {font-size: 12px; padding: 5px 10px;}
.post_comment ol li {padding: 10px 10px 5px; margin: 10px 5px; list-style-type: none;}
.commentlist {clear: both; padding:5px 0px; font-size: 12px; width: 98%;}
.commentlist li {border: #e3e3e3 1px solid; margin-bottom: 10px; padding-top: 5px; background: #fff;}
.commentlist li.alt {border: #ddd 1px solid; background: #f6f6f6;}
.commentlist li.comment-author-admin {background: #f6f6f6;}
.commentlist li ul {margin: 10px;}
.commentlist li ul.children {margin: 10px 0px;}
.commentlist li p {padding: 5px 10px;}
.comment-author {padding-bottom: 5px; width: 100%; border-bottom: #ececec 1px solid; height: 30px;}
.avatar {border: #e0e0e0 1px solid; padding: 1px;}
.author_info {padding-left: 5px; float: left; color: #888; line-height: 16px;}
.author_info cite {font-weight: bold; font-style: normal;}
.author_info em {font-size: 10px;}
.reply {margin-top: -3px; float: right;}
#cancel-comment-reply {float: right; margin-right: 10px;}
.reply a {color: #999;}
#cancel-comment-reply a {color: #999;}
.reply a:hover {color: #666;}
#cancel-comment-reply a:hover {color: #666;}
#respond {padding-bottom: 35px;}
#respond em {color: #ff0242;}
#author, #email, #url, #comment   {border: #ccc 1px solid; padding: 5px; margin: 0px 5px; width: 45%;}
#comment {overflow-y: scroll; font-size: 12px; width: 95%; height: 150px;}
#submit { padding:6px 20px 4px 20px; font-size: 14px; background: #f5f5f5; float: right; margin: 0px 8px; border: #999 1px solid; cursor: pointer;}
.friendlink {margin: 15px auto 25px; overflow: hidden; width: 960px;}
.friendlink h3 {padding-left: 12px; font-size: 14px; color: #1678d1; line-height: 28px; border-bottom: #ddd 1px solid; height: 28px; background: #f5f5f5;}
.friendlink ul {padding-right: 10px; padding-left: 10px; padding-bottom: 12px; padding-top: 12px;}
.friendlink ul li {float: left; margin: 0px 5px;}
.tags {padding:0 10px; margin-top: 10px;float: left; overflow: hidden; width: 940px; line-height: 22px;}

.pages{text-align:center;}
.pages a, .pages span{margin:2px;padding:2px 6px;border:1px solid #ddd;color:#0b68c9;}
.pages span, .pages a:hover{border-color:#0b68c9;color:#fff;text-decoration:none;background:url(../xg/bg.png) center top no-repeat;}
.pages span font{color:inherit;}

a.button_2:link,a.button_2:visited{display:block;width:77px;height:33px;line-height:33px;background:url(../xg/button_2.png) center top no-repeat;border:none;font-weight:bold;cursor:pointer;text-align: center;letter-spacing: 0.5em;color:#ffffff;}
a.button_2:hover{color:#ffffff;text-decoration: none;text-align: center;}
.button_4{display:block;width:100px;height:33px;line-height:33px;background:url(../xg/button_4.png) center top no-repeat;border:none;color:#fff;font-weight:bold;cursor:pointer;}

.currentnav a{margin-left:10px}

.sortcontent{  margin:10px auto; border-top:1px dashed #cccccc; border-bottom:1px dashed #cccccc; line-height:25px;}

/*head*/
#skhead { width:100%; min-width:1007px; height:136px; background:#000; font-family:microsoft yahei; font-weight:bold; }
.hpt1,.hpt2,.hpt3 { width:100%; }
.hctnr { width:1007px; }

.hpt1 { height:26px; line-height:26px; color:#fff; font-weight:normal; }
.hpt1 .hctnr { height: 100%; }
.welc { width:333px; height:100%; float:left; }
.func { /*width:333px; */height:100%; float:right;margin-right: 100px; }
.func span { margin:0 8px; }
.func a { color:#fff; text-decoration:none; }

.hpt2 { height:110px; background: #41141b;}
.hpt2 .hctnr { height: 100%; }
/*
.lcn { float:left; width:277px; height:100%; background:url(../xg/zx01.png) no-repeat 0 center; }
*/
/*
.lcn { float:left; width:277px; height:100%; background:url(../xg/nlogo.png) no-repeat center center;background-size: 45% 90%; }
*/
.lcn { float:left; width:240px; height:100%; background:url(../xg/tnlogo_350.png) no-repeat center center;background-size: 55% 90%; }
#ewm { width:113px; height:291px; position:absolute; right:0; top:100px; z-index:999; }
#ewm div { width:113px; height:97px; }
.ewmtwo div { display:none; position:absolute; left:-200px; }

#skindex { width:100%; min-width:1007px; font-family:microsoft yahei; }
.ipt1,.ipt2,.ipt3,.ipt4,.ipt5,.ipt6,.ipt7 { width:100%; }
.ictnr { width:1007px; }

.ipt1 {  }
.ipt1 .ictnr { width:100%; position:relative; }

.ipt2 { height:861px; background:#000 url(../xg/dflibg1.jpg) no-repeat center top; }
.ipt2 .ictnr { width:1007px; height:564px; padding-top:20px; }
/*****##### productpart #####*****/
#prdctctnr { width:1007px; height:100%; margin:0 auto; }
#pcl { width:200px; height:100%; float:left; }
#pcr { width:796px; height:100%; float:right; }

#pclt h2 { width:200px; height:39px; margin-bottom:10px; background:#be9469; font-weight: normal; font-size:19px; line-height:39px; text-align:center; color:#fff; }
#pcl a { color:#8a8a8a; text-decoration:none; }
#pcl .pst a { color:#d49324; }
.pst { width:168px; /*height:24px;*/padding-top: 5px; margin:0 auto; font-weight: normal; font-size:16px; line-height:24px; }
.psd { width:168px; margin-left:35px; font-size:12px; line-height:33px; color:#fff; }
.psd a { font-size: 14px;}

/***##### ????? ?? #####***/
ul,li,p { margin:0; padding:0; list-style-type:none; }
a,img { border:0; }

/* ttslider */
.tt-slider { width:796px; }
.tt-slider li { float:left; }
.tt-slider li img { border:none; }

/* ttslidertitle */
.tt-slider-title { width:796px; height:40px; background:#3c0000; font-size:15px; }
.tt-slider-title ul { width:796px; }
.tt-slider-title li { width:199px; height:40px; position:relative; left:0; z-index:3; }
.tt-slider-title li div { width:199px; height:40px; position:absolute; text-align:center; }
.tt-slider-title .cur div { _height:38px; _width:199px; border-bottom:none; background:#6a0000; z-index:3; }
.tt-slider-title li a { display:block; width:199px; height:40px; float:left; overflow:hidden; text-align:center; text-decoration:none; line-height:40px; color:#ffffff; float:left; }

/* ttsliderpic */
.tt-slider-pic { width:796px; height:524px; position:relative; z-index:1; }
.tt-slider-pic-list { width:100%; height:524px; overflow:hidden; position:relative; }
.tt-slider-pic ul { display:none; position:absolute; top:0px; left:0; }
.tt-slider-pic ul.show { display:block; }
.tt-slider-pic li img { width:796px; height:524px; }
.tt-slider-pic li { width:100%; height:524px; }
.tt-slider-pic li a { display:block; height:524px; }
.tt-slider-pic li p { height:40px; text-align:center; line-height:40px; color:#ed0a0a; }
/***##### ????? ?? #####***/

#h2ctnr { width:100%; margin:0 auto; }

/*****##### h2part #####*****/
.hts { width:100%; height:60px; background:url(../xg/dfli04.png) no-repeat 13px 30px; font-size:16px; line-height:35px; font-family:'microsoft yahei'; padding:0; margin:0; }
.hts span { display:block; margin:30px 0 0; float:left;}
.hts .stsr {  }
.hts .stsr { float:right; font-weight:normal; }
.hts .stsr a { display:block; text-decoration:none; }

/*### auto left scroll part ###*/
#autoleftscrollcontainer { width:1007px; height: 196px; overflow:hidden; margin:0 auto; }
#autoleftscrollcontainer table { margin:0; padding:0;  border-collapse:collapse; border-spacing:0; }
#autoleftscrollcontainer table tr,#autoleftscrollcontainer table td { margin:0; padding:0; }
.imagefontcontainer { width:240px; height:196px; float:left; margin-right:15px; }
.imagefontcontainer img { width:240px; height:196px; }

.ipt3 { height:580px; background:#110404 url(../xg/dflibg2.jpg) no-repeat center top; color:#fff; }
.ipt3 .ictnr { width:1007px; }
.ip3l {/* width:669px;*/ height:236px; float:left; }
.ip3l .hts span { margin:16px 0 0; }
.ip3l .hts { height:50px; background:url(../xg/dfli05.png) no-repeat 13px center; margin-bottom:11px; }
.ip3r { width:282px; height:236px; float:right; margin-right:15px; }
.ip3r .hts span { margin:20px 0 0; }
.ip3r .hts { height:55px; background:url(../xg/dfli06.png) no-repeat 13px center; }
#dfli div { float:left; }
.dflil { width:269px; height:173px; background:url(../xg/dfli07.png) no-repeat; }
.dflil img { display:block; padding:2px; }
.dflir { width:680px; height:173px; margin-left:18px; }


.anli .hts  { height:30px; background:url(../xg/dfli09.png) no-repeat center center; margin-bottom:22px; }
.anli .hts  span { margin:6px 0 0; }
/*### auto left scroll part ###*/
#autoleftscrollcontainer2 { width:1007px; height: 196px; overflow:hidden; margin:0 auto; }
#autoleftscrollcontainer2 table { margin:0; padding:0;  border-collapse:collapse; border-spacing:0; }
#autoleftscrollcontainer2 table tr,#autoleftscrollcontainer2 table td { margin:0; padding:0; }
.imagefontcontainer2 { width:240px; height:196px; float:left; background:lightblue; margin-right:15px; }
.imagefontcontainer2 img { width:240px; height:196px; }

.yqlj { margin-top:30px; }
.yqlj .hts  { height:30px; background:url(../xg/dfli10.png) no-repeat center center; margin-bottom:10px; }
.ljcont { width:100%; height:50px; margin-top:5px; }

/*skfoot*/
#skfoot { width:100%; min-width:1007px; font-family:microsoft yahei; }
#fpt1,#fpt2,#fpt3 { width:100%;}
.fctnr { width:1007px; margin:0 auto;}

.fpt1 { height:45px; background:#220b0e; }
#skfoot a { text-decoration:none; color:#e0ba77; }

.fpt2 { height:190px; background:#000; }
.fpt2 .fctnr { width:830px; margin:0 auto; }
/*
.flogo { width:230px; height:154px; background:url(../xg/dflh01.png) no-repeat; float:left; margin:10px 0 0 35px; }
*/
/*
.flogo { width:200px; height:170px; background:url(../xg/nlogo.png) no-repeat center 50px;background-size:70% 70%; float:left; }
*/
.flogo { width:200px; height:150px; background:url(../xg/tnlogo_350.png) no-repeat center 50px;background-size:70% 70%; float:left; }
.finfo { float:left; margin-top:42px; color:#fff; line-height:20px; margin-left:30px; width:323px; font-weight:normal; }
.qrcode { width:130px; height:130px; float:left; margin-top:32px; margin-left:20px; }
.qrcode img{width: 100%;}


div.wpcf7 {padding: 0px; margin: 0px;}
div.wpcf7-response-output {padding:0.2em 1em 0.2em 1em; margin: 2em 0.5em 1em;}
div.wpcf7-mail-sent-ok {border: #398f14 2px solid;}
div.wpcf7-mail-sent-ng {border-right: #ff0000 2px solid;}
div.wpcf7-spam-blocked {border-right: #ffa500 2px solid;}
div.wpcf7-validation-errors {border-right: #f7e700 2px solid;}
span.wpcf7-form-control-wrap {position: relative;}
span.wpcf7-not-valid-tip {border: #ff0000 1px solid; padding: 2px;font-size: 10pt; z-index: 100; background: #fff; left: 20%; width: 280px; position: absolute; top: 20%;}
span.wpcf7-not-valid-tip-no-ajax {display: block; font-size: 10pt; color: #f00;}
span.wpcf7-list-item {margin-left: 0.5em;}
.wpcf7-display-none {display: none;}
div.wpcf7 img.ajax-loader {margin-left: 4px; vertical-align: middle; border: none;}
div.wpcf7 .watermark {color: #888;}