/*footerr*/
.wrapperd  {
	padding-right: 2%;
	padding-left: 2%;
	margin-right: auto;
	margin-left: auto
}
.wrapperds  {
	padding-right: 1%;
	padding-left: 1.3%;
	margin-right: auto;
	margin-left: auto
}
.bottom { height: auto; padding-bottom: 15px; border-bottom: 1px solid #353535; background-color: #2a2a2a; padding-top: 70px; }
.bottom .tit { font-size: 16px; background: url() right bottom no-repeat; padding-right: 28px; display: inline-block; color: #fff; margin-bottom: 18px;list-style:none; }
.action{ margin-bottom:18px;}
.action a{ color:#ccc;}
.bottom .index_contact { float: left; width: 50%; }
.bottom .index_contact p { font-size: 13px; color: #797979; line-height: 22px }
.bottom .index_contact p span { color: #d8251e; font-size: 16px; }
.bottom .index_contact .index_phone, .bottom .index_contact .index_email, .bottom .index_contact .index_qq, .bottom .index_contact .index_address { color: #9f9f9f; line-height: 40px; }
.bottom .index_contact .index_phone { background: url(../images/index_phone.png) left center no-repeat; padding-left: 43px; }
.bottom .index_contact .index_email { background: url(../images/index_email.png) left center no-repeat; padding-left: 43px; }
.bottom .index_contact .index_qq { background: url(../images/index_qq.png) left center no-repeat; padding-left: 43px; }
.bottom .index_contact .index_address { background: url(../images/index_address.png) left center no-repeat; padding-left: 43px; }
.bottom .requirement { width: 46.7%; float: right; font-size: 13px }
.bottom .requirement p { color: #ccc; line-height: 22px; list-style:none;}
.bottom .requirement form input { background: none; background-color: #353535; width: 229px; height: 35px; line-height: 35px; color: #868686; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; margin-bottom: 10px; padding: 0 10px; transition: all .3s; -webkit-transition: all .3s; }
.bottom .requirement form textarea { background-color: #353535; resize: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; color: #868686; padding: 2%; width: 96%; height: 100px; margin-bottom: 14px; transition: all .3s; -webkit-transition: all .3s; }
.bottom .requirement form .submit { width: 99px; height: 26px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; text-align: center; line-height: 24px; background-color: #d4251e; color: #FFF; float: right; cursor: pointer; }
.footerr { height: auto; overflow: hidden; border-top: 1px solid #252525; background-color: #2a2a2a; padding-top: 26px; position: relative; }
.footerr .link { padding-bottom: 20px }
.footerr .link a { text-decoration: none;
    color: #666;font-size: 13px; }
	
	.copyright a { text-decoration: none;
    color: #666;}
	
.footerr h2 { font-size: 13px; color: #FFF; margin-bottom: 13px; }
/*.footerr p a { font-size: 12px; color: #9b9b9b; margin-right: 19px; line-height: 24px; }*/
.footerr .copyright { background-color: #111; border-top: 1px solid #303030; color: #565656; text-align: center;font-size: 13px; line-height:2;padding:2em 0 }
/*.footerr .copyright a { background: #98423f url(../images/toTop.png) center no-repeat; width: 30px; height: 30px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; position: absolute; right: 10px; bottom: 0; display: block; cursor: pointer; }
.footerr .copyright .bah{background:none;width:auto;height:auto;border-radius: 0;position:static;display:inline-block;}*/







#price-table{border-collapse: collapse;margin-top: 100px;}
#price-table .price-row .pack-title{width: 25%;line-height: 60px;}
#price-table .price-row .pack-title{background-color: #fafafa;border-left: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;}
#price-table .price-row .pack-title .title-0{font-size: 36px;color: #000;}
#price-table .price-row .pack-title .title-1{font-size: 30px;color: #bbb;}
#price-table .price-row .pack-col{width: 25%;}
#price-table .price-row.r0 .pack-col{padding: 50px 0;}
#price-table .price-row.r0 .pack-col.i0{background-color: #ffc804;border-top: 1px solid #ffc804;}
#price-table .price-row.r0 .pack-col.i1{background-color: #ff4300;border-top: 1px solid #ff4300;}
#price-table .price-row.r0 .pack-col.i2{background-color: #00b3ff;border-top: 1px solid #00b3ff;}
#price-table .price-row.r0 .pack-col .price-title{font-family:Arial, 'PingFang';font-size: 48px;color: #fff;}
/*#price-table .price-row.r0 .pack-col .price-title::before , #price-table .price-row.r0 .pack-col .price-title::after{width: 40px;height: 1px;background-color: #fff;position: absolute;z-index: 1;top: 50%;content: '';}*/
#price-table .price-row.r0 .pack-col .price-title::before{right: 120%;}
#price-table .price-row.r0 .pack-col .price-title::after{left: 120%;}
#price-table .price-row.r0 .pack-col .pack-price{font-family:Arial, 'PingFang';font-size: 86px;color: #fff;}
#price-table .price-row.r0 .dd-pack-col .pack-price{font-size: 66px;}
#price-table .price-row.r0 .pack-col .pack-price::before{font-size: 30px;position: absolute;z-index: 1;top: 18px;right: 100%;content: '¥';}
#price-table .price-row.r0 .dd-pack-col .pack-price::before{content: '';}
#price-table .price-row.r0 .pack-col .o-price{font-size: 18px;color: #fff;opacity: .5;}
#price-table .price-row.r0 .pack-col .o-price::before{width: 120%;height: 1px;background-color: #fff;left: -10%;top: 50%;position: absolute;z-index: 1;content: '';}
#price-table .price-row.r1 .pack-col{padding: 30px 0 50px;}
#price-table .price-row.r1 .pack-col.i0{background-color: #ffd306;}
#price-table .price-row.r1 .pack-col.i1{background-color: #ff5400;}
#price-table .price-row.r1 .pack-col.i2{background-color: #00c1ff;}
#price-table .price-row.r1 .pack-col .renewals{font-size: 26px;color: #fff;}
#price-table .price-row.r1 .pack-col .renewals span{font-size: 36px;}
#price-table .price-row.r1 .pack-col .renewals font{font-size:18px; font-weight:bold;}
#price-table .price-row.r1 .pack-col .renewals span::before{font-size: 26px;position: relative;z-index: 1;top: -8px;margin: 0 4px 0 8px;content: '¥';}
#price-table .price-row.r1 .pack-col .o-price{font-size: 18px;color: #fff;opacity: .5;}
#price-table .price-row.r1 .pack-col .o-price::before{width: 120%;height: 1px;background-color: #fff;left: -10%;top: 50%;position: absolute;z-index: 1;content: '';}
#price-table .price-row.r1 .pack-col .tips{font-size: 22px;color: #fff;margin-top: 30px;}
#price-table .price-row.r1 .pack-col .tips a{color: #fff; font-size:36px;}
#price-table .fun-title td{line-height: 60px;font-size: 18px;color: #000;background-color: #e1e1e1;}
#price-table .fun-row .fun-type{font-weight: bold;font-size: 16px;color: #333;border: 1px solid #e5e5e5;}
#price-table .fun-row .fun-title{height: 60px;line-height: 24px;font-size: 16px;color: #333;border: 1px solid #e5e5e5;}
#price-table .fun-row .fun-cell{font-size: 16px;color: #666;}
#price-table .fun-row.i0 .fun-cell.i0{background-color: #f8f5e7;}
#price-table .fun-row.i0 .fun-cell.i1{background-color: #f8ece7;}
#price-table .fun-row.i0 .fun-cell.i2{background-color: #ebf5f9;}
#price-table .fun-row.i1 .fun-cell.i0{background-color: #eeecdf;}
#price-table .fun-row.i1 .fun-cell.i1{background-color: #eee3df;}
#price-table .fun-row.i1 .fun-cell.i2{background-color: #e1ecf1;}













/*分页*/
.pageBox {  text-align: center; margin-top: 40px; padding-bottom:40px}
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center; font-family: 'Arial'; background-color: #e9e9e9; color: #ccc; }
.pageBox a:hover,.pageBox a.active { background-color:#c11a20; color: #FFF; }
.pageBox .on{ background-color: #c11a20; color: #FFF; }
.pageBox .shangyi{ display:none;}

.f_service_con{ width:100%; height:178px; background-color:#151515; border-bottom:1px solid #333}
.f_service_con .h_fumin{ width:1200px; height:178px; margin:0 auto;}
.f_service_con .h_fumin_lei{ width:300px; height:100px; float:left; margin-top:40px;}
.f_service_con .h_fumin_lei_tu{ width:100px; height:100px; float:left; margin-right:10px; display:inline;}
.f_service_con .h_fumin_lei p{ color:#FFFFFF; font-size:22px; padding-top:20px; transition: all .6s ease;}
.f_service_con .h_fumin_lei span{ color:#FFFFFF; font-size:14px; line-height:32px; transition: all .6s ease;}
.f_service_con .h_fumin_lei:hover p{ color:#f2054d}
.f_service_con .h_fumin_lei:hover span{ color:#f2054d}

@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px){

/*  鏈嶅姟   */
.f_service_con{ width:100%; height:200px; padding-top:10px;}
.f_service_con .h_fumin{ width:100%; height:auto;}
.f_service_con .h_fumin_lei{ width:46%; margin:0 2%; height:auto; margin-top:20px; height:auto !important; }
.f_service_con .h_fumin_lei_tu{ width:20%; height:60px;}
.f_service_con .h_fumin_lei_tu img{ width:100%;}
.f_service_con .h_fumin_lei p{font-size:16px; padding:5px 0 8px 0; width:100%;}
.f_service_con .h_fumin_lei span{font-size:12px; width:100%; display:block; line-height:20px;}

}









@media  (max-width: 861px) {

.pageBox { width: 640px; text-align: center; margin:auto; padding-top:20px; padding-bottom:30px;}
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center; font-family: 'Arial'; background-color: #e9e9e9; color: #2f2f2f; }
.pageBox a:hover,.pageBox a.active { background-color: #1357a2; color: #FFF; }
.pageBox .on{ background-color: #c11a20; color: #FFF; }
.pageBox .shangyi{ display:none;}
}

@media (min-width: 320px) and (max-width: 639px) {

.pageBox { width: 320px; text-align: center; margin:auto; padding-top:20px; padding-bottom:30px;}
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center; font-family: 'Arial'; background-color: #e9e9e9; color: #2f2f2f; }
.pageBox a:hover,.pageBox a.active { background-color: #1357a2; color: #FFF; }
.pageBox .on{ background-color: #c11a20; color: #FFF; }
.pageBox .shangyi{ display:none;}
}

@media (min-width:375px) and (max-width:410px){
	
.f_service_con{ width:100%; height:220px; padding-top:10px;}	
}

@media (max-width:340px) {
.f_service_con{ width:100%; height:220px; padding-top:10px;}
.f_service_con .h_fumin_lei_tu{ width:20%; height:60px;}
.f_service_con .h_fumin_lei p{font-size:16px; padding:2px 0 8px 0; width:100%;}

}

@media screen and (max-width:1600px){
  .case .wrapperd,
  .index_case .wrapperd{width:1300px;}
  .itemBox{height:188px;}
  .index_case{height:auto; overflow: hidden; }
  .itemBox .mask .info p{line-height: 20px; height:60px; overflow: hidden;}
  .bannerText h2{font-size:25px; line-height:30px;}
  .aboutBox02_bg{background-attachment:scroll;}
  .index_slogan{padding: 20px 0;}

}
@media screen and (max-width:1550px){
  .bannerText{width:486px; height:486px; margin-left: -243px; margin-top: -243px; background-size:100% 100%;}
  .bannerText .banner_sm{margin-top: 70px;}
  .bannerText .line_long,
  .bannerText .line_short{width:326px; margin-top: 10px; margin-bottom: 5px;}
  .bannerText h1{line-height: 30px; font-size: 20px;}
  .bannerText p{line-height: 20px; width:80%; margin:0 auto;}
  .bannerText .more{margin-top: 20px;}
  .case .wrapperd,
  .index_case .wrapperd{width:1170px;}
  .itemBox{height:169px;}
}
@media screen and (max-width:1440px){
  .itemBox .mask .info{padding:5% 2% 0;}
  .itemBox .mask .info .title{font-size:16px;}
}
@media screen and (max-width:1300px){
  .Famous{width:1170px;}
  .aboutbanner{display: none;}
  .aboutBox01{padding-top: 60px;}
  /* .DB_tab01 .DB_bgSet li{background:#2e2e2e !important;} */
}
@media screen and (max-width:1170px){
  .wrapperd{width:1000px;}
  .nav_icon{display:block; position: absolute; right: 30px; top:50%; width:15px; height:18px; padding:5px; padding-bottom: 2px; margin-top: -10px; cursor:pointer;  border-radius:3px; -webkit-border-radius:3px; background-color: #FFF}
  .nav_icon span{width:100%; height:3px; background-color: #a6a6a6; margin-bottom: 3px; display: block;}
  .header .nav ul{display: none;}
  .header > span{right:60px;}
  .header .nav ul{z-index: 100; width:100%; background-color: #282828; right:0;}
  .header .nav ul li{width:100%; }
  .header .nav ul li > a{height: 50px;line-height: 50px;}
  .header .nav{width:100%; height:auto; top:90px; left:0; right:0;}
  body .menu>ul>li>a{color:#FFF;font-weight: bold;font-seze:16px;}
  .bannerText{width:386px; height:386px; margin-left: -193px; margin-top: -193px;}
  .bannerText .banner_sm{margin-top: 40px; width:180px; height:23px; background-size: 100% 100%; margin-bottom: 5px;}
  .bannerText .line_long, .bannerText .line_short{width:230px;}
  .bannerText p{font-size: 12px; line-height: 15px;}
  .bannerText .more{width:100px; height:30px; line-height: 30px; font-size: 13px; border-radius: 10px; -webkit-border-radius: 10px;}
  .case .wrapperd,
  .index_case .wrapperd{width:1000px;}
  .itemBox{height:144px;}
  .itemBox .mask .info{padding:5% 2% 0;}
  .itemBox .mask .info .title{margin-bottom: 0; margin-top: 10px;}
  .index_more .index_more_cont .item .img_bg{line-height: 200px;}
  .bottom .requirement form input{width:40%;}
  .website_shopping .main{background-size: 100% 100%;}
  .website_shopping .main .container{width:800px;}
  .websiteDetail03 .text{width:56.4%;}
  .websiteDetail03 .img{width:400px; height:380px; top: -22px;}
  .websiteDetail03 .text p.unique{margin-top: 30px;}
  .websiteDetail04 .text{width:40%; padding-right: 4%;}
  .project_bottom_scroll .bd{width:709px;}
  .website_phone_main01 .left{width:57.8%;}
  .website_phone_main01 .right{width:40%;}
  .website_responsive_main span.add1{left:361px;}
  .website_responsive_main span.add2{right:361px;}
  .website_responsive_main02 .img{width:400px; top:-22px;}
  .website_responsive_main02 .text{padding-left: 450px;}
  .project_scroll .bd ul li .text{width:300px;}
  .project_scroll .hd{right:112px;}
  .solution .side .sulution_contact span{font-size: 10px;}
  .solution .side .sulution_contact{background-size:100%;}
  .solution .side .solution_service p span{font-size: 12px;}
  .websiteDetail05 ul{width:90%;}
  .websiteDetail05 ul li{width:24.4%;}
  .websiteDetail05 ul li .text p{margin-top: 15px; font-size: 14px;}
  .websiteDetail05 ul li .text span{font-size: 12px;}
  .aboutBox01 .text{width:100%;}
  .aboutBox02{height:auto; overflow: hidden; padding-bottom: 50px; padding-top: 80px;}
  .aboutBox02 .leftBox{width:46%; margin-top: 0;}
  .aboutBox02 .rightBox{width:47.8%; margin-top: 0;}
  .aboutBox02 .leftBox p{line-height: 24px; font-size: 14px;}
  .aboutBox02 .leftBox h3{font-size: 20px;}
  .aboutBox03 .scroll .viewPic .bd li .leftBox{width:39.4%; margin-right: 0.75%; height:100%;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox{width:39.4%; margin-right: 0.75%; height:100%;}
  .aboutBox03 .scroll .viewPic .bd li .rightBox{width:19.7%; height:100%;}
  .aboutBox03 .scroll .viewPic .bd li .leftBox .up{height:58.7%; margin-bottom: 1.5%;}
  .aboutBox03 .scroll .viewPic .bd li .leftBox .down{height:39.8%;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up{height:39.2%; overflow: hidden; margin-bottom: 1.5%;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .down{height:59.3%;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department{width:49.25%;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .rightImg{width:49.25%;}
  .aboutBox03 .scroll .viewPic .tempWrap{height:100% !important;}
  .aboutBox03 .scroll .viewPic .tempWrap ul{height:100% !important;}
  .aboutBox03 .scroll .viewPic .tempWrap ul li{height:100% !important;}
  .aboutBox04 .scroll .viewPic .bd li{padding:0 50px;}
  .Famous{width:1000px;}
  .aboutBox05 .introduceUs{width:325px;}
  .aboutBox05 .introduceUs h3{font-size: 13px; line-height: 40px; margin-bottom: 0;}
  .aboutBox05 .introduceUs p,
  .aboutBox05 .introduceUs span{font-size: 12px;}
  .searchbanner .insideIntro{width:1000px; margin-left:-500px;}
  .searchbanner .insideIntro .searchBox .txt{width:624px;}
  .header .nav ul li .sub_nav{display: none !important;}
  .custom_btn{display: none;}

  .index_service .index_service_cont .b1{width: 716px;}
  .index_service .index_service_cont .b2{width: 716px;}
  .index_service .index_service_cont .b3{width: 283px;}
  .index_service .index_service_cont .sb1{width: 309px;}
  .index_service .index_service_cont .sb2{width: 286px;}
  .index_service .index_service_cont .sb3{width: 309px;}
  .index_service .index_service_cont .sb4{width: 286px;}
  .index_service .index_service_cont .sb5{width: 223px;}
  .index_service .index_service_cont .sb6{width: 223px;}
  .index_more .index_value{text-align: center;background: none;}
  .DB_tab01{height: auto;}
  .DB_tab01 .DB_imgSet li{height: auto;padding: 20px 0;}
  .DB_tab01 .DB_imgSet li{text-align: center;}
  .DB_tab01 .DB_imgSet li img{margin: 0 auto;width: 96%;}
  .DB_tab01 .DB_imgSet .DB_1_3{display: none;}
  .DB_tab01 .DB_imgSet .DB_1_1,.DB_tab01 .DB_imgSet .DB_1_2{position: static;}
  .DB_tab01 .DB_imgSet{width: 100%;position: static;margin-left: 0;}

  .menu{width: 100%; height: auto; top: 90px; left: 0; right: 0;position: absolute;text-align: left;background: #282828;z-index: 100;}
  .menu a{display: block;line-height: 50px;border-bottom: 2px solid transparent;padding-left: 10%;}
  .menu a:hover{border-bottom: 2px solid #e22b00;}
  .menu .sub_nav{background: #999;}
  .menu .sub_nav a{padding-left: 20%;height: 30px;line-height: 30px;white-space: nowrap;}
  .menu .sub_nav dd,.menu .sub_nav dl{width: 100%;}
  .menu .websiteli dd{float: left;width: 33.3333%;}
  .menu .websiteli dl:after{clear: both;display: table;content: ''}
  .menu .caseli dd,.menu .solutionli dd{float: left;width: 25%;}
  .menu .caseli dl:after,.menu .solutionli dl:after{clear: both;display: table;content: ''}
  .menu .aboutli dd{float: left;width: 33.33%;}
  .menu .aboutli dl:after{clear: both;display: table;content: ''}
  .menu .websiteli dl a,.menu .caseli dl a,.menu .aboutli dl a{padding-left: 0;text-align: center;}

  .website_service_section2 .float{display: none;}
  .website_service_section2 .bd{width: 100%;}

  .Strength .timenav{display: none;}
  /*.website_service_section3 .rt{width: 35%;}*/
  .web_nav{ width:100%; float:none; background:none;}
  .web_cont{ width:100%; float:none; margin-top:20px;}
  
}
@media screen and (max-width:1000px){
  .wrapperd{width:800px;}
  .bannerText{width:300px; height:300px; margin-left: -150px; margin-top: -150px;}
  .bannerText h1{line-height: 18px; font-size: 16px;}
  .bannerText .line_long, .bannerText .line_short{margin-top: 5px; margin-bottom: 2px;}
  .bannerText p{font-size: 10px; line-height: 13px;}
  .bannerText .more{margin-top: 10px;}
  .case .wrapperd,
  .index_case .wrapperd{width:800px;}
  .itemBox{width:33.33333%;}
  .index_more .index_more_cont .item .img_bg{line-height: 160px;}
  .index_more .index_more_cont .item .img_bg em{font-size: 60px;}
  .index_more{height:auto; overflow: hidden; padding-bottom: 100px;}
  .bottom .index_contact .index_phone, .bottom .index_contact .index_email, .bottom .index_contact .index_qq, .bottom .index_contact .index_address{line-height: 40px;}
  .footerr .copyright p{line-height: 20px; margin-top: 10px;}
  .website .list ul li .text h2{line-height: 50px; font-size: 18px;}
  .website .list ul li .text{padding-bottom: 50px;}
  .website .list ul li .text p{font-size: 13px;}
  .website_shopping .main .container{width:700px;}
  .websiteDetail03 .img{width:300px; height:270px; top:-16px;}
  .websiteDetail03 .text p.unique{line-height: 30px; margin-top: 10px;}
  .websiteDetail04 .text{width:190px;}
  .project_bottom_scroll .bd{width:620px;}
  .project_bottom_scroll .hd{width:180px;}
  .website_shop .main .container{width:100%;}
  .website_responsive_main .box1{left:0;}
  .website_responsive_main .box3{right:0;}
  .website_responsive_main span.add1{left:227px;}
  .website_responsive_main span.add2{right:227px;}
  .website_responsive_main01 p{font-size: 12px; line-height: 22px;}
  .website_responsive_main02 .img{width:300px; top:-17px;}
  .website_responsive_main02 .text{padding-left: 350px;}
  .website_responsive_main02 .text h1{padding-top: 30px; margin-bottom: 5px;}
  .website_responsive_main02 .text p{font-size: 12px; line-height: 25px;}
  .website_responsive_main02 .text .list li{line-height: 30px; padding-left: 40px; font-size: 12px;}
  .website_responsive_main02{height:380px;}
  .website_market01 .list li h3{margin-bottom: 0;}
  .website_market01 .list li.li3{padding-right: 300px;}
  .website_market01 .list li.li4{padding-right: 330px;}
  .website_market01 .img{width:300px;}
  .case .hd{width:auto;}
  .case .hd li{margin-bottom: 10px;}
  .project_scroll{height:auto;}
  .project_scroll .bd ul li .text{width:100%; margin-top: 200px;}
  .project_scroll .hd{right:0; bottom:20px;}
  .solution .main .content .tit li a{padding:0 20px;}
  .solution .main .content .list .text h1 a{font-size: 16px; margin-bottom: 0; line-height: 25px;}
  .solution .main .content .list .text p a{font-size: 13px;}
  .solution .main .content .list .text div{margin-top: 0;}
  .solution .main .content .list .text h1 i{top:-9px;}
  .solution .side .sulution_contact{padding-left: 51px; line-height: 40px;}
  .solution .side .solution_service p span{float:left !important; line-height: 20px;}
  .solution .side .tit li{font-size: 8px;}
  .websiteDetail05 ul li .myIcon{ margin-left: 5px; margin-right: 5px; }
  .websiteDetail05 .gotop{right:0;}
  .aboutBox01 .text h3{line-height: 30px;}
  .aboutBox01{height:auto; padding-bottom: 50px;}
  .aboutBox02 .leftBox p{font-size: 12px;}
  .aboutBox02 .leftBox .top{padding-bottom: 10px;}
  .aboutBox02 .leftBox .bottom{padding-top: 10px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department h2{font-size: 20px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department span{top:80px;}
  .aboutBox04 .scroll .viewPic .bd li{padding:0 30px;}
  .Famous{width:800px; height:800px;}
  .aboutBox05 .introduceUs{width:100%;}
  .website_company02 .left span,
  .website_company02 .left p{font-size:13px; margin-bottom:10px;}
  .searchbanner .insideIntro{width:800px; margin-left:-400px;}
  .searchbanner .insideIntro .searchBox span{font-size:20px; margin-left:20px;}
  .searchbanner .insideIntro .searchBox .txt{margin-left:15px; width:500px;}
  .searchbanner .insideIntro .searchBox .btn{width:120px; margin-left:15px;}
  .bannerText h2{font-size:18px; line-height:20px;}
  .bannerText .banner_sm{margin-top:30px;}
  #bannerresearch .intro .h1{font-size:50px;}

  .index_service .index_service_cont .b1{width: 573px;}
  .index_service .index_service_cont .b2{width: 573px;}
  .index_service .index_service_cont .b3{width: 226px;}
  .index_service .index_service_cont .sb1{width: 276px;}
  .index_service .index_service_cont .sb2{width: 176px;}
  .index_service .index_service_cont .sb3{width: 276px;}
  .index_service .index_service_cont .sb4{width: 176px;}
  .index_service .index_service_cont .sb5{width: 166px;}
  .index_service .index_service_cont .sb6{width: 166px;}

  .phone .cont_bar .text{position: absolute;right: 0;top: 0;}
  .website_service_section5 .lt img{width: 98%;}

  .Strength .wrapperd{width: 98%;}
  .Strength dl{width: 96%;margin: 0 auto;}
  .Strength dl dt{display: none;}
  .Strength dl dd{float: none;width: auto;}
}
@media screen and (max-width:800px){
  .wrapperd{width:768px;}
  .bannerText{width:260px; height:260px; margin-left: -130px; margin-top: -130px;}
  .bannerText p{display: none;}
  .bannerText .banner_sm{margin-top: 60px;}
  .bannerText .line_long, .bannerText .line_short{display: none;}
  .bannerText #type02{display: none;}
  .bannerText h1{line-height: 50px;}
  .case .wrapperd,
  .index_case .wrapperd{width:768px;}
  .website_shopping .main .container{width:600px;}
  .website_shopping .main p{font-size: 14px; line-height: 28px;}
  .website_shopping .main h2{font-size: 14px; line-height: 28px;}
  .websiteDetail04{height:600px;}
  .websiteDetail04 .text{width:100%;}
  .websiteDetail04 .text h1{margin-top: 70px;}
  .project_bottom_scroll .hd{width:100%; margin-bottom: 3px;}
  .project_bottom_scroll{height:auto;}
  .project_bottom_scroll .hd a{padding-bottom: 20px;}
  .project_bottom_scroll .bd{width:100%;}
  .project_bottom_scroll .bd ul li{width:33%;}
  .project_bottom_scroll .bd ul li .img{height:140px;}
  .project_bottom_scroll .hd h2{margin-top: 20px;}
  .project_bottom_scroll .hd h3{margin-bottom: 20px;}
  .website_shop .main h1{margin-bottom: 35px; font-size: 25px;}
  .website_shop .main p{font-size: 14px;}
  .website_phone_main01 .left{width:100%;}
  .website_phone_main01 .right{width:80%; margin-top: 20px;}
  .website_responsive_main01 h2{line-height: 30px; font-size: 15px;}
  .solution .side .sulution_contact{line-height: 10px; padding-bottom: 18px;}
  .websiteDetail05 .gotop{top:-78px;}
  .websiteDetail05 ul{width:100%; border-right:1px solid #494949;}
  .Famous{width:768px;}
  .website_company02 .left{width:100%;}
  .website_company02 .left p{padding-right:0;}
  .website_company02 .right{position:static; width:80%; padding-top:20px; float:left;}
  .searchbanner .insideIntro{width:768px; margin-left:-384px;}
  .bannerText h2{line-height:50px;}

  .index_service .index_service_cont .b1{width: 550px;}
  .index_service .index_service_cont .b2{width: 550px;}
  .index_service .index_service_cont .b3{width: 217px;}
  .index_service .index_service_cont .subbox{background-size: cover !important;}
  .index_service .index_service_cont .sb1{width: 262px;height: 143px;}
  .index_service .index_service_cont .sb2{width: 167px;height: 143px;}
  .index_service .index_service_cont .sb3{width: 262px;height: 143px;}
  .index_service .index_service_cont .sb4{width: 167px;height: 143px;}
  .index_service .index_service_cont .sb5{width: 157px;height: 89px;}
  .index_service .index_service_cont .sb6{width: 157px;height: 197px;}
  .index_service .index_service_cont .subbox small{font-size: 12px;}
  .index_service .index_service_cont .subbox h4{line-height: 25px;margin-bottom: 0;}

  .phone .phoneBox .items ul li{
    width: 33.33%;
    height: 187px;
  }
}
@media screen and (max-width:768px){
  .wrapperd{width:640px;}
  .case .wrapperd,
  .index_case .wrapperd{width:640px;}
  .itemBox{height:121px;}
  .itemBox .mask .info .title{line-height: 30px; height:30px;font-size:20px;}
  .index_customer{height:auto; overflow: hidden;}
  .index_customer .index_customer_scroll .picBox .bd li{height:auto; overflow: hidden;}
  .index_customer .index_customer_scroll .picBox .bd li .item{width:33.3333%;}
  .index_customer .index_customer_scroll{height:auto; padding-bottom: 50px; overflow: hidden;}
  .index_more .index_more_cont .item .img_bg{line-height: 128px; font-size: 30px; height:128px;}
  .index_more .index_more_cont .item .img_bg em{font-size: 50px;}
  .website_shopping .main h1{margin-bottom: 30px; font-size: 25px;}
  .website_shopping .main .container{width:500px;}
  .websiteDetail03 .img{width:100%; top:-35px;}
  .websiteDetail03 .text{width:100%;}
  .websiteDetail03{height:1000px;}
  .websiteDetail03 .text{top:610px;}
  .website_brand_main .list ul li .text h3{font-size: 14px; padding-top: 20px;}
  .website_brand_main .list ul li .text p{font-size: 12px; line-height: 22px;}
  .website_responsive_main span.add1{left:186px;}
  .website_responsive_main span.add2{right:186px;}
  .website_responsive_main01 .cont{padding-right: 220px;}
  .website_responsive_main01 .cont .img{width:200px;}
  .website_responsive_main01 .cont .img img{width:100%;}
  .website_responsive_main02{height:750px;}
  .website_responsive_main02 .text{padding-left: 0px; padding-top: 280px;}
  .website_market01 .list li p{font-size: 12px;}
  .website_market01 .list li.li4,
  .website_market01 .list li.li3{padding-right: 0;}
  .website_market01{height:800px;}
  .website_market01 .img{bottom:10px;}

  .project_scroll{background-position: center 58px; background-size:640px;}
  .project_scroll .bd ul li .img{ margin-top: 35px; width:100%; height:336px;position:relative;}
  .project_scroll .bd ul li .img a{display:block;width:585px; height:336px;position:absolute;left:50%;top:0;transform:translateX(-57%);}
  .solution .main .side,
  .solution .main .content{width:100%;}
  .solution .main .side{margin-top: 100px;}
  .solution .side .sulution_contact{background-size:auto; padding-left: 250px; line-height: 50px;}
  .solution .side .sulution_contact span{font-size: 14px;}
  .solution .side .solution_service p span{margin-right: 20px; font-size: 14px;}
  .websiteDetail05 ul li .myIcon{font-size: 16px; width:30px; height:30px; line-height: 30px;}
  .websiteDetail05 ul li .text p{font-size: 13px; margin-top: 10px;}
  .websiteDetail05 ul li .text span{font-size: 11px;}
  .websiteDetail05{height:56px;}
  .aboutBox02 .leftBox{width:100%; margin-left: 0;}
  .aboutBox02 .rightBox{width:50%; margin:0 auto; float:none;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department h2{font-size: 18px; margin-top: 10px; line-height: 30px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department p{top:40px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department span{top:60px;}
  .aboutBox04 .scroll .viewPic .bd li{padding:0 14px;}
  .Famous{width:640px;}
  .famousBg{visibility:hidden;}
  .searchbanner .insideIntro{width:640px; margin-left:-320px;}
  .searchbanner .insideIntro .searchBox .txt{width:364px;}
  .search .items .item{width:100%;}
  .search .items .item li{margin-bottom:5px;}
  .search .items{padding-bottom:25px;}

  .websiteDetail05{display: none;}
/*  .website_service_section3 .rt{text-align: center;width: 100%;float: none;}
  .website_service_section3 .lt{margin-top: 20px;width: 100%;float: none;}*/
  .website_service_section3 .lt img{width: 98%;}
  .website_service_section2 h2{text-align: center;}

}
@media screen and (max-width:640px){
  .wrapperd{width:95%;}
  .header > span{display: none;}
  .header .logo{left:30px;}
  .bannerText{width:200px; height:200px; margin-left: -100px; margin-top: -100px;}
  .bannerText .banner_sm{margin-top: 40px; width:140px; height:18px;}
  .index_service .index_service_cont .item{width:100%; margin-bottom: 15px;}
  .index_service{height:auto; overflow: hidden;}
  .itemBox{width:50%; height:169px;}
  .case .wrapperd,
  .index_case .wrapperd{width:95%;}
  .itemBox .mask .info .title{margin-top: 30px;}
  .index_more .index_more_cont .item .img_bg em{font-size: 40px;}
  .index_view .index_view_tab .bd li .imgText{width:32%; margin:0 0.65%; margin-bottom: 15px;}
  .index_more .index_tit{width:300px; height:60px; background-size: 100% 100%;}
  .index_view .index_view_tab .hd{width:410px;}
  .index_view .index_view_tab .hd li{width:75px;}
  .bottom .index_contact{width:100%;}
  .bottom .requirement{width:100%;}
  .bottom{padding-top: 40px;}
  .website .list ul li .text p{line-height: 20px; height:60px;}
  .website_shopping .main .container{width:80%;}
  .websiteDetail03 .text{top:500px;}
  .websiteDetail03{height:850px;}
  .website_brand_main h1 span{font-size: 20px;}
  .website_brand_main h2{font-size: 13px;}
  .website_responsive_main .box1{width:100%; position: static;}
  .website_responsive_main .box2{width:100%; position: static; margin-top: 20px; margin-bottom: 20px; margin-left: 0;}
  .website_responsive_main .box3{width:100%; position: static;}
  .website_responsive_main{padding:20px 0; height:auto;}
  .website_responsive_main span.add1,
  .website_responsive_main span.add2{display: none;}
  .website_responsive_main h3{margin-top: 0;}
  .website_responsive_main01 .cont{padding-right: 0;}
  .website_responsive_main01{height:600px;}
  .website_responsive_main01 .cont .img{top:200px; right:0;}
  .website_market .items .item{width:100%;}
  .website_market{height:auto;}
  .website_market01 .list li{padding-left: 120px;}
  .website_market01 .list li h3{font-size: 14px; line-height: 24px;}
  .website_market01 .list li p{font-size: 10px; line-height: 18px;}
  .project_scroll{background-size:450px;}
  .project_scroll .bd ul li .img{ margin-top: 25px; width:100%; height:236px;position:relative;}
  .project_scroll .bd ul li .img a{ display:block;width:411px; height:236px;position:absolute;left:50%;top:0;transform:translatleX(-59.5%);}
  .project_scroll .bd ul li .text .text_main p{font-size: 11px;}
  .project_scroll .bd ul li .text .text_class p{font-size: 12px;}
  .solution .main .content .tit li a{padding:0 10px;}
  .solution .main .content .list .text div span.time{margin-left: 20px;}
  .solution .main .content .list .text div span.read{margin-left: 5px;}
  .solution .main .content .list .text div a.share{margin-left: 10px;}
  .solution .side .sulution_contact{background-position: left center; padding-left:80px;}
  .websiteDetail05{height:auto; overflow: hidden;}
  .websiteDetail05 ul li{width:49.7%; border-bottom: 1px solid #494949; margin-bottom: -1px;}
  .solutionDetail .content .cont .calendar{width:50px; height:80px;}
  .solutionDetail .content .cont .calendar span{width:40px; height:30px; line-height: 30px; font-size: 18px;}
  .solutionDetail .content .cont .calendar i{font-size: 25px; line-height: 40px;}
  .solutionDetail .content .cont{padding-left: 60px;}
  .solutionDetail .content .cont .cont_bottom,
  .solutionDetail .content .cont .cont_main p{font-size: 12px;}
  .solution .side .list ul li a .right_cont h3{font-size: 14px;}
  .solution .side .list ul li a .right_cont p{font-size: 12px;}
  .aboutBox01 .text p{font-size: 12px;}
  .aboutBox03 .scroll .viewPic .bd li .leftBox{width:100%; margin-bottom: 9px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox{width:69%; margin-right: 1%;}
  .aboutBox03 .scroll .viewPic .bd li .rightBox{width:30%;}
  .aboutBox03 .scroll{height:auto; overflow:visible;}
  .aboutBox03{height:auto; overflow: hidden; padding-bottom: 50px;}
  .aboutBox03 .scroll .hd{bottom:-20px;}
  .aboutBox04 .scroll .viewPic .bd li{padding:0 12px;}
  .aboutBox04 h1{font-size: 25px}
  .Famous{width:95%;}
  .caroufredsel_wrapperd{left:0 !important; right:auto !important;}
  .sliderK{left:-1px;}
  .tabIco01{left:320px;}
  .tabIco02{left:370px;}
  .itemBox a{height:100%;}
  .website_company01 .list li{width:100%; margin-top:20px;}
  .website_company02 .right{position: static;}
  .searchbanner .insideIntro{width:95%;}
  .searchbanner .insideIntro .searchBox span{display:none;}
  .searchbanner .insideIntro .searchBox .txt{width:68%; margin-left:2%;}
  .searchbanner .insideIntro .searchBox .btn{width:23%; margin-left:2%;}
  .searchbanner .insideIntro{width:100%; margin-left:-50%;}
  #bannerresearch .intro p{font-size:20px;}
  #qiao-wrap{display: none !important;}
  #sideIcon{display: none !important;}
.lx_box{display: none;}
  .bottom .index_contact .welcome{display: none;}
  .footerr .link{display:block;}
  .website_service_section4 .rt,.website_service_section4 .lt{width: 100%;float: none;text-align: center;}
  .website_service_section4 .rt img{display: inline;}
  .website_service_section1 li{width: 50%;}

  .website_service_section3 .rt,.website_service_section3 .lt{float: none;width: 100%;text-align: center;}
  .website_service_section5 .rt,.website_service_section5 .lt{float: none;width: 100%;text-align: center;}
  .footerr { display:block}

}
@media screen and (max-width:480px){
  .bannerText{width:130px; height:130px; margin-left: -65px; margin-top: -65px;}
  .bannerText .banner_sm{margin-top: 30px; width:80px; height:12px;}
  .bannerText h1{line-height: 20px; font-size: 12px;}
  .bannerText .more{width:60px; height:20px; line-height: 20px; font-size: 8px; border-radius: 7px; -webkit-border-radius: 7px;}
  .itemBox .mask .info .title{margin-top: 10px; font-size: 16px;}
  .itemBox .mask .info p{height:40px;}
  .index_customer .index_customer_scroll .picBox .bd li .item{width:50%;}
  .index_more .index_more_cont .item{width:45%; margin:2.5%;}
  .index_more .index_more_cont .item.end{margin:2.5%;}
  .index_view .index_view_tab .bd li .imgText{width:48%; margin:0 1%; margin-bottom: 15px;}
  .index_view .index_view_tab .hd{width:305px;}
  .index_view .index_view_tab .hd li{margin-left: 0; margin-right: 0;}
  .footerr .copyright{height:108px;}
  .website .list ul li{width:47%;}
  .websiteDetail03 .text{top:450px;}
  .project_bottom_scroll{padding: 40px 0;}
  .project_bottom_scroll .bd ul li{width:49%;}
  .website_shop .main h1{margin-bottom: 15px;}
  .website_shop .main p{line-height: 24px;}
  .website_brand_main .list ul li .text h3{padding-top: 0;}
  .website_brand_main .list ul li .text p{line-height: 18px;}
  .website_brand_main .list ul li{padding-left: 110px;}
  .website_brand_main h2{line-height: 25px;}
  .website_phone_main01 .left ul li p{font-size: 12px; line-height: 18px;}
  .website_responsive_main01{height:700px;}
  .website_responsive_main01 .cont .img{top:250px; }
  .website_market01 .list li p{line-height: 14px;}
  .website_market01 .list li h3{line-height: 20px;}
  .project_scroll{background-size:340px;}
  .project_scroll .bd ul li .img{margin-top: 19px; width:100%; height:178px;position:relative;}
  .project_scroll .bd ul li .img a{display:block;width:311px; height:178px;position:absolute;left:50%;top:0;transform:translateX(-63%);}
  .project_scroll .bd ul li .text{margin-top: 130px;}
  .solution .main .content .list .text,
  .solution .main .content .list .img{width:100%;}
  .solution .main .content .list .text{margin-top: 10px;}
  .solution .main .content .tit li a{padding:0 0 0 10px; font-size: 13px; }
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department h2{font-size: 14px; margin-top: 0;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department p{font-size: 10px; top:20px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department span{top:40px; width:60px; height:40px; padding:0 8px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department span b{font-size: 14px; line-height: 20px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department span i{font-size: 12px; line-height: 15px;}
  .aboutBox04 .scroll .viewPic .bd li{padding:0 20px;}
  .aboutBox04 h1{font-size: 20px}
  .caroufredsel_wrapperd{width:350px !important;}
  .sliderK{width:350px; height:700px;}
  .tabIco01{left:250px;}
  .tabIco02{left:290px;}
  .FamousCon{width:330px; padding-left: 10px; padding-right: 10px; height:700px;}
  .Famous{height:1000px;}
  .searchbanner .insideIntro .searchBox .txt{width:65%; margin-left:2%;}
  .searchbanner .insideIntro .searchBox .btn{width:25%; margin-left:2%;}
  .searchbanner .insideIntro .searchBox .btn{background-image:none; text-align:center; padding-left:0;}
  .bannerText h2{line-height:20px; font-size:14px;}
  .websiteDetail04 .img{width:90%; height:auto;}
  .websiteDetail04 .img img{width:100%; height:100%;}
  .websiteDetail04{height:500px;}
  .websiteDetail04 .text h2{margin-top:70px;}
  #bannerresearch .intro .h1{font-size:30px;}
  #bannerresearch .intro p{font-size:15px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department h2{margin-left:10px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department p{margin-left:10px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department span{margin-left:10px;}
  .phone .phoneBox .items ul li{width: 49.99%;}
  .phone .cont_bar .img{display: none;}
  .phone .cont_bar .text{width: 100%;height: auto;background: none;float: none;position: static;padding: 0;margin: 0;}
  .menu a{height: 25px;line-height: 25px;}

  .website_service_section2 li p{line-height: 1.4;}
}
@media screen and (max-width:360px){
  .itemBox{width:100%;}
  .itemBox .mask .info p{height:60px;}
  .itemBox .mask .info .title{margin-top: 30px;}
  .bottom .requirement form input{width:92%; padding:0 4%;}
  .bottom .requirement form .submit{margin-top: 7px;}
  .website .list ul li{width:100%; margin-left: 0;}
  .websiteDetail03 .text{top:320px;}
  .project_bottom_scroll .bd ul li{width:100%;}
  .project_bottom_scroll .bd ul li .img{height:160px;}
  .website_brand_main .list ul li{height:140px;}
  .website_brand_main .list ul li .text p{font-size: 10px;}
  .website_shop .main h1{font-size: 20px;}
  .website_shop .main p{font-size: 12px;}
  .website_phone_main01 .left ul li{padding-left: 123px;}
  .website_phone_main01 .left ul li h3{line-height: 30px;}
  .website_phone_main01 .left ul li p{line-height: 15px; font-size: 10px;}
  .website_responsive_main01{height:750px;}
  .website_responsive_main01 .cont .img{top:300px;}
  .website_responsive_main02 .img{width:250px; top:-14px;}
  .website_market01 .list li p{line-height: 11px;}
  .website_market01 .list li h3{font-size: 13px;}
  .project_scroll{background-size:300px;}
  .project_scroll .bd ul li .img{margin-top: 16px; width:100%; height:158px;position:relative;}
  .project_scroll .bd ul li .img a{display:block;width:274px; height:158px;position:absolute;left:50%;top:0;transform:translateX(-64.5%);}
  .websiteDetail05 ul li{width:100%;}
  .aboutBox04 .scroll .viewPic .bd li{padding:0 15px;}
  .caroufredsel_wrapperd{width:300px !important;}
  .sliderK{width:300px; height:700px;}
  .tabIco01{left:200px;}
  .tabIco02{left:250px;}
  .FamousCon{width:280px; padding-left: 10px; padding-right: 10px; height:700px;}
  .Famous{height:1000px;}
  .websiteDetail04{height:400px;}
  .websiteDetail04 .text h2{margin-top:40px;}
  #bannerresearch .intro p{font-size:12px;}
  .menu .sub_nav a{font-size: 12px;line-height: 20px;height: 20px;}

}
@media screen and (max-width:320px){
  .index_view .index_view_tab .bd li .imgText{width:100%; margin-bottom: 15px;}
  .aboutBox04 .scroll .viewPic .bd li{padding:0 10px;}
}