.inner-banner {width:100%;height:300px;background-position:top center;background-repeat:no-repeat}
.product-banner {background:url("../images/product-banner.jpg")}
.news-banner {background:url("../images/news-banner.jpg")}
.about-banner {background:url("../images/about-banner.jpg")}
.advantages-banner {background:url("../images/advantages-banner.jpg")}
.case-banner {background:url("../images/case-banner.jpg")}
.solution-banner {background:url("../images/solution-banner.jpg")}
.hr-banner {background:url("../images/hr-banner.jpg")}
.service-banner {background:url("../images/service-banner.jpg")}
.contact-banner {background:url("../images/contact-banner.jpg")}

.breadnav {width:100%;height:60px;line-height:60px;color:#666;background:#f0f0f0}
.breadcontent {width:1200px;margin:0 auto;}
.main {width:100%;margin:0 auto;}
.main .catalog {width:100%;margin-top:80px}

.quotes {width:445px;height:45px;margin:20px auto}
.quotes a {display:block;width:198px;height:38px;float:left;margin-right:40px;text-align:center;line-height:40px;border:1px solid #e6e6e6;background:url("../images/product-list-contact.png") 20px -2px no-repeat;cursor:pointer}
.quotes .tel {margin-right:0;width:200px;height:40px;background:#ff7800 url("../images/product-list-contact.png") 20px -42px no-repeat;border:none;color:#fff}

.catalog .intro {width:100%;height:280px;background:#f5f5f5}
.catalog .intro img{display:block;float:left;width:600px;height:280px;margin-right:40px}
.catalog h1 {padding-top:40px;font-size:24px;font-weight:normal}
.catalog p {margin-top:30px;color:#666;line-height:28px;}
.catalog li {float:left;margin-right:30px;margin-top:40px}
.catalog li a {display:block;width:268px;height:48px;border:1px solid #e6e6e6;text-align:center;line-height:50px;}
.catalog li a:hover {width:270px;height:50px;border:none;background:#ff7800;color:#fff}

.categorynav {margin:0 auto;margin-top:80px;width:1200px;}
.categorynav li a {display:block;width:178px;height:48px;float:left;margin-right:20px;text-align:center;line-height:50px;border:1px solid #e6e6e6}
.categorynav li a:hover,.categorynav a.on {width:180px;height:50px;border:none;background:#ff7800;color:#fff}
.cols-2 {width:400px}
.cols-3 {width:600px}
.cols-4 {width:800px}
.cols-5 {width:1000px}
.cols-6 {width:1200px}
.product {width:1200px}
.product h1 {margin-top:80px;text-align:center}
.product p {color:#666;line-height:28px;margin-top:20px}
.product-list-content li {width:370px;height:310px;float:left;margin:60px 30px 0 0;}
.product-list-content li:nth-child(3n) {margin-right:0}
.product-list-content li:nth-child(3n+1) {margin-right:45px}
.product-list-content li:nth-child(3n+2) {margin-right:45px}
.product-list-content li {width:370px;height:310px;float:left;margin:60px 30px 0 0;}
.product-list-content h3 {width:100%;height:60px;margin-top:3px;line-height:60px;font-size:18px;text-align:center;background:#f5f5f5}

.product .excerpt {width:100%;height:320px;margin-top:80px;background:#f5f5f5}
.product .excerpt img {float:left;width:480px;height:320px;overflow:hidden;margin-right:40px}
.product .excerpt .intro {width:680px;float:right;}
.product .excerpt h1 {text-align:left;margin:30px 0;}
.product .excerpt p {margin-top:0}
.product .excerpt .quotes {margin:20px 0;}

.content {width:1200px;margin:0 auto}
.content h2 {color:#ff7800;font-size:20px;margin-top:60px;}
.content ul, .content ol,.content dl,.content li,.content dt,.content dd,.content p{margin-top:20px;line-height:28px}
.content dt,.content h3 {font-size:18px}
.content .application {clear:both}
.content .application li {float:left;width:580px;margin-right:20px}
.content img {max-width:100%}
.content table {width:100%;margin:0 auto;margin-top:20px;border-collapse: collapse}
.content table td {height:50px;text-align:center;border:1px solid #e6e6e6}
.content table tr:nth-child(1) td{color:#666;border:1px solid #fff}


.news .section {width:100%;margin-top:80px}
.news h1 {font-size:30px;text-align:center}
.news .note {display:block;color:#666;text-align:center}
.news .companynews {width:1200px;margin:50px auto;}
.news .companynews li {float:left;width:370px;margin-right:30px}
.news .companynews li:nth-child(1) {margin-right:45px}
.news .companynews li:nth-child(2) {margin-right:45px}
.news .companynews li:nth-child(3) {margin-right:0}
.news .companynews h3 {font-size:18px}
.news .companynews span {display:block;margin:10px 0;font-size:12px;color:#666}
.news .companynews p {color:#666;line-height:28px}
.news .morecompany {display:block;width:368px;height:58px;margin:50px auto;border:1px solid #e6e6e6;line-height:60px;text-align:center;font-size:18px;clear:both}
.news .morecompany:hover {width:370px;height:60px;border:none;color:#fff;background:#ff7800}
.news a:hover {color:#ff7800}
.news .industry {height:580px;padding-top:80px;background:#f5f5f5}
.news .industrynews {width:1200px;margin:50px auto;color:#666;line-height:28px}
.news .industrynews span {display:block;margin:0;font-size:12px;}
.news .industrynews img{float:left;margin-right:40px;}
.news .industrynews ul {float:left;width:550px;margin-top:20px;border-top:1px solid #e6e6e6}
.news .industrynews li {color:#333;height:40px;line-height:40px}
.news .industrynews li span{float:right;}
.news .industrynews .viewmoreindustry{display:block;float:left;margin-top:20px;width:198px;height:38px;text-align:center;line-height:40px;border:1px solid #e6e6e6;}
.news .industrynews .viewmoreindustry:hover{width:200px;height:40px;border:none;color:#fff;background:#ff7800}

.news .recommend,.recommend {width:1200px;margin:0 auto;margin-top:80px;color:#fff;text-align:center;text-transform:uppercase}
.recommend .productcenter {width:580px;height:200px;background:url("../images/productcenter.jpg") top center;float:left;margin-right:40px;cursor:pointer}
.recommend .casecenter {width:580px;height:200px;background:url("../images/customecase.jpg") top center;float:right;cursor:pointer}
.recommend h3 {margin-top:60px;font-size:30px}
.news .list {width:1200px;margin:80px auto;clear:both}
.news .list h2 {font-size:18px}
.news .list p {line-height:24px}
.news .list  li {width:100%;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e6e6e6;clear:both}
.news .list .hot {width:100%;height:240px}
.news .list .hot img {float:left;width:360px;height:240px;margin-right:40px}
.news .list .hot .view {display:block;float:left;width:148px;height:38px;margin-top:20px;text-align:center;line-height:40px;border:1px solid #e6e6e6}
.news .list .hot h2 {padding-top:15px}
.news .list .hot span {display:block;margin:10px 0}
.pages {width:100%;text-align:center;}
.pages li {display:inline-block;margin-right:15px;font-size:16px}

.news .content {margin-top:80px;line-height:24px}
.news .content span.pubdate {display:block;text-align:center;margin:10px 0 20px 0}
.news .content * {color:#666}
.news .postnav {width:1200px;margin:0 auto;margin-top:60px}
.news .postnav .pre {display:block;line-height:40px;float:left;max-width:540px;overflow:hidden}
.news .postnav .next {display:block;line-height:40px;float:right;max-width:540px;overflow:hidden}
.news .postnav .tolist {display:block;width:100px;height:40px;background:#e6e6e6;margin:0 auto;text-align:center;line-height:40px}

.about .content h1 {font-size:30px;text-align:center}
.about .content {margin-top:80px;line-height:24px}
.about .section .brief {width:1200px;margin:0 auto;margin-top:80px;position:relative}
.about .section .brief img{float:left;}
.about .section .brief .text {position:absolute;right:0;top:26px;width:760px;height:238px;padding:40px;background:rgba(243,243,243,0.9);border-top:2px solid rgba(255,120,0,.8);line-height:24px}
.about .section .brief .text h1 {font-size:20px;color:#ff7800;text-align:right}
.about .brandintro {margin-top:80px;width:100%;height:360px;padding:70px 0;background:url("../images/about_brandintro_bg.jpg") no-repeat}
.about .brandintro div {width:1200px;margin:0 auto;}
.about .brandintro p {width:530px;line-height:28px;padding:40px 60px 0 0}
.about .brandintro img {float:right;}
.about .salenetwork {width:1200px;margin:0 auto;margin-top:80px;}
.about .salenetwork h1 {font-size:30px;text-align:center}
.about .salenetwork .note {display:block;text-align:center;text-transform:uppercase}
.about .honor li {float:left;width:250px;height:412px;margin-bottom:38px;margin-right:50px;text-align:center}
.about .honor li img{width:232px;height:335px;padding:13px;border:1px solid #e6e6e6}
.about .cultrue-1 {width:1200px;margin:0 auto;margin-top:80px;}
.about .cultrue-1 img {float:left;margin-top:5px;}
.about .cultrue-2 {height:500px;margin-top:180px;background:url("../images/cultrue-2-bg.jpg") top center no-repeat;}
.about .cultrue-2 div {width:1200px;margin:0 auto;}
.about .cultrue-2 .pic {width:600px;float:left;}
.about .cultrue-2 .pic img.cultrue5 {position:relative;margin-top:-58px}
.about .cultrue-2 .txt  {width:545px;float:right;margin:100px 20px auto auto}
.about .cultrue-2 .txt li {float:left;width:160px;height:40px;text-align:center;line-height:40px;color:#ff7800;background:#fff;margin-right:21px}
.about .cultrue-2 .txt p {line-height:24px;padding-top:30px;clear:both}

.advantages table tr td:nth-child(1)  {background:#b0afab}

.advantages table tr td:nth-child(2n+3)  {background:#e0e0de}
.advantages h1 {margin-top:60px;font-size:30px;text-align:center}
.advantages span.note {display:block;text-transform:uppercase;text-align:center}
.advantages span.center {display:block;text-align:center}
.advantages span.key {color:#ff7800}
.advantages .half {width:580px;float:left;margin-right:20px;}
.advantages .half:nth-child(2n) {margin-left:20px;margin-right:0}
.advantages .section-full {width:100%;height:700px;margin-top:80px;background:url("../images/advantages_hy.jpg") top center no-repeat;text-indent:2em;padding-top:20px}

.case h1 {margin:60px auto;margin-bottom:0;text-align:center}
.case .note {display:block;margin:0 auto;text-transform:uppercase;text-align:center}
.case .category li {float:left;width:370px;height:308px;margin-right:28px;text-align:center;font-size:18px;background:#f0f0f0}
.case .category img {width:100%;height:247px;float:left;}
.case .category span {display:block;width:100%;height:60px;float:left;line-height:60px;}
.case .category a:hover span {color:#fff;background:#ff7800}
.case .client-list li {float:left;width:25%}
.case .casetitle {text-align:left}
.case .sitepic {width:100%;}
.case .sitepic li,.case .intro li {float:left;width:370px;margin-right:28px}
.case .sitepic li:nth-child(3n),.case .intro li:nth-child(3n) {float:left;width:370px;margin-right:0;margin-left:14px;}
.case .sitepic li:nth-child(3n+2),.case .intro li:nth-child(3n+2) {float:left;width:370px;margin-left:14px}
.case .intro li {height:120px;font-size:16px;text-align:center;line-height:160px;background:#f5f5f5;background-image:url("../images/case_bg.png");background-repeat:no-repeat}
.case .intro .location {background-position:center -30px;}
.case .intro .device {background-position:center -150px;}
.case .intro .useage {background-position:center -270px;}
.case .relatedproduct li {float:left;width:370px;height:308px;margin-right:28px;text-align:center;font-size:18px;background:#f0f0f0}
.case .relatedproduct img {width:100%;height:247px;float:left;}
.case .relatedproduct span {display:block;width:100%;height:60px;float:left;line-height:60px;}
.case .relatedproduct a:hover span {color:#fff;background:#ff7800}
.case .relatedproduct li:nth-child(3) {margin-right:0;margin-left:14px}
.case .relatedproduct li:nth-child(2) {margin-left:14px}

.case .relatedcase li {float:left;width:290px;height:245px;margin-right:10px;text-align:center;font-size:18px;background:#f0f0f0}
.case .relatedcase img {width:100%;height:193px;float:left;}
.case .relatedcase span {display:block;width:100%;height:52px;float:left;line-height:52px;}
.case .relatedcase a:hover span {color:#fff;background:#ff7800}
.case .relatedcase li:nth-child(2) {margin-left:3px;}
.case .relatedcase li:nth-child(3) {margin-left:3px;}
.case .relatedcase li:nth-child(4) {margin-left:3px;margin-right:0}

.solution .category {margin-top:80px}
.solution .category li {float:left;width:370px;height:308px;margin-right:28px;text-align:center;font-size:18px;background:#f0f0f0}
.solution .category img {width:100%;height:247px;float:left;}
.solution .category span {display:block;width:100%;height:60px;float:left;line-height:60px;}
.solution .category a:hover span {color:#fff;background:#ff7800}
.solution .excerpt {margin-top:100px;height:247px;background:#f5f5f5}
.solution .excerpt img {float:left;display:block;width:370px;height:247px;margin-right:40px}
.solution h1 {padding-top:40px}
.solution .quotes {float:left}
.solution .recommend {margin-top:0;color:#333}

.mini {width:1200px;height:150px;margin:50px auto;background:#f5f5f5;clear:both}
.mini img {float:left;margin-right:30px}
.mini h1 {padding-top:30px;padding-bottom:10px;}
.hr .half {width:560px;float:left;margin-left:40px} 
.hr .half ol,.half ol li {list-style:inside decimal;margin-top:0;color:#666}
.hr .half p {font-size:16px}
.hr h2 {width:100%;height:60px;color:#666;font-size:16px;line-height:60px;background:#f5f5f5}
.hr h2 span {display:block;float:left}
.hr h2 .position {width:320px;margin-left:40px;color:#333}
.hr h2 .count {width:180px}
.hr h2 .location {width:276px}
.hr h2 .deadline {width:250px}
.hr h2 a {display:block;float:right;width:120px;height:60px;line-height:60px;text-align:center;color:#ff7800;background:#ebebeb}
.hr .apply h1 {text-align:center;padding:60px 0 10px 0;clear:both}
.hr .apply .note {display:block;text-align:center;color:#666;text-transform:uppercase}
.apply .half p {margin:0;color:#666;text-align:center;font-size:14px}
.apply form {font-size:14px}
.apply form input{float:left;width:358px;height:48px;margin-right:38px;border:1px solid #e6e6e6;text-indent:1em;outline:none}
.apply form p {width:100%;float:left;margin-top:35px}
.apply form p input:nth-child(2) {margin-left:20px}
.apply form p input:nth-child(3) {margin-left:20px;margin-right:0}
.apply form textarea {width:100%;height:130px;resize:none;text-indent:1em;padding-top:15px;outline:none;border:1px solid #e6e6e6}
.apply p.action {text-align:center}
.apply p.action input {width:180px;height:50px;border:none;background:#ff7800;color:#fff;margin:0;text-indent:0;cursor:pointer;float:none}
.apply p.action .reset {width:178px;height:48px;border:1px solid #e6e6e6;background:#fff;color:#666}

.service .promise {width:1200px;margin:80px auto;}
.service .promise li {float:left;width:278px;height:378px;margin-right:20px;border:1px solid #e6e6e6}
.service .promise li:nth-child(4) {margin-right:0;margin-left:6px}
.service .promise li:nth-child(3) {margin-left:7px}
.service .promise li:nth-child(2) {margin-left:7px}
.service .promise .frame {width:218px;height:170px;margin:30px;font-size:36px;text-align:center;color:#ff7800}
.service .first .frame {background:#ff7800;color:#fff;}
.service .first .frame span {display:block;width:85px;height:85px;margin:40px 66px;float:left;}
.service .statement {display:block;width:218px;margin:30px auto;color:#666;line-height:28px;}
.service .promise .num {display:block;margin-top:40px;font-size:70px;color:#ff7800;text-align:center}
.service .promise .explanat {display:block;margin-top:30px;font-size:16px;color:#666;text-align:center}
.service h1 {font-size:30px;text-align:center}
.service .note {display:block;text-align:center;text-transform:uppercase;color:#666}
.service .section {width:100%;height:487px;margin-top:80px;padding:80px 0;background:#f5f5f5;color:#666}
.service .section .features{width:1200px;margin:0 auto;margin-top:30px}
.service .section .features li {float:left;width:380px;height:370px;margin-right:20px;background:#fff;text-align:center}
.service .section .features li:nth-child(2) {margin-left:10px}
.service .section .features li:nth-child(3) {margin-left:10px;margin-right:0}
.service .section .features h2 {margin-top:35px;font-size:18px}
.service .section .features p {padding:10px}
.service .faq-list {margin-top:80px}
.service .faq-list h1 {font-size:24px;text-align:left;}
.service .faq-list .excerpt{margin-top:30px;line-height:20px;color:#666}
.service .faq-list .excerpt * {margin:0}
.service .faq-list a.view {width:98px;height:28px;display:block;margin-top:20px;border:1px solid #e6e6e6;text-align:center;line-height:30px;color:#999}
.service .faq-list a.view:hover {background:#ff7800;color:#fff;width:100px;height:30px;border:none}
.service .faq-list li {border-bottom:1px solid #e6e6e6;padding-bottom:30px}

.contact .contacts {margin-top:80px}
.contact .contacts  li{width:370px;height:250px;float:left;margin-right:30px;background-color:#f5f5f5;background-repeat:no-repeat;cursor:pointer}
.contact .contacts  li:hover{background-image:url("../images/contact-icon_hover.png");background-color:#ff7800;color:#fff}
.contact .contacts  li:nth-child(3) {margin-right:0;margin-left:15px;}
.contact .contacts  li:nth-child(2) {margin-left:15px;}
.contact .contacts li strong {display:block;margin-top:75px;text-align:center;font-size:24px;font-weight:normal}
.contact .contacts li p {width:270px;margin:20px auto auto auto;font-size:16px;text-align:center;line-height:24px}
.contacts li.address {background-image:url("../images/contact-icon.png");background-position:5px 5px;}
.contacts li.tel {background-image:url("../images/contact-icon.png");background-position:5px -245px;}
.contacts li.online {background-image:url("../images/contact-icon.png");background-position:5px -495px;}
.contact h1 {margin-top:80px;font-size:30px;text-align:center}
.contact .note {display:block;text-align:center;text-transform:uppercase;color:#666}

.contact .content form {font-size:14px}
.contact form input{float:left;width:358px;height:48px;margin-right:38px;border:1px solid #e6e6e6;text-indent:1em;outline:none}
.contact form .required {border-color:#ff7800}
.contact form p {width:100%;float:left;margin-top:35px}
.contact form p input:nth-child(2) {margin-left:20px}
.contact form p input:nth-child(3) {margin-left:20px;margin-right:0}
.contact form textarea {width:100%;height:130px;resize:none;text-indent:1em;padding-top:15px;outline:none;border:1px solid #e6e6e6}
.contact p.action {text-align:center}
.contact p.action input {width:180px;height:50px;border:none;background:#ff7800;color:#fff;margin:0;text-indent:0;cursor:pointer;float:none}
.contact p.action .reset {width:178px;height:48px;border:1px solid #e6e6e6;background:#fff;color:#666}

.contact .transportation li{width:368px;height:218px;float:left;margin-right:30px;border:1px solid #e6e6e6;text-align:center;color:#666}
.contact .transportation li:nth-child(3) {margin-right:0;margin-left:15px;}
.contact .transportation li:nth-child(2) {margin-left:15px;}
.contact .maps {margin-top:60px;clear:both}
.contact .transportation i {width:52px;height:50px;padding-top:45px;display:block;margin:0 auto;margin-top:40px;text-align:center;font-style:normal;line-height:50px;color:#333}
.transportation .bus i {background:url("../images/bus.png") top center no-repeat;}
.transportation .subway i {background:url("../images/subway.png") top center no-repeat;}
.transportation .taxi i {background:url("../images/taxi.jpg") top center no-repeat;}
.transportation li span {display:block;width:320px;margin:0 auto;}