@charset "UTF-8";
a, a:before, a:after, .proPic, .title, .proTab, .tab, input, textarea, label, img, .right a:after, .lm ,.Img{ transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }

.inner, img, input, textarea, select, button, table, label, .center, .searchForm, .formStyle li, .searchBg, .tab, .leaveMessage, .rely, .tab li, .leftTab .lm { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.justify, .videoWrap { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.logoTxt, #footer .footerShare .txt, .mainContact .title { text-transform: uppercase; }

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }
.justify:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }
.justify .line { display: inline-block; height: 0px; overflow: hidden; }
.justify > * { text-align: left; font-size: 16px; }
.justify .box { display: inline-block; vertical-align: top; }
.box.justify { text-align: justify; }

body ,#footer .logoTxt,.hotPro .list .txt{ font-family: Helvetica, Arial, 'Microsoft YaHei', SimSun, Sans-serif; }
#nav { font-family: Helvetica-light, Arial, 'Microsoft YaHei', SimSun, Sans-serif; }
.logoTxt ,.hotPro > .title,.indexCenter .left .title,.indexCenter .right .title,.indexBottom .right .title{ font-family: Helvetica-bold, Arial, 'Microsoft YaHei', SimSun, Sans-serif; }

#pageNum { font-family: Helvetica, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

.hotPro .list .title { font-size: 20px; line-height: 1.2; }
@media screen and (max-width: 880px) { .hotPro .list .title { font-size: 18px; } }

.logoTxt { font-size: 22px; line-height: 1.2; }
@media screen and (max-width: 880px) { .logoTxt { font-size: 20px; } }

.aside > .title, .mainContact .title ,.ptitle{ font-size: 26px; line-height: 1.2; }
@media screen and (max-width: 950px) { .aside > .title, .mainContact .title ,.ptitle{ font-size: 24px; } }
@media screen and (max-width: 880px) { .aside > .title, .mainContact .title ,.ptitle{ font-size: 20px; } }
@media screen and (max-width: 650px) { .aside > .title, .mainContact .title ,.ptitle{ font-size: 18px; } }

.hotPro > .title, .indexCenter .left .title, .indexCenter .right .title, .indexBottom .right .title, .mainPath .title { font-size: 30px; line-height: 1.2; }
@media screen and (max-width: 880px) { .hotPro > .title, .indexCenter .left .title, .indexCenter .right .title, .indexBottom .right .title, .mainPath .title { font-size: 28px; } }
@media screen and (max-width: 650px) { .hotPro > .title, .indexCenter .left .title, .indexCenter .right .title, .indexBottom .right .title, .mainPath .title { font-size: 26px; } }
@media screen and (max-width: 580px) { .hotPro > .title, .indexCenter .left .title, .indexCenter .right .title, .indexBottom .right .title, .mainPath .title { font-size: 22px; } }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, table, figure { padding: 0; margin: 0; }

input:focus, textarea:focus, button:focus, area:focus { outline: none; }

fieldset, img, abbr, acronym, a img { border: 0px none; }

ol, ul, li, figure { list-style: none; }

