@charset "utf-8";
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// 通用                                                                                                                 */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* CSS Document */

.cWhite,.cWhite a{color:#fff;}
.cWhite:hover,.cWhite a:hover{color:#ffea37;}
.cBlue,.cBlue a{color:#377abe;}
.cPurple,.cPurple a{color:#532f7a;}
.cGray1,.cGray1 a{color:#333;}
.cGray2,.cGray2 a{color:#666;}
.cGray3,.cGray3 a{color:#999;}
.cGray4,.cGray4 a{color:#aeaeae;}
.cRed1,.cRed1 a{color:#F00;}
.cRed2,.cRed2 a{color:#992431;}
.cBlack,.cBlack a{color:#000;}
.cBlack1,.cBlack1 a{color:#000;}
.cDarkgray1,.cDarkgray1 a{color:#0e0e0e;}

.fb{ font-weight:bold;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f24{ font-size:24px;}
.f26{ font-size:26px;}
.f30{ font-size:30px;}

.blank1 { height:1px; font-size:1px; display:block; clear:both; overflow:hidden; }
.blank3 { height:3px; font-size:1px; display:block; clear:both; overflow:hidden; }
.blank6 { height:6px; font-size:1px; display:block; clear:both; overflow:hidden; }
.blank9 { height:9px; font-size:1px; display:block; clear:both; overflow:hidden; }
.blank12 { height:12px; font-size:1px; clear:both; overflow:hidden; }
.blank15 { height:15px; font-size:1px; clear:both; overflow:hidden; }
.blank18 { height:18px; font-size:1px; clear:both; overflow:hidden; }
.blank21 { height:21px; font-size:1px; clear:both; overflow:hidden; }
.blank28 { height:28px; font-size:1px; clear:both; overflow:hidden; }
.blank38 { height:38px; font-size:1px; clear:both; overflow:hidden; }
.blank48 { height:48px; font-size:1px; clear:both; overflow:hidden; }
.blank78 { height:78px; font-size:1px; clear:both; overflow:hidden; }
.blank100 { height:100px; font-size:1px; clear:both; overflow:hidden; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// HiDPI Framework CSS Rules Start                                                                       */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

ul.ulneiylist{}
ul.ulneiylist li{ height:50px; line-height:50px; border-bottom:1px solid #dddddd;}
ul.ulneiylist li a{ float:left; margin-left:6px;}
ul.ulneiylist li span{ float:right; margin-right:6px;}
.pages{ display: block; overflow: hidden; height: auto;padding-bottom: 2px; }
p.page_fy{ display:block; clear:both; }
.page_fy {margin: 25px auto 0px;  text-align: center; font-size:12px;  min-height: 38px; }
.page_fy a {  margin: 2px; color: #666; border:1px solid #ccc; padding: 6px 15px; text-decoration: none;outline:none; background:#fff; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;  position: relative; box-sizing: border-box; display: inline-block;}
.page_fy a:hover { background-color: #C30C24; color:#FFF; border:1px solid #C30C24;}
.page_fy a.focus { font-weight: bold;  margin: 2px;  color: #fff;  background-color: #C30C24; border:1px solid #C30C24;}
.page_fy .disabled  { margin: 2px; color: #ddd; }
.page_fy a.prev:before,
.page_fy a.next:before{ content: "";position: absolute;  top: 0; width: 999px; height: 100%; z-index: 1; background: #fff; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
.page_fy a.prev:before{ left: -999px; }
.page_fy a.next:before{ right: -999px; }
.page_fy a.prev:hover:before,
.page_fy a.next:hover:before,
.page_fy a.focus:before{background: #C30C24;}


.page_fy a.next{}
.page_fy span{padding-left:5px; }
.page_fy span.off {color: #ccc;margin: 2px;padding: 2px 5px;}


/*图片列表页*/
div.piclists{ margin-left:20px;}/*整个图片组的左边距*/
li.lithumb{ float:left; margin-right:30px;}
li.lithumb table tr td.tdtitle{ line-height:30px;}
li.lithumb table tr td.tdtitle a{ font-family:"微软雅黑"}
li.lithumb table tr td.tdcenter{border:1px solid #cccccc;}
li.lithumb table tr td.tdcenter a{float:left; width:100%; text-align:center; display:inline-block}
li.lithumb table tr td.tdcenter img{}
li.lithumbend{ margin-right:0px;}


/*滚轮触发元素移动特效*/
.noslide-RR,.noslide-LL,.small,.nosmall,.slide-T, .slide-B, .slide-L, .slide-R, .slide-W, .slide-Wsmall, .slide-H, .noslide-T,.noslide-T1, .noslide-B, .noslide-L, .noslide-R, .noslide-W, .noslide-Wsmall, .noslide-H{-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;transition:All 1s ease;}
.slide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}
.small{-moz-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);-webkit-transform:scale(0.7);transform:scale(0.7); opacity:0; filter:alpha(opacity=0);}
.nosmall{opacity:0; filter:alpha(opacity=0);-moz-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);-webkit-transform:scale(0.7);transform:scale(0.7);}
.nosmallbanner{opacity:1; filter:alpha(opacity=1);-moz-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);-webkit-transform:scale(0.7);transform:scale(0.7);
-moz-transition:all .8s ease 1s; -ms-transition:all .8s ease 1s; -o-transition:all .8s ease 1s; -webkit-transition:all .8s ease 1s; transition:all .8s ease 1s;}
.smallton{opacity:1; filter:alpha(opacity=1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.noslide-T1{ top:-50px; position:absolute; opacity:0; filter:alpha(opacity=0);}
.slide-Ton{top:0px; opacity:1; filter: alpha(opacity=1);}
.slide-Ton1{top:14px; opacity:1; filter: alpha(opacity=1);}
.slide-B{position:relative; bottom:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-B{position:relative; bottom:-50px; opacity:0; filter:alpha(opacity=0);}
.slide-Bon{bottom:0px; opacity:1; filter: alpha(opacity=1);}
.slide-L{position:relative; left:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-L{position:relative; left:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-LL{position:relative; left:-150px; opacity:0; filter:alpha(opacity=0); -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.slide-Lon{left:0px; opacity:1; filter: alpha(opacity=1);}
.slide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-RR{position:relative; right:-150px; opacity:0; filter:alpha(opacity=0);-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.slide-Ron{right:0px; opacity:1; filter: alpha(opacity=1);}
.slide-W{position:relative; left:-5%; width:110%; opacity:0; filter:alpha(opacity=0);}
.noslide-W{position:relative; left:-5%; width:110%; opacity:0; filter:alpha(opacity=0);}
.slide-Wsmall{position:relative; left:5%; width:90%; opacity:0; filter:alpha(opacity=0);}
.noslide-Wsmall{position:relative; left:5%; width:90%; opacity:0; filter:alpha(opacity=0);}
.slide-Won{left:0px; width:100%; opacity:1; filter: alpha(opacity=1);}
.slide-H{position:relative; height:0px; opacity:0; filter:alpha(opacity=0); overflow-x:hidden}
.noslide-H{position:relative; height:0px; opacity:0; filter:alpha(opacity=0);}
.slide-Hon{ height:auto; opacity:1; filter: alpha(opacity=1);}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// HiDPI Framework CSS Rules End                                                                         */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/




/*
1800px 过渡尺寸
*/
@media only screen and (max-width: 1800px){

}
/*
1680px [1680×1050]
*/
@media only screen and (max-width: 1680px) {

}

/*
1600px 过渡尺寸
*/
@media only screen and (max-width: 1600px) {



}

/*
1500px 过渡尺寸
*/
@media only screen and (max-width: 1500px) {



}

/*
1440px [1400×900]
*/
@media only screen and (max-width: 1440px) {

}

/*
1400px 过渡尺寸
*/
@media only screen and (max-width: 1400px) {

}


/*
1366px [1366×768]
*/
@media only screen and (max-width: 1366px) {

/*服务流程*/
.service li:first-of-type .info{left: -78px;}
.service li:last-of-type .info{left: -128px;}

}

/*
1280px [1280×1024] [1280×800]
*/
@media only screen and (max-width: 1280px) {

/*服务流程*/
.service li:first-of-type .info{left: -28px;}


}
/*
1200px 过渡尺寸
*/
@media only screen and (max-width: 1200px) {
.w1200{ width: 100%; padding:0 15px; }
.header .logo {padding: 3px 0 0 0px; width: 280px; }
.header .logo img {width: 60px; height: auto; }
.header .logo b {font-size: 15px; font-weight: bold; margin-top: 14px; }
.header .logo span{ display: none; }

.header .nav{ display: none;}
.wapmenu{ display:block; text-align: right;}

.header {height: 50px; position: fixed; -webkit-box-shadow:0 0px 5px rgba(0,0,0,0.2);-o-box-shadow:0 0px 5px rgba(0,0,0,0.2);box-shadow:0 0px 5px rgba(0,0,0,0.2);  }
.block_header{ height: 50px; }
.header .btn_language {margin: 9px 3px 0 3px; }
.header .btn_language.m1 {margin-right: 8px; }
.header .search_box {display: block; float: right; width: 50px; height: 50px; font-size: 14px; margin-left: 0px;  }
.header .search_box .btn_search {line-height: 50px; }
.header .search_box .search {top: 50px; right: -100px; }
.header .search_box .btn_search:after {display: none; }


/*服务流程*/
.service li .info{ display: none !important;}
.service li {width: 8.3%; margin-left: 10%; }
.service li .ico {left: -70%; }
.service .text {font-size: 14px; margin-top: 20px; }

/*站内公告*/
.notice_box .a_more {width: 100px; height: 58px; margin-top: 31px; }
.notice {width: calc(100% - 120px);}


.business_box .w1200{ padding:0; }
.case_box .w1200{ padding:0; }
.news_box .w1200{ padding:0; }
.intro .intro_btns{ width: 460px; left: 50%; margin-left: -230px;}



.case .swiper-container .swiper-slide .text {width: 50%; height: 100%; padding-left: 20px; padding-right: 20px;  }
.case .swiper-button-prev {right: 42px; }
.case .swiper-button-next {right: 20px; }



/*内页*/


}


/*
1919px 过渡
*/
@media only screen and (max-width: 1919px) {

/*业务范围*/
.business .cover{ display: none; }
.business_btns {float: none; }
.business_btns ul{ text-align: center; }
.business_btns li{ float: none; display: inline-block; }


}

/*
1100px 过渡
*/
@media only screen and (max-width: 1100px) {

.header .nav li > a {padding: 0 12px; }

.business_btns li{ line-height: 2; }
.business_btns li b {font-size: 14px; margin-top: 0px; }
.business_btns li a span { display: none; }
.business_btns li:before {top: 7px; height: 16px; }

.case .cover{ display: none; }
.case .cover2{ display: block; }

.intro .intro_body {height: 402px; }
.intro .intro_body .text .more {bottom: 33px; }

.footer .profile .nav_foot.m2 { display: none; }

}

/*
1024px [1024×768] ipad1 ipad2 ipad mini 手机端开始
*/
@media only screen and (max-width: 1024px) {



}

/*
1000px 过渡
*/
@media only screen and (max-width: 1000px) {

.choose_box .w1200{ height: 1780px; background: url(../images/bg_why.jpg) -146px top repeat; }
.choose li {float: none; width: 100%; }

.case_box {padding-top: 228px; }
.news .news_body {margin-top: 64px; height: auto; overflow: hidden; }
.news .news_body .con {position: relative; width: 100%; height: auto; overflow: hidden; }
.news .news_body li {float: none; width: 100%; height: auto; overflow: hidden; }
.news .news_body li:hover .pic .photo{ -webkit-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0); }
.news .news_body li:nth-of-type(2){ display: none; }
.news .news_body li:nth-of-type(3){ display: none; }
.news .news_body li .text{ width: 96%; margin-left: 2%; }
.news .news_body li .text .line{ width: 100%; margin-top: 20px;}
.news .news_body li .text b {margin-top: 20px;}
.news .news_body li .text i { display: none; }
.news .news_body li .text .more {margin-top: 20px; }

}
/* 900px 过渡 */
@media only screen and (max-width: 900px) {

/*服务流程*/
.service_box{ padding-bottom: 0px; }
.service{ height: auto; background: #fff; margin-bottom: 0px; padding-bottom: 40px; }
.service li .info{ display: none !important;}
.service li {width: 25%; margin-left: 12%; }
.service li .ico {left: -32%; top:36%;}
.service .w1200:after{ display: none; }
.service li:nth-of-type(3n+1){ margin-left: 0;}
.service li:nth-of-type(3n+1) .ico { display: none !important; }

/*站内公告*/
.notice .swiper-container .swiper-slide b { margin-left: 30px;  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.notice .swiper-container .swiper-slide span { display: none; }

/*业绩案例*/
.case {height: auto; overflow: hidden; }
.case .swiper-container {width: 100%; height: auto; overflow: hidden; position: relative; }
.case .swiper-container .swiper-slide .pic {width: 100%; padding-top:75%; height: auto; float: none; overflow: hidden; }
.case .swiper-container .swiper-slide .text {width: 100%; height: auto; overflow: hidden; padding-left: 20px; padding-right: 20px; padding-bottom: 25px; }
.case .swiper-container .swiper-slide .text b {font-size: 18px; margin-top: 20px; }
.case .swiper-container .swiper-slide .text p {margin-top: 20px; line-height: 1.8; -webkit-line-clamp: 3; }
.case .swiper-container .swiper-slide .btns {padding-top: 20px; margin-top: 20px; }

/*关于我们*/
.intro_box .intro {padding-top: 40px; }
.intro .intro_body {height: 460px; }
.intro .intro_body .pic {width: 96%; height: auto; float: none; }

.intro .intro_body .con {padding-top: 15px; position: relative; }
.intro .intro_body .pic .photo {padding-top: 200px; }
.intro .intro_body .text b {font-size: 20px; margin-top: 20px; }
.intro .intro_body .text span {font-size: 14px; }
.intro .intro_body .text {width: 96%; height: auto; float: none; text-align: left; margin-left: 2%; }
.intro .intro_body .text p {margin-top: 20px; line-height: 1.8; }
.intro .intro_body .text .line {margin-top: 20px; }
.intro .intro_body .text .more {bottom: auto; top: 163px; }
.intro .intro_body .text .more:before {font-size: 40px; }
.intro .intro_btns li {width: 100px; }

.news .news_btns {float: none; padding-top: 23px; }
.news .news_body {margin-top: 20px; }


/*标题*/
.title_b_1{ padding:0 20px; }
.title_b_1 b {font-size: 20px; margin-top: 63px; line-height: 1.5; }
.title_b_1 span {font-size: 12px; }
.title_b_2 b {font-size: 20px; margin-top: 63px; line-height: 1.5; }
.title_b_2 span {font-size: 12px; }
.title_b_3 b {font-size: 20px; margin-top: 63px; line-height: 1.5; }
.title_b_3 span {font-size: 12px; }
.title_b_4 {  float: none; padding-left:20px; }
.title_b_4 b{ font-size: 20px; margin-top: 0px; line-height: 1.5; }
.title_b_4 span {font-size: 12px; }

.case .cover2 b{font-size: 20px; line-height: 1.5; }
.case .cover2 span {font-size: 12px; }



.footer .profile .nav_foot.m1 { display: none; }




}



/* 800px 竖屏 安卓平板 */
@media only screen and (max-width: 800px) {

}


/* 768px 竖屏 ipad mini */
@media only screen and (max-width: 768px) {

.choose li .pic .photo {background-size: 30%; }
.choose li .list {width: 90% !important; left: 15px; box-sizing: border-box; }
.choose li .text {top: 43px; left: 15px; }
.choose li .ico {bottom: 25px; left: 15px; }
.choose li .text b {font-size: 20px; }
.choose li .text span {font-size: 16px; }

.footer {padding: 20px 0 0px; }
.footer .profile .w1200 {display: block; }
.footer .profile .nav_foot:before, .footer .profile .contact_box:before{ display: none; }

.footer .profile .contact_box {padding-left: 0px; width: 100%; }

.footer .profile .qrcode {padding-left: 0px; text-align: center; margin-top: 10px; }
.footer .qrcode{ clear: both; }
.footer .qrcode img {margin:0 auto; display: block; }
.footer .tel {display: none; }
.footer .address {margin-top: 20px; }
.footer .address i {display: none; }
.footer .address li {text-align: center; }
.footer .address li {height: auto; }
.footer .copyright {height: auto; margin-top: 40px;line-height: 1.8; padding-top:10px; padding-bottom: 10px; margin-top: 20px; }

.footer .copyright .fl{ float: none; display: inline-block; line-height: 1.8; }
.footer .copyright .fr{ float: none; display: inline-block;  line-height: 1.8;}

.footer .links .fr {display: none; }
.footer .links {line-height: 1.8; padding-top: 5px; padding-bottom: 10px;}
.footer .links:before {display: none; }
.footer .links .f_l span {font-weight: bold; margin-right:0;  }
.footer .links .f_l a { }



}



/* 700px 过渡 */
@media only screen and (max-width: 700px) {


}

/* 绝对手机模式 */
@media only screen and (max-width: 600px) {
.choose li .pic .photo {background-size: 45%; }
.choose li.li3 .pic .photo {background-size: 40%; }
.choose li.li4 .pic .photo {background-size: 60%; }




}

/* 苹果s */
@media only screen and (max-width: 414px) {
.header .logo {width: 260px; }
.header .logo img {margin-right: 10px; }
.header .logo b {font-size: 14px; font-weight: bold; margin-top: 14px; }
.wapmenu {width: 35px;}
.banner .swiper-pagination {bottom: 10px; }

.banner .swiper-button-prev{ display: none !important; }
.banner .swiper-button-next{ display: none !important; }


.notice_box .a_more {width: 60px; }
.notice {width: calc(100% - 70px); }

.intro .intro_body .pic {width: 92%;  margin-left: 4%;}
.intro .intro_body .text {width: 92%; margin-left: 4%; }
.intro .intro_btns{ width: 310px; margin-left: -155px;}

.business_body{ margin-top: 20px; }
.business {margin-top: 20px; }

.service_box {padding-top: 30px; background: #fff; padding-bottom: 20px; }
.service {margin-top: 0px; margin-bottom: 0px; }
.service li {margin-top: 35px; }
.service li .ico {left: -36%; top: 30%; }

.choose_box .w1200 {padding-top: 30px; height: 1650px;}
.choose {margin-top: 30px; }

.case_box { background: #fff; padding-top: 100px; }

.news_box {padding-top: 30px; padding-bottom: 30px; }
.news .news_body li .text {width: 92%; margin-left: 4%; }

.title_b_1 b { margin-top: 20px; color: #333; font-size: 18px; }
.title_b_2{ text-align: center; }
.title_b_2 b {margin-top: 0px; }
.title_b_3{ text-align: center; }
.title_b_3 b {margin-top: 0px; }

}

/* 苹果普通、X */
@media only screen and (max-width: 375px) {

}

/* 安卓小屏 */
@media only screen and (max-width: 360px) {
.title_b_1 b {  font-size: 17px; }

}

/* 苹果5 */
@media only screen and (max-width: 320px) {
.header .logo {width: 230px; }
.header .logo b {margin-top: 8px; }
.service li .ico {left: -39%; top: 25%; }

}


/*手机横屏*/
@media (max-width:850px) and (max-height:414px) {


}

@media (max-width:600px) and (max-height:320px) {

}