﻿@charset "utf-8";
/* 关于一 */
.banner,.swiper-container{width: 100%}
.shipin{margin: 40px auto;width: 660px}
.g_ab1{margin-top: 57px;height: 296px;}
.g_ab1 .u_dlst2{height: 236px;border: 1px solid #d6d6d6;}
.g_ab1 .u_dlst2 dt{ width: 324px; float: left; margin-right: 54px;}
.g_ab1 .u_dlst2 dt img{ width: 324px; height: 236px;display: block; }
.g_ab1 .u_dlst2 dd{float: left;padding-top: 25px;width: 608px;}
.g_ab1 .u_dlst2 h3{line-height: 44px; overflow: hidden; font-weight: bold; font-size: 24px; color: #222;}
.g_ab1 .u_dlst2 h3 a{ font-size: 24px; color: #222;}
.g_ab1 .u_dlst2 p{ font-size: 14px; color: #666; height: 96px; line-height: 24px; overflow: hidden;}
.g_ab1 .u_dlst2 span{display: block;padding-top:25px}
.f_fw h2 span{font-size: 20px;display: block;color: #999;margin-bottom: 20px}

/*产品展示一*/
.g_pro{ height: 860px; padding-top: 75px; background:url(../images/cpbg.jpg) no-repeat center top; }
.g_pro h2{padding-right:0px;text-align: right;font-size: 40px;color: #000;font-weight: bold;}
.g_pro h2 span{color: #444}
.g_pro h2 a{font-size: 40px;color: #000;font-weight: bold;}
.g_pro p{width: 780px;float: right;font-size: 18px;color: #000;line-height: 30px}
.g_pro p b{font-size: 20px;}
.index_pecp span{font-size: 20px;font-weight: bold;color: #b4040d;}
.index_pecp{margin-bottom: 20px;}
/* 左边 */
.g_pro .m_pleft{ width:201px; }
.g_pro .m_pleft h3{background:url(../images/flh2.jpg) no-repeat; height: 86px;line-height: 109px;text-align: center;font-size: 20px; font-weight: normal;}
.g_pro .m_pleft h3 a{color: #fff;}
.m_plc{border-left: 2px solid #c61724;border-right: 2px solid #c61724;background: #fff; padding: 20px 11px 0;}
.g_pro .m_plc ul{padding: 7px 0;}
.g_pro .m_pleft h4{background:url(../images/flh3.jpg) right center no-repeat;line-height: 60px; overflow: hidden; text-align: center;font-size: 12px; ; padding: 0 43px 0 20px;}
.g_pro .m_pleft h4 a{color: #222222;}
.g_pro .m_plc li {background:url(../images/flico.jpg) no-repeat 24px 7px; padding-left: 38px;  height:26px;line-height: 26px; overflow: hidden; font-size: 14px;}
.g_pro .m_plc li a{ color: #666666; }
.g_pro .fltel{background: #c61724;height: 60px;padding-top: 10px;text-align: center;font-size: 16px;color: #fff;}
.g_pro .fltel b{font-weight: bold;font-family: arial;font-size: 26px; display:block;}

/* 右边 */
.g_pro .m_pright{ width: 722px; padding: 26px 29px 0; background: #fff; height: 595px;border-bottom: 6px solid #e0e4e8;}
.proadc{position: relative; height:381px;margin-bottom: 10px; }
.proadc ul img{display: block;width: 721px;height: 381px;}
.proadc ul em{ position: absolute;left:0;bottom:0; width: 721px;background:url(../images/sha.png) repeat;height: 43px;line-height: 43px;text-align: center;font-size: 14px;color: #fff;}
.proadc span img{width: 43px;height: 43px;}
.proadc span{position: absolute;right:0;bottom:0;cursor:pointer;}
.cplst li{position: relative; float: left;width: 173px; margin-right: 9px;}
.cplst li img{width: 100%;display: block;}
.cplst .lastli{margin-right: 0;}
.cplst em{ position: absolute;left:0;bottom:0; width:100%;background:url(../images/sha.png) repeat;height: 43px;line-height: 43px;text-align: center;font-size: 14px;color: #fff;}

.g_ma{background:url(../images/mabg.jpg) no-repeat center top; padding-top: 70px;height: 808px;}
.g_ma .content{width: 1200px}
.g_ma h2{padding-left: 200px;text-align: left;font-size: 40px;color: #fff;font-weight: bold;}
.g_ma h2 a{font-size: 40px;color: #000;font-weight: bold;}
.g_ma p{padding-left: 520px;font-size: 16px;color: #eee;text-align: left; line-height: 30px;font-weight: bold;height: 130px}
.g_ma p span{font-size: 20px;font-weight: bold;color: #979797;}
.m_ma{background: #fff;height: 460px;}
.m_ma dt{float: left;
    width: 700px;
    padding: 20px;
    box-sizing: border-box;
    height: 468px;
    overflow: hidden;}
.m_ma dt img{display: block;width:100%;height: 100%}
.m_ma dd{float: left; width: 380px;margin-left: 50px; position: relative; padding-top: 75px;}
.m_ma h3{height: 75px;font-size: 20px;color: #222222;line-height: 26px;}
.m_ma h3 b{display: block;}
.m_ma h4{font-size: 20px;font-weight: bold;color: #fff;text-align: center; line-height: 42px; margin-bottom: 14px;display: inline-block;
    padding: 0 30px;}
.m_ma li{background:url(../images/sico2.png) no-repeat left center;padding-left: 30px;font-size: 15px;color: #555;line-height: 40px; }
.m_ma .sico{position: absolute;top:-55px;right: 50px; width: 108px;height: 108px;}
.m_stab{margin-top: 8px; background: #666666;width: 100%;overflow: hidden}

.m_stab li{position: relative; float: left;width:171px;border-left: 1px dashed rgba(255,255,255,0.3); height: 84px;box-sizing: border-box}
.m_stab li a{color: #fff;font-size: 36px;display: block;float: left;width:100%;height: 84px;line-height: 84px;padding-left: 75px;}
.m_stab .s1 a{background:url(../images/ys_bg_07.png) no-repeat left 30px center,#656565;} 
.m_stab .s2 a{background:url(../images/ys_bg_09.png) no-repeat left 30px center,#656565;} 
.m_stab .s3 a{background:url(../images/ys_bg_11.png) no-repeat left 30px center,#656565;} 
.m_stab .s4 a{background:url(../images/ys_bg_13.png) no-repeat left 30px center,#656565;} 
.m_stab .s5 a{background:url(../images/ys_bg_15.png) no-repeat left 30px center,#656565;} 
.m_stab .s6 a{background:url(../images/ys_bg_17.png) no-repeat left 30px center,#656565;} 
.m_stab .s7 a{background:url(../images/ys_bg_19.png) no-repeat left 30px center,#656565;} 

.m_stab .s1 a:hover,.m_stab .s1 a.cur{background:url(../images/ys_bg_07.png) no-repeat left 30px center,#f76323;} 
.m_stab .s2 a:hover,.m_stab .s2 a.cur{background:url(../images/ys_bg_09.png) no-repeat left 30px center,#558e2d;} 
.m_stab .s3 a:hover,.m_stab .s3 a.cur{background:url(../images/ys_bg_11.png) no-repeat left 30px center,#ffcb4f;} 
.m_stab .s4 a:hover,.m_stab .s4 a.cur{background:url(../images/ys_bg_13.png) no-repeat left 30px center,#603811;} 
.m_stab .s5 a:hover,.m_stab .s5 a.cur{background:url(../images/ys_bg_15.png) no-repeat left 30px center,#d1621b;} 
.m_stab .s6 a:hover,.m_stab .s6 a.cur{background:url(../images/ys_bg_17.png) no-repeat left 30px center,#FF6600;} 
.m_stab .s7 a:hover,.m_stab .s7 a.cur{background:url(../images/ys_bg_19.png) no-repeat left 30px center,#00573f;}

.m_stab li span{background:url(../images/sico3.png) no-repeat;width: 32px;height: 15px;position: absolute;left:57px;top:-15px; display: none;}
.m_stab li .cur span,.m_stab li a:hover span {  display:block;}

.g_ca{background:url(../images/cabg.jpg) no-repeat center top; padding-top: 75px;height:855px;}
.g_ca h2{padding-right: 214px;text-align: right;font-size: 40px;color: #222;font-weight: bold;}
.g_ca h2 a{font-size: 40px;color: #666;font-weight: bold;}
.g_ca .cawz{height: 110px;padding-right: 214px;font-size: 16px;color: #444;text-align: right; line-height: 26px;font-weight: bold}
.m_ca{background:url(../images/cbg2.jpg) no-repeat;height:522px; padding: 86px 0 0 0;}
.cacon{height: 414px;padding-left: 520px;}
.m_ca h3{height: 60px;font-size: 26px;color: #222;font-weight: bold;border-bottom: 1px #6f1001 solid;}
.m_ca h3 b{color: #c61724;}
.m_ca p{font-size: 15px;line-height: 65px;color: #555555;}
.m_ca h4{
    font-size: 28px;
    color: #222222;
    font-weight: normal;}
.m_lc{background:url(../images/cbg3.jpg) no-repeat;height: 92px;}
.m_lc h5{width: 206px;float: left; padding: 40px 0 0 34px;font-size: 24px;font-weight: normal;color: #fff;}
.m_lc h5 a{color: #fff;}
.m_lc li{float: left;width: 128px;margin-right: 62px; padding-top: 12px;text-align: center;font-size: 14px;color: #fff;}
.m_lc li em{display: block;}

/* 加盟 */
.g_jm{padding-top: 80px;}
.m_jml{position: relative;width: 597px;height: 430px;background: #f3f4f5; float: left;}
.m_jml h2{color: #fff;background:url(../images/jmtit1.jpg) no-repeat;width: 208px;height: 94px; padding: 20px 0 0 20px;font-size: 30px; margin-bottom: 22px;}
.m_jml h2 a{color: #fff;}
.m_jml h2 em{display: block;font-weight: normal; font-size: 18px;font-family: arial;text-transform: uppercase;padding-top: 12px;}
.m_jml h3{position: absolute;left:266px;top:30px;width: 266px;height: 82px;border-bottom: 1px solid #d7dee4;font-size: 30px;color: #222222;font-weight: normal;}
.m_jml h3 em{display: block;font-weight: normal;font-size: 19px;color: #666; padding-top: 6px;}
.m_jml h4{margin: 0 0 18px 20px;background:url(../images/hhbg.jpg) no-repeat;width: 140px;height: 26px;line-height: 26px;padding-left: 10px;font-size: 14px;color: #555;font-weight: normal;}
.m_jml h4 a{color: #555;}
.m_jml p{margin:20px;font-size: 15px;color: #555;line-height: 26px;overflow: hidden;}
.jmlst li{float: left;width:46%;margin: 2%}
.jmlst li img{width: 273px;
    height: 160px;;display: block;}
.jmlst li em{display: block;height: 42px;line-height: 42px;background: #fff;text-align: center;font-size: 14px;color: #666;border-bottom: 4px solid #e6e6e6;}
.m_jmr{width: 387px;height: 430px;background: #f3f4f5; float: right;}
.m_jmr dt{width: 387px;height: 227px;}
.m_jmr dd{width: 387px;height: 202px;}
.m_jmr h3{height: 58px;color: #222;line-height: 58px;overflow: hidden;text-align: center;font-size: 18px;font-weight: normal;}
.m_jmr h3 a{color: #222;}
.m_jmr p{padding: 0 20px;font-size: 14px;line-height: 26px;color: #555555; height: 72px; overflow: hidden;}
.m_jmr span{display: block;margin-top: 26px;}

.jmys{margin-top: 38px;height: 68px;}
.jmys li{float: left;width: 218px;margin-right:42px;}
.jmys li a{display: block;width: 164px;height: 58px; padding-left: 54px;font-size: 20px;color: #000;padding-top: 10px;}
.jmys li em{display: block;font-size: 14px;color: #999;text-transform: uppercase;}
.jmys .jmtab1{background:url(../images/jmtab1.jpg) no-repeat;}
.jmys .jmtab2{background:url(../images/jmtab2.jpg) no-repeat;}
.jmys .jmtab3{background:url(../images/jmtab3.jpg) no-repeat;}
.jmys .jmtab4{background:url(../images/jmtab4.jpg) no-repeat;}
.jmys .jmtab4{margin-right: 0;}
.index_xz dl{overflow: hidden}
.index_xz dl dt{float: left;width: 30%;margin: 1.5%;background: #ddd;padding: 20px;box-sizing: border-box;line-height: 30px;font-size: 14px;border:1px #aaa solid;height: 250px}

/* 聚焦数码彩  */
.g_news{padding-top: 60px;height: 573px; }
.g_news h2{background:url(../images/newtit.jpg) no-repeat;height: 106px;text-align: center;font-size: 40px; font-weight: normal;color: #000;}
.g_news h2 a{color: #000;}
.g_news h2 em{display: block;font-size: 16px;color: #9e9e9e;text-transform: uppercase;font-weight: normal;padding-top: 4px;}

.m_wt{float: left;width: 258px;}
.m_wt h3{background:url(../images/wdtit.jpg) no-repeat 0 5px;height: 68px;padding-left: 15px;font-size: 30px;font-weight: normal;}
.m_wt h3 a{color: #222}
.m_wt h3 em{display: block;font-size: 14px;color: #999999;text-transform: uppercase;}
.m_wt ul{width: 232px;}
.m_wt li{float: left;width: 109px; height: 34px;text-align: center;font-size: 14px;color: #fff; padding-top: 70px; margin-bottom: 6px; margin-right: 6px;overflow: hidden}
.m_wt li a{color: #fff; display:block;  margin: 0 auto; width:60px;}
.m_wt .wt1{background:url(../images/wt1.jpg) no-repeat}
.m_wt .wt2{background:url(../images/wt2.jpg) no-repeat}
.m_wt .wt3{background:url(../images/wt3.jpg) no-repeat}
.m_wt .wt4{background:url(../images/wt4.jpg) no-repeat}
.m_wt .wt5{background:url(../images/wt5.jpg) no-repeat}
.m_wt .wt6{background:url(../images/wt6.jpg) no-repeat}
.m_wt .wt3,.m_wt .wt4{padding-top: 60px;height: 44px;}

.m_new1{float: left;width: 570px;margin-right: 30px}
.m_new1 h3{background:url(../images/newtit1.jpg) no-repeat;height: 44px;line-height: 44px;padding: 0 12px 0 20px;font-size: 18px;font-weight: normal; margin-bottom: 22px;border: 1px #ddd solid;}
.m_new1 h3 a{color: #fff;}
.m_new1 h3 span{font-size: 14px;color: #666666;text-transform: uppercase;}
.m_new1 h3 span a{color: #666;}
.m_new1 dl{height: 135px;}
.m_new1 dt{float: left;width: 188px;margin-right: 15px;}
.m_new1 dt img{width: 188px;height: 110px;display: block; }
.m_new1 dd{float: left; width:365px; }
.m_new1 h4{height: 36px;line-height: 36px;overflow: hidden;font-size:16px;font-weight: normal; }
.m_new1 h4 a{color: #333333;}
.m_new1 p{font-size: 14px;color: #666666;line-height: 20px;height: 60px;overflow: hidden;}
.m_new1 p a{color: #666666;}
.u_new1lst li{height: 38px;line-height: 38px;overflow: hidden;border-bottom: 1px dashed #a3a7ac; padding-left: 24px;background:url(../images/dtico1.jpg) no-repeat 0 12px; font-size: 14px;}
.u_new1lst li a{color: #333333;}
.u_new1lst .hot{background:url(../images/dtico2.jpg) no-repeat 0 12px;}
.u_new1lst .lastli{border-bottom: none;}
.u_new1lst li span{color: #999;}


.m_new2{float: left;width: 400px;}
.m_new2 h3{background:url(../images/newtit2.jpg) no-repeat;height: 44px;line-height: 44px;padding: 0 12px 0 20px;font-size: 18px;font-weight: normal; margin-bottom: 22px;border: 1px #ddd solid;}
.m_new2 h3 a{color: #fff;}
.m_new2 h3 span{font-size: 14px;color: #666666;text-transform: uppercase;}
.m_new2 h3 span a{color: #666;}
.m_new2 .dt2{height: 160px; margin-bottom: 15px;}
.m_new2 .dt2 img{width: 100%}
.m_new2 dl{height: 135px;}
.m_new2 dt{float: left;width: 188px;margin-right: 15px;}
.m_new2 dt img{width: 188px;height: 110px;display: block; }
.m_new2 dd{float: left; width:228px; }
.m_new2 h4{height: 36px;line-height: 36px;overflow: hidden;font-size:16px;font-weight: normal; }
.m_new2 h4 a{color: #333333;}
.m_new2 p{font-size: 14px;color: #666666;line-height: 20px;height: 60px;overflow: hidden;}
.m_new2 p a{color: #666666;}
.u_new1lst2 li{height: 38px;line-height: 38px;overflow: hidden;border-bottom: 1px dashed #a3a7ac; padding-left: 24px;background:url(../images/dtico1.jpg) no-repeat 0 12px; font-size: 14px;}
.u_new1lst2 li a{color: #333333;}
.u_new1lst2 .hot{background:url(../images/dtico2.jpg) no-repeat 0 12px;}
.u_new1lst2 .lastli{border-bottom: none;}
.u_new1lst2 li span{color: #999;}

.g_zj{height: 700px;padding-top: 40px;}
.g_zj h2{height: 92px;}
.g_zj p{background: rgba(28,34,61,.8);width: 900px;margin:auto;border-radius: 10px;padding: 50px;text-align: center;color: #fff;font-size: 16px;line-height: 30px;margin-top: 135px;margin-bottom: 140px}
.g_zj p img{margin: auto;display: block;margin-bottom: 20px}
.g_zj h3{width: 170px;margin: 0 auto;}


/* 友情链接 */
.g_link{background:url(../images/linkbg.jpg) no-repeat center top; height: 226px;}
.g_link h2{height: 82px;text-align: center;font-size: 24px;font-weight: normal;}
.g_link h2 a{color: #333; }
.link_c{line-height:26px; overflow:hidden; padding:10px 0 0 0;}
.link_c a{ white-space:nowrap; padding:0 15px; height: 34px; line-height:34px; border-bottom: 1px dashed #b5b5b6; color:#757575;display: inline-block;font-size: 14px}
.g_link span{display: block; margin-top: 12px; background:url(../images/sq.jpg) no-repeat 555px 10px ;padding-left: 430px;font-size: 14px;color: #666;height: 34px;line-height: 34px;}
.g_link span a{color: #666;}
.index_video{background: url(../images/index_sp_bg.jpg) no-repeat center top;height: 982px;}
.conn{width: 1600px;margin: auto;position: relative;}
.index_video h1{width: 628px;margin:auto;padding-top: 120px}
.index_video1{width: 1238px;margin: auto;overflow:hidden;margin-top: 30px}
.index_video1 .index_v1{float: left;width: 750px;padding: 20px;background: #dcdcdc;box-sizing:border-box;cursor: pointer;}
.index_video1 .index_v2{width: 466px;float: right;padding: 17px;background: #dcdcdc;box-sizing:border-box;overflow: hidden;height: 420px}
.index_video1 .index_v2 ul li{display: none}
.index_video1 .index_v2 ul li img{border: 0;display: block;}
.index_video1 .index_v2 dl{height: 105px;margin-top: 30px;}
.index_video1 .index_v2 dl dt{float: left;position: relative;cursor: pointer;width: 105px}
.index_video1 .index_v2 dl .index_v2_se:after{background: url(../images/index_video_14.jpg) no-repeat center top;width: 13px;height: 7px;content: "";display: block;position: absolute;top: -7px;left: 50%;margin-left: -7px;}
.index_shipin{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.9);display: none}
.index_shipin_gb{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index_shipin_01{position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 1000px;height: 600px}
.index_shipin_01 iframe{width: 100%;height: 100%}
.index_shipin_01 p{display: none}
.index_video2{background:url(../images/index_video_24.jpg) no-repeat right 20px top 20px,url(../images/index_video_27.png) no-repeat left 20px bottom 20px,#dcdcdc;padding: 30px 75px;width: 1237px;margin: auto;box-sizing:border-box;margin-top: 20px;font-size: 16px;color: #1d1d1d;line-height: 36px}
.index_video3{width: 1237px;margin: auto;margin-top: 20px}
.index_video4{position: absolute;top: 174px;left: 70px}
.index_product{position: relative;}
.index_product dl dt{position: absolute;width: 73px;height: 73px;overflow: hidden;border-radius: 50%}
.index_product dl dt img{transition: all ease 0.35s}
.index_product dl dt:hover img{transform: scale(1.1);}
.index_product dl dt:nth-of-type(1){top: 180px;left: 157px}
.index_product dl dt:nth-of-type(2){top: 180px;left: 347px}
.index_product dl dt:nth-of-type(3){top: 330px;left: 57px}
.index_product dl dt:nth-of-type(4){top: 330px;left: 455px}
.index_product dl dt:nth-of-type(5){bottom:155px;left: 89px}
.index_product dl dt:nth-of-type(6){bottom:155px;left: 430px}
.index_product dl dt:nth-of-type(7){bottom: 60px;left: 266px}
.index_product ul li{position: absolute;line-height: 1;font-size: 20px;color: #393939;font-weight: bold;text-align: center;}
.index_product ul li:nth-of-type(1){top: 264px;left: 202px;width: 60px;}
.index_product ul li:nth-of-type(2){top: 264px;left: 327px;width: 60px;}
.index_product ul li:nth-of-type(3){top: 405px;left: 130px;width: 60px;}
.index_product ul li:nth-of-type(4){top: 405px;left: 403px;width: 80px;}
.index_product ul li:nth-of-type(5){top: 501px;left: 140px;width: 80px;}
.index_product ul li:nth-of-type(6){top: 501px;left: 380px;width: 60px;}
.index_product ul li:nth-of-type(7){top: 590px;left: 228px;width: 150px;}
.index_product ul li a{text-decoration: none}
.index_product ul li a:hover{color: #b4040d}
/* 案例 */
.anli{width: 100%;background: url(../images/index_case_bg_04.jpg) no-repeat center top;margin-top: 50px;padding-top: 70px;padding-bottom: 50px}
.case_title{text-align: center;font-size: 16px;color: #676767;}
.case_title img{margin:auto;padding-bottom: 15px}
.case{width: 950px;margin:auto;margin-top: 70px;padding-top: 177px;position: relative;}
.case_01{margin:auto;display:block;}
.case ul li{position: absolute;width: 113px;font-size: 20px;color: #3f4344;text-align: center;}
.case ul li:nth-of-type(1){top: 212px;left: 0}
.case ul li:nth-of-type(2){top: 40px;left: 200px}
.case ul li:nth-of-type(3){top: 0px;left: 410px}
.case ul li:nth-of-type(4){top: 40px;left: 642px}
.case ul li:nth-of-type(5){top: 212px;left: 838px;width: 120px}
.case ul li a{text-decoration: none}
.case ul li:hover p{color: #b4040d;font-weight: bold;}
.case_a a{width: 200px;text-align: center;line-height: 50px;border-radius: 25px;background: #232323;font-size: 16px;color: #fff;display: block;margin:auto;text-decoration: none}
.case_a a:hover{background: #b4040d}




/*-----4/1-----*/
.g_ma p{
	padding-left: 680px;
}
.g_ma p span{
	color: #fff;
	display: block;
	margin-bottom: 15px;
}
.g_ma p span:nth-child(2){
	text-indent: 70px;
}