address, caption, cite, code, dfn, th, var { font-weight: normal; font-style: normal; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

q:before, q:after { content: ''; }

table { border-collapse: collapse; border-spacing: 0; }
table td, table th { text-align: center; padding: 5px; border: 1px solid #ccc; word-wrap: break-word; word-break: break-word; }
table th { background: #ddd; font-weight: bold; }

img { max-width: 100%; height: auto; width: auto\9; }

button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button { overflow: visible; }

textarea, pre { overflow: auto; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

a[href], label[for], select { cursor: pointer; }

a, input, div, textarea, span { -webkit-tap-highlight-color: transparent; }

a:active, a:hover { outline: 0; }

sup, sub { vertical-align: baseline; position: relative; font-size: 75%; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

svg:not(:root) { overflow: hidden; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

@font-face { font-family: 'icomoon'; src: url("../font/icomoon.ttf"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Helvetica'; src: url("../font/Helvetica.eot"); src: url("../font/Helvetica.eot?#iefix") format("embedded-opentype"), url("../font/Helvetica.woff") format("woff"), url("../font/Helvetica.woff2") format("woff2"), url("../font/Helvetica.ttf") format("truetype"), url("../font/Helvetica.svg#verdana") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Helvetica-light'; src: url("../font/helvetica-light.eot"); src: url("../font/helvetica-light.eot?#iefix") format("embedded-opentype"), url("../font/helvetica-light.woff") format("woff"), url("../font/helvetica-light.woff2") format("woff2"), url("../font/helvetica-light.ttf") format("truetype"), url("../font/helvetica-light.svg#verdana") format("svg"); font-weight: normal; font-style: normal; }
html { font-size: 16px; }

@font-face { font-family: 'Helvetica-bold'; src: url("../font/Helvetica-bold.eot"); src: url("../font/Helvetica-bold.eot?#iefix") format("embedded-opentype"), url("../font/Helvetica-bold.woff") format("woff"), url("../font/Helvetica-bold.woff2") format("woff2"), url("../font/Helvetica-bold.ttf") format("truetype"), url("../font/Helvetica-bold.svg#verdana") format("svg"); font-weight: normal; font-style: normal; }

body { color: #262626; line-height: 1.5714; background: #fff; font-size: 14px; -webkit-font-smoothing: antialiased; font-smooth: always; -moz-osx-font-smoothing: grayscale; }

a { text-decoration: none; color: #2c6ab6; }

*:before, *:after { text-align: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

input[type="text"], input[type="password"], textarea { text-align: left; background: transparent; }
input[type="text"]:focus, input[type="text"].focusOn, input[type="password"]:focus, input[type="password"].focusOn, textarea:focus, textarea.focusOn { background: #fff; }

.search::-webkit-input-placeholder { color: white; }

.search:-moz-placeholder { color: white; }

.search:-ms-input-placeholder { color: white; }

input, textarea, select, button, label { transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; }

.center { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1200px) { .center { width: 100%; padding-left: 10px; padding-right: 10px; } }

i { font-style: normal; }

img { vertical-align: bottom; }

a[href^="mailto:"], a[href^="tel:"] { display: inline-block; }

table { line-height: 1.5; width: 100%; }

table.table-left td, table.table-left th { text-align: left; }

.addthis_sharing_toolbox { white-space: nowrap; }

hr { height: 1px; width: 100%; overflow: hidden; border: 0px none; box-shadow: none; background: #ccc; }

.share a { display: inline-block; vertical-align: middle; }
.share a:before { font-family: icomoon; }
.share .sharefb:before { content: '\e62c'; }
.share .sharetw:before { content: '\e62b'; }
.share .sharein:before { content: '\e630'; }
.share .sharegl:before { content: '\e62d'; }
.share .shareyt:before { content: '\e633'; }

.searchForm { position: relative; max-width: 100%; }
.searchForm .search { width: 100%; border: 1px solid #F5F5F5; }
.searchForm .searchBtn { border: 0 none; position: absolute; top: 0; right: 0; text-align: center; }

.proPic > a:first-child { display: block; text-align: center; overflow: hidden; }

.justify .box > a > span { display: block; }

#pageNum { margin-top: 1%; padding-top: 10px; padding-bottom: 5px; margin-bottom: 1%; }
#pageNum a, #pageNum span { font-size: 12px; line-height: 16px; padding: 5px 10px; display: inline-block; margin-right: 6px; margin-bottom: 7px; border: 1px solid #d7d7d5; }
#pageNum a:hover, #pageNum .cur { color: #fff; background: #F47A2D; border: 1px solid #F47A2D; }

strong { color: #F47A2D; }
.prenext b { font-size: 14px; color: #F47A2D; font-weight: normal; padding-right: 3px; text-transform: capitalize; }
.prenext a { font-size: 14px; color: #F47A2D; font-weight: normal; }

.videoWrap { position: relative; }
.videoWrap a.playbtn { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/video-btn.png) no-repeat center; z-index: 9; }
.videoWrap img { width: 100%; }

.formStyle li { position: relative; width: 100%; }
.formStyle li div { position: relative; }
.formStyle li img { cursor: pointer; margin-left: 3px; vertical-align: middle; }
.formStyle label + i { position: absolute; right: 5px; top: 5px; }
.formStyle input, .formStyle textarea { width: 100%; line-height: 20px; position: relative; z-index: 2; }
.formStyle textarea { display: block; max-width: 100%; width: 100%; resize: none; }
.formStyle input.btn { text-align: center; }

iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }

object[id^="tq_as"] { overflow: hidden; margin: 0; height: 0 !important; }

#div_ser table td, #div_ser table th { border: 0px none; }

.container { width: 100%; margin: 0 auto; overflow: hidden; letter-spacing: 0; }

#menuBtn { height: 45px; width: 45px; background: #F47A2D; position: fixed; top: 94px; right: 10px; display: none; text-align: center; cursor: pointer; z-index: 999; border: 1px solid #e0e0e0; }
@media screen and (max-width: 900px) { #menuBtn { display: block; } }

#menuBtn:before { content: "\e637"; font-size: 30px; color: #ffffff; font-family: icomoon; position: absolute; top: 0; right: 0; line-height: 20px; margin-top: 13px; margin-right: 7px; }

#menuBtn.active:before { content: "\e60b"; font-size: 30px; color: #ffffff; font-family: icomoon; position: absolute; top: 0; right: 0; line-height: 20px; margin-top: 13px; margin-right: 10px; }

.top { background: #F47A2D; padding: 15px 10px; }
.top .right { float: right; width: 600px; margin-right: -11px; }
@media screen and (max-width: 900px) { .top .right { text-align: right; } }
.top .language { display: inline-block; vertical-align: middle; width: 120px; margin-right: 15px; font-size: 12px; }
.top .language > li { display: inline-block; vertical-align: middle; }
.top .language > li:first-child { margin-right: 10px; }
@media screen and (max-width: 500px) { .top .language > li:first-child { display: none; } }
.top .language .current { position: relative; }
.top .language .current > a { color: #3e3e3e; display: inline-block; position: relative; }
.top .language .current > a:after { content: '\e622'; font-family: icomoon; font-size: 14px; position: absolute; top: 0; right: -12px; }
.top .language .current > ul { display: none; position: absolute; top: 100%; left: -5px; text-align: center; border: 1px solid #e5e5e5; z-index: 99;}
.top .language .current > ul li { display: block; background: #F47A2D; }
.top .language .current > ul a { color: #3e3e3e; display: block; padding: 1px 3px;}
.top .language .current:hover ul{ display:block;}

.searchForm { width: 240px; border: none; overflow: hidden; border-radius: 8px; padding-right: 30px; display: inline-block; vertical-align: middle; background: #EDEDED; }
.searchForm label { position: absolute; left: 0; top: 0; line-height: 11px; padding: 4px 10px; font-size: 12px; padding-top: 10px; filter: alpha(opacity=30); opacity: 0.3; color: #444; }

.search { height: 28px; line-height: 15px; padding: 3px 10px; position: relative; z-index: 2; color: #222; border: 1px #F5F5F5 solid; border-radius: 8px 0 0 8px; }

.search:focus, .search.focusOn { background: #eee; }

.searchBtn { width: 30px; height: 28px; line-height: 28px; text-align: center; background: transparent; z-index: 3; font-family: icomoon; font-size: 14px; color: #405FA9; }

.searchBtn:before { content: '\e618'; }

.searchBtn:hover { color: #404040; }

#nav { display: inline-block; vertical-align: middle; margin-right: -36px; font-family: Helvetica-light, Arial, 'Microsoft YaHei', SimSun, Sans-serif;}
#nav li { display: inline-block; margin-left: 13px; }
#nav li:first-child { margin-left: 0; }
#nav li.active a { color: #000000; }
#nav li a { color: #f4f4f4; letter-spacing: 0.1px; font-size: 16px; }
#nav li a:hover { color: #000000; }
@media screen and (max-width: 900px) { #nav li a { display: block; padding: 10px 0; } }
@media screen and (max-width: 900px) { #nav li { width: 100%; margin-right: 0; margin-left: 0; padding: 0; text-align: center; border-bottom: 1px solid #F5F5F5; }
  #nav li:last-child { border-bottom: none; } }
#nav .hide { display: none; }
@media screen and (max-width: 900px) { #nav .hide { display: block; } }
@media screen and (max-width: 900px) { #nav { width: 40%; min-width: 240px; position: fixed; top: 130px; right: 32px; z-index: 998; display: none; max-width: 300px; margin: 0; background: #F47A2D; font-size: 16px; } }

#head { padding: 25px 0; position: relative;}
#head .left { float: left; }
@media screen and (max-width: 500px) { #head .left { float: none; }
  #head .left .logoTxt, #head .left #logo { display: block; text-align: center; }
  #head .left img { padding-right: 0; }
  #head .left #logo { margin-right: 0; }
  #head .left #logo:after { display: none; } }
#head .right { float: right; width: 38.75%; margin-top: 32px; }
#head .right li.active> a { color: #F47A2D; }
#head .right a { color: #262626; position: relative; padding-right: 18px; font-size: 18px; overflow:hidden;}
#head .right a:hover { color: #F47A2D; }
#head .right a:after,#head .right a:before { content: ''; font-family: icomoon; font-size: 14px; position: absolute; top: 2px; right: 0; }
#head .right a:after{ content: '\e626';}
#head .right a:before { content: '\e627'; filter: alpha(opacity=0); opacity: 0;}
#head .right a:before{ top:100%;}
#head .right a:hover:after { filter: alpha(opacity=0); opacity: 0; top:100%;}
#head .right a:hover:before{top:2px; filter: alpha(opacity=1); opacity: 1;}
#head .right li.active a:before { top:2px; filter: alpha(opacity=1); opacity: 1;}
#head .right li.active a:after { filter: alpha(opacity=0); opacity: 0; top:100%;}
@media screen and (max-width: 1080px) { #head .right { width: 42.75%; } }
@media screen and (max-width: 900px) { #head .right { display: none; } }

#logo { margin-right: 20px; position: relative; display: inline-block; vertical-align: middle; }
#logo img { padding-right: 18px; }
#logo:after { content: ''; position: absolute; height: 100%; width: 1px; background: #F47A2D; top: 0; left: 100%; }
@media screen and (max-width:1080px){#logo{margin-right:10px;}}
@media screen and (max-width:400px){#logo{margin-right:8px;}
#logo img { padding-right: 10px; width:110px }
}
.logoTxt { font-weight: bold; color: #000; display: inline-block; vertical-align: middle; margin-top: 13px; letter-spacing: 0.3px; }

.hotPro { width: 87.91667%; margin: 0 auto; margin-top: 4.41667%; font-size: 16px; }
.hotPro > .title { letter-spacing: 1px; font-weight: bold; display: block; text-align: center; margin-bottom: 23px; }
@media screen and (max-width: 450px) {.hotPro > .title{margin-bottom: 14px;}}
.hotPro .list .item { padding: 0 30px; }
.hotPro .list .item {display:none;}
.hotPro .list .item:first-child {display:block;}
.hotPro .list.slick-slider .item{display:block;}
.hotPro .list .item:hover .title { color: #F47A2D; }
.hotPro .list .item:hover .Img { -webkit-box-shadow: 4px 4px 5px #F47A2D; -moz-box-shadow: 4px 4px 5px #F47A2D; box-shadow: 4px 4px 5px #F47A2D; }
@media screen and (max-width: 1080px) { .hotPro .list .item { padding: 0 15px; } }
.hotPro .list .Img{ border-radius: 50%; -webkit-box-shadow: 4px 4px 5px #DFDFDF; -moz-box-shadow: 4px 4px 5px #DFDFDF; box-shadow: 4px 4px 5px #DFDFDF;overflow: hidden; }
.hotPro .list img { width: 100%; max-width:100%; }
.hotPro .list .title {display: block;margin-top: 10.84083%;margin-bottom: 5.53633%;color: #262626;text-align: center;}
@media screen and (max-width: 450px) { .hotPro .list .title { margin-top: 20px; margin-bottom: 10px; } }
.hotPro .list .txt { line-height: 24px; max-height: 72px; overflow: hidden; display: block; margin-bottom: 5%;}
.hotPro .list a { color: #919191; }
.hotPro .slick-prev, .hotPro .slick-next { font-weight: bold; margin-top: -104px;}
@media screen and (max-width: 1080px){.hotPro .slick-prev, .hotPro .slick-next{margin-top: -98px;}}
.hotPro .slick-prev:hover:before, .hotPro .slick-next:hover:before { color: #F47A2D; }
.hotPro .slick-prev { left: -8%; }
.hotPro .slick-next { right: -8%; }
.hotPro .lm { color: #262626; }
@media screen and (max-width: 450px) { .hotPro { width: 100%; }
  .hotPro .slick-prev { left: -3%; }
  .hotPro .slick-next { right: -3%; } }

.indexCenter { margin-top: 1.77083%; background: #F5F5F5; padding-top: 2.39583%; padding-bottom: 2.60417%; }
.indexCenter .leftTab { float: left; width: 37.08861%; }
.indexCenter .leftTab .lm { height: 43px; line-height: 43px; text-align: center; float: left; width: 100%; }
.indexCenter .leftTab .lm a { color: #262626; border-bottom: 1px solid #CCCACA; display: block; }
.indexCenter .leftTab .lm a:hover { color: #F47A2D; }
@media screen and (max-width: 630px) { .indexCenter .leftTab { width: 100%; float: none; } }
.indexCenter .left { float: left; width: 66%; }
.indexCenter .left .title { font-weight: bold; line-height: 1; margin-bottom: 3.79747%; }
.indexCenter .left .tab { float: left; width: 100%; border-top: 1px solid #DDDBDB; }
.indexCenter .left .tab li { height: 70px; border-bottom: 1px solid #E4E4E4; padding-left: 19.79522%; background: url("../images/tool01.png") no-repeat left center; border-right: 9px solid #F5F5F5; line-height: 1.2;}
.indexCenter .left .tab li:hover, .indexCenter .left .tab li.active { border-right-color: #F47A2D; background: url("../images/tool02.png") no-repeat left center; }
.indexCenter .left .tab li:nth-child(1){background: url("../images/01-1.png") no-repeat left center; background-size:18%; }
.indexCenter .left .tab li:nth-child(2){background: url("../images/02-1.png") no-repeat left center; background-size:18%; }
.indexCenter .left .tab li:nth-child(3){background: url("../images/03-2.png") no-repeat left center; background-size:18%; }
.indexCenter .left .tab li:nth-child(4){background: url("../images/04-1.png") no-repeat left center; background-size:18%; }
.indexCenter .left .tab li:nth-child(1):hover, .indexCenter .left .tab li:nth-child(1).active{background: url("../images/01-2.png") no-repeat left center;background-size:18%;}
.indexCenter .left .tab li:nth-child(2):hover, .indexCenter .left .tab li:nth-child(2).active{background: url("../images/02-2.png") no-repeat left center;background-size:18%;}
.indexCenter .left .tab li:nth-child(3):hover, .indexCenter .left .tab li:nth-child(3).active{background: url("../images/03-1.png") no-repeat left center;background-size:18%;}
.indexCenter .left .tab li:nth-child(4):hover, .indexCenter .left .tab li:nth-child(4).active{background: url("../images/04-2.png") no-repeat left center;background-size:18%;}

.indexCenter .left .tab li:hover a, .indexCenter .left .tab li.active a { color: #F47A2D; }
.indexCenter .left .tab li:after { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; }
@media screen and (max-width: 750px) { .indexCenter .left .tab li { height: 60px; background-size: 12%; }
  .indexCenter .left .tab li:hover, .indexCenter .left .tab li.active { background-size: 12%; } }
@media screen and (max-width: 630px) { .indexCenter .left .tab li { width: 50%; float: left; padding-left: 11%; background-position: 6% center; border-right: 4px solid #E4E4E4; }
  .indexCenter .left .tab li:hover, .indexCenter .left .tab li.active { background-position: 6% center; } }
@media screen and (max-width: 350px) { .indexCenter .left .tab li { width: 100%; padding-left: 20%; } }
.indexCenter .left .tab a { color: #262626; font-size: 20px; display: inline-block; vertical-align: middle; }
@media screen and (max-width: 630px) { .indexCenter .left .tab a { font-size: 16px; } }
@media screen and (max-width: 380px) { .indexCenter .left .tab a { font-size: 14px; } }
.indexCenter .left .tabContent { float: left; width: 62.75253%; }
.indexCenter .left .tabContent li { display: none; }
.indexCenter .left .tabContent li:first-child {display: block;}
.indexCenter .left .tabContent img { border: 5px solid #F47A2D; border-radius: 4px; width: 100%; }
@media screen and (max-width: 630px) { .indexCenter .left .tabContent { width: 100%; float: none; } }
@media screen and (max-width: 1080px) { .indexCenter .left { width: 100%; float: none; } }
.indexCenter .right { float: right; width: 30.41667%; }
.indexCenter .right .title { font-weight: bold; line-height: 1; margin-bottom: 8.21918%; }
@media screen and (max-width: 1080px) { .indexCenter .right .title { margin-top: 20px; margin-bottom: 3.79747%; } }
.indexCenter .right .indexVideo { position: relative; margin-bottom: 15px; }
.indexCenter .right .indexVideo > a { position: relative; display: inline-block; }
.indexCenter .right img:first-child { border: 5px solid #F47A2D; border-radius: 4px; width: 100%;}
.indexCenter .right .play { position: absolute; top: 50%; left: 50%; margin-top: -42px; margin-left: -42px; }
.indexCenter .right .txt { color: #A9A9A9; line-height: 24px; max-height: 72px; overflow: hidden; font-size: 16px; }
.indexCenter .right .lm { display: inline-block; margin-top: 10px; color: #262626; }
.indexCenter .right .lm:hover { color: #F47A2D; }
@media screen and (max-width: 1080px) { .indexCenter .right { width: 100%; float: none; } }

.indexBottom { margin-top: 2.08333%; margin-bottom: 3.125%; }
.indexBottom .left { float: left; width: 35%; padding: 0 4.58333%; }
.indexBottom .left .item { display: none; margin: 5px;}
.indexBottom .left .Img{ border-radius: 50%; -webkit-box-shadow: 4px 4px 5px #DFDFDF; -moz-box-shadow: 4px 4px 5px #DFDFDF; box-shadow: 4px 4px 5px #DFDFDF;overflow: hidden; }
.indexBottom .left img{width: 106.8%; max-width:106.8%; margin-left: -3.4%;}
.indexBottom .left .item:first-child { display: block; }
.indexBottom .left.slick-slider .item { display: block; }
@media screen and (max-width: 800px) { .indexBottom .left { width: 280px; } }
@media screen and (max-width: 550px) { .indexBottom .left { float: none; margin: 0 auto; }
  .indexBottom .left .slick-next { right: -1.5%; }
  .indexBottom .left .slick-prev { left: -1.5%; } }
.indexBottom .slick-prev, .indexBottom .slick-next { font-weight: bold; color: #D9D9D9; }
.indexBottom .slick-prev:hover:before, .indexBottom .slick-next:hover:before { color: #F47A2D; }
.indexBottom .right { float: right; width: 61.66667%; }
.indexBottom .right .title { line-height: 1;  display: block; margin-bottom: 15px; font-weight: bold; }
.indexBottom .right .txt { font-size: 16px; color: #919191; line-height: 24px; max-height: 96px; overflow: hidden; margin-bottom: 13px; }
.indexBottom .right .path a { font-size: 18px; color: #F47A2D; }
.indexBottom .right .path a:before { content: '-'; width: 15px; text-align: center; display: inline-block; letter-spacing: 2px; }
.indexBottom .right .path a:first-child:before { display: none; }
.indexBottom .right .lm { display: inline-block; margin-top: 10px; color: #262626; }
.indexBottom .right .lm:hover { color: #F47A2D; }
@media screen and (max-width: 800px) { .indexBottom .right { float: none; width: auto; } }
@media screen and (max-width: 550px) { .indexBottom .right { width: 100%; } }

.sharefb:after { content: "\e62c"; }

.shareyt:after { content: "\e631"; }

#footer { padding: 3.02083% 0; background: #232323; }
#footer .first { margin-bottom: 2.91667%; }
#footer .first > .box { vertical-align: middle; width: 50%;}
#footer .logoTxt { font-size: 18px; color: #fff; font-weight: normal; }
#footer .footerShare { width: 200px; margin-top: 10px;display: none; }
#footer .footerShare .txt { color: #b2b2b2; display: inline-block; vertical-align: middle; }
#footer .footerShare .shareList { display: inline-block; vertical-align: middle; }
#footer .footerShare .shareList a { width: 33px; height: 33px; background: #3A589B; border-radius: 50%; display: inline-block; position: relative; z-index: 10; text-align: center; line-height: 33px; font-family: icomoon; font-size: 20px; color: #232323; }
#footer .footerShare .shareList a:hover { background: #CF3427; color: #232323; }
#footer .footerShare .shareList .box { margin-left: 18px; }
#footer .second { color: #ADADAD; }


#footer .first > .box {width:100%; margin-bottom:10px;}}

#footer .second .title { font-size: 18px; color: #fff; display: block; margin-bottom: 18px; }
@media screen and (max-width: 900px) { #footer .second .title { margin-bottom: 10px; } }
#footer .second a { color: #ADADAD; }
#footer .second a:hover { color: #fff; }
#footer .second .indexCon { width: 42.91667%; }
#footer .second .indexCon .box{width: 100%; text-transform: uppercase;     margin-bottom: 25px;}
#footer .second .indexCon a { color: #fff; }
@media screen and (max-width: 900px) { #footer .second .indexCon { width: 100%; margin-top: 20px; }
  #footer .second .indexCon .box { margin-bottom: 10px; } }
@media screen and (max-width: 500px) { #footer .second .box:nth-child(-n+3) { width: 49%; } }

.copyRight { background: #000000; color: #fff; padding: 1.82292% 0;text-align: center; }
.copyRight a { color: #fff; }
.copyRight a:hover { color: #F47A2D; }
@media screen and (max-width: 900px) { .copyRight { margin-bottom: 49px; } }

.mainPath { padding: 2.08333% 0; text-align: center; color: #fff; background: url("../images/pathbg.jpg") no-repeat center; }
.mainPath .title { margin-bottom: 10px; }
@media screen and (max-width: 900px) { .mainPath .title { margin-bottom: 5px; } }
.mainPath a { color: #fff; font-size: 16px; }
@media screen and (max-width: 900px) { .mainPath { padding: 20px 0; } }

.main { margin-top: 2.08333%; margin-bottom: 2.08333%; }
@media screen and (max-width: 900px) {.main  {margin-top:20px;}}

.mainRight { float: right; width: 70%;     font-size: 16px;}
.mainRight > .txt { font-size: 16px; line-height: 24px; max-height: 72px; overflow: hidden; margin-bottom: 3.37079%; margin-top: -2px; }
.mainRight > .list { font-size: 14px; }
.mainRight > .list .box { width: 23.59551%; margin-bottom: 25px; }
.mainRight > .list .box:hover { color: #F47A2D; }
.mainRight > .list .box:hover .lm { color: #F47A2D; }
.mainRight > .list .box a { color: #555555; }
.mainRight > .list .box img { width: 100%; }
@media screen and (max-width: 680px) { .mainRight > .list .box { width: 32%; } }
@media screen and (max-width: 420px) { .mainRight > .list .box { width: 48%; } }
.mainRight > .list .line { width: 23.59551%; }
@media screen and (max-width: 680px) { .mainRight > .list .line { width: 32%; } }
.mainRight > .list .title { display: block; margin: 8px 0; margin-bottom: 5px; color: #000000; font-size: 16px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
@media screen and (max-width: 420px) { .mainRight > .list .title { margin-bottom: -1px; } }
.mainRight > .list .txt { line-height: 24px; max-height: 72px; overflow: hidden; margin-bottom: 4px; display: block; }
@media screen and (max-width: 900px) { .mainRight > .list { margin-bottom: -25px; } }
@media screen and (max-width: 900px) { .mainRight { float: none; width: 100%; margin-top: 15px; } }
.title{ line-height:1.2;    font-weight: bold;margin-bottom: 20px;display: block;}
.aside { width: 20%; float: left; }
@media screen and (max-width: 900px) { .aside { float: none; width: 100%; margin-top: 20px; } }
.aside > .title ,.ptitle{ line-height: 1; padding-bottom: 16px; margin-bottom: 6px; display: block; border-bottom: 1px solid #CCCCCC; }
@media screen and (max-width: 900px) { .aside > .title { background: #F47A2D; text-align: center; border: none; cursor: pointer; position: relative; display: block; padding: 10px; color: #fff; }
  .aside > .title + ul { display: none; }
  .aside > .title:after { content: ""; font-family: icomoon; padding-right: 10px; color: #ffffff; right: 0; position: absolute; font-size: 30px; bottom: 0; }
  .aside > .title.active:after { content: "\e623"; } }
.aside .list a { color: #000; padding: 8px 0; display: block; margin-bottom: 1px; font-weight: bold;font-size: 18px;}
.aside .list a.active { background: #F47A2D; padding-left: 10px; color: #fff; }
.aside .list a.active:before { color: #fff; }
.aside .list a:hover { background: #F47A2D; padding-left: 10px; color: #fff; }
.aside .list a:hover:before { color: #fff; }
.aside .list a:before { content: "\e60f"; font-family: icomoon; color: #F47A2D; padding-right: 10px; }
@media screen and (max-width: 900px) { .aside .list a { width: 100%; box-sizing: border-box; } }

.proTxt { font-size: 16px; color: #555555; line-height: 24px; max-height: 72px; overflow: hidden; margin-bottom: 2.08333%; }

.proList { font-size: 16px; }
.proList .box { width: 23.83333%; margin-bottom: 25px; }
.proList .box:hover .lm { color: #F47A2D; }
.proList .box:hover .Img { -webkit-box-shadow: 4px 4px 5px #F47A2D; -moz-box-shadow: 4px 4px 5px #F47A2D; box-shadow: 4px 4px 5px #F47A2D; }
.proList .box a { color: #919191; }
.proList .box .Img{border-radius: 50%;    width: 280px;height: 280px; -webkit-box-shadow: 4px 4px 5px #DFDFDF; -moz-box-shadow: 4px 4px 5px #DFDFDF; box-shadow: 4px 4px 5px #DFDFDF; overflow: hidden;}
.proList .box img { width: 130%;max-width:130%; margin-left:-15%;}
@media screen and (max-width: 1200px) { .proList .box { width: 31%; } }
@media screen and (max-width: 550px) { .proList .box { width: 48%; } }
.proList .line { width: 23.83333%; }
@media screen and (max-width: 1200px) { .proList .line { width: 32%; } }
.proList .title { display: block; margin: 8px 0; font-size: 20px; color: #262626; margin-bottom: 3px; }
@media screen and (max-width: 800px){ .proList .title{ font-size:16px;}}
@media screen and (max-width: 550px) { .proList .title { margin-bottom: -1px; font-size: 14px;} }
.proList .lm { color: #262626; }
.proList .txt { line-height: 24px; max-height: 72px; overflow: hidden; margin-bottom: 4px; display: block; font-size: 16px; }
@media screen and (max-width: 700px){
  .proList .txt{ max-height:48px;font-size: 14px;}
}
.detailTop .rightImg { width: 34.52809%; float: left; }
@media screen and (max-width: 768px) { .detailTop .rightImg { width: 40%; } }
@media screen and (max-width: 550px) { .detailTop .rightImg { width: 100%; text-align: center; float: none; } }
.detailTop .rightImg .Img{border-radius: 50%; -webkit-box-shadow: 4px 4px 5px #F47A2D; -moz-box-shadow: 4px 4px 5px #F47A2D; box-shadow: 4px 4px 5px #F47A2D; overflow:hidden;}
.detailTop .rightImg .Img img { width: 130%; max-width:130%; margin-left:-15%;}
@media screen and (max-width: 550px) { .detailTop .rightImg img { width: 240px; } }
.detailTop .video { width: 60%; float: left;  overflow: hidden; }

.detailTop .video >a{position: relative; display: block; overflow: hidden; margin-bottom: 14.5%;border: 5px solid #F47A2D;margin-top: 20px;}
@media screen and (max-width: 768px) {.detailTop .video >a {margin-bottom: 15px;}}
.detailTop .video  .playIcon { position: absolute; top: 50%; left: 50%; margin-top: -38px; margin-left: -38px; z-index: 10; }
.detailTop .video  a:hover img:first-child { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.detailTop .video  a img:first-child { width: 100%;}
//@media screen and (max-width: 1080px) { .detailTop .video { width: 32.89888%; } }
@media screen and (max-width: 900px) {.detailTop .video{float:right;}
      
}
@media screen and (max-width: 768px) { .detailTop .video { /* width: 50%; */ /* margin-top: 20px; */ /* margin-right: 25%; */ } }
@media screen and (max-width: 550px) { .detailTop .video { /* width: 76%; */ /* margin-right: 12%; */ } }
@media screen and (max-width: 380px) { .detailTop .video { width: 100%; margin-right: 0; } }
.detailTop .contact { width: 60%; float: left; margin-left: 4.49438%; }
.detailTop .contact .con{width: 35%; float: right;  overflow: hidden;}
@media screen and (max-width: 900px){.detailTop .contact .con{float:left;}}
@media screen and (max-width: 520px){.detailTop .video{width:100%}.detailTop .contact .con{width:100%}}
.detailTop .contact .txt { line-height: 24px; max-height: 96px; overflow: hidden; color: #555; font-size: 16px; }
.detailTop .contact .title { font-size: 28px; margin-bottom: 6px; margin-top: -7px;color: #F47A2D; }
.detail{line-height:24px}
.detail .ntitle{display:block;font-size:16px; font-weight: bold;}
@media screen and (max-width:1100px){.detailTop .contact{width:auto; float:none; margin:0;}
  .detailTop .rightImg{margin-right:4%;}
}
@media screen and (max-width: 1280px) { .detailTop .contact .title { margin-bottom: 5px; } }
@media screen and (max-width: 600px) { .detailTop .contact .title { } }
.detailTop .contact .btn { margin-top: 25px; display: block; width: 100%; height: 47px; line-height: 47px; text-align: center; min-width: 120px; max-width: 136px; background: #F47A2D; color: #fff; font-size: 18px; margin-bottom: 15px; position: relative; }
.detailTop .contact  .btn:after { content: '\e63c'; font-family: icomoon; position: absolute; top: 15px; right: -10px; line-height: 1; }
@media screen and (max-width: 600px) { .detailTop .video .btn:after { top: 10px; } }
.detailTop .contact .btn:hover:after { right: 10px; }
@media screen and (max-width: 600px) { .detailTop .video .btn { height: 35px; line-height: 35px; margin: 8px 0; } }
.detailTop .con >span { color: #6d6d6d; font-size: 12px; display: inline-block; margin-bottom: 5px; margin-right: 10px; }
.detailTop .con >span a { color: #6d6d6d; }
.detailTop .con >span a:hover { color: #F47A2D; }
@media screen and (max-width: 768px) { .detailTop .contact { /* width: 55%; */ /* margin-top: 20px; */ } }
@media screen and (max-width: 550px) { .detailTop .contact { width: 100%; margin-left: 0; margin-top: 15px;} }

.rightTab { margin-top: 18px; color: #555; }
.rightTab .tab { float: left; width: 50%; padding: 10px 0; background: #EAEAEA; text-align: center; cursor: pointer; border-left: 1px solid #fff; font-weight: bold; }
.rightTab .tab:first-child { border-left: none; }
.rightTab .tab:hover, .rightTab .tab.active { color: #fff; background: #F47A2D; }
@media screen and (max-width: 600px) { .rightTab .tab { padding: 5px 0; } }
.rightTab .tabContent { border: 1px solid #e5e5e5; display: none; padding: 10px; }

.rightMessage { display: table; margin-top: 28px; font-size: 16px; width: 100%; }
.rightMessage .leaveMessage { width: 21.34831%; border-right: 1px #fff solid; background: #F47A2D; text-align: center; display: table-cell; color: #fff; vertical-align: middle; padding: 8px 0; font-weight: bold; }
@media screen and (max-width: 768px) { .rightMessage .leaveMessage { width: 100%; display: block; } }
.rightMessage .rely { padding-left: 25px; display: table-cell; background: #EAEAEA; color: #565656; width: 78.65169%; vertical-align: middle; }
@media screen and (max-width: 768px) { .rightMessage .rely { width: 100%; display: block; padding-top: 5px; padding-bottom: 5px; } }
@media screen and (max-width: 600px) { .rightMessage .rely { padding-left: 10px; line-height: 1.3; } }

.rightForm { border: 1px solid #e5e5e5; padding: 3.37079% 2.02247% 2.69663% 3.37079%; }
@media screen and (max-width: 768px) { .rightForm { padding: 10px; } }
.rightForm .box { width: 48.5%; margin-bottom: 18px; position: relative; }
.rightForm .box input, .rightForm .box textarea { width: 100%; background: transparent; height: 40px; z-index: 2; border: 1px solid #e5e5e5; padding-left: 10px; }
.rightForm .box input:focus, .rightForm .box textarea:focus { border: 1px solid #F47A2D; }
.rightForm .box input.focusOn, .rightForm .box textarea.focusOn { background: #fff; }
.rightForm .box textarea { padding-top: 10px; min-height: 100px; }
.rightForm .box label { width: 100%; font-size: 14px; position: absolute; color: #9a9a9a; top: 5px; left: 0; padding-left: 10px; text-align: left; z-index: -99; }
.rightForm .box label.focusOn { top: 100%; margin-top: -5px; background: #F47A2D; color: #fff; z-index: 99; }
@media screen and (max-width: 768px) { .rightForm .box { width: 49%; } }
@media screen and (max-width: 600px) { .rightForm .box { width: 100%; margin-top: 0; } }
.rightForm .box.textarea { width: 100%; }
.rightForm #codeNum { text-align: center; }
.rightForm .code { width: 80px; padding: 4px 8px; border: 1px solid #e5e5e5; }
.rightForm .codeImg { margin-left: 10px; display: inline-block; vertical-align: middle; cursor: pointer; }
.rightForm .button { text-align: center; margin-top: 15px; }
.rightForm .btn-primary { width: 96px; height: 30px; line-height: 10px; text-align: center; color: #a8a8a8; border: 1px solid #E5E5E5; background: #fff;}
.rightForm .btn-primary:first-child { margin-right: 20px; line-height:10px; }
.rightForm .btn-primary:hover, .rightForm .btn-primary.active { background: #F47A2D; color: #fff; border-color: #F47A2D; }

.relate { margin-top: 3.37079%; }
.relate .box { width: 23%; }
.relate .box:hover span { color: #F47A2D; }
@media screen and (max-width: 600px) { .relate .box { width: 48%; margin-bottom: 15px; } }
.relate .line { width: 23%; }
.relate img { width: 100%; }
.relate a { color: #555555; }
.relate .title { font-weight: bold; width: 21.34831%; text-align: center; height: 40px; line-height: 40px; background: #F47A2D; color: #fff; font-size: 16px; min-width: 150px; }
.relate .content { padding: 3.37079%; border: 1px solid #E9E9E9; }
.relate span { display: block; margin-top: 15px; }

.newList { margin-top: -5px; }
.newList li { padding-bottom: 24px; border-bottom: 1px solid #ccc; color: #a09d9d; margin-bottom: 3.93258%; letter-spacing: 0; }
.newList li .title { font-size: 18px; display: block; margin-bottom: 9px; color: #555; line-height: 1.2; }
.newList li .title:hover { color: #F47A2D; }
.newList li .date { color: #555; font-size: 16px; margin-bottom: 11px; position: relative;}
.newList li p { line-height: 24px; max-height: 48px; overflow: hidden; font-size: 16px; }
.date .Img{position: absolute;right:0; bottom:100%; height: 60px;margin-bottom: -33px;display: inline-block;}
.date .Img img{height: 100%;}
@media screen and (max-width:600px){.date .Img{position:static; margin-bottom: -6px;display: block;}}

.mainContact .contactInfo { width: 100%; float: left; }
.mainContact .contactInfo > ul { margin-top: 20px; }
@media screen and (max-width: 1080px) { .mainContact .contactInfo > ul { margin-top: 0; } }
.mainContact .contactInfo li { margin-top: 10px; color: #555555; }
.mainContact .contactInfo li a { color: #555555; }
.mainContact .contactInfo li a:hover { color: #F47A2D; }
@media screen and (max-width: 768px) { .mainContact .contactInfo { width: 100%; } }
.mainContact .contactForm { width: 100%; float: right; position: relative;  margin-top: 20px; display: none;}
.mainContact .contactForm .box { width: 47.5%; margin-top: 10px; }
@media screen and (max-width: 768px) { .mainContact .contactForm .box { width: 100%; } }
.mainContact .contactForm #Enquire { min-height: 150px; }
.mainContact .contactForm label { margin-bottom: 6px; display: inline-block; }
.mainContact .contactForm input, .mainContact .contactForm textarea { border: 1px solid #e3e3e3; padding: 10px; width: 100%; }
.mainContact .contactForm .abSubmit { position: absolute; bottom: 5px; left: 0; width: 47.5%; }
.mainContact .contactForm .abSubmit .btn-primary { background: #fff; width: 42.94118%; max-width: 146px; min-width: 110px; text-align: center; height: 40px; line-height: 40px; color: #555; border: 1px solid #e3e3e3; }
.mainContact .contactForm .abSubmit .btn-primary:hover, .mainContact .contactForm .abSubmit .btn-primary.active { background: #F47A2D; color: #fff; }
.mainContact .contactForm .abSubmit .btn-primary:first-child { margin-right: 12px; }
@media screen and (max-width: 768px) { .mainContact .contactForm .abSubmit { position: relative; width: 100%; margin-top: 20px; } }
@media screen and (max-width: 1080px) { .mainContact .contactForm { width: 100%; margin-top: 20px; } }
.mainContact .title { font-weight: bold; margin-bottom: 10px; }


#contactCode { margin-bottom: 13px; }
#contactCode #code { width: 84px; display: inline-block; padding: 5px; color: #8D8D8D; margin-right: 15px; }
#contactCode .codeImg { display: inline-block; vertical-align: middle; cursor: pointer; }

#map img { margin-top: 20px; min-height: 200px; }
#back{
  width: 76.09%;
  text-align: center;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 22px;
  background: #F47A2D;
  display: block;
}
#back:before{
  content: '\e64f';
  font-family: icomoon;
  color: #EAEBEB;
  padding-right: 10px;
  font-size: 22px;
  line-height: 1;
  vertical-align: middle;
  margin-bottom: 4px;
  display: inline-block;
}
#back:hover:before{
  color: #fff;
  font-weight: bold;
}
.newsDetail{
  font-size: 14px;
}
.newsDetail .title{
  font-size: 29px;
  color: #676767;
  line-height: 1;
  padding-bottom: 16px;
  border-bottom: 1px solid #D2D0D0;
  display: block;
  margin-bottom: 15px;
  letter-spacing: -0.5px;
  font-family: Helvetica_r,Arial, 'Microsoft YaHei', SimSun, Sans-serif;
}
.newsDetail .date{
  display: block;
  color: #676767;
  margin-bottom: 10px;
}
.newsDetail p{
  color: #989898;
  line-height: 24px;
  margin-bottom: 15px;
}
.newsDetail .box{
  width: 32%;
}
.newsContent{
	margin:20px auto;
	line-height:25px;
	padding:0px 10px;
}
@media screen and (max-width: 1200px) {
	.newsContent img{
		display: block;
		margin-right: auto;
		margin-left: auto;
		max-width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 900px){
  #back{width: 100%;}
}
.secList{display: none;}
#banner .slick-dots li.slick-active button{background:#F47A2D;}
#banner .item{display: none;}
#banner .item:first-child{display: block}
#banner.slick-slider .item{display: block}
.mainPath.projects{background:url("../images/projects.jpg") no-repeat center;}
.mainPath.products{background:url("../images/products.jpg") no-repeat center;}
.mainPath.production{background:url("../images/production.jpg") no-repeat center;}
.mainPath.about{background:url("../images/about-us.jpg") no-repeat center;}
.mainPath.contact{background:url("../images/contact-us.jpg") no-repeat center;}
/*# sourceMappingURL=main.css.map */
@media screen and (max-width:720px){#banner{width:140%; margin-left:-20%;}}
.mainRight .proList .box{ width:31.5%;}
@media screen and (max-width:650px){
  .mainRight .proList .box{ width:48%;}
}
.aside .list .nsecList a{ font-size:12px;font-weight: normal;}
.aside .list .nsecList a:before{ content:'\e628'; font-weight:bold;}
.aside .list .nsecList a.active:before{ content:'\e628';}
a.sk:before{content:'\e632'; font-family:icomoon; padding-right:6px;color:#00afef;font-size: 24px;line-height: 1;vertical-align: middle;}
.nsecList{ display:none;}



/*录入样式开始*/ 
ul.ent-num li{list-style:outside decimal;margin-left:20px}ul.ent-dot li{list-style:outside disc;margin-left:20px}table.table-left td,table.table-left th{text-align:left}ul[class^=ent-img]{text-align:justify;text-justify:inter-ideograph;letter-spacing:0;font-size:0;padding:8px 0}ul[class^=ent-img]:after{content:'';height:0;width:100%;display:inline-block;overflow:hidden}ul[class^=ent-img] li.line{display:inline-block;height:0;overflow:hidden;padding:0;margin:0}ul[class^=ent-img] li{display:inline-block;vertical-align:top;font-size:14px}ul[class^=ent-img]:first-child{padding-top:0;margin-top:-8px}ul[class^=ent-img] li{text-align:center;line-height:1.5;margin-bottom:1%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:8px;line-height:1.5}ul[class^=ent-img] li span{display:block;margin-top:4px;text-transform:capitalize}ul[class^=ent-img] li p{margin-top:4px}ul[class^=ent-img] li img{vertical-align:bottom}ul[class^=ent-img] li dl{text-align:left}ul[class^=ent-img] li dt{font-weight:700;text-transform:capitalize}ul[class^=ent-img] li dd,ul[class^=ent-img] li dt{padding-bottom:2px}.ent-img2 li{width:48%}.ent-img3 li,.ent-img3-more li,.ent-img3-only li{width:31.5%}.ent-img4 li{width:23%}.ent-img5 li{width:19.2%}.ent-img6 li{width:15.6%}.ent-img-fl img,.ent-img-fr img,.ent-img-left img,.ent-img-right img{max-width:48%}.ent-img-fl img{float:left;margin-right:14px}.ent-img-fr img{float:right;margin-left:14px}.ent-img-left img{margin-right:4%;float:left}.ent-img-right img{margin-left:4%;float:right}.ent-img-left,.ent-img-right{padding:8px 0}.ent-img-left,.ent-img-left .ent-text,.ent-img-right,.ent-img-right .ent-text{overflow:hidden;zoom:1}.ent-clearfix:after,.ent-clearfix:before{content:"";display:table}.ent-clearfix:after{clear:both}.ent-video-wrap{position:relative;display:block;height:0;padding:0;overflow:hidden}.ent-video-wrap.ent-16-9{padding-bottom:56.25%}.ent-video-wrap.ent-4-3{padding-bottom:75%}.ent-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.ent-left{float:left;margin-right:15px}.ent-right{float:right;margin-left:15px}.ent-left,.ent-right{margin-bottom:8px;width:47%}@media screen and (max-width:750px){.ent-img5.ent-res li,.ent-img6.ent-res li{width:31.5%}.ent-left,.ent-right{width:53%}.ent-img-fl img,.ent-img-fr img,.ent-img-left img,.ent-img-right img{float:none;margin-right:0;margin-left:0;max-width:100%;margin-bottom:10px;display:block}}@media screen and (max-width:650px){.ent-img3-more.ent-res li,.ent-img3.ent-res li,.ent-img4.ent-res li{width:48%}.ent-left,.ent-right{width:100%;margin-right:0;margin-left:0;float:none}}@media screen and (max-width:520px){.ent-img5.ent-res li,.ent-img6.ent-res li{width:48%}}@media screen and (max-width:460px){.ent-img2.ent-res li,.ent-img3-more.ent-res li,.ent-img3-only.ent-res li,.ent-img3.ent-res li,.ent-img4.ent-res li{width:100%}}.bordered img{border:1px solid #ddd}.rounded img{border-radius:5px}.ent-c strong{text-transform:capitalize} 
/*录入样式结束*/


.ent-his2 .ent-year{background:#f4792c;} /*年份背景色*/ 
.ent-his2{margin-left:130px;border-left:1px solid #ddd;padding-bottom:30px;padding-top:20px;} 
.ent-his2>li{padding:25px 0;margin-left:25px;border-bottom:1px dotted #ccc;position:relative} 
.ent-his2 .ent-year{text-align:center;height:26px;width:124px;line-height:26px;color:#fff;border-radius:13px;overflow:hidden;font-size:1.2em;position:absolute;right:100%;margin-right:13px;top:0} 
.ent-his2 .ent-year:before{content:'';width:22px;height:22px;background:#fff;position:absolute;right:2px;top:2px;border-radius:50%;overflow:hidden;transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;-ms-transition:all .6s ease 0s} 
.ent-his2>li:hover .ent-year:before{opacity:.3} 
@media screen and (max-width:720px){.ent-his2{margin-left:0;border-left:0 none;padding-bottom:10px;padding-top:0;}
.ent-his2 .ent-year{position:static;margin-right:0;margin-bottom:12px} 
.ent-his2 .ent-year:before{display:none} 
.ent-his2>li{padding:15px 0;margin:0} 
.ent-his2>li:first-child{padding-top:0}} 


.navsub{ position:absolute; width:100%; top:100%; right:0; z-index:990;padding: 20px 10px;background-color: rgba(255,255,255,0.6);border-top: 10px solid rgba(244,122,45,0.8);margin-top: -20px; display:none;}
.navsub:before{ content:''; position:absolute; width:160%; height:100%; background:rgba(255,255,255,0.8); top:0; left:-30%;}
.navsub .box{ width:22%;margin-bottom: 20px;}
#head .right .navsub a:after{ display:none;}
#head .right .navsub .subList a{ font-size:16px; border-bottom:1px solid transparent; margin-bottom:3px; display: inline-block;}
#head .right .navsub .subList a:hover { border-color:#F47A2D;}
#head .right .navsub a:before{ display:none;}
#head .right .navsub .title{ font-size:16px; font-weight:bold; margin-bottom: 7px; display:block; border-bottom: 1px dashed #999;padding-bottom: 3px;}
.footimg02 { width: 210px; }
@media screen and (max-width: 420px){
  .footimg02 { width: 158px;}
}