@charset "utf-8";
/* CSS Document */
.banner_pc{ margin-top:90px;}
.banner_sj{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:5px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:13px; height:13px; display: block; background: #666; background:#FFF; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #FFF; }
.flex-control-paging li a.flex-active { background: #2dbdf1; cursor: default;}
.flex-direction-nav li a{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:2%; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:2%;}


.dyip{ text-align:center; padding:10px 0 25px 0;}
.dyip h2{ font-size:32px; text-transform:uppercase; margin-top: 0;}
.dyip .slideTxtBox{ padding:0 10%; margin-top:2%;}
.dyip .slideTxtBox .hd{ margin-bottom:2%;}
.dyip .slideTxtBox .hd ul{ font-size:0px;}
.dyip .slideTxtBox .hd ul li{ display:inline-block; cursor:pointer; font-size:14px; margin:0 0.5%; width:13.25%;}
.dyip .slideTxtBox .hd ul li .jt{ height:9px; background:url(../images/pic2.gif) no-repeat center; display:none;}
.dyip .slideTxtBox .hd ul li .border{ border:1px solid #CCC; padding:12px 0;}
.dyip .slideTxtBox .hd ul li.on .border{ background:#2dbdf1; color:#FFF; border:1px solid #2dbdf1;}
.dyip .slideTxtBox .hd ul li.on .jt{ display:block;}
.dyip .slideTxtBox .bd{ margin-bottom:2%;}
.dyip .slideTxtBox .bd ul{width: 101%}
.dyip .slideTxtBox .bd li{ float:left; width:24%; margin:0 1% 0 0;}
.dyip .slideTxtBox .bd li img{ width:100%;}
.dyip .slideTxtBox .bd li p{ padding:10px 0;}
.dyip .slideTxtBox .arrow{ width:82px; margin:0 auto;}
.dyip .slideTxtBox .arrow a{ display:block;  width:40px; height:40px; line-height:40px; float:left; background:#333; cursor:pointer; margin-right: 1px}
.dyip .slideTxtBox .arrow a:hover{ text-decoration:none;}
.dyip .slideTxtBox .arrow i{ font-size:12px; color:#FFF;}


.derp{ background:#fff; padding:0; overflow: hidden;}
.derp .h2{ font-size:30px; text-transform:uppercase; margin:20px 0;}
.derp .box{ padding:0; margin:10px 0 20px 0; background-color: #2dbdf1; overflow: hidden;}
.derp .box .txt{float: left; width: 50%; }
.derp .box .txt .txt_wm{color: #fff; float: right; padding-right: 8%; max-width: 750px;font-size: 16px; line-height:34px; margin:50px 0 25px 0; word-break:break-all;}
.font34{font-size: 34px;line-height: 42px; padding-bottom: 22px;}

.index-more a{display: inline-block;border: 2px solid #e1e1e4;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;height: 42px;line-height: 40px;text-align: center;padding: 0 42px;color: #eee;font-size: 15px; margin-top: 30px;}
.index-more a:hover {color: #fff;border-color: #fff;}

.derp .box .pic_img{float: right;width: 50%; min-height: 490px; background: url(../images/jm.jpg) no-repeat center center;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;}
.derp .box .pic_img img{max-width: 100%;}


/*案例展示*/
.ind_case{padding: 0 10%; margin: 5px auto; overflow: hidden;}
.ind_case h2{text-align: center; font-size:30px;font-weight: 500;}
.ind_case span{margin: 15px 0 30px 0; line-height: 24px;  display: block;text-align: center; color: #666;}
.ind_case ul{ margin-left: -2.5%}
.ind_case ul li{ float: left; width: 30.833%;margin-left: 2.5%;margin-bottom: 2%;position: relative;}
.ind_case ul li .img{position: relative;width: 100%;}
.ind_case ul li .img img{max-width: 100%}

.ind_case ul li .info{background: #333;background: rgba(0, 0, 0, 0.6);opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align: center;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.ind_case ul li .info h3{color: #fff;font-weight: normal; text-transform: uppercase;letter-spacing: 2px;font-size: 20px;margin: 0 10px;padding: 125px 0 0 0;line-height: 150px;text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);}
.ind_case ul li a:hover .info{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}


/*合作伙伴*/
.inxPartner {background-color: #f1f4f9; overflow: hidden;}

.partnerList{ margin:2% auto 3% auto;padding:0 10%; overflow: hidden;}
.partnerList .PartTitle{font-size: 30px; line-height: 50px; font-weight: normal; display: block; text-align: center;color: #000; padding:0 0 40px 0;}
.partnerList ul{margin-left:-1%;}
.partnerList ul li{float:left;width:15.667%;margin-left:1%;margin-bottom:30px;}
.partnerList ul li img{ border: 1px solid #dbdced; box-shadow: 0 1px 1px #dbdced; width: 94%;}
.partnerList ul li span{line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}


.dsanp{ padding:0 10%; margin-top:0; overflow:hidden;}
.dsanp .title{ text-align:center; text-transform:uppercase; margin-bottom:25px;}
.dsanp .title .h2{ font-size:30px; text-transform:uppercase; margin-bottom:20px;}
.dsanp .title_er{}
.dsanp .title_er .h3{ font-size:18px;}
.dsanp .title_er .h3 a{color:#000;}
.dsanp .title_er .rq{ font-size:14px; color:#777;}
.dsanp .title_er .rq span{ color:#2dbdf1;}
.dsanp .title_er p{ margin-top:10px; height:48px; line-height:24px; overflow:hidden;}
.dsanp .title_er .more{ margin-top:10px;}
.dsanp .title_er .more a{ color:#2dbdf1;}
	
.dsanp .jt{ width:72px; float:right; margin:30px 0 15px 0;}
.carousel-control {width: 35px !important;height: 35px;line-height:35px;top:100px;background:#333;font-size:0px;text-align: center;opacity: 1; margin-right: 1px;}
.carousel-control.left{ display:block; position:inherit; float:left; background-image:none;}
.carousel-control.right{ display:block; position:inherit; float:right; background-image:none;}
.carousel-control i{ font-size:12px;}
	
@media only screen and (max-width: 350px) {
	#complicated-content-carousel .flex-item {width: 300px;}
}
	
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#complicated-content-carousel .flex-item {width: 300px;}
}


.carousel.flexible .items {
	display: none;
}


.n_banner .img{display:block;width:100%;height:480px;margin-top: 90px; background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}


/* ---------------------------------------------公共二级导航---------------------------------------------*/
.PUB-headerMenu-box{width: 100%;overflow: hidden;position: relative;height: 75px;box-shadow: 1px 1px 8px #e6e6e6;}
.PUB-headerMenu-line{position: absolute;left: 0%;top: 0%;width: 0%;height: 4px;background-color: #2dbdf1;transition: all .6s;}
.PUB-headerMenu-words{width: 100%;font-size: 0;overflow: hidden;text-align: center;}
.PUB-headerMenu-words a{display: inline-block;width: 140px;height: 75px;line-height: 75px;text-align: center;font-size: 15px;color: #666;transition: all .8s;}
.PUB-headerMenu-words a:hover{color: #2dbdf1;}
.PUB-headerMenu-active{color: #2dbdf1 !important;}

@media all and (max-width:1200px){.PUB-headerMenu-line{display: none;}}
@media all and (max-width:1000px){.PUB-headerMenu-box{height: auto;}
.PUB-headerMenu-words{text-align: left;}
.PUB-headerMenu-words a{width: 33.333333333333336%;height:45px;line-height:45px;}
}

/* --------------------------子页公共banner-------------------------*/
.PUBbanner-box{width: 100%;overflow: hidden;}
.PUBbanner{width: 100%;position: relative;}
.PUBbanner img{width: 100%;object-fit: cover;}
.PUBbanner h6{width: 100%;text-align: center;position: absolute;top: 50%;left: 0%;height: 72px;margin-top: -36px;color: #fff;font-size: 48px;-moz-animation:WordsDown 1s ease both;animation:WordsDown 1s ease both;}
@keyframes WordsDown{0%{transform: translateY(-50px);-moz-transform: translateY(-50px);}
100%{transform: translateY(0);-moz-transform: translateY(0);}}
@-moz-keyframes WordsDown{0%{transform: translateY(-50px);-moz-transform: translateY(-50px);}
100%{transform: translateY(0);-moz-transform: translateY(0);}}
@media all and (max-width:1380px){.PUBbanner h6{font-size: 36px;height: 54px;margin-top: -27px;}}
@media all and (max-width:1000px){
.PUBbanner img{height: 280px;}
.PUBbanner h6{font-size: 26px;height: 39px;margin-top: -19.5px;}
.Footer-ewm{width: 144px;height: 144px;bottom: 40px;left: 50%;margin-left: -72px;}
}


/*案例*/
.case_lt{ padding:50px 10% 25px 10%; overflow: hidden;}
.case_lt ul{ margin-left:-2%;}
.case_lt li{ float:left; width:23%; margin-left:2%; padding-bottom:22px; }
.case_lt li img{ width:100%;}
.case_lt li .title{ padding:10px 0;}
.case_lt li h2{ font-size:15px; text-align: center; margin-top: 0; margin-bottom: 0; line-height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_lt li h2 a{color: #444}

.case_xqs{ margin-top: 110px; overflow: hidden;}
.pos{max-width: 1522px;margin: 0 auto;padding: 20px 0;color: #626262;font-size: 13px;border-bottom: 1px solid #e1e1e1;}
.pos span{margin: 0 2px;}
.pos a{margin: 0 2px;color: #626262;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;}

.pro-detail{max-width: 1522px;margin: 0 auto;padding:40px 0; overflow: hidden;}
.pro-detail-content{float: left;width:62%;}

.pro-detail-side{float: right;width: 35%;padding-top: 100px;}

#gallery img{border: none;}
#gallery_nav{float: left;width: 125px;text-align: center;}
#gallery_nav a{display: block;height: 95px; margin-bottom: 20px;}
#gallery_nav img{max-width: 100%;}
#gallery_output{float: left;width: 77%;overflow: hidden;margin-left: 5%;}
#gallery_output img{display: block;margin: 0px auto 0 auto;width: 100%}
.on{border: 1px solid #2dbdf1; padding: 2px}


.pro-detail-side .tit.case-tit{font-weight: normal;font-size: 23px; padding-bottom:20px;}
.pro-detail-side .ms{padding: 20px 0;font-size: 16px; line-height: 35px;border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.pro-detail-side .btn{margin-top: 36px;font-size: 0;}

.pro-detail-side .btn{margin-top: 30px;font-size: 0;}
.pro-detail-side .btn-detail{width: 185px;height: 50px;text-align: center;line-height: 50px;background: #cf111a;color: #fff;font-size: 16px;}
.pro-detail-side .btn a{display: inline-block;vertical-align: middle;}
.d-down{display: inline-block;vertical-align: middle;width: 16px;height: 16px;}

.case-detail{box-shadow: 0 0 0 #333;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.pro_inner{max-width: 1522px;margin: 0 auto;}
.pro_inner span{width:65px;font-size: 16px;  border-bottom: 2px solid #2dbdf1;height: 54px;line-height: 54px; display: block;}
.cs_xq{max-width: 1522px;margin: 0 auto; padding: 55px 0; line-height: 35px; font-size: 15px;}


.rele_case{ padding:50px 10% 5px 10%; overflow: hidden;}
.rele_case ul{ margin-left:-2%;}
.rele_case li{ float:left; width:23%; margin-left:2%; padding-bottom:22px; }
.rele_case li img{ width:100%;}
.rele_case li .title{ padding:10px 0;}
.rele_case li h2{ font-size:15px; text-align: center; margin-top: 0; margin-bottom: 0; line-height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rele_case li h2 a{color: #444}

.more-pro-title{position: relative;height: 1px;background: #ddd; margin-bottom: 50px;}
.more-pro-title .ins{font-size: 26px;width: 204px;background: #fff;height: 40px;line-height: 40px;position: absolute;left: 50%;margin-left: -122px;top: 50%;margin-top: -20px;color: #555;text-align: center;}

/*新闻*/
.news{ padding:50px 10%; overflow: hidden;}
.news ul{ margin-left:-2%;}
.news li{ float:left; width:23%; margin-left:2%; padding-bottom:32px;}
.news li .box{}
.news li img{ width:100%;}
.news li .title{ padding:10px 0;}
.news li h2{ font-size:15px; font-weight:bold; margin-top: 0; margin-bottom: 0; line-height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news li h2 a{color: #444}
.news li .time{padding-left:0;font-size: 12px;color: #999; padding: 5px 0; display: block;}
.news li p{ line-height:24px; font-size:14px; margin-top:5px; color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.news_box{ padding:50px 10%; overflow: hidden;}
.news_box .title_box {border-bottom: #e1e1e1 1px solid; text-align: center; margin-bottom: 8px; padding-bottom:12px;}
.news_box .title_box h3{font-size: 24px;}
.news_box .title_box span{ padding: 6px 0; font-size: 13px; display: block;}
.news_box .xw_content {padding:8px 0; font-size: 15px; line-height: 32px;}

.news_box .next_prev{padding: 20px 0;margin-bottom: 40px;border-top: #e1e1e1 1px solid;border-bottom: #e1e1e1 1px solid;}
.next_prev{font-size: 15px;margin-top: 15px;margin-bottom: 30px;padding-left: 50px;padding-right: 50px;}
.next_prev a{color: #666666;}
.next_prev span.fl{padding-left: 28px;background: url(../images/shiping_09.png) no-repeat center left;}
.next_prev span.fr{padding-right: 28px;background: url(../images/shiping_11.png) no-repeat center right;}


.back-box{text-align: center;margin: 30px 0 0;}
.back-box a{width: 165px;height: 48px;line-height: 48px;text-align: center;background: #2dbdf1;border-radius: 3px;font-size: 16px;color: #fff;display: inline-block;}


/*服务支持*/
.serv-box{width: 100%;overflow: hidden;padding: 50px 0;background-color: #fff;}
.ser_cont{padding:0 0 45px 0; font-size: 15px; line-height: 33px; }
.ser_cont_title{width: 100%;overflow: hidden;text-align: center;}
.ser_cont_title h4{font-size: 36px;font-weight: bold;color: #000;}
.ser_cont_title i{width: 44px;height: 1px;background-color: #333;display: inline-block;margin-top: 12px;}

.grays{background-color: #f5f5f5; padding-top:50px;}

.partner_ls{max-width: 1280px;margin: 0 auto; padding:20px 0; overflow: hidden;}
.partner_ls ul{ margin-right:-2%;}
.partner_ls ul li{float:left;width:14.667%;  margin-right: 2%; margin-bottom: 10px; text-align:center;}
.partner_ls ul li img{max-width:97%; border: 1px solid #e1e2e2; padding: 4px;background-color: #fff;}
.partner_ls ul li span{ line-height:25px; font-size: 14px; padding: 5px 0; display: block; color: #222;}




/*联系我们*/
.contact-box{width: 100%;overflow: hidden;padding: 50px 0 20px 0;background-color: #fff;}
.cal_content1 {padding-bottom:30px;overflow: hidden;}
.cal_content1 .fxs{float: left; width: 50%;}
.cal_content1 .fxs:first-child{ margin-top: 55px;line-height:45px;font-size: 18px;}


/*feedback*/
.content_box{margin-top:0px;}
.content_box .messages_box{width:auto;padding:0 1% 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #2dbdf1;border:none;}