@charset "UTF-8";
* { padding: 0; margin: 0; box-sizing: border-box; font-family: 'SourceHanSanscnCN-Medium', '微软雅黑', 'Microsoft YaHei', Arial; background-repeat: no-repeat; outline: none; }
div, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, table, th, td, p, span, a { border: 0; }
img { border: none; vertical-align: middle;  max-width: 100%; max-height: 100%; }
body { background: #fff; line-height: 1.1; margin-left: auto; margin-right: auto;min-width:1200px;}
ul, ol, li { list-style-type: none; }
button { border: none; cursor: pointer; background-color: transparent; }
a { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; color: inherit; }
.clear { clear: both; font-size: 1px; height: 0; visibility: hidden; line-height: 0; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.bk { border: 1px red solid; }
.none { display: none !important; }
@font-face { font-family: "tre-bold"; src: url("/fonts/TrebuchetMS-Bold.woff2") format("woff2"), url("/fonts/TrebuchetMS-Bold.woff") format("woff"), url("/fonts/TrebuchetMS-Bold.ttf") format("truetype"), url("/fonts/TrebuchetMS-Bold.eot") format("embedded-opentype"), url("/fonts/TrebuchetMS-Bold.svg") format("svg"); }
.container { width: 1400px; margin: 0 auto; }
/*---- 头部 ----*/
.header { height: 125px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;width: 100%; box-shadow: 2px 2px 5px #666; }
.header .container { position: relative; overflow: inherit; }
.header .logo { float: left;width:420px; height: 125px; line-height: 125px; font-size: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.header nav { float: right;width:762px; }
.header nav > ul > li { float: left; width: 95px; text-align: center; }
.header nav > ul > li > a { display: block; width: 100%; line-height: 125px; color: #282828; font-size: 16px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.header nav > ul > li ul { display: none; position: absolute; z-index: 999; top: 100%; left: 0; width: 100%; padding-bottom:20px;padding-left:50px;text-align:left;background: #f4f4f4; }
.header nav > ul > li ul li { display: inline-block; margin: 0 10px; }
.header nav > ul > li ul li a { position: relative; display: block; margin-top: 20px; height:50px;line-height:50px;padding-left: 55px; color: #4b4b4b; font-size: 16px;background-image: url(../images/sub.png); background-position: left top; background-repeat: no-repeat; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.header nav > ul > li ul li:hover a { color: #da251c; background-position: left bottom; }
.header nav > ul > li:hover > a, .header nav > ul > li.active > a { color: #fff; background-color: #da251c; }
.header .qq-kf { float: right; display: block; height: 45px; line-height: 45px; margin-top: 40px; margin-left: 20px; padding-left: 50px; color: #4f4f4f; font-size: 22px; font-family: 'Arial-BoldMT'; font-weight: bold; background-image: url(../images/qq-icon.png); background-position: left center; background-repeat: no-repeat; }
.header .tel { float: right; line-height: 40px; margin-top: 42.5px; margin-left: 20px; padding-left: 55px; color: #da251c; font-size: 34px; font-family: 'tre-bold'; font-weight: bold; background-image: url(../images/top-tel-icon.png); background-position: left center; }
/*---- 面包屑 ----*/
.crumbs { height: 50px; line-height: 50px; color: #282828; font-size: 16px; border-bottom: 1px #ebebeb solid; }
.crumbs .container { padding-left: 30px; background-image: url(../images/crumbs-icon.png); background-position: left center; }
.crumbs em { color: #da251c; font-style: normal; }
/*---- banner ----*/
		/* 本例子css */
.slideBox { width: 100%; height: 600px; overflow: hidden; position: relative; }
.slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 45%; bottom: 10px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 15px; width: 10px; height: 10px; line-height: 10px; text-align: center; background: #fff; cursor: pointer; border-radius: 50%; }
.slideBox .hd ul li.on { background: #f00; color: #fff; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 600px; }
/*---- 首页 ----*/
.main .box-tit { text-align: center; }
.main .box-tit h3 { color: #343434; font-size: 40px; }
.main .box-tit h3 b { color: #da251c; }
.main .box-tit em { display: block; color: #6e6e6e; font-size: 16px; font-style: normal; padding-top: 15px; }
.main .item-box1 { margin-top: 70px; width: 100%; overflow: hidden; }
.main .item-box1 .item { width: 680px; height: 445px; padding: 25px; overflow: hidden; background-color: #f5f5f5; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.main .item-box1 .item .mod-box { width: 100%; height: 235px; background-color: #fff; }
.main .item-box1 .item .mod-box .pic { float: left; height: 100%; font-size: 0; }
.main .item-box1 .item .mod-box .info { float: right; width: 245px; }
.main .item-box1 .item .mod-box .info h2 { padding-top: 35px; color: #da251c; font-size: 30px; }
.main .item-box1 .item .mod-box .info p { height: 56px; line-height: 28px; margin-top: 20px; color: #4d4d4d; font-size: 16px; }
.main .item-box1 .item .mod-box .info a { display: block; width: 135px; height: 40px; line-height: 40px; margin-top: 20px; color: #fff; font-size: 16px; background-color: #da251c; text-align: center; }
.main .item-box1 .item .mode-list { margin: 0 -20px; margin-top: 20px; overflow: hidden; }
.main .item-box1 .item .mode-list ul { float: left; width: 50%; padding: 0 20px; }
.main .item-box1 .item .mode-list ul li { position: relative; line-height: 46px; padding-left: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.main .item-box1 .item .mode-list ul li:before { content: ''; position: absolute; left: 0; top: 20px; display: block; width: 4px; height: 7px; background-image: url(../images/list-arrow.png); background-position: right center; background-repeat: no-repeat; background-size: auto 7px; }
.main .item-box1 .item .mode-list ul li a { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.main .item-box1 .item:hover { background-color: #da251c; }
.main .item-box1 .item:hover .mode-list ul li { color: #fff; }
.main .item-box1 .item:hover .mode-list ul li:before { background-position: left center; }
.main .item-box2 { margin-top: 80px; width: 100%; overflow: hidden; }
.main .item-box3 { margin-top: 80px; overflow: hidden; }
.main .item-box3 .news-slide { height: 635px; margin-top: 40px; overflow: hidden; }
.main .item-box3 .news-slide .menu { overflow: hidden; }
.main .item-box3 .news-slide .menu ul { width: 100%; text-align: center; overflow: hidden; font-size: 0; }
.main .item-box3 .news-slide .menu ul li { display: inline-block; width: 135px; height: 40px; line-height: 38px; text-align: center; font-size: 16px; color: #4d4d4d; margin-right: 20px; border: 1px #4d4d4d solid; cursor: pointer; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; }
.main .item-box3 .news-slide .menu ul li:hover, .main .item-box3 .news-slide .menu ul li.current { color: #fff; border-color: #da251c; background-color: #da251c; }
.main .item-box3 .news-slide .menu a { float: right; display: block; font-size: 18px; color: #4d4d4d; margin-top: 25px; }
.main .item-box3 .news-slide .menu a:hover { color: #da251c; }
.main .item-box3 .news-slide .news-list { margin-top: 80px; overflow: hidden; }
.main .item-box3 .news-slide .news-list .pic-news { float: left; width: 455px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.main .item-box3 .news-slide .news-list .pic-news .pic { display: block; width: 100%; height: 250px; margin-bottom: 15px; overflow: hidden; }
.main .item-box3 .news-slide .news-list .pic-news .pic img { width: 100%; max-height: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.main .item-box3 .news-slide .news-list .pic-news:hover .pic img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); }
.main .item-box3 .news-slide .news-list .two-news { float: left; width: 455px; margin-left: 17px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.main .item-box3 .news-slide .news-list .two-news .item { margin-bottom: 15px; }
.main .item-box3 .news-slide .news-list .pic-news .info, .main .item-box3 .news-slide .news-list .two-news .item { position: relative; height: 250px; padding: 40px 50px 0 100px; background-color: #f4f4f4; overflow: hidden; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.main .item-box3 .news-slide .news-list .pic-news .info .date, .main .item-box3 .news-slide .news-list .two-news .item .date { position: absolute; z-index: 5; top: 0; left: 0; width: 80px; height: 90px; text-align: center; color: #c9c9c9; font-size: 16px; background-color: #818181; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.main .item-box3 .news-slide .news-list .pic-news .info .date b, .main .item-box3 .news-slide .news-list .two-news .item .date b { display: block; color: #fff; font-size: 40px; padding-top: 10px; padding-bottom: 5px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.main .item-box3 .news-slide .news-list .pic-news .info .title, .main .item-box3 .news-slide .news-list .two-news .item .title { display: block; color: #4d4d4d; font-size: 20px; color: #000; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.main .item-box3 .news-slide .news-list .pic-news .info .text, .main .item-box3 .news-slide .news-list .two-news .item .text { display: -webkit-box; max-height: 48px; line-height: 24px; color: #888; font-size: 14px; margin-top: 24px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.main .item-box3 .news-slide .news-list .pic-news .info:hover, .main .item-box3 .news-slide .news-list .two-news .item:hover { background-color: #da251c; }
.main .item-box3 .news-slide .news-list .pic-news .info:hover .date, .main .item-box3 .news-slide .news-list .pic-news .info:hover .more, .main .item-box3 .news-slide .news-list .two-news .item:hover .date, .main .item-box3 .news-slide .news-list .two-news .item:hover .more { background-color: #343434; }
.main .item-box3 .news-slide .news-list .pic-news .info:hover .title, .main .item-box3 .news-slide .news-list .pic-news .info:hover .text, .main .item-box3 .news-slide .news-list .two-news .item:hover .title, .main .item-box3 .news-slide .news-list .two-news .item:hover .text { color: #fff; }
.main .item-box3 .news-slide .news-list .pic-news .info, .main .item-box3 .news-slide .news-list .two-news .item, .main .item-box3 .news-slide .news-list > ul li { position: relative; }
.main .item-box3 .news-slide .news-list .pic-news .info .more, .main .item-box3 .news-slide .news-list .two-news .item .more, .main .item-box3 .news-slide .news-list > ul li .more { position: absolute; right: 0; bottom: 0; display: block; width: 40px; height: 40px; line-height: 38px; text-align: center; letter-spacing: 3px; padding-left: 5px; color: #fff; font-size: 30px; background-color: #a0a0a0; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.main .item-box3 .news-slide .news-list .pic-news .info:hover .more, .main .item-box3 .news-slide .news-list .two-news .item:hover .more, .main .item-box3 .news-slide .news-list > ul li:hover .more { background-color: #343434; }
.main .item-box3 .news-slide .news-list > ul { float: left; width: 455px; margin-left: 17px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.main .item-box3 .news-slide .news-list > ul li { width: 100%; height: 117px; margin-bottom: 15px; background-color: #f5f5f5; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.main .item-box3 .news-slide .news-list > ul li .date { float: left; display: block; width: 120px; text-align: center; padding-top: 25px; color: #8b8b8b; font-size: 16px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.main .item-box3 .news-slide .news-list > ul li .date b { display: block; color: #4d4d4d; font-size: 40px; font-style: normal; padding-bottom: 5px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.main .item-box3 .news-slide .news-list > ul li .title { float: left; display: -webkit-box; width: 275px; height: 117px; line-height: 117px; color: #000; font-size: 16px; font-weight: bold; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.main .item-box3 .news-slide .news-list > ul li:hover { background-color: #da251c; }
.main .item-box3 .news-slide .news-list > ul li:hover .date { color: #fff; }
.main .item-box3 .news-slide .news-list > ul li:hover .date b { color: #fff; }
.main .item-box3 .news-slide .news-list > ul li:hover .title { color: #fff; }
.main .item-box4 { margin-top: 80px; overflow: hidden; }
.main .item-box4 .list { height: 400px; margin-top: 40px; padding-top: 90px; background-image: url(../images/b5.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.main .item-box4 .list ul { margin-left: -90px; overflow: hidden; }
.main .item-box4 .list ul li { float: left; width: 170px; height: 170px; text-align: center; padding-top: 30px; margin-left: 180px; margin-bottom: 80px; cursor: pointer; border: 1px #fff solid; border-radius: 25px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.main .item-box4 .list ul li span { display: block; height: 70px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.main .item-box4 .list ul li h4 { line-height: 22px; color: #fff; font-size: 16px; font-weight: normal; padding-top: 20px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.main .item-box4 .list ul li:hover { border-color: #da251c; background-color: #da251c; }
.main .item-box5 { margin-top: 80px; overflow: hidden; background-image: url(../images/index-contact-bg.png); background-position: center center; background-size: cover; }
.main .item-box5 .item-left { float: left; width: 480px; padding-top: 80px; position: relative; }
.main .item-box5 .item-left h3 { color: #fff; font-size: 40px; font-weight: normal; text-align: center; }
.main .item-box5 .item-left h5 { height: 60px; line-height: 60px; margin-top: 40px; padding-left: 70px; font-size: 50px; color: #da251c; background-image: url(../images/c-tel-icon.png); background-position: left center; background-size: auto 100%; }
.main .item-box5 .item-left ul { margin-top: 45px; padding-left: 10px; }
.main .item-box5 .item-left ul li { height: 30px; line-height: 30px; margin: 10px 0; padding-left: 60px; color: #fff; font-size: 16px; background-position: left center; }
.main .item-box5 .item-left ul li:nth-child(1) { background-image: url(../images/c-fax-icon.png); }
.main .item-box5 .item-left ul li:nth-child(2) { background-image: url(../images/c-email-icon.png); }
.main .item-box5 .item-left ul li:nth-child(3) { background-image: url(../images/c-map-icon.png); }
.main .item-box5 .item-left .line { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 185px; margin-top: -46.25px; background-color: rgba(255, 157, 0, 0.7); }
.main .item-box5 .qrcode { float: left; line-height: 24px; margin-left: 80px; padding-top: 170px; text-align: center; color: #fff; font-size: 14px; }
.main .item-box5 .qrcode img { width: 100px; margin-bottom: 10px; }
.main .item-box5 .free { float: left; width: 690px; height: 375px; margin-top: 50px; margin-left: 100px; margin-bottom: 50px; padding-top: 40px; padding-left: 65px; padding-right: 65px; background-color: #fff; background-image: url(../images/free.png); background-position: right top; }
.main .item-box5 .free h5 { color: #da251c; font-size: 34px; font-weight: normal; }
.main .item-box5 .free ul { padding-top: 15px; }
.main .item-box5 .free ul li { height: 45px; margin: 15px 0; overflow: hidden; }
.main .item-box5 .free ul li em { float: left; display: block; width: 155px; line-height: 45px; color: #4d4d4d; font-size: 20px; font-style: normal; }
.main .item-box5 .free ul li input { display: block; width: 300px; height: 45px; font-size: 16px; padding: 0 10px; border: 1px #dfdfdf solid; background: none; outline: none; }
.main .item-box5 .free ul li:nth-child(1) input { width: 225px; }
.main .item-box5 .free .submit { padding-top: 10px; padding-left: 110px; }
.main .item-box5 .free .submit input { float: left; display: block; width: 220px; height: 50px; color: #fff; font-size: 26px; background-color: #da251c; border-radius: 30px; border: none; outline: none; }
.main .item-box5 .free .submit em { float: left; display: block; line-height: 50px; margin-left: 25px; color: #999; font-size: 16px; font-style: normal; }
.case-slide { height: auto; margin-top: 0; overflow: hidden; }
.case-slide .menu { overflow: hidden; }
.case-slide .menu ul { width: 100%; text-align: center; overflow: hidden; font-size: 0; }
.case-slide .menu ul li { display: inline-block; width: 154px; height: 40px; line-height: 38px; text-align: center; font-size: 16px; color: #4d4d4d; margin-right: 20px; border: 1px #4d4d4d solid; cursor: pointer; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; }
.case-slide .menu ul li:hover, .case-slide .menu ul li.current { color: #fff; border-color: #da251c; background-color: #da251c; }
.case-slide .menu a { float: right; display: block; font-size: 18px; color: #4d4d4d; margin-top: 25px; }
.case-slide .menu a:hover { color: #da251c; }
.case-slide .case-list { margin-left: -15px; margin-right: -15px; overflow: hidden; display: none; }
.case-slide .case-list.current { display: block; }
.case-slide .case-list .item { float: left; width: 277px; margin-top: 40px; margin: 40px 15px 3px;box-shadow: 2px 2px 3px #666; }
.case-slide .case-list .item .pic { overflow: hidden; }
.case-slide .case-list .item .pic a { position: relative; display: block; height: 210px; text-align: center; }
.case-slide .case-list .item .pic a > img { width: 100%;height:185px; max-height: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.case-slide .case-list .item .pic a ul { opacity: 0; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; padding-top: 67.5px; padding-bottom: 67.5px; font-size: 0; background-color: rgba(0, 0, 0, 0.7); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.case-slide .case-list .item .pic a ul li { display: inline-block; width: 70%; color: #fff; font-size: 16px; }
.case-slide .case-list .item .pic a ul li img { margin-bottom: 20px; }
.case-slide .case-list .item .info { padding: 15px 25px 20px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.case-slide .case-list .item .info a { display: block; color: #000;text-align: center; font-size: 16px; font-weight: bold; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.case-slide .case-list .item .info .text { width: 100%; height: 24px; line-height: 24px; margin-top: 12px; color: #6e6e6e; font-size: 14px; transition: all 0.2s !important; -webkit-transition: all 0.2s !important; -moz-transition: all 0.2s !important; -o-transition: all 0.2s !important; }
.case-slide .case-list .item .info .text, .case-slide .case-list .item .info .text p, .case-slide .case-list .item .info .text span, .case-slide .case-list .item .info .text strong { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.case-slide .case-list .item .info small { display: block; width: 100%; height: 15px; line-height: 15px; color: #4d4d4d; font-size: 14px; margin-top: 20px; background-image: url(../images/case-arrow-black.png); background-position: right center; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.case-slide .case-list .item:hover .pic a > img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); }
.case-slide .case-list .item:hover .pic a ul { opacity: 1; }
.case-slide .case-list .item:hover .info { border-color: #f4f4f4; background-color: #f4f4f4; }
.case-slide .case-list .item:hover .info a { color: #da251c; }
.case-slide .case-list .item:hover .info .text { color: #777; }
.case-slide .case-list .item:hover .info small { color: #fff; background-image: url(../images/case-arrow-white.png); }
.index_about { padding: 15px 0 20px; font-size: 16px; line-height: 2; height: 255px; overflow: hidden; text-indent: 2em; }
.index_about img { float: left; margin-right: 15px; height: 255px;border-radius: 10px;box-shadow: 2px 2px 3px #666; }
.about_more a { color: #09f; }
.about_more a:hover { color: #da251c; }
/*---- 案例 ----*/
.case-main .case-slide .case-list { display: block; }
.case-menu { float: left; }
.case-menu > ul > li { float: left; position: relative; text-align: center; margin-right: 15px; }
.case-menu > ul > li > a { display: block; width: 310px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; background-color: #da251c; }
.case-menu > ul > li.all-case > a { background-image: url(../images/all-case-icon.png); background-position: 40px center; }
.case-menu > ul > li.select-case > a { background-image: url(../images/case-type-icon.png); background-position: 40px center; }
.case-menu > ul > li.select-case > a:after { content: ''; position: absolute; right: 40px; top: 17px; display: block; width: 12px; height: 6px; background-image: url(../images/select-arrow.png); background-position: center center; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.case-menu > ul > li.select-case ul { display: none; position: absolute; z-index: 999; top: 40px; left: 0; width: 100%; background-color: #da251c; }
.case-menu > ul > li.select-case ul li { height: 40px; line-height: 40px; border-top: 1px rgba(255, 255, 255, 0.3) solid; }
.case-menu > ul > li.select-case ul li a { display: block; color: #fff; font-size: 14px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.case-menu > ul > li.select-case ul li a:hover { box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5); }
/*---- 联系我们 ----*/
.contact-banner { height: auto; background: none; }
.contact-main .slogn { padding-top: 75px; padding-bottom: 55px; text-align: center; }
.contact-main .slogn h3 { color: #4d4d4d; font-size: 30px; }
.contact-main .slogn p { line-height: 32px; margin-top: 15px; color: #4d4d4d; font-size: 14px; }
.contact-main .wrapper { background-color: #f7f7f7; }
.contact-main .wrapper .c-list { margin-top: 25px; padding-bottom: 5px; background-color: #fff; overflow: hidden; }
.contact-main .wrapper .c-list .item { float: left; width: 25%; height: 395px; text-align: center; padding-top: 65px; padding-left: 15px; padding-right: 15px; border-right: 1px #dfdfdf solid; }
.contact-main .wrapper .c-list .item:last-child { border: none; }
.contact-main .wrapper .c-list .item .icon { width: 115px; height: 115px; line-height: 113px; margin-left: auto; margin-right: auto; border-radius: 50%; border: 1px #505050 solid; }
.contact-main .wrapper .c-list .item h4 { margin-top: 30px; color: #4d4d4d; font-size: 20px; font-weight: normal; margin-bottom: 5px; }
.contact-main .wrapper .c-list .item.address .text { line-height: 30px; margin-top: 15px; color: #4d4d4d; }
.contact-main .wrapper .c-list .item.tel strong, .contact-main .wrapper .c-list .item.tel small { display: block; }
.contact-main .wrapper .c-list .item.tel strong { margin-top: 30px; color: #4d4d4d; font-size: 20px; font-weight: normal; font-family: 'CodePro-RegularLC'; }
.contact-main .wrapper .c-list .item.tel small { opacity: .6; margin-top: 35px; color: #4d4d4d; font-size: 14px; }
.contact-main .wrapper .c-list .item.qq a, .contact-main .wrapper .c-list .item.wechat a { display: block; width: 200px; height: 40px; line-height: 38px; margin-left: auto; margin-right: auto; margin-top: 15px; padding-left: 20px; color: #4d4d4d; font-size: 18px; border: 1px #c9c9c9 solid; border-radius: 20px; background-image: url(../images/kf-qq-iconc.png); background-position: 10px center; }
.contact-main .wrapper .c-list .item.wechat a { padding-left: 30px; background-image: url(../images/kf-wechat-iconc.png); }
.contact-main .wrapper .c-list .item.wechat p { opacity: .6; line-height: 30px; margin-top: 20px; color: #4d4d4d; font-size: 14px; }
.contact-main .wrapper .map { height: 535px; }
.contact-main .wrapper .yuyue { margin-top: 60px; margin-bottom: 50px; background-color: #fff; }
.contact-main .wrapper .yuyue .box-tit { padding-top: 55px; text-align: center; }
.contact-main .wrapper .yuyue .box-tit h3 { color: #4d4d4d; font-size: 30px; }
.contact-main .wrapper .yuyue .box-tit em { display: block; margin-top: 25px; color: #4d4d4d; font-size: 14px; font-style: normal; }
.contact-main .wrapper .yuyue .fill-info { margin-top: 45px; padding-left: 90px; padding-right: 90px; padding-bottom: 80px; }
.contact-main .wrapper .yuyue .fill-info ul li { width: 48.5%; height: 80px; line-height: 80px; border-bottom: 1px #dfdfdf solid; }
.contact-main .wrapper .yuyue .fill-info ul li strong { float: left; display: block; margin-right: 15px; color: #4d4d4d; font-size: 14px; font-weight: normal; }
.contact-main .wrapper .yuyue .fill-info ul li a { float: left; display: block; width: 105px; height: 30px; line-height: 28px; text-align: center; margin-top: 25px; margin-right: 40px; color: #222; font-size: 14px; border: 1px #222 solid; border-radius: 20px; }
.contact-main .wrapper .yuyue .fill-info ul li a:hover, .contact-main .wrapper .yuyue .fill-info ul li a.active { border-color: #ffa200; }
.contact-main .wrapper .yuyue .fill-info ul li input { float: left; display: block; width: 60%; height: 79px; border: none; font-size: 14px; }
.contact-main .wrapper .yuyue .fill-info ul li textarea { float: left; display: block; width: 85%; height: 79px; padding: 10px; font-size: 14px; border: none; }
.contact-main .wrapper .yuyue .fill-info ul li.lx, .contact-main .wrapper .yuyue .fill-info ul li.ys, .contact-main .wrapper .yuyue .fill-info ul li.nr { float: none; width: 100%; }
.contact-main .wrapper .yuyue .fill-info .submit { display: block; width: 175px; height: 50px; line-height: 50px; text-align: center; margin-top: 55px; margin-left: auto; margin-right: auto; color: #fff; font-size: 20px; font-weight: bold; background-color: #ffa200; border-radius: 30px; border: none; outline: none; cursor: pointer; }
/*底部*/
.footer { width: 100%; padding-top: 45px; font-size: 14px; background-color: #343434; overflow: hidden; }
.footer a:hover { color: #fff; transition: all 0.3s ease 0s; }
.footer .contact { float: left; width: 315px; }
.footer .contact .tel { float: left; padding-left: 75px; min-height: 206px; line-height: 18px; color: #dadada; background: url(../images/icon_tel.png) no-repeat 4px 0; }
.footer .contact .tel strong { display: inline-block; width: 100%; line-height: 25px; margin-top: 14px; margin-bottom: 2px; color: #ffa200; font-size: 28px; font-family: 'tre-bold'; }
.footer .contact .tel .lianxi { margin-top: 10px;line-height:1.5; }

.footer .qrcode { float: left; height: 280px; padding-right: 50px;padding-top:80px; border-right: solid 1px #111; }
.footer .qrcode img { width: 100px; border: solid 1px #dcdcdc; }
.footer .qrcode .title { width: 100px; height: 28px; line-height: 28px; color: #494949; font-size: 12px; text-align: center; background-color: #fff; }
.footer .nav { float: left;border-left: 1px solid #5a5a5a;padding-left:20px; }
.footer .nav ul { float: left; padding: 0; margin: 0; list-style-type: none; }
.footer .nav ul li { float: left; width: 155px; margin-left: 55px; line-height: 30px; }
.footer .nav ul li > a:after { content: ''; display: block; width: 4em; height: 3px; margin-top: 15px; background-color: #ffa200; }
.footer .nav ul li a { display:block;color: #dadada; }
.footer .nav ul li a:hover { color: #fff; }
.footer .nav ul li .submenu { float: left; width: 100%; margin-top: 20px; }
.footer .nav ul li .submenu a { margin-bottom: 5px; color: #8a8a8a; }
.footer .nav ul li .submenu a:hover { color: #fff; }
.footer .webinfo { float: left; width: 100%; margin-top: 37px; line-height: 30px; color: #dadada; border-top: 1px solid #111;border-bottom: 1px solid #5a5a5a; }
.footer .webinfo a { float: left; margin-left: 8px; margin-right: 12px; }
.footer .links { float: left; width: 100%; margin-top: 12px; padding: 18px 8px; border-top: solid 1px #585858; border-bottom: solid 1px #585858; line-height: 30px; color: #8f8f8f; font-size: 13.95px; }
.footer .links a { float: left; margin-right: 25px; }
.footer .copyright { float: left; padding: 28px 0; line-height: 30px; color: #8f8f8f; }
.footer .copyright img { margin-left: 10px; }
.footer .jishu { float: right; margin-top: 28px;line-height: 30px; color: #8f8f8f; }
/*内页公共*/
.mt10 { margin-top: 10px; }
.place { line-height: 60px; border-bottom: 3px solid #ddd; }
.nbox{background:url(../images/ab_bg.gif) -10px 0 repeat-y;}
.slideB { width: 100%; height: 500px; overflow: hidden; position: relative; }
.slideB .bd { position: relative; height: 100%; z-index: 0; }
.slideB .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 500px; }
/*列表页*/
.main_l{float:left;width:260px;}
.ab_t2 {height: 55px; margin: 0 auto; line-height: 55px;padding-left:3px;border-bottom:0px solid #09f;background:#f5f5f5 url(../images/abt2_bg.gif) 0 center no-repeat;}
.ab_t2 .cn1 { float: left; color: #333; font-size: 14px; margin-left: 45px; display: inline; text-transform: capitalize; }
.ab_t2 .cn2 { float: left; color: #fff; font-size: 19px; font-weight: bold;padding-left:10px; }
.list_lc{padding:5px 0px;}
.list_lc li{width: 100%;height: 45px;line-height: 45px;border-top:1px solid #eee;border-bottom:1px solid #f8f8f8;text-indent: 1cm;background:url(../images/ablibg1.jpg) no-repeat 10px 13px;font-size: 14px;cursor: pointer;font-weight: bold;color: #666666;}
.list_lc li a{display:block;}
.list_lc li.on a{color:#fff;background:#da251c url(../images/ablibg2.png) no-repeat 10px 13px;}
.list_lc li a:hover{color:#fff;background:#da251c url(../images/ablibg2.png) no-repeat 10px 13px;}
.main_r{float:right;width:920px;}
.maint{line-height: 80px;
    text-align: center;
    color: #444;
    font-size: 32px;
    font-weight: bold;
    border-bottom:1px solid #ddd;}
.case-slide1 .case-list { margin-left: -15px; margin-right: -15px; overflow: hidden; display: none; }
.case-slide1 .case-list.current { display: block; }
.case-slide1 .case-list .item { float: left; width: 290px;  margin: 20px 0px 3px 20px;box-shadow: 2px 2px 3px #666; }
.case-slide1 .case-list .item .pic { overflow: hidden; }
.case-slide1 .case-list .item .pic a { position: relative; display: block; height: 185px; text-align: center; }
.case-slide1 .case-list .item .pic a > img { width: 100%;height:185px; max-height: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.case-slide1 .case-list .item .pic a ul { opacity: 0; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; padding-top: 67.5px; padding-bottom: 67.5px; font-size: 0; background-color: rgba(0, 0, 0, 0.7); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.case-slide1 .case-list .item .pic a ul li { display: inline-block; width: 70%; color: #fff; font-size: 16px; }
.case-slide1 .case-list .item .pic a ul li img { margin-bottom: 20px; }
.case-slide1 .case-list .item .info { padding: 15px 25px 20px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.case-slide1 .case-list .item .info a { display: block; color: #000; text-align: center;font-size: 16px; font-weight: bold; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.case-slide1 .case-list .item .info .text { width: 100%; height: 24px; line-height: 24px; margin-top: 12px; color: #6e6e6e; font-size: 14px; transition: all 0.2s !important; -webkit-transition: all 0.2s !important; -moz-transition: all 0.2s !important; -o-transition: all 0.2s !important; }
.case-slide1 .case-list .item .info .text, .case-slide1 .case-list .item .info .text p, .case-slide1 .case-list .item .info .text span, .case-slide1 .case-list .item .info .text strong { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.case-slide1 .case-list .item .info small { display: block; width: 100%; height: 15px; line-height: 15px; color: #4d4d4d; font-size: 14px; margin-top: 20px; background-image: url(../images/case-arrow-black.png); background-position: right center; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.case-slide1 .case-list .item:hover .pic a > img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); }
.case-slide1 .case-list .item:hover .pic a ul { opacity: 1; }
.case-slide1 .case-list .item:hover .info { border-color: #f4f4f4; background-color: #f4f4f4; }
.case-slide1 .case-list .item:hover .info a { color: #da251c; }
.case-slide1 .case-list .item:hover .info .text { color: #777; }
.case-slide1 .case-list .item:hover .info small { color: #fff; background-image: url(../images/case-arrow-white.png); }
.text_li{padding:10px 0 0;}
.text_li li{height:125px;font-size:18px;margin-bottom:12px;border-bottom:1px dashed #ddd;}
.text_li li img{float:left;margin-right:10px;width:160px;height:115px;}
.txt_c{float:right;width:745px;height:115px;overflow:hidden;}
.txt_t{height:45px;line-height:45px;font-size:16px;background:#f9f9f9;}
.txt_t a{color:#444;font-weight:bold;}
.txt_t a:hover{color:#da251c;}
.txt_t b a{color:#333;}
.txt_t b a:hover{color:#da251c;}
.txt_t span{float:right;font-size:14px;color:#999;padding-right:5px;}
.intro{font-size:14px;line-height:2;text-indent:2em;color:#777;padding:10px 0 5px;}
.zr_li{padding-top:20px;overflow:auto;}
.zr_li li{float: left;font-size:15px;
    width: 230px;
    height: 200px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 12px;
    padding-top: 10px;
    transition: color 1s,background 1s;
    -webkit-transition: color 1s,background 1s;
box-shadow: 1px 1px 2px #999;}
.zr_li li a{color:#444;}
.zr_li li:hover { background:#da251c; }
.zr_li li:hover a { color:#fff; }
.zr_li li div{ margin-left:10px;margin-bottom:5px;width:210px;height:150px; overflow:hidden;}
.zr_li li img{width: 210px;
    height: 150px;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    -moz-transition: -moz-transform .5s, opacity .5s;
    -o-transition: -o-transform .5s, opacity .5s;
    transition: -webkit-transform .5s, -moz-transform .5s, -o-transform .5s, transform .5s, opacity .5s;}
.zr_li li img:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)}
.zr_li li span{display:block;margin-left: 10px;margin-top: 10px;
    width: 210px;height: 16px;
    overflow: hidden;}
/*列表分页*/
.pages {margin:20px 0; font-size: 12px;height:25px;}
.pages li { float:left; min-width:50px;min-height:25px;text-align:center;line-height:25px; border:1px solid #E1E1E1; margin:0 5px 10px 0;background-color:#FFF; }
.pages li.thisclass { background-color:#da251c; color:#FFF; width:50px;}
.pages li a { float:left; display:block;width:50px;height:25px; }
.pages li a:hover { background-color:#da251c; color:#FFF; text-decoration: none;display:block;width:50px;}
.pageinfo { padding:0 8px; }

/* 分页 */
#pages { padding:14px 0 10px; font-family:宋体 }
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#ff0055; color:#fff; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#ff0055; border:1px solid #ff0055; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

/*文章内容页*/
.art{height:100px;line-height:100px;overflow:hidden;text-align:center;font-size:32px;font-weight:bolder;font-family: "microsoft yahei", "黑体";color:#555;}
.info1{height:30px;line-height:30px;text-align:center;font-size:14px;color:#666;background:#eee;}
.info1 small{font-size:14px;padding:0 10px;}
.zhaiyao{padding:10px 0 0;height:285px;}
.zhaiyao img{float:left;width:380px;height:260px;margin-right:10px;}
.zhaiyao ul{float:right;width:520px;height:260px;overflow:hidden;}
.zhaiyao ul li{line-height:50px;border-bottom:1px dashed #ddd;}
.neirong {font-size:17px; padding:10px 0; color:#333; }
.neirong p,.neirong div{padding:2px 0;line-height:2;}
.main_r h2{height:45px;line-height:45px;font-size: 18px;border-bottom:3px solid #da251c;background:#e5e5e5;}
.main_r h2 strong {
    padding: 10px 35px 10px 20px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;color:#fff;
    background: url(../images/h2_bg.png) right 0 no-repeat;
}
.neirong h3{padding:8px 0;line-height:30px;font-size: 18px;color:#da251c;text-shadow:1px 1px 1px #bbb;}
.neirong table { font-size:14px; }
.neirong td{padding:8px;}
.neirong a { color:#333; text-decoration:none; }
.neirong a:hover { color:#f05; }
.neirong a strong{padding:5px 10px;background:#ff0055;color:#fff; border-radius: 5px;box-shadow: 2px 2px 2px rgba(0,0,0 ,0.3);}
.neirong img { max-width:920px; }
u { text-decoration:none; }
.shxp { padding:10px 0; border-top:1px dotted #ddd; clear: both;font-size:14px; }
.shxp li { padding:5px; }
.ab_t{line-height: 80px;
    text-align: center;
    color: #555;
    font-size: 32px;
    font-weight: bolder;
    text-shadow: 3px 3px 3px #ccc;border-bottom:3px solid #ddd;}
.ab_c{padding:15px 0;font-size:17px;line-height:2;}
.ab_c img{max-width:920px;box-shadow: rgba(0, 0, 0, .4) 2px 2px 4px;}
.ab_c p{line-height:2;padding:5px 0;}
#dituContent img{box-shadow: rgb(0, 0, 0) 0px 0px 0px;max-width: none;max-height: none;}