html {margin:0;padding:0;}
body { margin:0 auto;min-width:1260px;background:#FFF;color:#000;font-family:"Microsoft YaHei","微软雅黑";overflow: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;}
td,th,caption {font-size:12px; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
a {color:#000; text-decoration:none;}
a:hover {text-decoration:underline;text-decoration:none;}
img {border:none;}
ol,ul,li {list-style:none;}
input, textarea, select, button {font:12px Verdana,Helvetica,Arial,sans-serif;}
table {border-collapse:collapse;}
html {overflow-y: scroll;}
.nav_fixed{position:fixed;top:0;}
.fixed {position:fixed;top:0;}
.absolute {position: absolute;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.left {float:left;}
.right {float:right;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt200 {margin-top:200px;}
.mbt20 {margin:20px auto 20px auto;}
.mb10 {margin-bottom:10px;}
.w100 {width:100%;height:auto;}
.con {width:1260px;margin:0 auto;}
/*--图片放大--*/
@keyframes gif
{
    from {
        -ms-transform:scale(1,1); /* IE 9 */
        -moz-transform:scale(1,1); /* Firefox */
        -webkit-transform:scale(1,1); /* Safari and Chrome */
        -o-transform:scale(1,1); /* Opera */
        -khtml-transform:scale(1,1);
        transform:scale(1,1);
    }
    to {
        -ms-transform:scale(1.2,1.2); /* IE 9 */
        -moz-transform:scale(1.2,1.2); /* Firefox */
        -webkit-transform:scale(1.2,1.2); /* Safari and Chrome */
        -o-transform:scale(1.2,1.2); /* Opera */
        -khtml-transform:scale(1.2,1.2);
        transform:scale(1.2,1.2);
    }
}
-webkit-@keyframes gif{
            from {
                transform:scale(1,1);
            }
            to {
                transform:scale(1.2,1.2);
            }
        }
/*--HEADER--*/
#header {width:100%;float:left;}
#header img{
    width: 100%;
}
.top {width:100%;height:100px;float:left;background:#333}
.logo {width:300px;float:left;height:auto;padding-top:1px;padding-left:100px;
background:url("../images/q_icon.png") no-repeat;background-size:auto 100%;margin-top:20px;margin-left:-50px;}
.logo dt {width:100%;height:40px;line-height:40px;float:left;font-size:33px;font-weight:bold;color:#fff;letter-spacing: 2.5px;margin-left:15px;}
.logo dd {width:100%;float:left;font-size:16px;color:#fff;letter-spacing: 0.8px;margin-left:15px;}
.menu {width:auto;height:auto;float:left;padding-top:10px;margin-top:20px;}
.menu li {width:120px;height:auto;float:left;text-align:center;}
.menu li span {width:100%;float:left;text-align:center;color:#F2F2F2;}
.menu li span.menu-e {font-size:12px;height:30px;line-height:30px;}
.menu li span.menu-c {font-size:26px;font-weight:bold;height:40px;line-height:40px;}
.menu li i {width:20px;height:1px;background:#f2f2f2;float:left;margin-left:60px;}
.menu li:hover span {color:#fff;}
.menu li:hover i {background:#fff;}
.tel {width:260px;height:75px;float:right;padding-top:0px;}
.tel dl {padding-left:60px;padding-top:5px;background:url("../images/tel.png") left center no-repeat;}
.tel dl dt {font-size:14px;color:#fff;}
.tel dl dd {font-size:26px;font-weight:bold;color:#fff;}
.header-tel {float:right;margin-top:20px;}
.header-tel i {font-size:26px;height:60px;line-height:60px;color:#fff;margin-right:15px;}
.header-tel a {font-size:26px;font-weight:bold;height:60px;line-height:60px;color:#fff;}


.banner-title {
    position: absolute;
    left: 0;
    right: 0;
    margin: 300px auto 0 -260px
}
.banner-title img{
    width: 160px!important;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 480px 0 auto;
}
.banner-title span {width:100%;float:left;text-align:center;color:#fff;}
.banner-title span.banner-c {font-size:46px;font-weight:bold}
.banner-title i {width:200px;height:1px;float:left;background:#fff;margin-left:320px;}
.banner-title span.banner-e {margin-top:10px;font-size: 18px}
/*--INDEX-ABOUT--*/
#index-about {width:100%;height:auto;float:left;}
.index-about-title {width:100%;height:110px;float:left;text-align:center;position: relative;padding-top:30px;}
.span0 {font-size:24px;font-weight:bold;}
.span0 i {font-style: normal;color:#ff8100;}
.box {width:230px;float:left;height:25px;text-align:center;display:block;position: absolute;left:50%;margin-left:-115px;top:80px;}
.span1 , .span3 {width:65px;height:13px;border-bottom:1px solid #000;}
.span2 {font-weight:bold;}
.span1 {float:left;}
.span3 {float:right;}
.index-about-info {width:100%;height:380px;float:left;}
.index-about-left {width:570px;height:320px;float:left;padding:30px;background:#F2F2F2;position: relative;}
.index-about-left h1 {width:100%;height:70px;line-height:28px;float:left;text-align:left;font-size:30px;color:#868686;font-weight:bold;border-bottom:1px solid #CCC;}
.index-about-left p {width:100%;height:auto;float:left;line-height:45px;font-size:22px;margin-top:30px;color:#868686;}
.index-about-left dl {width:260px;height:35px;float:left;position: absolute;left:30px;bottom:30px;}
.index-about-left dl dt {text-indent:50px;width:130px;height:35px;line-height:35px;float:left;background-color:#000;background-image:url("../images/index-about.png");background-position: 20px center;background-repeat: no-repeat;font-size:14px;}
.index-about-left dl dd {text-indent:50px;width:130px;height:35px;line-height:35px;float:right;background-color:#ff8100;background-image:url("../images/index-tel.png");background-position: 20px center;background-repeat: no-repeat;font-size:14px;}
.index-about-left dl a {color:#fff;}
.index-about-right {width:630px;height:380px;float:right;overflow:hidden;}
.index-about-right img {width:100%;height:100%;float:left;}
/*--INDEX-CASE--*/
#index-case {width:100%;height:700px;float:left;margin-top:35px;}
.index-case-list {width:100%;height:auto;float:left;}
.index-case-list ul {width:100%;height:auto;float:left;display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.index-case-list li {width:580px;height:170px;float:left;padding:20px;background:#fff;margin-bottom:40px;}
.index-case-list li:hover h2 a {color:#ff8100;}
.index-case-img {width:280px;height:170px;float:left;}
.index-case-img img {width:100%;height:100%;float:left;border-radius:10px}
.index-case-info {width:280px;height:170px;float:right;position: relative;}
.index-case-info h2 {width:100%;height:auto;float:left;line-height:30px;text-align:left;font-weight:bold;font-size:16px;}
.index-case-info p {width:100%;height:auto;line-height:30px;float:left;font-size:12px;}
.index-case-info span {width:120px;height:30px;line-height:30px;position: absolute;right:0;bottom:0;background:#ff8100;text-align:center;}
.index-case-info span a {font-size:14px;color:#fff;}
.index-case-list label {width:100%;height:auto;float:left;text-align:center;}
/*--INDEX-FORM--*/
#index-form {width:100%;height:230px;float:left;background:url("../images/form_bg.jpg") center center no-repeat;}
.form-title {width:100%;height:auto;float:left;text-align:center;padding-top:30px;}
.form-title b {width:100%;height:30px;line-height:30px;float:left;text-align:center;font-size:14px;font-weight:normal;margin-top:20px;color:#ccc;}
.form-active {width:100%;height:auto;float:left;padding-top:25px;}
.form-active input[type=text]{width:230px;height:50px;float:left;border:1px solid #ccc;padding-left:15px;margin-right:20px;}
.form-active textarea {width:550px;height:50px;line-height:50px;float:left;border:1px solid #ccc;padding-left:15px;}
.form-active input[type=submit]{width:140px;height:50px;float:right;background:#FF3333;text-align:center;border:none;line-height:50px;color:#fff;}
/*--INDEX-CONTACT--*/
.index-contact-title {width:100%;height:90px;float:left;text-align:center;position: relative;padding-top:40px;background:#515151;margin-top:30px;}
.index-contact-title .span0 {font-size:24px;font-weight:bold;color:#fff;}
.index-contact-title .span0 i {font-style: normal;color:#ff8100;}
.index-contact-title .box {width:230px;float:left;height:25px;text-align:center;display:block;position: absolute;left:50%;margin-left:-115px;top:80px;}
.index-contact-title .span1 ,.index-contact-title .span3 {width:65px;height:13px;border-bottom:1px solid #FFF;}
.index-contact-title .span2 {font-weight:bold;color:#fff;}
.index-contact-title .span1 {float:left;}
.index-contact-title .span3 {float:right;}
.index-contact-list {width:100%;height:380px;float:left;margin-top:30px;}
.index-contact-left {width:900px;height:380px;float:left;}
.index-contact-left iframe {width:100%;height:100%;float:left;border: none;}
.index-contact-right {width:360px;height:380px;float:right;background:#515151;}
.index-contact-right h3 ,
.index-contact-right b ,
.index-contact-right p ,
.index-contact-right strong {width:100%;height:auto;float:left;text-align:center;color:#ccc;}
.index-contact-right h3 {font-size:26px;font-weight:bold;margin-top:40px;}
.index-contact-right b {font-size:18px;margin-top:40px;}
.index-contact-right p {font-size:14px;margin-top:20px;}
.index-contact-right strong {font-size:34px;font-weight:bold;margin-top:20px;}
#footer {width:100%;height:55px;line-height:55px;float:left;background:#515151;text-align:center;margin-top:30px;}
#footer span {font-size:14px;color:#ccc;}
#footer span a {color:#ccc;}
/*--ABOUT--*/
#about-header {width:100%;height:300px;float:left;background: url("../images/u175.jpg") center center no-repeat;}
.page-title {width:100%;height:auto;float:left;}
.page-title strong {width:auto;height:70px;line-height:70px;font-size:26px;font-weight:bold;border-bottom:4px solid #ff8100;float:left;margin-top:50px;}
#nav {width:100%;height:70px;line-height:70px;float:left;}
#nav dl dt {width:30px;height:70px;line-height:70px;float:left;background:url("../images/u173.png") center center no-repeat;}
#nav dl dd {width:auto;float:left;height:70px;line-height:70px;}
#nav dl dd a {font-size:14px;}
#nav dl dd a:hover {color:#FF3333;}
#about {width:100%;height:auto;float:left;}
.about-left {width:790px;height:auto;float:left;padding:30px;background:#F2F2F2;}
.about-left p {width:100%;height:auto;float:left;line-height:43px;font-size:20px;}
.about-left img {max-width:100%;height:auto;width:auto;margin:15px auto;display: block;}
.about-right {width:400px;height:auto;float:right;}
.case-new {width:360px;height:auto;float:left;background:#F2F2F2;padding:0 20px 20px 20px;}
.case-new label {width:100%;height:50px;line-height:50px;float:left;}
.case-new label b {font-size:18px;font-weight:bold;height:50px;line-height:50px;border-bottom:4px solid #ff8100;float:left;}
.case-new ul {width:100%;height:auto;float:left;margin:20px auto 10px auto;}
.case-new ul li {width:100%;height:35px;line-height:35px;float:left;font-size:14px;}
.case-new ul li a {width:290px;height:35px;float:left;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.case-new ul li span {float:right;}
.case-new ul li:hover a {color:#FF3333;}
.cd-down {width:100%;height:60px;line-height:60px;float:left;margin:0 auto 10px auto;}
.cd-down a {width:100%;height:60px;float:left;text-align:center;background:#ff8100;color:#fff;display:block;border-radius:10px}
.cd-down a img{margin-right:10px;margin-bottom:-6px}
.cd-contact {width:360px;height:auto;float:left;background:#F2F2F2;padding:20px 20px 20px 20px;}
.cd-contact dt {width:100%;height:auto;float:left;font-size:24px;font-weight:bold;color:#515151;margin-bottom:20px;}
.cd-contact dd {width:100%;height:50px;line-height:50px;float:left;color:#515151;}
/*PAGE-CASE*/
.case-left {width:790px;height:auto;float:left;padding:0 30px 0 30px;background:#F2F2F2;}
.case-left li {width:100%;height:auto;float:left;padding:30px 0;border-bottom:1px solid #ccc;}
.case-list-img {width:300px;height:190px;float:left;}
.case-list-img img {width:100%;height:100%;float:left;}
.case-list-info {width:460px;height:190px;float:right;position: relative;}
.case-list-info h2 {width:100%;height:auto;line-height:30px;float:left;font-size:22px;font-weight:bold;}
.case-list-info p {width:100%;height:auto;line-height:25px;font-size:12px;float:left;margin-top:15px;}
.case-left li:hover h2 {color:#ff8100;}
.case-list-info span {position: absolute;right:0;bottom:0;padding:5px 20px;background:#ff8100;}
.case-list-info span a {font-size:14px;color:#fff;}
/*--NEXTPAGE--*/
.nextpage{width:800px;text-align:right;color: #666;clear: both; margin: 30px auto 20px 10px;float:left;}
.nextpage a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #fff; display: inline-block;}
.nextpage a:hover, .nextpage > b { color: #3690cf; color: #FFF; background: #FF3333; }
.nextpage > b { padding: 5px 10px; }
a.curPage { color:#FF3333; font-weight: bold; }
/*PAGE-CONTENT*/
.case-content {width:790px;height:auto;float:left;padding:0 30px 0 30px;background:#F2F2F2;}
.case-content h1 {width:100%;height:auto;line-height:35px;float:left;text-align:center;font-size:22px;font-weight:bold;margin:50px auto 20px auto;}
.case-content span {width:100%;height:35px;line-height:35px;float:left;text-align:center;font-size:12px;color:#ccc;border-bottom:1px solid #ccc;}
.case-content-p {width:100%;height:auto;float:left;padding:20px 0;}
.case-content-p p {width:100%;height:auto;line-height:35px;float:left;font-size:16px;}
.case-content-p img {max-width:100%;width:auto;height:auto;display:block;margin:15px auto;}
.prev {width:100%;height:auto;float:left;margin:50px auto 30px auto;}
.prev li {width:100%;height:40px;line-height:40px;float:left;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.prev li a {font-size:16px;}
.prev li a:hover {color:#FF3333;}
/*--contact-top--*/
.contact-top {width:100%;height:auto;float:left;margin-top:20px}
.contact-top strong {width:100%;float:left;text-align:center;font-size:24px;font-weight:bold;color:#ff8100;}
.contact-top span {width:100%;height:35px;line-height:35px;float:left;text-align:center;font-size:14px;}
.contact-list {width:100%;height:auto;float:left;display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding:30px 0 20px 0;}
.contact-list dl {width:380px;height:auto;float:left;border:1px solid #f2f2f2;padding-bottom:20px;}
.contact-list dt {width:100%;height:115px;float:left;text-align:center;}
.contact-list dd {width:100%;height:40px;line-height:40px;float:left;text-align:center;font-size:18px;color:#333;}
.contact-list dt.contact-tel {background:url("../images/u303.png") center center no-repeat;}
.contact-list dt.contact-address {background:url("../images/u305.png") center center no-repeat;}
.contact-list dt.contact-url {background:url("../images/u307.png") center center no-repeat;}
.contact-list dl:hover dt {
    transform: translate(0, -10px);
    -ms-transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    transition-duration: .5s;
    -moz-transition-duration: .5s; /* Firefox 4 */
    -webkit-transition-duration: .5s; /* Safari 和 Chrome */
    -o-transition-duration: .5s; /* Opera */
    filter:Alpha(opacity=70);
}
.contact-list dl:hover {
    cursor: pointer;
}
#contact-map {width:100%;height:380px;float:left;}
#contact-map iframe {width:100%;height:380px;float:left;border: none;}