body { background: #fff; min-width: 1280px; font: normal 14px/1.5 Microsoft YaHei; }

ul, li { margin: 0; padding: 0; }

li { list-style: none; }

a { text-decoration: none; color: #333; }

a:hover { text-decoration: none; color: #da251d; }

img { border: 0; vertical-align: middle; }

p { margin: 0; }

input, a { vertical-align: middle; }

.wr14 { font: normal 14px/1.5 Microsoft YaHei; }

.wr16, .top .nav > li > a, .bottom_nav li, .layer1 .news_index li h3, .case_index li .bg, .aboutus > .title, .aboutus > .title h4, .news > .recomm > en, .cooperation > .con, .contact h4 { font: normal 16px/1.5 Microsoft YaHei; }

.w1200 { margin: 0 auto; width: 1200px; }

.pos_rela { position: relative; }

.effImg01 img { -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; }
.effImg01:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.prev_next { padding: 20px 0; color: #616161; }
.prev_next p { margin: 5px 0 0; }
.prev_next a { display: inline-block; vertical-align: middle; color: #616161; }
.prev_next a:hover { color: #da251d; }
.prev_next span { display: inline-block; vertical-align: middle; }

#pages { clear: both; margin: 20px 0 0; padding: 15px 0; min-height: 20px; height: auto !important; height: 20px; overflow-y: hidden !important; overflow-y: none; text-align: center; color: #4e4e4e; }
#pages a { display: inline-block; margin: 0; padding: 0 10px; color: #4e4e4e; }
#pages a:hover { color: #fff; background: #da251d; }
#pages span { display: inline-block; margin: 0; padding: 0 10px; vertical-align: middle; background: #da251d; color: #fff; }
#pages .count { background: none; border: 0; color: #9a9a9a; }
#pages .dis { cursor: default; background: none; color: #4e4e4e; }
#pages input { float: left; margin: 0 0 0 10px; width: 50px; height: 22px; border: 1px #eaeaea solid; background: #fff; }

.top { height: 91px; background: #fff url(images/index2_01.jpg) center 0 no-repeat; }
.top .logo { display: block; float: left; width: 240px; height: 83px; background: url(images/index3_02.png) no-repeat; }
.top .nav { float: right; margin: 22px 10px 0 0; }
.top .nav > li { float: left; position: relative; margin: 0 0 0 1px; width: 105px; height: 69px; }
.top .nav > li > a { display: block; padding: 25px 0 0; height: 44px; color: #000; text-align: center; }
.top .nav > li > a:hover { color: #da251d;background: url(images/index3_05.png) repeat-x; }
.top .nav > li .sub { display: none; position: absolute; left: 0; top: 69px; z-index: 10; float: none; margin: 0; padding: 10px 0 0; color: #000; }
.top .nav > li .sub > li { font-size: 13px; width: 100%; height: 30px; }
.top .nav > li .sub > li > a { padding: 0 0 0 30px; height: 30px; line-height: 30px; color: #000; white-space: nowrap; }
.top .nav > li .sub > li > a:hover { color: #da251d; }
.top .nav > li .sub > li:hover, .top .nav > li .sub > li.cur { background: none; }
.top .nav > li .sub > li:hover a, .top .nav > li .sub > li.cur a { color: #da251d; font-weight: bold; }
.top .nav > li:hover, .top .nav > li.open { background: url(images/index3_05.png) repeat-x; }
.top .nav > li:hover .sub, .top .nav > li.open .sub { display: block; }
.top .nav > li.cur > a { background: url(images/index3_05.png) repeat-x; }
.top > i { display: block; position: absolute; left: 0; top: 91px; z-index: 9; width: 100%; border-top: 1px #AC130D solid; background: url(images/index3_06.png) repeat-x;}

.bottom_nav { height: 67px; background: #efefef; text-align: center; }
.bottom_nav li { display: inline-block; color: #000; line-height: 67px; }
.bottom_nav li a { display: block; padding: 0 20px 0 15px; color: #000; background: url(images/index_55.png) right center no-repeat; }
.bottom_nav li a:hover { text-decoration: underline; }
.bottom_nav li.none a { background: none; }

.bottom_word { padding: 20px 0 0; height: 107px; line-height: 2; color: #666666; background: #cccccc; }
.bottom_word .left { float: left; width: 70%; }
.bottom_word .logo { display: block; float: left; margin: 7px 20px 0 0; width: 220px; height: 68px; background: url(images/index_58.png) no-repeat; }
.bottom_word .right { float: right; width: 300px; color: #e6213a; }
.bottom_word .right i { margin: 0; padding: 0; font-size: 25px; line-height: 10px; }
.bottom_word .phone_icon { display: block; float: left; margin: 7px 10px 0 0; width: 43px; height: 42px; line-height: 40px; background: url(images/index_61.png) no-repeat; vertical-align: top; }

.slider .bd li { position: relative; height: 850px; color: #724c11; text-align: left; text-align: justify; }
.slider .bd li .word { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; }
.slider .bd li a { background-position: center 0; background-repeat: no-repeat; }
.slider .bd li a:hover { color: #724c11; }
.slider .bd li img { visibility: visible; }
.slider .bd li .bg_2 { position: absolute; right: 0; top: 94px; z-index: 2; width: 573px; height: 252px; background: rgba(255, 255, 255, 0.3); }
.slider .bd li .bg { margin: 10px 0 0 10px; padding: 40px; width: 473px; height: 152px; background: rgba(255, 255, 255, 0.5); }
.slider .bd li h2 { margin: 0 0 10px; padding: 0; font-weight: bold; font-size: 45px; color: #724c11; text-align: justify; letter-spacing: 7px; }
.slider .bd li h3 { margin: 0 0 10px; padding: 0; font-size: 22px; color: #724c11; text-align: justify; letter-spacing: 1px; }
.slider .hd { bottom: 0; padding: 5px 0 0; height: 30px; overflow: hidden; background: rgba(0, 0, 0, 0.5); }
.slider .hd li { margin: 0 10px 0 0; padding: 0; width: 14px; height: 14px; background: url(images/index3_10.png) no-repeat; border: none; vertical-align: middle; }
.slider .hd li.active { background-image: url(images/index3_12.png); background-color: transparent; }

.icon_ls { margin: 0 0 36px; overflow: hidden; border-bottom: 1px #dfdfdf solid; }
.icon_ls li { -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; display: block; float: left; margin: 0 32px 0 0; padding: 15px 0 15px 89px; width: 200px; height: 79px; overflow: hidden; background-position: 0 center; background-repeat: no-repeat; }
.icon_ls li.li1 { background-image: url(../css/images/index_05.png); }
.icon_ls li.li2 { background-image: url(../css/images/index_07.png); }
.icon_ls li.li3 { background-image: url(../css/images/index_09.png); }
.icon_ls li.li4 { margin-right: 0; width: 147px; background-image: url(../css/images/index_11.png); }
.icon_ls li:hover { -moz-transform: rotate(2deg); -webkit-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); background-size: 85px 85px; }

.layer1 { margin: 0 0 36px; padding: 0 0 36px; border-bottom: 1px #dfdfdf solid; }
.layer1 .title { margin: 0 0 10px; line-height: 1.5; font-size: 18px; font-weight: bold; color: #000; }
.layer1 .title en { display: block; font-size: 12px; font-weight: normal; color: #9a9a9a; }
.layer1 .title .more { display: block; float: right; width: 67px; height: 25px; font-size: 12px; font-weight: normal; line-height: 25px; color: #fff; text-align: center; background: url(../css/images/index_18.png) no-repeat; }
.layer1 .title .more:hover { background-image: url(../css/images/index_20.png); }
.layer1 .product_index { float: left; margin: 0 0 20px; width: 805px; }
.layer1 .menu { position: relative; z-index: 3; float: left; padding: 20px 0 0; width: 137px; height: 360px; background: #000; color: #fff; }
.layer1 .menu a { display: block; padding: 0 0 0 40px; height: 68px; line-height: 68px; color: #fff; }
.layer1 .menu a i { display: none; }
.layer1 .menu a:hover { width: 140px; font-size: 18px; font-weight: bold; background: #da251d; }
.layer1 .menu a:hover i { float: right; margin: 0 20px 0 0; display: block; }
.layer1 .menu li.cur a { width: 140px; font-size: 18px; font-weight: bold; background: #da251d; }
.layer1 .menu li.cur a i { float: right; margin: 0 20px 0 0; display: block; }
.layer1 .img { position: relative; z-index: 2; float: right; width: 668px; height: 380px; }
.layer1 .img li { -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; filter: alpha(opacity=0); opacity: 0; position: absolute; left: 0; top: 0; z-index: 2; width: 668px; height: 380px; overflow: hidden; }
.layer1 .img li.cur { filter: alpha(opacity=100); opacity: 1; z-index: 3; }
.layer1 .news_index { float: right; margin: 0 0 20px; width: 368px; }
.layer1 .news_index li { margin: 10px 0 0; padding: 8px 10px 0; width: 346px; height: 78px; border: 1px #dcdcdc solid; color: #666; }
.layer1 .news_index li h3 { margin: 0; padding: 0; }
.layer1 .news_index li a { color: #666; }
.layer1 .news_index li a:hover { color: #da251d; }
.layer1 .news_index li:hover { border-color: #da251d; color: #da251d; }
.layer1 .news_index li:hover a { color: #da251d; }
.layer1 .news_index li:hover h3 a { font-weight: bold; }
.layer1 .aboutus_index { float: left; line-height: 2; width: 371px; height: 380px; text-align: justify; }
.layer1 .aboutus_index img { margin: 0 0 10px; }
.layer1 .aboutus_index a:hover { color: #da251d; text-decoration: none; }
.layer1 .network_index { float: left; margin: 0 0 0 38px; }
.layer1 .network_index .effImg01 { display: block; width: 375px; height: 309px; overflow: hidden; }
.layer1 .advantage_index { float: right; width: 373px; }

.case_index { margin: 0 0 75px; text-align: center; }
.case_index .title { margin: 0 0 10px; font-size: 18px; font-weight: bold; color: #000; }
.case_index .title en { display: block; font-size: 12px; font-weight: normal; color: #9a9a9a; }
.case_index .more { display: block; float: right; width: 67px; height: 25px; font-size: 12px; font-weight: normal; line-height: 25px; color: #fff; text-align: center; background: url(../css/images/index_18.png) no-repeat; }
.case_index .more:hover { background-image: url(../css/images/index_20.png); }
.case_index h4 { display: inline-block; margin: 0 0 28px; padding: 10px 20px; border: 1px #e5e5e5 solid; color: #a7a7a7; }
.case_index li {display:table; position: relative; float: left; margin: 0 20px 0 0; width: 283px; height: 341px; color: #fff; overflow: hidden; }
.case_index li.none { margin: 0; }
.case_index li a { color: #fff; }
.case_index li a:hover { color: #da251d; }.case_index li .img{display:table-cell;max-width:283px;max-height: 341px;text-align: center;vertical-align: middle;} .case_index li .img img{max-width: 100%}
.case_index li .bg { -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 48px; background: #000; }
.case_index li .word { filter: alpha(opacity=100); opacity: 1; -moz-transition: all 0.6s ease-in; -webkit-transition: all 0.6s ease-in; -o-transition: all 0.6s ease-in; -ms-transition: all 0.6s ease-in; transition: all 0.6s ease-in; position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; line-height: 48px; text-align: center; }
.case_index li .word_hover { -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; filter: alpha(opacity=0); opacity: 0; position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; height: 0; overflow: hidden; text-align: center; }
.case_index li .word_hover a { display: block; margin: 0 42px; }
.case_index li .word_hover h2 { margin: 60px 0 0; font-weight: bold; }
.case_index li .word_hover p { margin: 0 0 10px; padding: 0 0 20px; background: url(../css/images/index_47.png) center bottom no-repeat; }
.case_index li:hover .word { filter: alpha(opacity=0); opacity: 0; }
.case_index li:hover .word_hover { filter: alpha(opacity=100); opacity: 1; height: 341px; }
.case_index li:hover .bg { height: 341px; filter: alpha(opacity=50); opacity: 0.5; }

.banner { height: 600px; overflow: hidden; background-position: center 0; background-repeat: no-repeat; text-align: center; }
.banner img { visibility: hidden; }

.location { height: 60px; line-height: 60px; background: #efefef; border-bottom: 1px #d2d2d2 solid; text-align: right; }
.location .title { float: left; width: 245px; height: 60px; background: #da251d; font-weight: bold; font-size: 24px; color: #fff; border-bottom: 1px #da251d solid; text-align: center; }
.location .title en { font-weight: normal; font-size: 18px; color: #ff9792; }
.location span, .location a { display: inline-block; margin: 0 0 0 5px; vertical-align: middle; color: #959595; }
.location a:hover { color: #da251d; }

.inner { background: #efefef; }
.inner .menu { float: left; width: 245px; min-height: 448px; background: #e7e7e7; }
.inner .menu li { min-height: 50px; height: 50px; overflow: hidden; border-bottom: 1px #cdcdcd solid; }
.inner .menu li i { display: block; float: right; margin: 0 32px 0 0; width: 22px; height: 22px; background: url(../css/images/aboutus_08.png) no-repeat; }
.inner .menu li a { display: block; padding: 15px 0 0 26px; height: 35px; color: #000; }
.inner .menu li a:hover { color: #da251d; background: #fff; }
.inner .menu li a:hover i { background-image: url(../css/images/aboutus_05.png); }
.inner .menu li > ul { padding: 10px 0; border-top: 1px #cdcdcd solid; background: #fff; }
.inner .menu li li { border: none; min-height: 35px; height: 35px; color: #6e6e6e; }
.inner .menu li li a { color: #6e6e6e; }
.inner .menu li.cur { height: auto; }
.inner .menu li.cur a { height: 35px; color: #da251d; background: #fff; }
.inner .menu li.cur a i { background-image: url(../css/images/aboutus_05.png); }
.inner .menu li.cur li { border: none; color: #6e6e6e; }
.inner .menu li.cur li a { color: #6e6e6e; padding: 0 0 0 26px; line-height: 35px; }
.inner .menu li.cur li a:hover { color: #da251d; }
.inner .menu li.cur li.cur a { color: #da251d; }
.inner .content { margin: 0 0 0 245px; padding: 24px 40px; min-height: 400px; background: #fff; }
.inner .marketing { text-align: center; }

.aboutus > .title { margin: 0 0 20px; padding: 20px; background: #f2f2f2; color: #4b4b4b; }
.aboutus > .title h4 { margin: 0 0 5px; padding: 0; font-weight: bold; color: #39395b; }
.aboutus > .title en { display: inline-block; margin: 0 10px 0 0; font-size: 24px; color: #999; vertical-align: middle; }
.aboutus > .title p { margin: 0; padding: 0; color: #999; }
.aboutus > .con { margin: 0 0 20px; line-height: 2; color: #4e4e4e; text-align: justify; }

.news > img { float: right; margin: 15px 0 0; max-width:332px; max-height: 231px;}
.news > .recomm { margin: 0 0 10px; padding: 45px 372px 45px 30px; height: 171px; color: #505050; background: #f3f3f3; }
.news > .recomm a { color: #505050; }
.news > .recomm a:hover { color: #da251d; }
.news > .recomm > h3 { margin: 0 0 10px; padding: 0; font-weight: bold; font-size: 24px; }
.news > .recomm > en { float: left; color: #888; }
.news > .recomm > .date { float: right; color: #c9c9c9; text-align: right; }
.news > .recomm > .date > i { display: block; font: normal 24px/1.5 Microsoft YaHei; }
.news > .recomm > p { margin: 80px 0 0; text-align: justify; }
.news > .recomm .more { display: block; margin: 10px 0 0; padding: 0 0 0 5px; width: 74px; height: 25px; color: #fff; background: url(images/news_08.png) no-repeat; }
.news > .recomm .more:hover { color: #fff; }
.news li { border-bottom: 1px #e9e9e9 solid; color: #535352; line-height: 40px; }
.news li a { display: block; float: left; width: 750px; color: #535352; }
.news li a:hover { font-weight: bold; color: #da251d; }
.news li i { margin: 0 10px 0 -20px; }
.news li .date { float: right; margin: 0 5px 0 0; }
.news li .date span { font-size: 20px; }

.news_detail > .title { margin: 0 0 20px; padding: 20px; border-bottom: 1px #e9e9e9 solid; text-align: center; color: #7e7d7d; }
.news_detail > .title h4 { margin: 0 0 10px; padding: 0; color: #da251d; }
.news_detail > .con { margin: 0 0 20px; line-height: 2; color: #4e4e4e; text-align: justify; }

.marketing img { margin: 90px 0; text-align: center; }

.cooperation { color: #303030; }
.cooperation > h3 { margin: 0 0 10px; padding: 0; font-weight: bold; font-size: 24px; color: #000; }
.cooperation > .con { margin: 20px 0; line-height: 2.5; color: #4e4e4e; text-align: justify; }

.products { border-left: 1px #e7e7e7 solid; }
.products > ul { padding: 10px 0 0; border-bottom: 1px #e9e9e9 solid; }
.products li { float: left; margin: 0 36px 20px 0; width: 267px; height: 255px; line-height: 50px; text-align: center; color: #5f5f5f; }
.products li.none { margin-right: 0; }
.products li a { display: block; }.products li a.img{display:table;width:265px;height:213px;border:1px #ccc solid;}.products li a.img span{display:table-cell;width:100%;height:100%;text-align: center;vertical-align: middle;text-indent: 0;}.products li a.img2{height:223px;}
.products li:hover a { background: #da251d; color: #fff; }.products li:hover a.img{background:none;}
.products li img { float: left; }.products li a.img img{float:none;max-height: 213px;}.products li a.img2 img{max-height: 223px;}

.products_detail { border-left: 1px #e7e7e7 solid; }
.products_detail > .title { margin: 0 0 20px; padding: 20px; border-bottom: 1px #e9e9e9 solid; text-align: center; color: #7e7d7d; }
.products_detail > .title h4 { margin: 0 0 10px; padding: 0; color: #da251d; }
.products_detail .con { padding: 20px 0 50px; line-height: 2.2; color: #363636; text-align: justify; border-bottom: 1px #e9e9e9 solid; }
.products_detail .con img { float: left; margin: 0 20px 20px 0; }

.case_ls li { margin: 0 0 30px; padding: 0 0 30px; color: #5a5a5a; text-indent: 0; text-align: justify; border-bottom: 1px #e9e9e9 solid; }
.case_ls li a { display: block; color: #5a5a5a; }
.case_ls li a:hover { color: #da251d; }
.case_ls li .date { color: #5a5a5a; }
.case_ls li img { float: left; margin: 0 20px 0 0; }
.case_ls li h3 { margin: 0 0 10px; padding: 0; font-size: 24px; }
.case_ls li p { height: 115px; overflow: hidden; line-height: 2.1; }

.contact { line-height: 2; color: #6e6e6e; }
.contact h4 { margin: 0; padding: 0; color: #da251d; }
.contact i { display: block; margin: 5px 0 10px; padding: 0; font-size: 35px; line-height: 1; color: #da251d; }
.contact img { margin-top: 20px; }

/*# sourceMappingURL=style.css.map */