@charset "utf-8";
/* CSS Document */

/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; color: inherit;}
a:focus { outline: none; } 
img { border:none; vertical-align:top; max-width: 100%; }
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body { font-size:12px; font-family:"微软雅黑"; }
/* end reset */
/* public */
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; _display: inline;}
.fr { float:right; _display: inline;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

.main-box {position: relative;width: 1200px; margin: auto; *zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}

.welcome {background: #303030; color: #c8c8c8;height:40px; line-height: 40px; min-width: 1200px;}
.lang {float: right;}
.lang a {margin-left: 28px; padding-left: 36px; color: #c8c8c8; display: inline-block;display: *inline}
.lang .lang1{ background: url(../images/lang1.png) left center no-repeat;}
.lang .lang2{ background: url(../images/lang2.png) left center no-repeat;}
.lang .lang3{ background: url(../images/lang3.png) left center no-repeat;}
.lang .lang4{ background: url(../images/lang4.png) left center no-repeat;}
.lang a:hover{color: #fff}

.header {height:100px;margin: auto;}
.logo {margin-top: 22px; float: left;}
.nav {font-size: 14px;color: #4d4b4b; margin: 46px 0 0 100px; float: left; line-height: 1;}
.nav>li{ float: left; text-align: center; padding-right: 50px;}
.nav>li a{ display: block; padding-bottom: 15px;}
.nav>li:hover>a ,.nav .present>a{border-bottom: 4px solid #880010;}

.share{ position: relative; top: 4px;}
.language{position: relative; top: 2px;}

.search-lang{position: absolute;right: 0;width: 100px;}
.search-lang .s{cursor:pointer; height: 100px; width: 100px;background: #880010 url(../images/fangda.png) center center no-repeat}
.search-lang .l{position: absolute;top: 100px;left: 0; z-index: 20; height: 100px; width: 100px; color: #ffffff;font-size: 14px;text-align: center; line-height: 100px; background: #880010}

.header-search {-webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:bothline-height: 26px; opacity: 0;filter:alpha(opacity=0); z-index: -1; width:260px;color: #007969; position: absolute; right:100px;top: 25px;}
.search { width:240px;line-height: 44px;color: #999999;background: #fff;border: 1px solid #dcdcdc;border-radius:4px;}
.search-bar {border: 0 none; text-indent: 14px; width:200px }
.search-btn {cursor:pointer; position:absolute;width: 18px;height: 19px;background: url(../images/search.png);border: 0 none; top:15px; right: 30px;}
.search-lang .s:hover .header-search{filter:alpha(opacity=100); z-index: 2\9}


.banner {position: relative; min-width: 1200px;}
.one-banner {height: 590px;background-position: center center;background-repeat: no-repeat;}
.banner .hd {position: absolute; bottom: 10px; left: 40%; z-index: 10; width: 20%; margin: auto; text-align: center;}
.banner .hd li {display: inline-block;*display: inline;*zoom: 1; width: 12px; height: 12px; margin-right: 4px; background: #ccc; text-indent: -9999px;}
.banner .hd li.on {background: #333;}

.index-pro{height: 744px; background: #f2f2f2;min-width: 1200px;}

.index-common-tit {text-align: center; padding: 60px 0 36px;}
.index-common-tit p{ color: #2f2e2e; font-size: 30px;}
.index-common-tit span{line-height: 1.8; font-family: "Arial";background: #f2f2f2; padding: 0 10px; display: inline; z-index: 2; font-size: 16px; position: relative; color: #b0aeae}
.index-common-tit .line{margin: auto;  background:#c9c9c9; height: 1px; position: relative; top: -16px; z-index: 1;}
.index-common-tit em{font-size: 13px; color: #2f2e2e}

.choose-img{overflow: hidden; background-position: center center;background-repeat: no-repeat;}
.choose-wrap {width: 1220px; margin: auto;}
.choose-wrap li{ float: left; width:596px; height: 260px; background:#fff; margin: 5px 5px;}
.choose-wrap li a{ display: block; width: 100%; height: 100%;}
.choose-wrap li img{width: 50%; float: left; height: 100%;}
.choose-text{float: left;text-align: center; background: url(../images/products-more.png) center 184px no-repeat; width: 50%;height: 100%;position: relative; }
.choose-text p{padding: 98px 0 10px ; font-size: 20px; line-height: 1; color: #404040;}
.choose-text span{ display: block;color: #6a6969;}
.choose-text  .arrow-l {z-index: 2; border-bottom: 14px solid transparent;border-right: 20px solid #fff;border-top: 14px solid transparent;bottom: 0;height: 0;margin: auto;position: absolute;left: -20px;top: 0;width: 0;}
.choose-text  .arrow-r {z-index: 2;border-bottom: 14px solid transparent;border-left: 20px solid #fff;border-top: 14px solid transparent;bottom: 0;height: 0;margin: auto;position: absolute;right: -20px;top: 0;width: 0;}

.wrap-index-pro .bd{overflow: hidden;}
.wrap-index-pro .hd {position: relative; top:24px;  z-index: 10;margin: 0 auto; text-align: center;}
.wrap-index-pro .hd li {display: inline-block;*display: inline;*zoom: 1; border-radius:50%; width:15px; height: 15px; margin-right: 18px; background: #7a7a7a;text-indent: -9999px;}
.wrap-index-pro .hd li.on {background: #880010;}
.choose-wrap li:hover{box-shadow: 2px 2px 5px 2px #ccc;
transform: scale(1.01) translateY(-5px);
    -webkit-transform: scale(1.01) translateY(-5px);
    -moz-transform: scale(1.01) translateY(-5px);
    -ms-transform: scale(1.01) translateY(-5px);
    -o-transform: scale(1.01) translateY(-5px);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

.index-adv{height: 1259px; min-width: 1200px;background: url(../images/index-adv.jpg) center center no-repeat;}
.adv-section .tit{font-size: 24px; padding-left: 80px; font-weight: bold; color: #373131; line-height: 1;padding-bottom: 30px;}
.adv-section .con{font-size:13px; color: #6b6868; line-height: 28px }
.adv-section3 .tit{padding-left: 70px; }
.adv-section1{padding: 280px 0 0 16px;}
.adv-section2{padding: 42px 0 0 16px;}
.adv-section3{padding: 50px 0 0 16px;}
.adv-section4{padding: 122px 0 0 658px;}
.adv-section5{padding: 56px 0 0 658px;}
.adv-section6{padding: 44px 0 0 658px;}

.brand-text {text-align: center;}
.brand-text img{padding: 70px 0 34px;}
.brand-text h2{line-height: 1;font-size: 26px; color: #880010; padding-bottom: 32px;}
.brand-text .tit2{font-size: 14px; color: #424040;line-height: 1; padding-bottom: 22px;}
.brand-text .con{font-size: 13px; color: #9e9e9e;line-height: 20px;}

.index-brand{margin-bottom: 180px;}
.brand-list{margin: 46px 64px 84px;}
.brand-list li{line-height: 1;font-size: 20px; color: #191919;text-align: center; float: left; width: 184px; margin:0 42px;}
.brand-list li a{display: block;padding-top: 202px;}
.brand-list li span{display: block;font-size: 13px; color: #a8a8a8;padding-top: 8px;}
.brand-list li a.b1{background: url(../images/b1.png) center top no-repeat;}
.brand-list li a.b2{background: url(../images/b2.png) center top no-repeat;}
.brand-list li a.b3{background: url(../images/b3.png) center top no-repeat;}
.brand-list li a.b4{background: url(../images/b4.png) center top no-repeat;}
.brand-list li a.b1:hover{background: url(../images/b1-on.png) center top no-repeat;}
.brand-list li a.b2:hover{background: url(../images/b2-on.png) center top no-repeat;}
.brand-list li a.b3:hover{background: url(../images/b3-on.png) center top no-repeat;}
.brand-list li a.b4:hover{background: url(../images/b4-on.png) center top no-repeat;}


.brand-list li{opacity:0; transform:translateY(400px); -webkit-transform:translateY(400px); transition:1s 0.3s; -webkit-transition:1s 0.3s;}
.brand-list li:nth-child(1){transition:1.4s 0.3s; -webkit-transition:1.4s 0.3s;}
.brand-list li:nth-child(2){transition:1.6s 0.3s; -webkit-transition:1.6s 0.3s;}
.brand-list li:nth-child(3){transition:1.8s 0.3s; -webkit-transition:1.8s 0.3s;}
.brand-list li:nth-child(4){transition:2s 0.3s; -webkit-transition:2s 0.3s;}
.brand-list li.articleShow{opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}


.index-case{background:#f2f2f2;min-width: 1200px; padding-bottom: 36px;}

.wrap-case{width: 100%;}
.one-case{position: relative; width: 20%; float: left;overflow:hidden;}
.one-case .circle{width: 150px;text-align: center; height: 150px;margin:auto; border-radius: 50%; position: absolute;left: 0;right:0;top:180px;background: rgba(255,255,255,.6);}
.one-case .circle p{font-family: "微软雅黑"; padding-top: 60px; line-height: 1;font-size: 25px; color: #8b0606;}
.one-case .circle span{display: block;font-size: 20px; color: #2e2e2e;}
.case-explain{webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position: absolute;text-align: center; left: 0;right:0; height: 152px; bottom:-152px; background:#282828;}
.case-explain .tit{ font-size: 23px; color: #ffffff; line-height: 1;padding: 50px 0 12px;}
.case-explain span{background: #282828;position: relative; padding: 0 10px;z-index:2; color: #8d8d8d;}
.case-explain .line{height: 1px; background: #6f6f6f; width: 182px;margin: auto; position: relative; top: -9px; z-index:1}
.one-case img{webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width: 100%; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}


.one-case:hover img{ -webkit-filter: unset;
    -moz-filter: unset;
    -ms-filter:unset;
    -o-filter: unset;
    filter:unset; }
.one-case:hover .case-explain{bottom:0; }

.index-listen{margin-bottom: 108px;}
.index-listen .listen-tit{text-align: center; font-size: 26px; font-weight: bold; padding: 86px 0 22px;}
.index-listen .line{width: 90px; height: 8px;margin: 20px auto 46px;background: #880010}

.people{float: left;width: 270px; margin-right: 40px;}
.people .top{width:208px; height: 160px; padding: 30px 20px 10px; color: #6d6b6b; line-height: 26px; background: #eaeeef; position: relative;}
.people .top .sanjiao{position: absolute; left: 30px;bottom:-35px;}

.bottom{padding-left: 93px; height: 78px; margin-top: 55px;}
.bottom .p1{ font-size: 16px; color: #343434; line-height: 38px;}
.bottom .p2{font-size: 12px; color: #757575;}

.m1{background: url(../images/m1.png) left center no-repeat;}
.m2{background: url(../images/m2.png) left center no-repeat;}
.m3{background: url(../images/m3.png) left center no-repeat;}
.m4{background: url(../images/m4.png) left center no-repeat;}

.index-news{height: 826px; background: #f2f2f2; min-width: 1200px;}
.news-list{width: 478px;}
.news-list .news-big{width: 463px; height: 354px; position: relative;}
.news-list .news-big a{display: block;}
.news-list .news-big img{width: 100%;height: 100%;}
.news-list .news-big .txt{position: absolute;right: -114px; top: 40px; width: 204px; height: 185px; padding: 40px;background: #fff;}
.news-list .news-big .txt .tit{font-size: 20px; color: #0e0e0e; line-height: 1;}
.news-list .news-big .txt .line{background: #282828; height: 2px; width: 30px; margin: 18px 0 26px; }
.news-list .news-big .txt .con{ color: #757575; line-height: 20px; max-height: 64px; overflow: hidden;}
.news-list .news-big .txt .more{display:block; margin-top: 28px; border:1px solid #8d8d8d; width: 86px; height:26px; line-height: 26px;color: #0e0e0e;text-align: center;}
.news-list ul{padding:18px 0 0 28px;}
.news-list ul li{overflow: hidden; height: 55px; line-height: 55px; font-size: 14px; color: #4a4949;}
.news-list ul li span{padding-right: 20px;}
.wrap-index-news{margin: 10px 0;}
.wrap-index-news .fr{margin-right: 114px;}
.news-list ul li:hover{color: #880010}
.news-list .news-big .txt:hover .con{color:#880010 }
.news-list ul li a{display: block;}

.footer {padding-top: 40px;font-size: 12px;line-height: 2;color: #c0c0c0;background: #252525;border-top: 9px solid #881217;}
.footer-contact {float: right; margin-right: 70px;}
.footer-contact-tit {margin-bottom: 1em;font-size: 18px;line-height: 18px;color: #c0c0c0;}
.footer-contact-tit span {font-size: 30px;}
.footer-icon {float: left;width: 25px;height: 13px;margin-right: 14px;margin-top: 6px;background-position: center center;background-repeat: no-repeat;border: solid #707176;border-width: 0 1px;}
.footer-nav {height: 206px;}
.footer-nav dl {float: left;width: 150px;color: #888;}
.footer-nav dt {padding-left: 35px;font-size: 14px;font-weight: bold;color: #efefef;}
.footer-nav a {display: block;padding-left: 35px;}
.footer-copy {padding: 22px 0;font-size: 12px;line-height: 30px; padding-left: 28px; color: #c0c0c0;border-top: 1px solid #444;}
.footer a:hover {color: #fff;}
.foot-ewm{float:left; width: 159px; height: 161px; margin: 0 54px 0 34px; position: relative; top: -12px;}

.in-banner {height:255px;background-position: center center;background-repeat: no-repeat;}

.in-nav {font-size: 0;text-align: center;min-width: 1200px;background: #f4f4f4;}
.in-nav>ul li {cursor: pointer; display: inline-block;width: 194px;font-size: 16px;line-height: 56px;color: #303030;border-right: 1px solid #dedada;}
.in-nav .current ,.in-nav li:hover {color: #fff;background: #880010;}
.in-nav a {display: block;}

.about1{margin: 20px 0 10px;text-align: center;}
.about1 img{margin-top: 44px;}

.about2{height: 806px; min-width: 1200px;background: url(../images/about2.jpg) center center no-repeat;}
.about2-tit h2{font-size: 27px; color: #880010; line-height: 1; padding-bottom: 18px;}
.about2-tit {font-size:14px; color: #424040; padding: 130px 0 0 54px; }
.about2-con{font-size:14px; color: #9e9e9e; line-height: 46px; padding: 100px 0 0 680px; }

.about3{text-align: center; margin: 66px 0 30px;}
.about3 h2{margin: 26px 0 44px; font-size: 27px; color: #880010; line-height: 1; padding-bottom: 18px;}

.one-honor {float: left;width:324px;margin: 0px 112px 34px 0; line-height: 2.4; font-size: 14px;text-align: center;color: #a3a3a3;}
.one-honor .pic-box {margin: auto;border: 1px solid #e8e8e8;width: 308px; padding:8px;}
.one-honor .pic-box div {width: 308px;height:218px; text-align: center;}
.one-honor .pic-box img {max-width: 308px;max-height: 218px; }
.one-honor:hover p {color: #880010;}

.contact .page-con {padding: 90px 0 70px; color: #303030;  font-size: 18px;line-height: 2.2;background: url(../images/contact-bg.jpg) right 30px no-repeat;}
.contact .service {color: #c0161f;line-height: 1.4;}
.contact .service span {font-size: 48px;}
.contact .page-con strong{ color: #004ea2; font-size: 20px;}

.feedback {padding-bottom: 40px; font-size: 16px;line-height: 45px;color: #4b4b4b;text-align: center;}
.feedback h3 {font-size: 18px;font-weight: normal;line-height: 5; margin: 30px 0;}
.feedback .blocks {float: left;margin-bottom: 10px;margin-right: 20px; font-size: 0;}
.feedback span {color: #bc111e;}
.feedback input {text-indent: 6px;width: 462px;height: 45px;border: 1px solid #dcdcdc;font-size: 16px;background-color: #f9f9f9;}
.feedback textarea {background-color: #f9f9f9;padding-top: 6px; text-indent: 6px; width: 1010px;border: 1px solid #dcdcdc;font-size: 16px;}
.feedback .feedback-submit-btn {width: 220px;height: 48px;color: #fff;background: #880010;border-radius: 6px;cursor: pointer;}
#verify-code {width: 220px;}
.feedback.main-box{  width: 1100px;}
.feedback label{ display:inline-block;*display:inline-block; width: 65px;font-size: 16px;}
#Newcode{ vertical-align: middle;}

.in-common-tit {text-align: center; margin: 60px 0; border-bottom: 1px solid #a8a8a8;}
.in-common-tit p{ color: #8e8e8e; font-size: 24px; font-family: "Arial"}
.in-common-tit span{line-height: 1.4; display: block; font-size: 26px; padding-bottom: 10px; color: #880010}
.in-common-tit .line{margin: auto; width: 318px; background:#880010; height: 1px;}

.in-one-news {float: left;width: 33%; margin-bottom: 30px; text-align: center;}
.in-one-news a{ display: block;width: 358px; margin:auto;}
.in-one-news .pic-box {width: 358px;margin: auto; }
.in-one-news .pic-box div {width: 358px;height: 252px;*font-size: 149.63px;}
.in-one-news .pic-box img {max-width: 358px;max-height: 252px;}
.in-one-news .con{ padding: 10px 0 15px;line-height: 2;overflow: hidden; text-align: left; color: #787878 }
.in-one-news .con .tit{ font-size: 16px; color: #3f3f3f; padding-bottom: 10px;}
.in-one-news .con .text{height: 72px; overflow: hidden;}
.in-one-news:hover .con ,.in-one-news:hover .tit{color: #880010}

.other-page {padding: 40px 0 ;font-size: 16px;line-height: 30px;text-align: center;color: #333333;}
.other-page a {display: inline-block;*display: inline;*zoom: 1;padding: 0 1em;text-align: center;margin: 0 2px;background: #fff;border: 1px solid #666666;}
.other-page .page-on ,.other-page a:hover { background: #666666; color: #fff;}

.page-con{padding: 30px 0;}
.news-title {font-size: 16px;line-height: 3;text-align: center;}
.news-date {margin-bottom: 20px;font-size: 12px;line-height: 0;text-align: center;}
.other-news {padding-bottom: 20px;font-size: 12px;line-height: 2;}
.other-news a:hover {color: #880010;}

.wrap-login{width:930px; padding: 0 20px 0 30px; border: 1px solid #d2d2d2; margin:20px auto 45px;}
.wel-login{ padding-top: 26px; padding-bottom: 22px;}
.wel-login .tit{font-size: 26px; color: #880010; font-weight: bold; line-height: 38px;background: url(../images/resign-tit.png) 124px center no-repeat; }
.wel-login .con{font-size: 14px; color: #3a3a3a; line-height: 28px;}
.wel-login .con a{ color: #880010;}

.resign{ padding: 40px 0 55px; border-top: 1px dashed #cccacb}

.resign .r .row{position: relative;height: 40px; margin-bottom:23px; font-size: 0;}
.resign .r .row label{float: left;width: 40px; height: 40px; text-align: center; border: 1px solid #c9c9c9; border-right: none; }
.resign .r .row input{float: left; text-indent: 12px; border: 1px solid #c9c9c9;  width: 400px; height: 40px; line-height: 40px; color: #999999; font-size: 14px;}
.resign .r .row label.re1{ background:url(../images/re1.png) center center no-repeat;}
.resign .r .row label.re2{ background:url(../images/re2.png) center center no-repeat;}
.resign .r .row label.re3{ background:url(../images/re3.png) center center no-repeat;}
.resign .r .row label.re4{ background:url(../images/re4.png) center center no-repeat;}
.resign .r .row label.re5{ background:url(../images/re5.png) center center no-repeat;}
.resign .r .row label.re6{ background:url(../images/re6.png) center center no-repeat;}
.resign .re2 ,.resign .re4 ,.resign  .re6{margin-left: 18px;}
.yanzhng{height: 40px;}

#login-submit{font-size: 18px; cursor: pointer; color: #fff; width:278px; display: block; height: 38px; background:#880010; margin: auto; text-align:  center;}

.yanzheng{ position:absolute; right: 5px; top: 12px;}
.login{ padding: 40px 0 55px; border-top: 1px dashed #cccacb}
.login .l{ float: left; width:600px; height: 232px;}
.login .l img{ width: 100%;height: 232px;}
.login .r{ float: left; width: 276px; height: 232px; margin: 0px 0px 0 46px;}
.login .r .row{position: relative; border: 1px solid #c9c9c9; height: 40px; margin-bottom:23px; font-size: 0;}
.login .r .row label{float: left;width: 40px; height: 40px; text-align: center;border-right: 1px solid #c9c9c9}

.login .r .row input{float: left; text-indent: 12px; width: 232px; height: 40px; line-height: 40px; color: #999999; font-size: 14px;}
.login .r .row label.re1{ background:url(../images/re1.png) center center no-repeat;}
.login .r .row label.re2{ background:url(../images/re2.png) center center no-repeat;}
.login .r .row label.re3{ background:url(../images/re3.png) center center no-repeat;}

.download-list {width: 910px;margin: auto;border-collapse: collapse;}
.download-list th {font-size: 16px;line-height: 54px;font-weight: normal;color: #fff;background: #f3616c;}
.download-list td {height: 54px;text-align: center;vertical-align: middle;}
.download-list img {margin-right: 10px;vertical-align: middle;}
.download-btn {text-decoration: underline;}
.download-btn:hover {color: #f3616c;}
.download-row-bg {background: #f7f7f7;}
.table-break-line {height: 25px;}


.main {padding: 20px 0 40px;}
.main-l {float: left;width: 244px;}
.main-r {float: right;width: 950px;}

.side-tit {margin-bottom: 4px; text-align: center; color: #ffffff; font-size: 24px;background:#880010; padding-top:24px; height:72px; }
.side-tit span{ display: block;font-size: 12px;}
.side-nav {text-align: center;color: #333333; padding-bottom: 4px;background-color: #ebeceb;  }
.side-nav li{ height: 48px; line-height: 48px; border-bottom: 1px solid #cfcfcf;}
.side-nav .current ,.side-nav li:hover {color: #fff;background-color: #880010}
.side-nav a {display: block;}

.sideintr {padding: 18px 0;background: #f4f4f4; }
.sideintr img{width: 100%; }
.sideintr-tit{font-size:20px;line-height:50px; background: #880010; text-align: center;color: #fff;}
.side-phone {font-size: 14px;line-height:1; background: url(../images/side-phone.png) 12px 28px no-repeat; text-align: left; padding:20px 0 14px 70px; }
.side-phone span{display: block; color: #880010; font-size: 16px; font-weight: bold; padding-top: 8px;}
.side-con{line-height: 24px; padding-left: 22px; color: #252525;}

.r-tit{height: 48px; color: #fff;font-size: 16px; padding-left: 32px; line-height: 48px;background: #880010 url(../images/r-tit.png) 16px center no-repeat;}
.r-tit span{font-size: 24px; color: #fff;}
.r-tit2{ color: #c29699;}

.one-pro {float: left;width: 33.3%;margin-top:25px;line-height: 2;text-align: center;color: #666666;}
.one-pro .pic-box {width: 290px;padding: 1px;margin: auto;border: 1px solid #cccccc;}
.one-pro .pic-box div {width: 290px;height: 190px;*font-size: 190px;}
.one-pro .pic-box img {max-width: 290px;max-height: 190px;}
.one-pro:hover {color: #880010;}

.re-pro{padding:40px 0 20px;background: #f4f4f4; margin-bottom: 45px; }
.runpic li{width:290px;margin: 0 12px;  float: left; color: #fff; font-size: 14px;}
.runpic li .picbox div{width: 290px; height: 210px; margin: auto;position: relative;}
.runpic li .picbox div p{ position: absolute; bottom: 0;left: 0; width: 100%; background-color: rgba(0,0,0,0.73); text-align: center; line-height: 2.8}
.runpic li .picbox{width: 290px;margin: auto;}
.runpic img{ max-width: 290px; max-height: 210px;}


.index-newss .bd{background: url(../images/ul-bg.png) center center no-repeat; margin-bottom: 40px;}
.index-newss .bd li {float: left;width:50%; }
.index-newss .bd a {padding: 0 16px; display: block;font-size: 14px;line-height: 34px;color: #666666;}
.index-newss .bd span.fr {font-size: 12px;color: #a7a7a7;}
.index-newss .bd a:hover {color: #c41f1d;}
.index-newss .bd li:nth-child(2n+1){width: 46%;margin-right: 4%;}
.index-newss .bd li:nth-child(2n){width: 46%;margin-left: 4%;}




.hot-news {position: relative;clear: both;display: block;height: 228px;padding: 30px 0 20px 370px;font-size: 14px;line-height: 24px;color: #777;}
.hot-news .pic-box {background: #fff; float: left;margin-left: -370px;width: 300px; border:2px solid #999999;}
.hot-news .pic-box div {width: 300px;height: 228px;*font-size: 170*.875px;}
.hot-news .pic-box img {width: 300px;height: 228px;}
.hot-news-title {font-size: 14px;font-family: "宋体";font-weight: bold;line-height: 2.4;color: #494949;}
.hot-news:hover .hot-news-title {color: #c41f1d;}
.hot-news .view-hot-news {position: absolute; height: 33px; left: 370px; bottom: 20px;width: 108px;line-height: 33px;text-align: center;color: #fff;background: #666666;border: 1px solid #c9c9c9;}
.hot-news:hover .view-hot-news{color: #fff;background: #c41f1d;border-color: #c41f1d}
.new-time{ color: #666666; line-height: 2; padding-bottom: 4px;}


.tbg{position: absolute;width: 298px; height: 227px; left: 20px;top:48px;background: #eceaea;z-index: -1 }
.news-line{height: 4px; background: #d6d5d5;border-left: 254px solid #c41f1d; margin: 30px 0;}

.producut-view{margin-bottom: 36px;}
.producut-view .bd{ margin: 20px 0;}
.producut-view .bd .pic-box {width:559px; height: 376px; padding:5px; border: 1px solid #dedede;}
.producut-view .bd .pic-box div{width:559px;height: 376px;}
.producut-view .bd .pic-box img {max-width: 559px;max-height: 376px;}
.producut-view .hd { margin-top: 8px;}
.producut-view .hd li{ float: left; margin-right: 8px; margin-bottom: 16px;}
.producut-view .hd .pic-box {width:108px; height:76px;  border: 1px solid #e1e1e1;}
.producut-view .hd .pic-box div{width:108px;height: 76px;}
.producut-view .hd .pic-box img {max-width: 108px;max-height: 128px;}

.pro-detail-tit { margin-bottom: 20px;border-bottom: 4px solid #a82026;}
.pro-detail-tit span {display: block;width: 86px;font-size: 14px;line-height: 36px;text-align: center;color: #fff;background: #a82026;}
.zoomDiv{z-index:999;position:absolute;top:0px;left:0px; border: 1px solid #efefef; width:200px;height:200px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}


.hire-list {width: 950px;margin: 60px auto;font-size: 12px;line-height: 50px;text-align: center;border: 1px solid #f0f0f0;border-collapse: collapse;border-radius: 6px;}
.hire-list tbody {border-radius: 6px;}
.hire-list tr {background: #fbfbfb;border-bottom: 1px solid #e2e2e2;}
.hire-list-tit {border-radius: 6px 6px 0 0;}
.hire-list-tit-first {border-top-left-radius: 6px;}
.hire-list-tit-last {border-top-right-radius: 6px;}
.hire-list th {color: #fff;background: #880010;}
.hire-list td {width: 25%;}
.hire-list a {display: block;color: #00004f;}
.job-require {display: none;width: 100%;padding: 15px 50px;text-align: left;line-height: 2;background: #fff url(../images/hire-list-bg.png) top repeat-x;}
.job-require-tit {font-weight: bold;}

.job-require li {list-style: decimal;margin-left: 10px;}

.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

.location-list { border: 1px solid #dedede; padding: 20px; margin: 13px 0 13px 14px;}
.location-list p{ font-size: 16px; color: #333333; line-height: 2;}
.location-list li {float: left;padding: 0 1em 0 0;font-size: 14px;line-height: 36px;color: #666666;}
.location-list a {display: block;}
.location-list a:hover {color: #c41f1d;}
.pro-detail{ padding-left: 16px;}
.store-list {margin-bottom: 30px;padding-left: 14px;}
.one-store a {display: block;height: 297px;padding: 24px 0 24px 610px;font-size: 14px;line-height: 2;}
.one-store .pic-box {float: left;padding: 10px;margin-left: -610px;border: 1px solid #7a4f2d;}
.one-store .pic-box div {width: 530px;height: 275px;*font-size: 240.63px;}
.one-store .pic-box img {max-width: 530px;max-height: 275px;}
.one-store-name ,
.one-store span {font-size: 18px;font-weight: bold;line-height: 44px;color: #c41f1d;}
.one-store-name {line-height: 60px;background: url(../images/store-shadow.png) center bottom no-repeat;}

.store-map{ text-align: center; margin: 30px 0}

@-webkit-keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
100% {
    opacity:1;
    z-index: 2;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px)
}
100% {
    opacity:1;
    z-index: 2;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInRight {
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}



@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:1;
z-index: -1;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
}
@keyframes slideOutRight {
0% {
    opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
z-index: -1;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px)
}
}
.slideOutRight {
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}