@charset "UTF-8";

/* -----------------------------------全局样式-------------------------------------------- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,form,blockquote,fieldset,input,label{margin:0;padding:0}
html,body{font:normal normal 12px/24px "Microsoft YaHei",Simsun, Arial, Helvetica, sans-serif;color:#000; margin:0 auto; }
input,select,textarea{color:#222;font:normal normal 12px "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif}
fieldset,iframe{border:none}
ul,ol,li{list-style:none}
th{text-align:left}
img{border:none; vertical-align: middle;}
em,i{font-style:normal}

/* link */
a{color:#262626;text-decoration:none;cursor:pointer;}
a:hover{color:#f60;text-decoration: none;}
a:focus{outline:none; text-decoration: none;}

/* clearfix */
.clear{clear: both; width: 100%; height: 0px; overflow: hidden;}
.clearb{clear: both; display:block;margin:0; padding:0; height:10px;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* form */
*:focus{outline:none;}
select {padding:1px;font-size:12px;}
textarea {width:88%;padding:2px;line-height:16px;overflow:auto;}
button {cursor:pointer;}

form .input {padding:3px 2px;height:16px;}
form img {float:none;cursor:pointer;}
form #codestr{width:50px;}
form #vcodeimg{cursor:pointer;}
form .vcodebg {background-color:#eee;text-align:center;padding:2px 3px 2px 7px;}
form input.button{padding:0;margin-right:5px; width:80px;height:30px;color:#fff;font-size:14px;cursor:pointer;}
form input.button:hover,form input.hover{background-position:0 -30px;}

/* webkit scrollbar */
::-webkit-scrollbar{width:12px;height:12px;}
::-webkit-scrollbar-button{display:none;}
::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background:#fff;}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:horizontal{-webkit-border-radius:10px;background:#ccc;}
::-webkit-scrollbar-thumb:hover{background:#666;}
::-webkit-scrollbar-thumb:active{background:#262626;}

.fl{ float: left; }
.fr{ float: right; }

.w1200{ width: 1200px; margin:0 auto; }
.wrapbox{ width: 100%; min-width: 1200px; }
.header{ height: 150px; }
.headbox{ height: 100px; }

/* 头部logo */
.headbox .logo{ line-height: 100px; font-size: 30px; }
.headbox .logo a{ color: #e4393c; }

/* 头部电话 */
.headbox .headphone{ height: 80px; padding-top: 20px; }
.headphone .phone-ico{ width: 58px; height: 58px; background: url(../images/must/phone.png) no-repeat; }
.phone-text{ margin-left: 65px; }
.phone-text span{ display: block; font-size: 14px; color: #666; line-height: 30px; }
.phone-text em{ font-style: italic; color: rgb(228, 57, 60); font-size: 30px; font-weight: 600; }

/* 头部标语 */
.headbox .headslogan{ height: 78px; padding-right: 40px; padding-top: 22px; }
.headslogan span{ display: block; height: 26px; }
.headslogan p{ font-size: 14px; color: #666; line-height: 40px; }

/* 导航 */
.navbox{ height: 50px; background: #2b2b2b; }
.nav{ height: 50px; }
.nav > ul > li{ width: 120px; height: 50px; line-height: 50px; float: left; margin-right: 15px; position: relative; }
.nav > ul > li.active{ background: #f13a3a; }
.nav > ul > li:hover{ background: #f13a3a; }
.nav > ul > li > a{ display: block; color: #fff; font-size: 16px; text-align: center; }
.subnav{ display: none; position: absolute; left: 0; top:50px; min-width: 120px; padding-top: 10px; z-index: 100; }
.subnav:before{ position: absolute; top: 5px; left: 55px; content: '';width: 0; height: 0; border-right: 5px solid transparent; border-bottom: 5px solid #f13a3a; border-left: 5px solid transparent;}
.subnav ul{ background: #f13a3a; }
.subnav ul li{ line-height: 40px; }
.subnav ul li:hover{ background: #cc0303; }
.subnav ul li a{ display: block; padding: 0 10px; color: #fff; font-size: 14px; white-space:nowrap; text-align: center; }

/* banner */
.bannerwrap{ width: 100%; height: 800px; background: #ccc; }

/* 首页公用小标题 */
.index-title{ padding-bottom: 50px; }
.index-title h5{ display: block; color: #2b2b2b; font-size: 24px; text-align: center; padding-bottom: 10px; }
.index-title p{ font-size: 14px; color: #999; text-align: center;}

/* 公用盒子 */
.boxitem{ padding: 50px 0; }

/* 合作项目 */
.cooppro{  }
.cooppro ul li{ width: 380px; float: left; }
.cooppro ul li.cooppro-center{ padding: 0 30px; }
.cooppro .cooppro-top{ width: 380px; height: 110px; padding-top: 50px; background: #f3f3f3; }
.cooppro .cooppro-top span{ display: block; text-align: center; font-size: 18px; color: #333; }
.cooppro .cooppro-top p{ font-size: 14px; color: #999; text-align: center; padding-bottom: 10px; }
.cooppro .cooppro-top i{ display: block; margin: 0 auto; width: 35px; height: 1px; background: #333; }
.cooppro .cooppro-bottom{ width: 380px; height: 260px; }

/* 企业文化 */
.culture{ background: #f7f7f7; }
.culture-info{ height: 430px;  }
.culture-left{ width: 860px; }
.culture-left .culture-img{ width: 860px; height: 240px; margin-bottom: 20px; }
.culture-left .culture-text h5{ font-size: 18px; color: #333; line-height: 25px; margin-bottom: 10px; }
.culture-left .culture-text p{ font-size: 14px; color: #666; line-height: 30px; }

.culture-right{ margin-left: 860px; padding-left: 90px;}
.qualification{  }
.qualification h5{ display: block; color: #2b2b2b; font-size: 24px; text-align: center; padding-bottom: 10px; }
.qualification p{ font-size: 14px; color: #999; text-align: center;}

.culture-switch {width:250px;height:325px;position:relative;overflow:hidden;float:left;margin-top:20px;}
.slidebox {width:250px;position:absolute;top:0;left:0;height:325px;}
.slidebox li {float:left;width:250px;height:325px;left:0;top:0;}
.slidebox li img {display:block;width:250px;height:325px;}
.dot {position:absolute;width:100%;height:30px;background:rgba(0,0,0,0.5);text-align:right;bottom:0;left:0;}
.dot p {margin-right:10px;}
.dot b {width:17px;height:17px;color:#333;display:inline-block;border:1px solid #fff;background:#fff;text-align:center;line-height:17px;margin:0 3px;margin-top:6px;cursor:pointer;font-weight:normal;}
.dot .cur {background:#666;color:#fff;border:1px solid #666;}


.servicearea{ height: 600px; padding-bottom: 20px; background: url(../images/must/servicearea-bg.jpg) no-repeat; background-size: cover;  }
.area-title h5{ color: #fff; }
.servicearea-list{ width: 1200px; overflow: hidden; }
.servicearea-list ul{ width: 1250px; position: relative; left: -25px; }
.servicearea-list ul li{ width: 200px; float: left; margin: 0 25px; }
.servicearea-list ul li h5{ width: 200px; height: 85px; line-height: 85px; text-align: center; background: #1f1f1f; color: #fff; font-size: 14px; font-weight: 400; }
.servicearea-list ul li h5 a{ color:#fff;}
.servicearea-list ul li span{ display: block; width: 200px; height: 375px; }


/* 首页案例 */
.index-case{ height: 400px; }
.index-case .case-menu{ width: 220px; height: 400px; }
.index-case .case-menu ul li{ height: 74px; line-height: 74px; border-bottom: 1px solid #fff; background: #f5f5f5; font-size: 16px; text-align: center; color: #666; cursor: pointer; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; }
.index-case .case-menu ul li.active{ height: 99px; line-height: 99px; background: #f13a3a; color: #fff; }

.case-list{ margin-left: 240px; height: 400px; overflow: hidden; }
.case-list .case-item{ width: 960px; height: 400px; display: none; }
.case-list .active{ display: block; }

/* 列表标题 */
.list-title{ height: 45px; line-height: 45px; border-bottom: 1px solid #eaeaea;  }
.list-title span{ display: inline-block; border-bottom: 1px solid #f13a3a; font-size: 18px; color: #f13a3a; }


/* 动态 & 问题 */
.dypro{ padding-top: 0; }
.dynamic{ width: 790px; }
.dynamic-info{ padding-top: 15px; }
.dynamic-info .dynamic-left{ width: 365px; }
.dynamic-left span{ display: block; width: 365px; height: 240px; margin-bottom: 10px; }
.dynamic-left h5{ line-height: 30px; }
.dynamic-left h5 a{ font-size: 16px; color: #333; }
.dynamic-left p{ font-size: 14px; color: #666; }

.dynamic-info .dynamic-right{ margin-left: 400px; }
.dynamic-right ul li{ height: 45px; line-height: 45px; border-bottom: 1px dashed #dbdbdb; position: relative; }
.dynamic-right ul li span{ position: absolute; top: 0; right: 0; display: block; font-size: 13px; color: #666; float: right; width: 80px; }
.dynamic-right ul li a{ display: block; margin-right: 80px; font-size: 14px;     display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dynamic-right ul li:last-child{ border: none; }
.dynamic-right ul li:hover span,.dynamic-right ul li:hover a{ color: #f13a3a; }

.problem{ margin-left: 820px; }
.problem-list{ padding-top: 10px; }
.problem-list  ul li{ margin-bottom: 20px; }
.problem-list  ul li h5 a{ font-size: 14px; color: #333; font-weight: 400; line-height: 30px; }
.problem-list  ul li p{ font-size: 14px; color: #999; line-height: 25px; }

/* footer */
.footer-content{ background: #2d2d2d; padding-top: 30px; }
.footer-content .foot-menu{ width: 640px; }
.foot-menu dl{ width: 160px; float: left; }
.foot-menu dl dt{ width: 160px; height: 30px; line-height: 30px; margin-bottom: 10px; }
.foot-menu dl dt a{ display: block; color: #fff; font-size: 16px; text-align: center; }
.foot-menu dl dd{ width: 160px; height: 30px; }
.foot-menu dl dd a{ display: block; color: #999; font-size: 13px; text-align: center; }

.footer-content .foot-hotline{ margin-left: 640px; padding-left: 50px; }
.foot-hotline .foot-code{ width: 160px; }
.foot-hotline .foot-code span{ display: block; width: 150px; height: 150px; padding: 5px 5px; background: #fff;}
.foot-hotline .foot-code img{ max-width: 150px; max-height: 150px; }
.foot-hotline .hotlineinfo{ margin-left: 190px;  }
.hotlineinfo span{ display: block; font-size: 16px; color: #fff; margin-bottom: 10px; }
.hotlineinfo em{ font-style: italic; color: rgb(228, 57, 60); font-size: 30px; font-weight: 600; }
.hotlineinfo .hotline-link{ padding-top: 10px; }
.hotlineinfo .hotline-link a{ display: inline-block; width: 25px; height: 25px; margin-right: 10px; }

.foot-place{ border-top: 1px solid #4e4e4e; margin-top: 40px; height: 30px; padding: 20px 0; }
.foot-place span{ font-size: 16px; color: #999; }
.foot-place a{ float: right; font-size: 16px; color: #999; margin-left: 40px;}

.copyright{ padding: 30px 0; background: #242424; }
.copyright p{ line-height: 25px; text-align: center; font-size: 14px; color: #999; }


/* 内页 */
.sp-content{ padding: 30px 0 50px 0; min-height: 600px;  }
.sp-left{ width: 220px; }
.sp-right{ margin-left: 250px; width:950px;}

/* 内页banner */
.sp-banner{ width: 100%; height: 300px; }
.sp-banner .bannerimg{ height: 300px; background-size: cover; }

/* 内页导航 */
.sub-nav{width:218px; border: 1px solid #f1f1f1; margin-bottom: 15px; }
.sub-nav span{ display: block; height: 45px; line-height: 45px; padding-left: 15px; background: #2b2b2b; color: #fff; font-size: 16px; }
.sub-nav ul{ padding: 0 10px 10px 10px; }
.sub-nav ul li{ height: 45px; line-height: 45px; border-bottom: 1px dashed #dbdbdb; }
.sub-nav ul li a{ display: block; font-size: 14px; }
.sub-nav ul li a:hover{ color: #f13a3a; }
.sub-nav ul li.active a{ color: #f13a3a; }

/* 内页联系我们侧栏 */
.sp-contact{ width:218px; border: 1px solid #f1f1f1; }
.sp-contact span{ display: block; height: 45px; line-height: 45px; padding-left: 15px; background: #2b2b2b; color: #fff; font-size: 16px; }
.sp-contact .sp-contact-info{ padding: 10px 10px;  }
.sp-contact .sp-contact-info h5{ font-size: 14px; line-height: 25px; margin-bottom: 15px; }
.sp-contact .sp-contact-info p{ font-size: 14px; color: #666; line-height: 20px; margin-bottom: 10px; }

/* 内页标题 */
.sp-title{ height: 45px; line-height: 45px; border-bottom: 1px solid #eaeaea;  }
.sp-title span{ display: inline-block; border-bottom: 1px solid #2b2b2b; font-size: 18px; color: #2b2b2b; }

/* 文章列表 */
.article-list{ padding-top: 10px; }
.article-list ul li{ height: 45px; line-height: 45px; border-bottom: 1px dashed #dbdbdb; position: relative; }
.article-list ul li span{ position: absolute; top: 0; right: 0; display: block; font-size: 13px; color: #666; float: right; width: 80px; }
.article-list ul li a{ display: block; margin-right: 80px; font-size: 14px; color: #2b2b2b; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.article-list ul li:last-child{ border: none; }
.article-list ul li:hover span,.article-list ul li:hover a{ color: #f13a3a; }

/* 文章详情 */
.article-detail .article-text-top{ padding-bottom: 20px; border-bottom: 1px solid #f0efef; }
.article-text-top h1{ height: 30px; font-size: 25px; font-weight: 400; color: #333; text-align:center; }
.article-text-top p{ padding-top: 10px; text-align:center;}
.article-text-top p{ font-size: 14px; color: #999; margin-right: 15px; }
.article-text-top p em{ font-size: 14px; color: #999; }
.article-text{ font-size: 14px; color: #666; line-height: 30px; padding-top: 15px; }
.article-text p{ margin-bottom:15px; }

/* 图片列表 */
.img-list{ padding-top: 15px; }
.img-list ul li{ width: 300px; height: 340px; float: left; padding: 8px 8px; }
.img-list ul li a{display: block; }
.img-list ul li span{ display: block; width: 300px; height: 300px; overflow: hidden; }
.img-list ul li span img{ max-height: 100%; max-width: 100%; transition: all 0.6s; }
.img-list ul li span img:hover{ transform: scale(1.4); }
.img-list ul li p{ height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #666; }

/* 图文列表 */
.graphic-list ul li{ padding: 20px 0; float: left; }
.graphic-list ul li .graphic-img{ width: 300px; height: 200px; float: left; }
.graphic-list ul li .graphic-img a{ display: block; width: 300px; height: 200px; overflow: hidden; }
.graphic-list ul li .graphic-img a img{ max-height: 100%; max-width: 100%; transition: all 0.6s; }
.graphic-list ul li .graphic-img a:hover img{ transform: scale(1.4); }
.graphic-list ul li .graphic-info{ margin-left: 320px; } 
.graphic-list ul li .graphic-info h5{ height: 40px; line-height: 40px; }
.graphic-list ul li .graphic-info h5 a{ font-size: 18px; color: #666; font-weight: 400; }
.graphic-list ul li .graphic-info p{ font-size: 14px; color: #999; line-height: 30px; }

/* 公司介绍 */
.company-info{ padding-top: 20px; }
.company-info .company-top{ overflow: hidden; padding: 0 15px; }
.company-top .company-left{ width: 450px; height: 300px; }
.company-top .company-right{ font-size: 14px; color: #666; line-height: 30px; }
.company-top .company-right p{ margin-bottom:15px; }
.company-list{ padding-top: 20px; }
.company-list ul li{ width: 445px; height: 315px; padding: 0 15px; float: left; overflow: hidden; }
.company-list ul li img{ max-height: 100%; max-width: 100%; transition: all 0.6s; }
.company-list ul li:hover img{ transform: scale(1.4); }

/* 联系我们 */
.contactus .contactus-info{ padding-top: 20px; overflow: hidden; }
.contactus-info ul li{ width: 33%; float: left; }
.contactus-info ul li span{ display: block; width: 80px; height: 80px; margin: 0 auto; }
.contactus-info ul li p{ text-align: center; font-size: 14px; color: #666; line-height: 25px; }
.contactus .contactus-map{ padding-top: 20px; }


.a1 {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.a2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.a3 {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.a4 {
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.a5 {
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(500px);
        transform: translateY(500px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(500px);
        -ms-transform: translateY(500px);
        transform: translateY(500px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(500px);
        transform: translateY(500px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(500px);
        -ms-transform: translateY(500px);
        transform: translateY(500px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.on .fadeInUp2 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.slides{width:100%;height:800px;position:relative;overflow:hidden;}
.slideInner{height:800px;position:relative;left:0;margin-left:0;}
.slideInner a{display:block;height:800px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1;}
.bannernav{width:1200px;position:relative;left:50%;margin-left:-600px;display:none;}
.bannernav a{display:block;width:41px;height:119px;opacity:.2;z-index:9;}
.bannernav a.prev{position:absolute;left:0;top:-350px;margin-top:-58px;background:url(../images/must/ban_pre.png) no-repeat;}
.bannernav a.next{position:absolute;right:0;top:-350px;margin-top:-58px;background:url(../images/must/ban_next.png) no-repeat;}
.navListBox{position:absolute;left:50%;top:675px;z-index:99;}
.navListBox li{width:12px;height:12px;float:left;margin-left:5px;border-radius:50%;overflow:hidden;}
.navListBox li:first-child{margin-left:0;}
.navListBox li a{display:block;width:100%;height:100%;border-radius:50%;background-color:#fff;box-shadow:0 0 5px #666 inset;}
.navListBox li a.active{background-color:#55ddff;}