/*
theme name: wpinstrument
theme uri: http://www.leonhere.com/wpinstrument.html
description: 里昂工作室高端wordpress企业主题！
version: 1.1
author: 里昂工作室&博客吧
author uri: http://www.boke8.net
tags: deep red, gray, green, boke8, taoke, taobao, widgets, responsive
*/
* {-webkit-tap-highlight-color:transparent;}
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#fff; font:16px/1.75em 'microsoft yahei',arial,tahoma;}
a {text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent;}
input {-webkit-appearance:none; border:0;}
input:focus {outline:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
/*gold*/
.inner {width:1200px; margin:0 auto;}
.section_title {text-align:center; font-size:28px; line-height:1.5em; color:#555; font-weight:normal; margin-bottom:4.5%; position:relative;}
.section_title:after {content:''; display:block; margin:0 auto; width:50px; height:1px; background-color:#024890; border-right:15px solid #eee; border-left:15px solid #eee; margin-top:1.5%;}
img.alignleft {float:left; margin:0 15px 15px 0;}
img.aligncenter {display:block; margin:0 auto;}
img.alignright {float:right; margin:0 0 15px 15px;}
body.open, .fixed_bg {position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.fixed_bg {background-color:rgba(0,0,0,.6); z-index:8; display:none;}
/*header*/
.header {position:relative;}
.header .inner {position:relative;}
.header_top {position:absolute; right:0; top:5px;}
.header_top .tel {float:left; padding-right:25px; color:#024890;}
.header_top .tel i {margin-right:5px; font-size:18px;}
.header_top .language {float:left; overflow:hidden; color:#666;}
.header_top .language a {color:#666; font-size:12px; margin-left:5px;}
.header_top .language a:hover {color:#024890;}

/*logo*/
.logo {float:left; padding:22px 0;}
.logo a {display:block; width:304px; height:98px; background:url(/uploads/image/wtwimages/logo.png) no-repeat center center; background-size:contain; text-indent:-9999em;}

/*nav*/
.nav {float:right; padding-right:40px;}
.menu {margin-top:40px;}
.menu ul li {float:left; padding:0 30px; position:relative;}
.menu ul li a {color:#343434; display:block; padding:10px 0; transition:all 0.3s ease 0s; border-bottom:2px solid transparent;}
.menu > ul > li > a:hover, .menu > ul > li.cur a, .menu > ul > li.current-menu-item > a, .menu > ul > li.current-menu-parent > a {color:#000; border-bottom:2px solid #024890; font-weight:normal;}
.menu ul li ul {position:absolute; left:0; top:49px; width:100%; text-align:center; z-index:4; padding:10px 0; display:none; transition:all 0.3s ease 0s;}
.menu ul li ul.open {display:block;}
.menu ul li ul li {white-space:nowrap; overflow:hidden; padding:0; text-overflow:ellipsis; float:none;}
.menu ul li ul li a {padding:5px 0; border-bottom:none;font-size: 12px;}
.menu ul li ul li a:hover {border-bottom:none; color:#024890;}
.menu ul li.cur ul {background-color:rgba(221,221,221,0.3);}
.menu ul li.cur li a {color:#343434; border-bottom:none;}

/*sub_nav*/
.sub_nav {background-color:rgba(255,255,255,.8); width:100%; position:absolute; top:89px; z-index:3; border-top:1px solid #ddd; padding:10px 0; display:none;}
.sub_nav.open {display:block;}

/*search*/
.search_main,.nav_btn {color:#343434; position:absolute; right:0; top:50px;}
.search_main .search_btn {cursor:pointer; font-size:18px;}

.search_form {position:absolute; right:0; top:39px; background-color:rgba(255,255,255,.8); z-index:2; padding:8px 10px; overflow:hidden; width:245px; display:none;}
.search_form .text {display:block; width:200px; float:left; height:18px; line-height:18px; padding:5px;}
.search_form .submit {display:block; float:right; width:28px; height:28px; background:none; border:none; font-size:1.25em;}

/*nav_btn*/
.nav_btn {right:45px; font-size:24px; cursor:pointer; display:none;}

/*slides*/
.slides {margin-bottom:60px; background-color:#f9f9f9;}
.slides .slides_item {background:no-repeat center center / cover;}
.slides .slides_item .inner {height:640px; position:relative;}
.slides .slides_item a {display:block; text-indent:-9999em;}
.slides .owl-dots, .proslide .owl-dots {position:absolute; bottom:3%; left:0; width:100%; text-align:center;}
.slides .owl-carousel button.owl-dot,.proslide .owl-carousel button.owl-dot {display:inline-block; padding:0 8px;}
.slides .owl-dot span,.proslide .owl-dot span {display:block; width:13px; height:13px; border:2px solid rgba(255,255,255,.6); border-radius:50%;}
.slides .owl-dot.active span {border-color:#024890;}
.slides .owl-carousel .owl-nav button.owl-prev, .slides .owl-carousel .owl-nav button.owl-next {position:absolute; top:50%; font-size:50px; text-indent:-9999em; background:no-repeat center center / contain; width:44px; height:80px; margin-top:-40px;}
.slides .owl-carousel .owl-nav button.owl-prev {background-image:url(/uploads/image/wtwimages/arrow_left.png); left:2%;}
.slides .owl-carousel .owl-nav button.owl-next {background-image:url(/uploads/image/wtwimages/arrow_right.png); right:2%;}
.slides .owl-carousel .owl-nav button:hover {opacity:0.5;}
.load {width:1200px; height:640px; line-height:640px; font-size:36px; text-align:center; margin:0 auto; color:#eee;}
/*banner*/
.banner {background:no-repeat center center / cover; margin-bottom:25px;}
.banner .inner {height:360px;}

/*breadcrumb*/
.breadcrumb {margin-bottom:25px; color:#999; font-size:14px;}
.breadcrumb .fa-home {margin-right:10px;}
.breadcrumb .fa-caret-right {margin:0 10px; font-size:12px;}
.breadcrumb a {color:#999;}

/*container*/
.container {overflow:hidden; margin-bottom:5%;}

/*aside*/
.sidebar {width:250px; float:left;}

/*side_menu*/
.side_menu {margin-bottom:10%;}
.side_menu .title {color:#fff; background-color:#024890; padding:20px 30px; border-radius:20px 0 0 0; position:relative; overflow:hidden;}
.side_menu .title h3 {font-size:24px; font-weight:normal;}
.side_menu .title h4 {font-size:36px; font-weight:normal; position:absolute; left:30px; bottom:-10px; opacity:0.2;}
.side_menu ul {border:1px solid #eaeaea; border-top:5px solid #dedede; padding:10px 20px;}
.side_menu ul li {padding:5px 0; border-bottom:1px solid #eaeaea;}
.side_menu > ul > li:last-child {border-bottom:none;}
.side_menu ul li a {color:#333; padding:10px 15px 10px 10px; display:block; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1em; transition:all 0.3s ease 0s;}
.side_menu ul li a:after {content:''; display:block; position:absolute; right:10px; bottom:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; width:8px; height:8px; transition:all 0.3s ease 0s;}
.side_menu ul li a:hover,.side_menu ul li.cur > a {color:#024890;}
.side_menu ul li a:hover:after,.side_menu ul li.cur > a:after {border-color:#024890;}

.widget .pic img {width:100%; height:auto; display:block;}
.widget .textwidget {padding:15px 20px; border:1px solid #eaeaea; border-top:none;}
.widget .textwidget h3 {font-weight:normal; font-size:18px; margin-bottom:10px;}
.widget .textwidget p {font-size:14px; padding:2px 0; position:relative; color:#555;}
.widget .textwidget p .left {display:block; width:43px; float:left;}
.widget .textwidget p .right {display:block; margin-left:43px;}

/*main_title*/
.main_title {border-bottom:1px solid #eaeaea; position:relative; margin-bottom:25px;}
.main_title h2 {font-size:24px; color:#333; font-weight:normal; position:relative; float:left; padding-bottom:15px;}
.main_title h2:after {content:''; display:block; width:100%; height:1px; position:absolute; left:0; bottom:-1px; z-index:1; background-color:#024890;}

/*main*/
.main {margin-left:300px; overflow:hidden;}

/*blog_list*/
.blog_list .pagenavi {padding-top:15px;}
.blog_item {border-bottom:1px dashed #dcdcdc; padding-bottom:25px; margin-bottom:25px;}
.blog_item h2 {font-size:22px; font-weight:normal; line-height:1.5em; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;}
.blog_item a {color:#333; transition:all 0.2s ease 0s;}
.blog_item a:hover {color:#024890; padding-left:10px;}
.blog_item span {margin-right:5px;}
.blog_item .excerpt {color:#555;}

/*download_list*/
.download_list ul {margin-bottom:30px; overflow:hidden;}
.download_list li {border-bottom:1px dashed #dcdcdc; padding-bottom:10px; margin-bottom:10px;;}
.download_list a {color:#333; display:block; position:relative; padding-right:75px;}
.download_list .fa-arrow-alt-circle-down {color:#db241a;}
.download_list span {position:absolute; right:0; top:0; font-size:14px; background-color:#f99700; color:#fff; padding:0 10px; border-radius:3px;}

/*news*/
.news_top {color:#555; margin-bottom:25px;}
.news_top .thumbnail {float:left; width:320px; position:relative; height:240px; overflow:hidden;}
.news_top img {display:block; width:100%; height:auto;}
.news_top .info {margin-left:350px;}
.news_top h3 {font-weight:normal; font-size:20px; line-height:1.5em; margin-bottom:20px;}
.news_top a {color:#222;}
.news_top p {line-height:1.75em; height:5.25em; overflow:hidden;}

.news_top .owl-dots {position:absolute; right:0; bottom:0; line-height:normal;}
.news_top .owl-dot {float:left; padding-left:8px;}
.news_top .owl-dot span {display:block; width:30px; height:5px; background-color:#eee; transition:all 0.2s ease 0s;}
.news_top .owl-dot.active span {background-color:#db251c;}

.news_list ul {margin-bottom:25px; overflow:hidden;}
.news_list li {margin-bottom:20px;}
.news_list li a {display:block; position:relative; padding:15px 20px; color:#333; border:1px solid #ddd; box-shadow:1px 2px 0px #efefef;}
.news_list li a:hover {background-color:#db251c; color:#fff;}
.news_list li a:hover time {color:#fff;}
.news_list time {display:block; position:absolute; left:20px; top:50%; transform:translatey(-50%); color:#999; border-right:1px solid #eee; padding-right:15px;}
.news_list h3 {margin:0 50px 0 120px; font-weight:normal; line-height:1.75em;}
.news_list i {display:block; font-family:'simsun'; font-style:normal; position:absolute; right:20px; top:50%; transform:translatey(-50%); }

/*pro_page*/
.pro_top {overflow:hidden; margin-bottom:50px;}
.pro_gallery {width:500px; float:left;}
.pro_cur, #pro_gallery .pic {position:relative; padding-bottom:66.6%; overflow:hidden; margin-bottom:10px;}
.pro_cur img, #pro_gallery .pic img {position:absolute; left:0; top:0; width:100%; height:100%; display:block;}
.pro_cur img {width:auto; max-height:100%; left:50%; transform:translatex(-50%);}

#pro_gallery .pic {margin-bottom:0; cursor:pointer;}
#pro_gallery .owl-prev, #pro_gallery .owl-next {position:absolute; top:0; height:100%; width:20px; background-color:rgba(0,0,0,.5); color:#fff; font-size:28px;}
#pro_gallery .owl-prev {left:0;}
#pro_gallery .owl-next {right:0;}
#pro_gallery .owl-prev.disabled, #pro_gallery .owl-next.disabled {display:block;}

.pro_info {margin-left:580px;}
.pro_info h2 {font-weight:normal; font-size:24px; line-height:1.5em; margin-bottom:25px;}
.pro_info .intro {color:#555; margin-bottom:30px;}
.pro_info .message {margin-bottom:25px;}
.pro_info .message a {display:block; color:#fff; width:138px; height:38px; text-align:center; line-height:38px; background-color:#007cc3;}
.pro_info .tel {font-size:18px; color:#595758;}
.pro_info .tel i {font-style:normal; font-size:24px; color:#006dba;}

.pro_tab ul {border-bottom:1px solid #dcdcdc; padding-left:10px;}
.pro_tab li {float:left; margin-right:10px; width:130px; background-color:#dfe5eb; border:1px solid #dcdcdc; font-size:14px; color:#333; height:38px; line-height:38px; text-align:center; border-bottom:none; cursor:pointer; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;}
.pro_tab li.cur {background-color:transparent; margin-bottom:-1px; border-bottom:1px solid #fff;}

.pro_box {padding:30px 10px; display:none;}
.pro_box.entry {overflow-x:auto; -webkit-overflow-scrolling:touch;}
.pro_box.cur {display:block;}
.pro_box table {border:none; width:100%;}
.pro_box td,.pro_box th {border:none; border-right:1px solid #fff; text-align:center; padding:10px 5px;}
.pro_box th {background-color:#007cc3; color:#fff; font-size:16px; padding:15px 5px; font-weight:normal;}
.pro_box td {font-size:14px;}
.pro_box tr {background-color:#f8f8f8;}
.pro_box tr:nth-child(2n) {background-color:#f1f1f1;}

.pro_form {background-color:#fff; position:fixed; left:50%; top:5%; width:800px; z-index:10; margin-left:-401px; border:1px solid #fff; box-shadow:0px 0px 10px #000; border-radius:10px; max-height:90%; overflow-y:auto; -webkit-overflow-scrolling: touch; display:none;}
.pro_form h3 {text-align:center; font-size:24px; font-weight:normal; line-height:1.5em; margin-bottom:30px;}
.pro_form .pro_main {width:500px; margin:25px auto;}
.pro_form .pro_input {position:relative; overflow:hidden; padding:6px 0;}
.pro_form label {display:block; float:left; height:35px; line-height:35px; width:90px; text-align:right;}
.pro_form label i {font-style:normal; color:#f00;}
.pro_form .text, .pro_form textarea {height:33px; border:1px solid #eaeaea; border-radius:3px; display:block; float:left; width:398px; padding:0 5px; line-height:normal;}
.pro_form textarea {height:100px; padding:5px;}
.pro_submit {padding:8px 0 8px 90px; overflow:hidden;}
.pro_submit input {background-color:#024890; color:#fff; cursor:pointer; padding:5px 20px; border-radius:3px; font-size:18px; float:left;}
.pro_submit #canel {display:block; float:left; font-size:18px; height:34px; line-height:34px; border-radius:3px; padding:0 20px; background-color:#ddd; color:#fff; margin-left:10px; cursor:pointer;}

/*single_page*/
.single_page {overflow:hidden;}

/*post_title*/
.post_title {font-weight:normal; text-align:center; font-size:24px; line-height:1.5em; margin:15px 0 20px;}

/*post_meta*/
.post_meta {text-align:center; font-size:14px; color:#666; border-bottom:1px solid #eaeaea; padding-bottom:5px; margin-bottom:25px;}
.post_meta span {padding:2px 10px;}
/*entry*/
.entry {overflow:hidden;}
.entry img {max-width:100%; height:auto;}
.entry p, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {line-height:1.75em; margin-bottom:20px;}
.entry ul,.entry ol {padding-left:2em; margin-bottom:20px;}
.entry ul li {list-style:inside disc none;}
.entry ol li {list-style:inside decimal none;}
.entry blockquote {overflow:hidden; margin:0 2em 20px; padding:20px 20px 0; font-style:italic;}
.entry blockquote p {color:#888;}
.entry hr {border:none; border-bottom:1px solid #888; margin-bottom:20px;}

.entry .pic {float:right; width:370px; height:auto; padding:1.5%; border:1px solid #eaeaea; margin:0.5em 0 1em 2em;}
.entry .pic img {display:block; width:100%; height:auto;}

/*post_navi*/
.post_navi {border-top:1px solid #eaeaea; margin-top:25px; padding-top:25px;}
.post_navi p {line-height:1.5em; padding:5px 0; color:#555;}
.post_navi span {display:block; float:left;}
.post_navi a {color:#333; display:block; margin-left:4em; transition:all 0.2s ease 0s;}
.post_navi a:hover {color:#db251c;}

/*go_back*/
.go_back {clear:both; overflow:hidden;}
.go_back a {background-color:#db251c; color:#fff; display:block; width:180px; height:40px; text-align:center; line-height:40px; border-radius:3px; margin:25px auto 0;}

/*page_desc*/
.desc_title {font-weight:normal; font-size:24px; line-height:1.1em; margin-bottom:20px; border-left:5px solid #db241a; padding-left:20px;}

.page_desc {margin-bottom:3%; position:relative;}
.page_desc .desc {font-size:16px; color:#555;}
.page_desc .desc p {text-indent:25px; margin-bottom:15px;}
.page_desc .more {position:absolute; right:0; top:0;}
.page_desc .more a {color:#333;}

.sub_cat {overflow:hidden; width:102%;}
.cat_item {float:left; width:48%; padding:25px 2% 25px 0; overflow:hidden;}
.cat_item .thumbnail {background:no-repeat center center / contain; width:45%; padding-bottom:30.3%; float:left;}
.cat_item .info {width:53%; float:right; padding:1% 0; overflow:hidden;}
.cat_item h3 {font-weight:normal; font-size:18px; color:#333; line-height:1.75em; margin-bottom:3%;}
.cat_item h3 a {color:#222; transition:all 0.3s ease 0s;}
.cat_item .info ul {width:102%; overflow:hidden;}
.cat_item .info ul li {font-size:14px; list-style:inside disc none; color:#333; width:47%; float:left; padding-right:2%; padding-left:1%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s ease 0s;}
.cat_item .info ul li a {color:#333; transition:all 0.3s ease 0s;}
.cat_item h3 a:hover, .cat_item .info ul li:hover, .cat_item .info ul li a:hover {color:#db241a;}

/*cat_pro*/
.cat_pro {overflow:hidden;}
.cat_pro ul, .box_list {width:102.5%; overflow:hidden; margin-bottom:2%;}
.cat_pro li, .box_item {float:left; width:30.8943%; padding-right:2.439%; padding-bottom:2.5%;}
.cat_pro a {display:block; color:#333;}
.cat_pro .thumbnail, .box_item .thumbnail {margin-bottom:15px; position:relative; padding-bottom:66.6%; overflow:hidden;}
.cat_pro img, .box_item img {width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.cat_pro img {width:auto; max-height:100%; left:50%; transform:translatex(-50%);}
.cat_pro h3 {font-weight:normal; text-align:center; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*box_list*/
.box_list {overflow:hidden;}
.box_item a {border:1px solid #eaeaea; display:block; color:#222; margin-bottom:20px; position:relative; transition:all 0.2s ease 0s;}
.box_item a:hover {color:#db251c;}
.box_item a:hover, .box_item a:hover .more {border-color:#db251c;}
.box_item a:hover img {transform:scale(1.1,1.1);}
.box_item .thumbnail {margin-bottom:0;}
.box_item img {transition:all 0.3s ease 0s;}
.box_item .info {padding:20px 20px 50px; position:relative;}
.box_item h2 {font-weight:normal; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:1em;}
.box_item p {color:#555; line-height:1.75em; height:5.25em; overflow:hidden; font-size:14px;}
.box_item .more {font-size:12px; width:100px; text-align:center; line-height:30px; height:30px; background-color:#f6f6f6; position:absolute; left:50%; bottom:-16px; margin-left:-51px; border:2px solid #eaeaea; color:#555; border-radius:2px; transition:all 0.2s ease 0s;}

/*pagenavi*/
.pagenavi {font-size:0; text-align:center;}
.pagenavi a {display:inline-block; font-size:16px; border:1px solid #ebebeb; padding:5px 15px; margin:5px; color:#555; transition:all 0.2s ease 0s;}
.pagenavi a:hover, .pagenavi a.oncurrent {background-color:#db241a; border-color:#db241a; color:#fff;}

/*home_cats*/
.home_cats {overflow:hidden;}
.home_cats ul {overflow:hidden; width:103%;}
.home_cats ul li {float:left; width:31%; padding-right:2%; padding-bottom:3%;}
.home_cats ul li .pic {position:relative; padding-bottom:67.65%; overflow:hidden; margin-bottom:3%;}
.home_cats ul li .pic img {display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition: all 0.3s ease 0s;}
.home_cats ul li h4 {font-weight:normal; line-height:1.75em; color:#024890; margin-bottom:2%}
.home_cats ul li h1 {font-size: 33px;text-align: center;color:#0a6dc4;}
.home_cats ul li p {color:#666; height:5.25em; overflow:hidden;}
.home_cats ul li a {display:block; border-bottom:5px solid #eee; padding-bottom:4%; transition:all 0.3s ease 0s;}
.home_cats ul li a:hover {border-bottom-color:#024890;}
.home_cats ul li a:hover img {transform:scale(1.1,1.1);}
/*homepro*/
.homepro {overflow:hidden;}
.homepro ul {width:104%; overflow:hidden;}
.homepro li {float:left; width:30%; padding-right:3%; padding-bottom:3%;}
.homepro li a {display:block; overflow:hidden;color:#333;}
.homepro li .pic {padding-bottom:100%;position:relative; overflow:hidden; margin-bottom:15px;}
.homepro li img {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.homepro li p {font-size:18px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.75em; text-align:center; text-align:center;}

/*proslide*/
.proslide {margin-bottom:5%;}
.proslide .pro_item {position:relative; overflow:hidden; background:no-repeat center center / cover; padding-bottom:47%;}
.proslide .owl-dot.active span {background-color:rgba(2,72,144,.7);}
.proslide a {position:absolute; left:0; top:0; width:100%; height:100%;}

/*home_news*/
.home_news {overflow:hidden; position:relative; margin-bottom:3%;}
.home_news .title {background-color:#024890; color:#fff; position:absolute; left:0; top:0; height:100%; width:17%; text-align:center; border-radius:5px 0 5px 0;}
.home_news .title a {color:#fff; position:absolute; left:0; top:50%; transform:translatey(-50%); width:100%; display:block;}
.home_news .title a:hover h3 {margin-bottom:30%;}
.home_news .title h3 {font-weight:normal; padding:5%; font-size:24px; margin-bottom:15%; transition:all 0.3s ease 0s;}
.home_news .title span {display:inline-block; border:1px solid #fff; border-radius:5px; padding:0 15px; font-size:14px;}
.home_news ul {overflow:hidden; padding-left:20%;}
.home_news .first {float:left; /*width:44%;*/ width:400px; padding-right:3%; border-right:1px solid #eee; margin-right:3%;}

.home_news .first a:hover .news_title {color:#db251c;}
.home_news .first .thumbnail {position:relative; padding-bottom:75%; overflow:hidden; margin-bottom:2%;}
.home_news .first .thumbnail img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.home_news .first .news_title {color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; line-height:1.75em; margin-bottom:2%;transition:all 0.3s ease 0s;}
.home_news .first .intro {color:#666; height:5.25em; overflow:hidden;}
.home_news .list {margin-left:430px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:7px 0;}
.home_news .list:last-child {margin-bottom:0;}
.home_news .list a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#222; transition:all 0.3s ease 0s;}
.home_news .list a:hover, .home_news .list a:hover span {color:#db251c;}
.home_news .list span {margin-right:10px; color:#000; font-family:arial;}

/*home_about*/
.home_about {margin-bottom:3%;}
.home_about .about_wrap {position:relative;}
.home_about h3 {background: rgba(220,37,29,0.7); color:#fff; position:absolute; left:0; top:0; padding:10px 20px; font-weight:normal;}
.home_about .thumbnail {float:left; width:450px; height:auto;}
.home_about .thumbnail img {display:block; width:100%; height:auto;}
.home_about .info {margin-left:480px; color:#333;}
.home_about .info p {padding:10px 0;}
.home_about .more {font-size:18px; padding:10px 0;}
.home_about .more a {color:#024890;}

/*contact*/
.contact, .home_about {background-color:#f9f9f9;}
.contact .inner, .home_about .inner {padding:3% 0; overflow:hidden;}
.contact .info {float:right; width:41%;}
.contact .info h3 {font-weight:normal; color:#333; font-size:28px; line-height:1.75em; margin-bottom:3%;}
.contact .info ul li {padding:15px 0 15px 30px; font-size:18px; border-bottom:1px solid #eee; color:#353535; position:relative;}
.contact .info i {display:block; position:absolute; left:0; top:22px; width:16px; height:16px; text-align:center;}
.contact .map {width:55%; position:relative; height:450px;}
.contact .map #allmap {overflow:hidden; width:100%; height:100%;}

/*footer*/
.footer {background-color:#0097f2;}
.footer .inner {overflow:hidden; padding:2% 0;}

.menubox li, .last_box {color:#ededed; font-size:18px; line-height:1.5em; float:left; width:12.5%; padding:2% 0;}
.menubox li a {color:#ededed; display:block;}
.menubox li a:hover {color:#fff;}
.menubox li ul {margin-top:15px;}
.menubox li li {padding:2px 0; float:none; width:auto; font-size:16px; line-height:1.75em;}
.menubox li li a {color:#9f9f9f;}


.last_box h3 {font-weight:normal; color:#ededed; font-size:18px; line-height:1.5em; margin-bottom:15px;}
.last_box .qrcode {padding:8px 0;}
.last_box .qrcode img {display:block; width:100%; height:auto;}

.copyright {border-top:1px solid #414141; padding-top:1%; color:#555; text-align:center; font-size:14px; margin-top:1%;}
.copyright a {color:#555;}

.links {background-color:#08a7e6; margin-top:1%;}
.links ul {text-align:center; padding:3px 5px;}
.links ul li {display:inline-block; padding:3px 10px; color:#555; font-size:14px;}
.links ul li a {color:#555;}

.fixed_widget {position:fixed; right:2px; bottom:30%; z-index:5;}
.fixed_widget li {width:30px; height:30px; background-color:#024890; margin-bottom:2px; text-align:center; line-height:30px; position:relative; cursor:pointer;}
.fixed_widget li.backtop {font-size:20px;}
.fixed_widget li a {color:#fff;}
.fixed_widget li .qrcode {position:absolute; right:40px; top:50%; width:100px; height:100px; padding:5px; border:1px solid #eee; margin-top:-56px; z-index:4; background-color:#fff; display:none;}
.fixed_widget li .qrcode:after {content:''; display:block; width:8px; height:8px; border-top:1px solid #eee; border-right:1px solid #eee; transform:rotate(45deg); position:absolute; right:-4px; top:50%; margin-top:-4px; background-color:#fff;}
.fixed_widget li .qrcode img {display:block; width:100%; height:auto;}
.fixed_widget li.tel {display:none;}
/*screen width*/
@media only screen and (min-width:1600px){
	.fixed_widget {right:5%;}
}
@media only screen and (max-width:1280px){
	.inner {width:93.75%;}
	
	.nav {padding-right:30px;}
	.menu ul li {padding:0 20px;}
	.menu ul li ul li {font-size:14px;}
	
	.slides {margin-bottom:3%;}
	.slides .slides_item .inner {height:auto; padding-bottom:50%;}
	.load {width:93.75%; padding-bottom:50%; height:auto; position:relative;}
	.load span {position:absolute; top:50%; transform:translatey(-50%); left:0; width:100%;}
	
	.section_title, .contact .info h3 {font-size:22px;}
	
	/*banner*/
	.banner .inner {height:0; padding-bottom:28.125%;}
	.banner, .breadcrumb {margin-bottom:1.5%;}
	
	/*sidebar*/
	.sidebar {width:220px;}
	
	/*main*/
	.main {margin-left:250px;}
	
}
@media only screen and (max-width:1080px){
	.nav {padding-right:20px;}
	.menu ul li {padding:0 14px;}
	
	.slides .owl-carousel .owl-nav button.owl-prev, .slides .owl-carousel .owl-nav button.owl-next {width:30px; height:55px; margin-top:-27.5px;}
	
	.home_news .first {width:350px;}
	.home_news .list {margin-left:375px; padding:5px 0;}
	
	.cat_item {padding:15px 2% 15px 0;}
	
	.pro_top {margin-bottom:35px;}
	.pro_gallery {width:400px;}
	.pro_info {margin-left:430px;}
	.pro_info h2, .pro_info .intro, .pro_info .message {margin-bottom:20px;}
}
@media only screen and (max-width:980px){
	
	.search_main, .nav_btn {top:40px;}
	.search_form {top:45px;}
	.search_main .search_btn {font-size:24px;}
	
	.nav_btn {display:block;}
	.nav {position:fixed; left:-180px; top:0; width:180px; height:100%; background-color:rgba(0,0,0,.6); z-index:9; padding-right:0; overflow-y:auto; overflow-x:hidden; transition:left 0.3s ease 0s;}
	.menu ul li ul.open,.sub_nav.open {display:none;}
	.nav.open {left:0;}
	.menu {position:absolute; width:100%; padding-bottom:40px;}
	.menu ul li {float:none; padding:0; text-align:center; border-bottom:1px solid #333;}
	.menu > ul > li:last-child {border-bottom:none;}
	.menu ul li a {color:#a9a9a9; border-bottom:none; display:block;}
	.menu > ul > li.cur a, .menu > ul > li.current-menu-item > a, .menu > ul > li.current-menu-parent > a, .menu ul li a:hover {border-bottom:none; color:#a9a9a9;}
	
	
	.home_news ul {padding-left:0;}
	.home_news .title {position:static; background-color:transparent; left:auto; top:auto; width:auto; height:auto; border-radius:0; overflow:hidden; margin-bottom:2%;}
	.home_news .title:after {content:''; display:block; width:auto; height:1px; background-color:#eee; border-right:15px solid #024890; border-left:15px solid #024890; margin:1% 0 0 0;}
	.home_news .title a {position:static; left:auto; top:auto; transform:none; color:#555; overflow:hidden;}
	.home_news .title h3 { color:#555; font-size:22px; padding:0; margin:0; float:left;}
	.home_news .title a:hover h3 {margin-bottom:0;}
	.home_news .title span {float:right; padding:0; border:none;}
	
	.menubox li, .last_box h3 {font-size:16px;}
	.menubox li li {font-size:14px;}
	
	/*sidebar*/
	.sidebar {width:auto; float:none;}
	.sidebar .widget {display:none;}
	.side_menu {margin-bottom:2%;}
	.side_menu .title {padding:10px 25px;}
	.side_menu .title h3 {font-size:18px;}
	.side_menu .title h4 {left:auto; right:25px; bottom:0;}
	.side_menu .title i {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; cursor:pointer;}
	.side_menu .title i:after {content:''; display:block; width:10px; height:10px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; transform:rotate(45deg); position:absolute; right:25px; top:50%; margin-top:-7.5px; transition:all 0.3s ease 0s;}
	.side_menu .title.open i:after {transform:rotate(225deg); margin-top:0;}
	.side_menu ul {display:none;}
	
	/*main*/
	.main {margin-left:0;}	
	.main_title {margin-bottom:3%;}
	.main_title h2 {font-size:18px; padding-bottom:10px;}	
	.entry p {margin-bottom:2%;}	
	.desc_title {margin-bottom:15px;}	
	.blog_item h2 {white-space:normal;}	
	.pro_gallery {width:350px;}
	.pro_info {margin-left:380px;}
	.pro_info h2, .pro_info .intro, .pro_info .message {margin-bottom:15px;}	
	.pro_form {width:80%; margin-left:-40%;}
	
	.home_about .thumbnail {width:350px;}
	.home_about .info {margin-left:380px;}
	.home_about .info p {padding:0; margin-bottom:15px;}
	.home_about .more {padding:0;}
}
@media only screen and (max-width:768px){
	.header_top, .slides .owl-carousel .owl-nav {display:none;}
	
	.search_main, .nav_btn {top:50%; margin-top:-12px;}
	.search_form {top:45px;}
	
	.logo {padding:18px 0;}
	.logo a {width:124px; height:30px;}
	
	.slides {margin-bottom:5%;}
	.slides .owl-dot span, .proslide .owl-dot span {width:10px; height:10px;}
	
	.section_title {margin-bottom:5%;}
	
	.home_cats ul {width:104%;}
	.home_cats ul li {width:46%; padding-right:4%; padding-bottom:5%;}
	.home_cats ul li a:hover img {transform:none;}
	
	.homepro {margin-bottom:2%;}
	.homepro li {width:46%; padding-right:4%; padding-bottom:4%;}
	.homepro li p {font-size:16px;}
	
	
	.home_news {margin-bottom:5%;}
	.home_news .title {margin-bottom:5%;}
	.home_news .first {float:none; width:auto; overflow:hidden; margin-right:0;  padding-right:0; border-right:none;}
	.home_news .first .thumbnail {float:left; width:180px; padding-bottom:0; height:135px; margin-right:15px;}
	.home_news .list {margin-left:0; list-style:inside disc none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.home_news .list a {display:inline;}
	
	.contact .info h3 {line-height:1em; margin-bottom:3%;}
	.contact .map {width:100%; float:none; height:300px;}
	.contact .info {width:auto; float:none; margin-bottom:5%;}
	.contact .info ul li {padding:8px 0 8px 30px; font-size:16px;}
	.contact .info i {top:15px;}
	
	
	.banner, .breadcrumb {margin-bottom:15px;}
	
	
	.menubox li {float:none; width:auto; padding:5px 0; overflow:hidden; clear:both; font-size:14px; line-height:1.75em;}
	.menubox li a {float:left;}
	.menubox li ul {overflow:hidden; margin-top:0; margin-left:56px;}
	.menubox li li {float:left; padding:0 0 0 10px;}
	
	.last_box {width:auto; float:none; padding:5px 0;}
	.last_box h3 {float:left; font-size:14px;margin-bottom:0;}	
	.last_box .qrcode {width:110px; margin-left:85px; overflow:hidden; padding:0;}
	
	.fixed_widget li.tel {display:block;}
	
	.entry p {margin-bottom:15px;}
	.entry .pic {width:300px; margin:0.5em 0 0.5em 1em;}
	
	.sub_cat {width:100%;}
	.cat_item {float:none; width:auto; padding:10px 0; clear:both;}
	.cat_item .thumbnail {width:30%; padding-bottom:20.28%; margin-top:9px;}
	.cat_item .info {width:65%; padding:0;}
	
	.side_menu {margin-bottom:5%;}
	.side_menu .title {padding:8px 25px;}
	
	.main_title {margin-bottom:5%;}
	
	.cat_pro .thumbnail {margin-bottom:10px;}
	.cat_pro h3 {font-size:16px;}
	
	.news_top .thumbnail {width:280px; height:210px;}
	.news_top .info {margin-left:300px;}
	.news_top, .news_list ul {margin-bottom:5%;}
	.news_list li {margin-bottom:3%;}
	.news_list li a {padding:12px 10px;}
	.news_list time {font-size:14px; left:10px; padding-right:10px;}
	.news_list h3 {margin:0 30px 0 100px; font-size:14px;}
	.news_list i {right:10px;}
	
	.post_title {margin:0 0 4%; font-size:18px;}
	.post_meta {margin-bottom:4%;}
	.post_meta span {padding:2px 5px;}
	.post_navi {margin-top:4%; padding-top:3%;}
	.go_back a {margin-top:4%;}
	
	.download_list ul {margin-bottom:5%;}
	
	.pagenavi a {font-size:14px; padding:2px 12px; margin:2px;}
	
	.blog_item {padding-bottom:20px; margin-bottom:20px;}
	.blog_item h2 {font-size:18px;}
	.blog_list .pagenavi {padding-top:8px;}
	
	.box_list {width:104%;}
	.box_item {width:46%; padding-right:4%; padding-bottom:20px;}
	.box_item a:hover img {transform:none;}
	
	.pro_top {margin-bottom:20px;}
	.pro_info .tel {font-size:16px;}
	.pro_info .tel i {font-size:22px;}
	.pro_gallery {width:auto; float:none; margin-bottom:20px;}
	.pro_info {margin-left:0;}
	.pro_info h2, .pro_info .intro, .pro_info .message {margin-bottom:15px;}
	
	.pro_tab ul {padding-left:2%;}
	.pro_tab ul li {width:22%; margin-right:2%;}
	
	.pro_box {padding:15px 2%;}
	.pro_form .pro_main {width:80%; margin:15px auto;}
	.pro_form .pro_input {padding:3px 0;}
	.pro_form label {text-align:left; width:auto; float:none;}
	.pro_form .text, .pro_form textarea {box-sizing:border-box; width:100%; float:none;}
	.pro_submit {padding:3px 0;}
	
	.contact .inner, .home_about .inner {padding:5% 0;}
	.home_about .thumbnail {width:100%; float:none; margin-bottom:20px;}
	.home_about .info {margin-left:0;}
}
@media only screen and (max-width:640px) {	
	.entry .pic {float:none; width:auto; margin:0 0 1em;}
	
	.desc_title {font-size:20px;}
	.cat_item h3 {margin-bottom:1%;}
	
	.cat_pro ul {width:104%;}
	.cat_pro li {width:46%; padding-right:4%; padding-bottom:4%;}
	
	.pro_box table {width:640px;}
}
@media only screen and (max-width:540px) {	
	.news_top .thumbnail {width:200px; height:150px;}
	.news_top .info {margin-left:215px;}
	.news_top h3 {font-size:16px; height:3em; overflow:hidden; margin-bottom:10px;}
	.news_top p {font-size:14px;}
	
	.news_list time {font-size:12px;}
	.news_list h3 {margin-left:90px;}
}
@media only screen and (max-width:480px) {
	.home_news .list {padding:2px 0 2px 1%;}
	
	.cat_item .thumbnail {width:35%; padding-bottom:23.65%;}
	.cat_item .info {width:60%;}
	
	.box_list {width:100%;}
	.box_item {width:auto; padding-right:0; padding-bottom:20px; float:none;}
	.box_item h2 {white-space:normal;}
	
	
}
@media only screen and (max-width:420px) {
	.home_news .first .thumbnail {width:120px; height:90px;}
	.home_news .first .news_title {white-space:normal; font-size:16px; height:5.25em;}
	.home_news .first .intro, .home_news .list span {display:none;}	
	
	.news_top .thumbnail {width:120px; height:90px;}
	.news_top .info {margin-left:135px;}
	.news_top h3 {height:4.5em;}
	.news_top p {display:none;}
}
@media only screen and (max-width:380px) {	
	.post_meta {font-size:12px;}
}
@media only screen and (max-width:320px) {
	.home_cats ul {width:100%;}
	.home_cats ul li {width:100%; padding-right:0;}
}