@charset "utf-8";

/*banner*/
.banner{position: relative; height:auto;clear: both;height: 650px;}
.ban_p li{ display:block; height:650px;width: 100%!important; overflow: hidden;position: relative;}
.ban_p li img {width: 1920px;height: 650px;display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;}
.ban_t{width:1100px;height:50px;bottom:0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 14px;height: 14px;border-radius: 14px;margin-right:20px; display: inline-block;background: #fff;}
.ban_t em.on{background: #13305a;width: 40px;}

.til01{text-align: center;font-size:48px;color: #333;line-height:62px;height:148px;position: relative;letter-spacing: 6px;padding: 28px 0 0;}
.til01:before{content: "Case sharing";position: absolute;width:100%;height:1px;top:0;left:0;color: #f0f0f0;text-transform: uppercase;text-align: center;z-index: -1;font-size: 70px;}
.til01 a{display: block;color: #333;}
.til01 p{display: block;font-size: 20px;line-height:32px;color: #666;font-weight: normal;}
.webox_w .til01{text-align: left;height: 155px;padding: 50px 0 0;margin-left:97px;}
.webox_w .til01:before{content: "Solid quality";font-size: 50px;}
.webox_w .til01:after{content: "";position: absolute;width:19px;height:2px;top:151px;left:0;background: #ebb223;}
.probox .til01:before{content: "Equipment center";}
.edge .til01,.edge .til01 p,.about .til01 a,.about .til01 p{color: #fff;}
.edge .til01:before{content: "Stick to quality";color: #405271;}
.witn .til01:before{content: "Full of praise";}
.nswsbox .til01{height: 90px;}
.nswsbox .til01:before{content: "news";}
.about .til01:before{content: "Walk into us";color: #fff;opacity:0.5;}

/*引子*/
.webox{height:940px;font-size:18px;color: #333;font-family:"Microsoft Yahei";position: relative;overflow: hidden;}
.webox_r{width: 49.6%;}
.webox_l{width:49.11%;height: 843px;display: block;background:url(/template/dcqz/images/we_pic.jpg) no-repeat right 0;}
.webox_w{width:592px;padding:96px 0 0;}
.webox_w .yshd{width:500px; height:50px; position: absolute;left:97px; top:666px; }
.webox_w .yshd li{ float: left;border-radius: 14px; width: 14px; height: 14px; display: block;background: #d6d6d6;margin: 0 70px 0 0;position: relative;}
.webox_w .yshd li:last-child{margin: 0;}
.webox_w .yshd li.cur,.ys .yshd li:hover{background: #13305a;}
.webox_w .yshd li.cur:before,.ys .yshd li:hover:before{content: "";position: absolute;width:1px;height:10px;top:13px;left:7px;background: #13305a;}
.webox_t{height: 402px;line-height: 78px;padding: 0 0 0 17px;}
.webox_t li{width: 188px;height: 78px;border: solid 1px #bfbfbf;float: left;margin: 0 0 42px 80px;}
.webox_t li span{width:27px;height:26px;display: block;margin:26px 14px 0 37px;position: relative;overflow: hidden;float: left;}
.webox_t li span i,.case_t li span i{width:27px;height:26px;position: absolute;left: 0;top: 0;}
.webox_t li span i.default,.case_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.webox_t li span i.hover,.case_t li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.webox_t li.cur{color:#fff;background: #13305a;border-color: #13305a;}
.webox_t li.cur span i.default,.case_t li.cur span i.default,.case_t li:hover span i.default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.webox_t li.cur span i.hover,.case_t li.cur span i.hover,.case_t li:hover span i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.webox_c{width: 592px;height: 110px;background: #13305a;color: #fff;font-size: 18px;line-height: 110px;}
.webox_c p{padding: 0 29px;}
.webox_c p span{display: block;padding-left: 46px;white-space: nowrap;}
.case_t li span{position: relative;overflow: hidden;display: block;margin:42px auto 0;}
.case_t li span,.case_t li span i{width: 34px;height: 33px;}

/*案例*/
.case{font-family:"Microsoft Yahei";overflow: hidden;position: relative;z-index: 1;line-height:32px;color: #333;height:936px;}
.case:before{content: "";position: absolute;width:100%;height:1px;top:177px;left:0;z-index: -1;background: #d8d8d8;}
.prev1,.next1{width:59px;height:59px;cursor: pointer;z-index: 11;display: block;top: 663px;right: -54px;}
.prev1{left:-54px;}
.case_t{height: 160px;text-align: center;font-size: 16px;line-height: 44px;color: #666;}
.case_t li{width: 118px;float: left;padding: 0 53px 0 0;position: relative;}
.case_t li a{color: #666;}
.case_t li:last-child{padding: 0;}
.case_t li a:hover,.case_t li:hover a{color: #13305a;}
.case_t li.cur:before,.case_t li:hover:before{content: "";position: absolute;width:80px;height:2px;top:1px;left:18px;background: #e9ad24;z-index: 2;}

.case-dx{width: 100%;min-width: 1200px;height: 600px;overflow: hidden;position: relative;}
.case-dx:before,.case-dx:after{content: "";position: absolute;width: 40%;right:50%;top:0;background:#fff;z-index:1;height: 60px;}
.case-dx:before{margin-left:575px;left: 50%;}
.case-dx:after{margin-right:575px;}
.case_c{width: 1150px;position: absolute;left: 50%;margin-left: -575px;height: 600px;display: block;}
.case-dx .tempWrap{overflow: visible !important;}
.case-dx .tempWrap case-ul{margin-left: -1215px !important;}
.case-ul dl{float: left;width: 1200px;margin: 0!important;}

.case_c dl{position: relative;}
.case_c dl,.case_c dt,.case_c dt img{width:1150px;height:600px;display: block;overflow: hidden;}
.case_c dd{width:924px;height: 90px;background: rgba(255, 255, 255, 0.9);position: absolute;left: 100px;bottom:30px;padding: 20px 38px 0;}
.case_c dd h3{display: block;font-size: 18px;line-height:38px;color: #333;}
.case_c dd h3 a{display: block;color: #333;}
.case_c dd p a{display: inline-block;color: #13305a;}
.case_c dd span{width: 130px;height: 110px;right: 0;top: 0;color: #fff;text-align: center;line-height: 110px;font-size:50px;position: absolute;}
.case_c dd span a{display: block;background:#e9ad24;color: #fff;}

/*产品中心*/
.probox{font-family:"Microsoft Yahei";overflow: hidden;padding:102px 0 0;position: relative;z-index: 1;line-height:60px;height:975px;}
.probox .til02{height:162px;}
.prod_cla{width: 295px;overflow: hidden;border-bottom: 2px solid #3051a9;}
.prod_cla h3{padding:52px 0 0 77px;font-size:30px;height: 129px;background:url(/template/dcqz/images/ico01.png) no-repeat 31px 57px #13305a;line-height: 48px;}
.prod_cla h3 a{display: inline-block;color: #fff;}
.prod_cla h3 em{font-size:18px;line-height: 34px;text-transform: uppercase;font-weight: normal;display: block;opacity: 0.6;}
.pro_nl{height: 485px;background: #f5f5f5;}
.pro_nl h4{font-size: 16px;line-height: 60px;margin-bottom: 1px;background: #ebebeb;padding: 0 40px 0 28px;position:relative;}
.pro_nl h4:before{content: "";position: absolute;width:11px;height:10px;top:28px;right:40px;background:url(/template/dcqz/images/ico03.png) no-repeat 0 0;}
.pro_nl h4 a{display: inline-block;color: #000;}
.pro_nl li{height: 60px;padding: 0 40px 0 28px;border-bottom: 1px solid #e2e2e2;}
.pro_nl li a{display: block;color: #4b4b4b;background:url(/template/dcqz/images/ico02.png) no-repeat right center;}
.pro_nl ul li:last-child{border: 0;}
.pro_more a{display: block;text-align: center;font-size: 16px;text-transform: uppercase;color: #000;font-weight: bold;}
.prod_g{position: relative;margin-bottom: 20px;}
.prod_g,.prod_g img{width:884px;height:497px;display: block;overflow: hidden;}
.prod_gw{position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.4);padding:9px 28px;line-height: 24px;color: #fff;height: 111px;width:826px;}
.prod_gw h4{font-size: 16px;height: 42px;line-height: 42px;color: #fff;}
.prod_gw h4 a{display: block;color: #fff;}
.prod_gw p span{display: inline-block;float: right;}
.prod_gw p span a{display: inline-block;color: #e9ad24;}
.prod_c{width: 884px;overflow: hidden;}
.prod_l li{float: left;margin: 0 20px 0 0;position: relative;}
.prod_l li span{display: block;text-align: center;line-height:40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;background: rgba(0, 0, 0, 0.4);position: absolute;left: 0;bottom: 0;width: 281px;}
.prod_l li span a{background:url(/template/dcqz/images/ico04.png) no-repeat right center;color: #fff;display: inline-block;padding: 0 22px 0 0;}
.prod_l li,.prod_l li img{width:281px;overflow: hidden;height:210px;display: block;}

/*优势*/
.edge{font-family:"Microsoft Yahei";font-size:16px;position: relative;line-height:36px;padding:58px 0 0;color: #fff;background: #13305a;height: 800px;}
.edge_c{height:422px;}
.edge .pageState{position: absolute;width: 394px;height: 30px;line-height: 30px;right: 0;top: 210px;font-size: 18px;z-index:19;color: #fff;letter-spacing: 4px;font-family:"Microsoft Yahei";}
.edge .pageState span{font-size:32px;color: #e9ad24;font-weight: bold;float: left;}
.edge1{height:422px;position: relative;z-index: 1;}
.edge1:before{content: "";position: absolute;width:986px;height:422px;top:0;left:0;background: #193b6c;z-index:-1;}
.edge_p,.edge_p img{width: 750px;height: 422px;display: block;overflow: hidden;}
.edge_w{width:345px;float: right;padding: 111px 50px 0 0;}
.edge_w h3{height:85px;line-height:40px;font-size:28px;}
.edge_w h3 em{display: block;font-size:14px;line-height:32px;font-weight:normal;text-transform: uppercase;opacity: 0.8;}
.edge_pho{width:300px;background:url(/template/dcqz/images/ico05.jpg) no-repeat 0 28px;font-size: 16px;line-height: 30px;color: #e9ad24;padding: 42px 0 0;}
.edge_pho b{display: block;font-size: 30px;line-height: 41px;}
.edge_t{height: 113px;font-size: 18px;line-height: 30px;}
.edge_ico{width: 299px;height: 113px;background:url(/template/dcqz/images/edge_ico.gif) no-repeat center 32px #1a3e71;}
.edge_t ul{float: right;width: 600px;overflow: hidden;}
.edge_t li{width: 111px;float: left;padding: 17px 0 0 39px;position: relative;height: 96px;z-index:1;}
.edge_t li:before{content: "";position: absolute;width:25px;height:1px;top:89px;left:39px;background: #fff;}
.edge_t li:after{content: "";position: absolute;width:150px;height:113px;top:0;left:0;background:rgba(0 , 0 , 0 , 0.5);z-index:-1;}
.edge_t li.cur{font-weight: bold;}
.edge_t li.cur:after{background: #e9ad24;}

/*流程*/
.tec_p{height:317px;line-height:68px;color: #666;padding:54px 0 0;font-family:"Microsoft Yahei";text-align: center;}
.tec_p h2{font-size: 40px;height: 115px;line-height: 85px;color: #000;}
.tec_pc{padding:0;}
.tec_pc li{width:133px;float: left;padding:0 80px 0 0;position: relative;}
.tec_pc li:before{content: "";position: absolute;width:1px;height:40px;top:18px;right: 43px;background: #e4e4e4;}
.tec_pc li:last-child{padding: 0;}
.tec_pc li:last-child:before{width: 0;height: 0;}
.tec_pc li span{width:80px;height:80px;display: block;margin:0 auto;background: #f1f1f1;border-radius: 80px;text-align: center;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.tec_pc li span img{width:46px;height:46px;display: block;padding:16px 17px 0;}
.tec_pc li p{display: block;}
.tec_pc li:hover{color: #13305a;}
.tec_pc li:hover span{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}

/* 见证 */
.witn{height: 695px;overflow: hidden; font-family:"Microsoft Yahei";line-height:28px;font-size: 16px;text-align: center;position: relative;}
.prev2,.next2{width:50px;height:40px;cursor: pointer;z-index: 2;display: block;top: 422px;right: 0;}
.prev2{left:0;}
.witn_c dl{float: left;width: 360px;height:481px;padding:9px;border: solid 1px #f0f0f0;margin: 0 29px 0 0;}
.witn_c dt,.witn_c dt img{width:360px;height: 270px;display: block;overflow: hidden;}

.witn_c dt{position: relative;}
.witn_c dt i{position: absolute;width:64px;height:64px;background:url(/template/dcqz/images/ico_sp.png) no-repeat 0 0;top:72px;left:50%;margin-left:-32px;z-index:1;display:none;}
.witn_c dl:hover dt i{display:block;}

.witn_c dd{padding: 2px 24px 0;}
.witn_c dd h3{font-size: 18px;height: 74px;line-height: 74px;}
.witn_c dd h3 a{color: #000;display: block;height: 74px;overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;}
.witn_c dd p{height: 69px;}
.witn_c dd span{width: 140px;line-height: 40px;border-radius: 20px;margin: 0 auto;background: #13305a;color: #fff;display: block;overflow: hidden;}
.witn_c dd span a{display: block;color: #fff;}
.witn_c dl:hover{background: #13305a;border-color: #13305a;color: #fff;}
.witn_c dl:hover h3 a,.witn_c dl h3 a:hover{color: #fff;}
.witn_c dl:hover dd span a,.witn_c dl dd span a:hover{color: #333;background: #fff;}

.layui-layer-page .layui-layer-content {
            overflow: hidden !important;
        }
/* 合作 */
.part{height: 246px;}
.part h2{font-size: 20px;position: relative;height: 59px;line-height: 59px;}
.part h2:before{content: "";position: absolute;width:1020px;height:1px;top:29px;right:85px;background: #ebebeb;}
.part h2 a{display: block;color: #333;}
.part h2 span,.show_t span{float: right;font-weight: normal;}
.part h2 span a,.show_t span a{color: #999;text-transform: uppercase;}
.part_c li{border: solid 1px #ccc;float: left;margin: 0 25px 0 0;height: 88px;width: 218px;}
.part_c li p,.part_c li p img{width:176px;height: 88px;display: block;margin: 0 auto;overflow: hidden;}

/*资讯*/
.nswsbox{height:610px;overflow: hidden; font-family:"Microsoft Yahei";line-height:24px;}
.nswsbox h3{font-size: 20px;height: 61px;line-height: 40px;}
.nswsbox h3 a{display: block;color: #000;padding-left: 32px;background:url(/template/dcqz/images/ico07.gif) no-repeat 0 9px;}
.nswsbox .news h3 a{background:url(/template/dcqz/images/ico06.gif) no-repeat 0 8px;}
.faqs{width: 530px;}
.faq_gg{margin-bottom: 15px;}
.faq_gg,.faq_gg img{width: 530px;height: 141px;display: block;overflow: hidden;}
.faqs_c dl{height: 105px;overflow: hidden;padding: 0 0 0 30px;background:url(/template/dcqz/images/ico08.gif) no-repeat 0 14px;}
.faqs_c dt{height: 46px;line-height: 46px;font-size: 18px;font-weight: bold;}
.faqs_c dt a{display: block;color: #000;}
.news{width: 570px;height: 412px;overflow: hidden;}
.news_c dl{height: 108px;border: solid 1px #ebebeb;margin-bottom: 10px;overflow: hidden;}
.news_c dt{width: 120px;height: 108px;text-align: center;background: #ebebeb;line-height: 24px;color: #999;float: left;}
.news_c dt b{display: block;font-size: 48px;line-height: 48px;padding: 18px 0 0;color: #333;}
.news_c dd{width: 390px;float: left;padding:4px 0 0 20px;}
.news_c dd h4{font-size: 18px;height: 48px;line-height: 48px;}
.news_c dd h4 a{display: block;color: #333;}

/*关于*/
.about{font-family:"Microsoft Yahei";line-height:30px;color: #fff;height:842px;padding:60px 0 0;background:url(/template/dcqz/images/aboutbg.jpg) no-repeat center 0;}
.about_c{height: 360px;overflow: hidden;}
.about_p,.about_p img{height:332px;width:589px;}
.about_w{width: 570px;}
.about_w h3{height:61px;font-size:20px;line-height:20px;font-weight: normal;position: relative;}
.about_w h3:before{content: "";position: absolute;width:34px;height:2px;top:38px;left: 0;background: #e9ad24;}
.about_w h3 a{display: block;color: #fff;}
.about_w p{display: block;height:232px;}
.about_w span a{display: inline-block;color: #e9ad24;}

/* 风采展示 */
.show{height: 306px;text-align: center;line-height: 40px;}
.show_t{height: 68px;font-size: 16px;line-height: 40px;position: relative;}
.show_t:before{content: "";position: absolute;width:746px;height:1px;top:20px;right: 77px;background: #e9ad24;}
.show_t li{float: left;color: #f6f6f6;}
.show_t li a{display: inline-block;color: #f6f6f6;}
.show_t li:nth-child(1){background:url(/template/dcqz/images/show_ico1.png) no-repeat 0 11px;padding-left: 29px;}
.show_t li.cur,.show_t li.cur a,.show_t li a:hover{color: #e9ad24;}
.show_t li:nth-child(1).cur{background-position: 0 -49px;}
.show_t li i{width: 24px;display: inline-block;text-align: center;color: #f6f6f6;}
.show_c li{position: relative;float: left;margin: 0 13px 0 0;}
.show_c li:last-child{margin: 0;}
.show_c li,.show_c li img{width: 229px;height: 172px;display: block;overflow: hidden;}
.show_c li span{position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.4);width: 229px;height: 40px;line-height: 40px;}
.show_c li span a{display: block;color: #fff;}

/*友情链接*/
.link{height:0;line-height:80px;color: #b8b8b8;position: relative;z-index: 9;width: 1200px;margin: 0 auto;}
.link_c{width: 860px;position: absolute;top: -80px;right: 0;text-align: right;}
.link a{display: inline-block;color: #b8b8b8;padding:0 0 0 18px;}

.prod_g img, .prod_l li img, .witn_c dt img, .show_c li img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prod_g:hover img, .prod_l li:hover img, .witn_c dl:hover dt img, .show_c li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}