/* 初始化/reset */
@charset "utf-8";


.clearfix:after,.clearfix:before{content:".";display:block;visibility:hidden;height:0;clear:both;}
.fl{float:left;position:relative;}
.fr{float:right;position:relative;}
.subBanner img{
    width: 100%;
}
/* public */
ul.col-2,ul.col-3,ul.col-4,ul.col-5,ul.col-6,ul.col-7{overflow:hidden;}
ul.col-2 li{width:49%;margin-right:2%;}
ul.col-3 li{width:32%;margin-right:2%;*width:30%;}
ul.col-4 li{width:23.5%;margin-right:2%;}
ul.col-5 li{width:18.4%;*width:18.2%;margin-right:2%;}
ul.col-6 li{width:15%;margin-right:2%;}
ul.col-7 li{width:13%;margin-right:1.5%;}
ul.col-2 li:nth-child(2n+2),ul.col-3 li:nth-child(3n+3),ul.col-4 li:nth-child(4n+4),ul.col-5 li:nth-child(5n+5),ul.col-6 li:nth-child(6n+6),ul.col-7 li:nth-child(7n+7){margin-right:0;}
ul.col-2 li.nomargin,ul.col-3 li.nomargin,ul.col-4 li.nomargin,ul.col-5 li.nomargin,ul.col-6 li.nomargin,ul.col-7 li.nomargin{margin-right:0;}
.wl{width:1200px;margin:0 auto;}
/* 公司简介 */
.pub_title{width:40%;margin:50px auto 20px;text-align:center;}
.pub_title h3{font-size:32px;color:#333;margin-top: 50px;}
.pub_title h4{font-size:14px;font-weight:100;margin-top:8px;}
.intro{padding-bottom:50px;}
.intro_text{margin:50px auto 0;}
.intro_text p{text-indent:2em;margin-bottom:15px;font-size:16px;line-height:2em;}
.item_con{padding:50px 0 70px;}
.item{width:960px;margin:0 auto;}
.item_list{margin:60px auto 0;}
.item_list li img{}
.item_con{background:url(../images/bg1.png) no-repeat;height:650px;background-size: 100%;}
.item_con h3{color:#fff;}
.item_con h4{color:#b9b9b9;}
/* 选择我们 */
.choose{background:url(../images/ab_bg.jpg) no-repeat;height:500px;padding:50px 0;background-size: 100%;}
.choos_con{width:1200px;margin:0 auto;}
ul.icon_list{padding:50px 0;}
ul.icon_list li{padding:20px 0;border-radius:25px;}
ul.icon_list li span{background:url(../images/icon111.png) no-repeat;width:133px;height:133px;display:block;margin-left:43px;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
ul.icon_list li p{text-align: center;font-size: 20px;font-weight: 400;color: #3f3f3e;padding-top: 15px;}
ul.icon_list .icon1 span{background:url(../images/icon111.png) no-repeat -142px 0;}
ul.icon_list .icon1:hover span{background-position:-142px -147px;}
ul.icon_list .icon2 span{background:url(../images/icon111.png) no-repeat 0px 0;}
ul.icon_list .icon2:hover span{background-position:0px -147px;}
ul.icon_list .icon3 span{background:url(../images/icon111.png) no-repeat -284px 0;}
ul.icon_list .icon3:hover span{background-position:-284px -147px;}
ul.icon_list .icon4 span{background:url(../images/icon111.png) no-repeat -568px 0;}
ul.icon_list .icon4:hover span{background-position:-568px -147px;}
ul.icon_list .icon5 span{background:url(../images/icon111.png) no-repeat -426px 0;}
ul.icon_list .icon5:hover span{background-position:-426px -147px;}
/* 服务项目 */
.item_list li{height:268px;position:relative;overflow:hidden;}
.item_list li .bg_hei{height:53px;}
.item_list li .item_top{height:68px;background:#f4f4f4;}
.item_list li .item_bot{height:144px;border-bottom:3px solid #ff4141;background:#f4f4f4;}
.item_list li .item_botbg{height:144px;background:#ff4141;margin-top:0;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.item_list li:hover .item_botbg{margin-top:-144px;}
.item_list .item_pic{position:absolute;top:0;left:50%;margin-left:-52px;width:104px;height:107px;text-align:center;padding-top:10px;}
.item_list .item_pic img{margin:0px auto 10px;}
.item_list h5{color:#fff;font-size:16px;margin-top:10px;}
.item_list li .item_bot p{text-align:center;padding:10px;font-size:14px;line-height:1.8em;}
.item_list li:hover .item_bot p{color:#fff;}
.item_list .xm1 .item_pic{background:#ea5b24;}
.item_list .xm2 .item_pic{background:#3fa3ff;}
.item_list .xm3 .item_pic{background:#f6be46;}

.qj_show{padding-top:50px;}





/* 经典案例 */
h3.con_title{font-size:26px;text-align:center;}
.show{margin:0px auto;text-align:center;}
ul.case_list li h3{padding:15px 0 5px;font-size:16px;}
.con_pub p{text-align:center;font-size:14px;margin:20px 0 15px;}
.con_pub{margin-bottom:50px;}
ul.case_list li{height:320px;padding-bottom:20px;}
ul.case_list li img{height:200px;}
.con_pub{width:60%;margin:0 auto 50px;border-bottom:1px solid #ccc;padding:10px 0;}
.make .con_pub{border-bottom:none;margin-top: 20px;}
#map{height:500px;width:50%;margin:20px 0 0;}
.address{padding:30px 0 0 0;width:26%;margin:0 5%;}
.qj_banner{margin-top:60px;}
.saoma{padding-top:70px;}
.qj_sub{margin-bottom:50px;}

.qyzz{width:495px;height:auto;overflow:hidden;margin:38px auto 0px;text-align:center;}
.qyzz h1{font-size:32px;color:#333;font-weight:bold;line-height:32px;}
.qyzz h4{font-size:14px;color:#b9b9b9;line-height:42px;font-weight:200;}
.qyzz div{background:url(../images/hxfw.png) no-repeat;height:22px;width:100%;}



/***********************************优势实力********************************************************************/
.idx-ysxl{height:auto;width:100%;background:#fff;overflow:hidden;}
.gywm-sm{height:100px;width:485px;text-align:center;margin:60px auto 0;}
.gywm{width:495px;height:auto;overflow:hidden;margin:38px auto 0px;text-align:center;}
.gywm h1{font-size:32px;color:#333;font-weight:bold;line-height:32px;}
.gywm h4{font-size:14px;color:#b9b9b9;line-height:42px;font-weight:200;}
.gywm div{background:url(../images/hxfw.png) no-repeat;height:22px;width:100%;}
.gywm-ysxl{width:1600px;height:auto;margin:0 auto;}
.gywm-ysxl h3{color:#666;text-align:center;height:21px;font-size:18px;margin:50px 0 25px;background:url(../images/sytw.png) no-repeat;}
.gywm-ysxl .gywm-sm div{background:url(../images/yssl.png) no-repeat center 38px;}
.gywm-ysxl .gywm-ysxl-list{height:235px;margin:20px auto;}
.gywm-ysxl .gywm-ysxl-list>div{height:100%;width:380px;float:left;margin-left:30px;background:#F6F6F6;}
.gywm-ysxl .gywm-ysxl-list>div:first-of-type{margin-left:0;}
.gywm-ysxl .gywm-ysxl-list>div h1{font-size:60px;font-weight:bold;color:#454545;text-align:center;height:60px;line-height:60px;margin:30px 0 15px;}
.gywm-ysxl .gywm-ysxl-list>div h1 span{font-size:20px;font-weight:bold;display:inline-table;vertical-align:middle;height:70px;margin-left:5px;}
.gywm-ysxl .gywm-ysxl-list>div h4{text-align:center;font-size:14px;text-overflow:ellipsis;overflow:hidden;color:#4c4c4c;white-space:nowrap;}
.gywm-ysxl .gywm-ysxl-list>div div{margin:35px 22px;font-size:12px;line-height:18px;color:#a1a1a1;text-align:center;}
.gywm-ysxl .gywm-ysxl-list>div:hover,.gywm .gywm-ysxl .gywm-ysxl-list .active{background:#bb1b21;}
.gywm-ysxl .gywm-ysxl-list>div:hover h1,.gywm-ysxl .gywm-ysxl-list>div:hover h4,.gywm-ysxl .gywm-ysxl-list>div:hover div{color:#fff;}
ul.S_kefu li{width:200px;}
.S_kefu li a:hover img{opacity: 1;	-webkit-transform: scale(1.2,1.2);-webkit-transition-timing-function: ease-out;	-webkit-transition-duration: 500ms;	-moz-transform: scale(1.2,1.2);	-moz-transition-timing-function: ease-out;	-moz-transition-duration: 500ms; }

.contac .pub_title h3,.case .pub_title p{margin-bottom:20px;}
.contac .pub_title h3{line-height:1em;}
.case .pub_title p{margin-top:10px;}
.contac .address,.show .case_list{margin-top:20px;}
ul li a:hover{text-decoration:none;}
.contac .address h1{font-size:18px;}
.contac .address div{line-height:2em;font-size:16px;}
.video_tit{width:40%;}
.make_video{border-bottom:1px solid #ccc;height:40px;}
.video_tit h3{font-size:18px;}
ul.vid_con{width:60%;margin:20px 0px;padding:0  2% 0 10px;border-right:1px solid #ccc;}
ul.vid_con li img{width:100%;}
.video_ri{width:35%;margin:20px 0 0 2%;}
.idx-dbzp-bg{min-height:auto;}
.video_ri .wenzi{width:40%;}
.video_ri p{font-size:14px;}
.video_ri div{margin-top:25px;}

.case .pub_title{margin-bottom:30px;}
h3.shey{font-size:18px;margin-bottom:20px;}
.goods div{margin:20px auto 30px;}
.yuyan_gy{margin-bottom:20px;}

/* .main .gywm{margin:90px auto 20px;} */
.main .make .gywm{margin:40px auto 0px;}
.fwlc .qj_zzlc{background:url(../images/lczz.png) no-repeat center;}
.fwlc .qj_zxlc{background:url(../images/lczx.png) no-repeat center;}

.qj_bottom_m_l{margin-top:70px;width:280px;}
.qj_bottom_m_m{width:240px;border-left:1px solid #ababab;border-right:1px solid #ababab;margin-left:0;padding-left:50px;}
.qj_bottom_m_s{width:335px;}
.bot_erweima{padding-top:50px;}
ul.qj_con li img{margin-top:10px;}
.qj_qyzz{margin-top:70px;}

.cehua{margin-top:50px;}    
.lianxi{margin-bottom:10px;}
.S_case_c{position:relative;display:block;}
.cut{position:relative;}

.make_ys .wedo_list{width:60%;}
ul.vid_con{width:100%;}
.qjtitlebg{background:url(../images/hxfw.png) no-repeat center;height: 24px;}


.newsnav span {
    float: right;
    height: 45px;
    /*line-height:45px;*/
    font-size: 14px;
}

.fypro_tit span a {
    color: #000000;
    transition: 0.8s;
}

.fypro_tit span a:hover {
    color: #662a14
}

.newsinfo {
    width: 1098px;
    margin: auto;
}

.newsinfo h1 {
    font-size: 22px;
    line-height: 30px;
    color: #000000;
    font-weight: normal;
    text-align: center;
    margin-top: 30px;
}

.newsinfo h4 {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    margin-top: 20px;
}

.newsinfo .line {
    background: #ccc;
    height: 1px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 40px;
}

.newsinfo p {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 30px;
    /*margin-top:25px;*/
    text-indent: 2em;
    text-align: justify;
    font-weight: normal;
}

.newsinfo p a {
    color: #4c4c4c;
}

.newsinfo p span {
    /*float: right;
    padding-bottom: 20px;
    padding-right: 20px;*/
}

.newsinfo img {
    margin-top: 25px;
    display: block;
    margin: 0 auto;
    width: 50%;
}

.newsinfo h5 {
    font-size: 14px;
    color: #000000;
    line-height: 30px;
    margin-top: 25px;
    text-indent: 28px;
}

.newsinfo .return:hover {
    opacity: 1
}

.newsinfo .return a {
    color: #fff;
    width: 129px;
    display: block;
}

.newsinfo .nextorper {
    width: 1098px;
    margin: 0 auto;

    margin-top: 15px;
}

.newsinfo .nextorper ul {
    margin-top: 5px;
}

.newsinfo .nextorper ul li {
    margin-left: 20px;
    line-height: 60px;
    height: 30px;
}

.newsinfo .nextorper ul li a {
    color: #333333
}

.newsinfo .nextorper ul li a:hover {
    color: #cf3131;
}

.news_pic {
    width: 898px;
    height: auto;
    margin: 0 auto;
    display: table;
    margin-bottom: 20px;
}

.news_pic img {
    display: block;
    margin: 0 auto;
    max-width: 80%
}


/*新闻中心*/

.inside_nav {
    width: 392px;
    overflow: hidden;
    margin: 30px auto 0 auto;
}

.inside_nav ul li {
    width: 188px;
    height: 60px;
    margin: 0 4px;
    line-height: 48px;
    float: left;
    text-align: center;
    font-size: 16px;
}

.inside_nav ul li a {
    display: block;
    background: #662a14;
    color: #FFF;
    border: 1px solid #662a14;
    border-radius: 7px;
}

.inside_nav ul li a:hover,
.inside_nav ul li a.cur2 {
    background: #fff;
    color: #662a14;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


/**新闻中心**/

.newsnav {
    margin: auto;
    margin-top: 46px;
}

.newsnav span {
    float: right;
    height: 45px;
    font-size: 14px;
}

.newscontent {
    width: 1200px;
    margin: auto;
}

.newscontent ul li {
    width: 1200px;
    height: 215px;
    border: 1px solid #ccc;
    margin-bottom: 19px;
    transition: 0.8s;
}

.newscontent ul li dl {
    padding: 0;
    display: table;
    margin-top: 21px;
    margin-right: 36px;
    margin-bottom: 21px;
    margin-left: 17px;
}

.newscontent ul li:hover {
    background: #cf3131;
    transition: 0.8s;
}

.newscontent ul li:hover a {
    color: #fff;
    transition: 0.8s;
}

.newscontent ul li dl dt {
    float: left;
    padding: 0;
    margin: 0;
    width: 255px;
    height: 170px;
}

.newscontent ul li dl dt img {
    width: 255px;
    height: 170px;
    border: 1px solid #dddddd;
}

.newscontent ul li dl dd {
    margin: 0;
    padding: 0;
    margin-left: 34px;
    width: 855px;
    position: relative;
    float: left;
}

.newscontent ul li dl dd h3 {
    color: #000000;
    font-size: 20px;
    line-height: 36px;
    width: 695px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newscontent ul li dl dd h3 a {
    color: #000000;
}

.newscontent ul li dl dd p {
    color: #4c4c4c;
    height: 72px;
    width: 695px;
    line-height: 24px;
    margin-top: 14px;
    overflow: hidden;
    text-align: justify;
    font-size: 14px;
}

.newscontent ul li dl dd p a {
    color: #4c4c4c;
}

.newscontent ul li dl dd h4 {
    color: #4c4c4c;
    line-height: 24px;
    font-weight: normal;
    margin-top: 10px;
    font-size: 14px;
}

.newscontent ul li dl dd h4 a {
    color: #4c4c4c;
}

.newscontent ul li dl dd h4 em {
    color: #4c4c4c;
    font-style: normal;
    padding-right: 70px;
}

.newscontent ul li dl dd span {
    position: absolute;
    right: 0;
    top: 0;
    width: 85px;
    color: #999;
    font-size: 18px;
    line-height: 40px;
}

.newscontent ul li dl dd span i {
    font-style: normal;
    font-size: 60px;
    line-height: 70px;
    width: 65px;
    border-bottom: 1px solid #cccccc;
}

.newscontent ul li:hover span {
    color: #fff;
}

.page {
    height: 30px;
    line-height: 30px;
    width: 1200px;
    display: table;
}

.page_info {
    text-align: center;
    color: #333;
    font-size: 16px;
}

.page_info span {
    padding: 0 2px;
    font-weight: bold;
}

.page_list {
    width: 1200px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0;
    font-size: 14px;
    margin-top: 20px;
}

.page_list a {
    display: inline-block;
    color: #898989;
    border: 1px solid #e8e8e8;
    background: #f8f8f8;
    text-align: center;
    padding: 0 8px;
    margin: 0 1px;
}

.page_list a:hover {
    color: #fff;
    border: 1px solid #898989;
    background: #cf3131;
}

.page_list a.on {
    color: #fff;
    border: 1px solid #ccc;
    background: #cf3131;
}

.fypro_tit {
    height: 40px;
    line-height: 40px;
    display: block;
    font-size: 18px;
    text-align: left;
    /*margin:0 9px 0 9px;*/
    color: #cf3131;
    overflow: hidden;
    font-weight: bold;
    border-bottom: #ccc solid 1px;
}

.fypro_tit .h1_box {
    width: 5px;
    height: 25px;
    margin: 10px 10px 0 0;
    float: left;
    background-color: #cf3131;
}

.fypro_tit span {
    float: right;
    padding-right: 20px;
    color: #000000;
    font-weight: normal;
    font-size: 14px
}

.fypro_tit span a {
    color: #000000;
    transition: 0.8s;
}

.fypro_tit span a:hover {
    color: #cf3131;
}

