@charset "utf-8";
/* CSS Document */
.ins-banner{width:100%; height:479px; overflow:hidden;}
.bn-about{background:url(../images/about-bn.jpg) no-repeat center top;}
.bn-case{background:url(../images/case-bn.jpg) no-repeat center top;}
.bn-news{background:url(../images/news-bn.jpg) no-repeat center top;}
.bn-contact{background:url(../images/contact-bn.jpg) no-repeat center top;}
.bn-web{background:url(../images/web-bn.jpg) no-repeat center top;}


.bn-ins{width:1200px; height:230px; margin:200px auto 0; background:url(../images/ins-bn.png) no-repeat center 10px;}
.bn-tt{width:322px; height:auto; font-size:48px; line-height:50px; text-align:center; font-weight:bold; color:#fff; margin:0 auto;}
.bn-tt span{width:100%; height:60px; line-height:60px; display:block; color:#ff4242; font-size:36px; font-family:"Times New Roman", Times, serif; font-weight:normal;}
.bn-tt-min{width:60%; height:auto; font-size:16px; line-height:28px; margin:20px auto 0; color:#fff; text-align:center;}

.mbx-w{width:100%; height:74px; background:#f5f5f5;}
.mbx{width:1200px; height:74px; line-height:74px; margin:0 auto; font-size:14px; color:#333;}
.mbx02{width:1200px; height:60px; line-height:60px; margin:0 auto; font-size:14px; color:#333; border-bottom:1px solid #eee;}
.mbx a,.mbx02 a{color:#666; padding:0 20px;}
.mbx a:hover,.mbx02 a:hover{color:#ffb1a9;}
.mbx span,.mbx02 span{ font-family:"宋体"; }
.mbx i,.mbx02 i{padding-right:3px;}
.ins-w{width:100%; height:auto; min-height:400px;}
.tablist{width:1200px; height:auto; margin:0 auto; overflow:hidden; padding:45px 0 25px;}
.tablist a{width:128px; height:44px; background:#fff; display:inline-block; text-align:center; line-height:44px; border:1px #e5e5e5 solid; border-radius:30px; color:#333; font-size:18px; margin-right:15px; margin-bottom:20px;}
.tablist a:hover,.tablist .current{color:#fff; background:#ff4242; border:1px solid #ff4242;}
/* Website & Service */
.web-tablist-w{width:100%; height:auto; background:#f5f5f5; overflow:hidden;}
.web-tablist{width:1200px; height:124px; margin:0 auto; overflow:hidden;}
.web-tablist li{width:25%; height:124px; float:left; border-left:1px solid #fff; box-sizing:border-box; font-size:20px; text-align:center; line-height:124px;}
.web-tablist li:nth-child(4){ border-right:1px solid #fff;}
.web-tablist li i{font-size:55px; padding-right:10px; line-height:124px; vertical-align:middle;}
.web-tablist li a{color:#333; display:block;}
.web-tablist li a:hover{background:#eee;}
.web-tablist .current{background:#fff;}

.weblist-w01{width:100%; height:auto; overflow:hidden; padding-bottom:60px;}
.weblist-w02{width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding-bottom:80px;}
.weblist{width:1200px; height:auto; overflow:hidden; margin:60px auto 0;}
.weblist-l{width:60%; height:auto; overflow:hidden;}
.weblist-l h1{width:100%; font-size:36px; line-height:40px; padding:20px 0; color:#333; font-weight:bold; margin-top:60px;}
.weblist-l h1 i{font-size:24px; color:#666; padding-right:5px; font-weight:normal; line-height:40px; vertical-align:middle;}
.weblist-l h1 span{width:60px; height:30px; font-size:16px; color:#fff; display:inline-block; margin-left:10px; line-height:30px; text-align:center; font-weight:normal; vertical-align:middle; border-radius:20px 0 20px 0; background:#fd862f; background-image: linear-gradient(to right, #ff4242 , #fd862f); }
.weblist-l p{width:100%; height:auto; line-height:28px; font-size:16px; color:#666; padding-bottom:30px;}
.weblist-l .lab{width:100%; height:auto; overflow:hidden; color:#555; font-size:14px;}
.weblist-l .lab span{display:inline-block; padding:10px 15px; border:1px dotted #ffb1a9; font-size:16px; margin-left:20px; color:#ff4242; border-radius:30px;}
.weblist-l .more{width:100%; height:40px; margin-top:30px;}
.weblist-l .more a{width:120px; height:40px; display:inline-block; margin-right:5px; font-size:16px; text-align:center; line-height:40px; color:#fff; transition: all 0.3s;}
.weblist-l .more .c333{background:#333; border-radius:20px 0 0 20px;}
.weblist-l .more .c2303{background:#ff4242; border-radius:0 20px 20px 0;}
.weblist-l .more a:hover{ border-radius:20px;}
.weblist-r{width:35%; height:auto; overflow:hidden;}
.weblist-r img{max-width:100%; height:auto;}
.weblist-w01 .weblist-l{float:left;}
.weblist-w01 .weblist-r{float:right;}
.weblist-w02 .weblist-l{float:right;}
.weblist-w02 .weblist-r{float:left;}

.web-n{width:1200px; height:auto; overflow:hidden; margin:30px auto 0;}
.web-n h1{width:100%; height:60px; line-height:60px; color:#1b1b1b; font-size:30px; text-align:center; font-weight:bold; padding-top:20px;}
.web-n h2{width:100%; height:30px; line-height:30px; color:#333; font-size:18px; text-align:center;}
.t-right{text-align:right;}
.web-txt{width:100%; height:auto; font-size:16px; color:#666; line-height:28px; padding:10px 0}
.web-txt span{color:#ff4242;}
.web-n .lab{width:100%; height:auto; overflow:hidden; color:#555; font-size:14px; text-align:center; margin:20px 0 30px;}
.web-n .lab span{display:inline-block; padding:10px 15px; border:1px dotted #ffb1a9; font-size:16px; margin-left:20px; color:#ff4242; border-radius:30px;}
.web-n .list-04{width:100%; height:auto; margin:20px auto; overflow:hidden;}
.web-n .list-04 li{width:25%; height:auto; float:left; font-size:18px; color:#333; text-align:center; line-height:40px; border:1px dotted #ffb1a9; box-sizing:border-box; padding:50px 0;}
.web-n .list-04 li i{width:100%; line-height:60px; font-size:48px; text-align:center; color:#ff4242; display:block;}
.web-n .list-04 li span{color:#ff4242;}
.web-n .list-04 li:nth-child(1),.web-n .list-04 li:nth-child(2),.web-n .list-04 li:nth-child(3){ border-right:none;}

.web-n .list-05{width:100%; height:auto; margin:20px auto; overflow:hidden;}
.web-n .list-05 li{width:25%; height:auto; float:left; font-size:18px; color:#333; text-align:center; line-height:40px; border:1px dotted #ffb1a9; box-sizing:border-box; padding:50px 0;}
.web-n .list-05 li i{width:100%; line-height:60px; font-size:48px; text-align:center; color:#ff4242; display:block;}
.web-n .list-05 li span{color:#ff4242;}
.web-n .list-05 li:nth-child(1),.web-n .list-05 li:nth-child(2),.web-n .list-05 li:nth-child(3),.web-n .list-05 li:nth-child(5),.web-n .list-05 li:nth-child(6),.web-n .list-05 li:nth-child(7){ border-right:none;}
.web-n .list-05 li:nth-child(5),.web-n .list-05 li:nth-child(6),.web-n .list-05 li:nth-child(7),.web-n .list-05 li:nth-child(8){ border-top:none;}
.web-n .list-05 li p{width:85%; height:auto; margin:0 auto; font-size:14px; color:#999; text-align:center; line-height:24px;}

.web-n .list-line{width:100%; height:auto; margin:20px auto; overflow:hidden;}
.web-n .list-line li{width:100%; height:auto; border:1px dotted #ffb1a9; box-sizing:border-box; padding:20px 0 25px; margin-bottom:20px;}
.web-n .list-line span{width:10%; height:80px; line-height:60px; font-size:60px; color:#ff4242; display:block; float:left; text-align:center; font-family:"Times New Roman", Times, serif;}
.web-n .list-line .list-line-tt{width:90%; height:auto; line-height:40px; color:#1b1b1b; float:right; font-size:20px;}
.web-n .list-line p{width:90%; height:auto; line-height:24px; color:#666; float:right; font-size:14px; padding-top:5px; box-sizing:border-box; padding-right:20px;}

.web-foot{width:100%; height:460px;  background:#f5f5f5;}
.web-foot-n{width:1200px; height:460px; margin:0 auto;}
.web-f-l{width:540px; height:460px; float:left; overflow:hidden;}
.web-f-l h1{width:100%; height:80px; line-height:80px; font-size:40px; color:#333; font-weight:bold;}
.web-f-l .f-tt{width:100%; height:40px; line-height:40px; font-size:24px; color:#333; margin-top:100px;}
.web-f-l span{color:#ff4242;}
.web-f-l p{width:90%; height:auto; line-height:24px; color:#666; font-size:16px; padding-top:5px; box-sizing:border-box; display:block;}
.web-f-l .ser-ant{width:100%; height:40px; margin-top:30px;}
.web-f-l .ser-ant a{width:150px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#fff; background:#ff4242; border-radius:20px; display:block;}
.web-f-l .ser-ant a:hover{background:#333;}

.web-f-r{width:659px; height:460px; float:right;}
/* About US */
.about01{width:100%; height:390px; background:#f5f5f5; overflow:hidden;}
.about-n{width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.about01-l{width:512px; height:284px; float:left; font-size:16px; color:#313131; line-height:30px; margin-top:60px;}
.about01-r{width:586px; height:390px; float:right;}
.about02-w{width:100%; height:164px; background:#fff; overflow:hidden;}
.about02{width:1200px; height:164px; margin:0 auto;}
.about02 li{width:25%; height:70px; margin-top:47px; border-left:1px solid #d6d6d6; box-sizing:border-box; text-align:center; float:left;}
.about02 li:nth-child(4){ border-right:1px solid #d6d6d6;}
.about02 .tt-number{width:100%; height:50px; line-height:50px; font-size:48px; font-family:"Times New Roman", Times, serif; color:#ff4242;}
.about02 .tt-number span{font-size:24px; font-family:"微软雅黑";}
.about02 .tt-sketch{width:100%; height:20px; line-height:20px; font-size:18px; color:#333;}
.about03-w{width:100%; height:500px; overflow:hidden; background:url(../images/about03.jpg) no-repeat center top;}
.about03{width:1200px; height:280px; margin:110px auto 0;}
.about03 ul{clear:both; margin-left:-30px;}
.about03 li{width:380px; height:280px; margin-left:30px; float:left; background:#fff; text-align:center;}
.about03-icon{width:100%; height:70px; line-height:70px; color:#333; margin-top:60px;}
.about03-icon i{font-size:70px;}
.about03 li:nth-child(2) i{ font-size:60px;}
.about03-tt{width:100%; height:60px; line-height:60px; color:#333; font-size:24px;}
.about03-sketch{width:80%; height:auto; line-height:20px; color:#666; font-size:14px; margin:0 auto;}

.process-w{width:100%; height:auto; overflow:hidden;}
.process-n{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.process-n img{max-width:100%; height:auto;}
.ins-tt01{width:50%; height:60px; background:url(../images/line01.jpg) repeat-x left center; margin:0 auto;}
.ins-tt01 h1{width:28%; height:60px; color:#333; font-size:30px; font-weight:bold; text-align:center; background:#fff; line-height:60px; margin:0 auto;}
.process-txt{width:100%; height:auto; margin-top:30px; color:#666; line-height:24px; font-size:16px; text-align:center;}
.process-img{width:100%; height:auto; padding:30px 0 50px;}
.p-ask-w{width:100%; height:auto; background:#f5f5f5; overflow:hidden; padding-bottom:80px;}
.p-ask-n{width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.p-ask-tt{width:100%; height:94px; margin-top:50px; border-bottom:1px solid #d7d7d7;}
.p-ask-tt-l{width:50%; height:94px; line-height:94px; font-size:30px; color:#333; font-weight:bold; float:left;}
.p-ask-tt-r{width:50%; height:94px; float:right; text-align:right;}
.p-ask-tt-r a{width:146px; height:36px; background:#eb2501; color:#fff; font-size:16px; text-align:center; display:inline-block; border-radius:18px; line-height:36px; margin-top:29px;}
.p-ask-tt-r a:hover{background:#333;}
.p-ask-tt-r i{padding-right:5px;}
.p-ask{width:100%; height:auto; overflow:hidden;}
.p-ask-bt{width:100%; height:auto; line-height:30px; padding:20px 50px 20px 10px; font-size:16px; color:#333; position:relative; overflow:hidden; box-sizing:border-box;}
.p-ask-bt i{color:#666; font-size:30px; padding-right:5px; line-height:30px; vertical-align:middle;}
.p-ask-bt span{width:5%; height:30px; display:block; font-size:30px; position:absolute; top:20px; left:95%; cursor:pointer; text-align:center;}
.p-ask li{border-bottom:1px solid #d7d7d7;}
.p-ask-txt{width:100%; height:auto; line-height:30px; padding:20px 10px; font-size:14px; color:#666; background:#fff; box-sizing:border-box;}
.p-ask-txt i{color:#eb2502; font-size:30px; padding-right:5px; line-height:30px; vertical-align:middle;}
.pay-w{width:100%; height:auto; overflow:hidden;}
.pay-w img{max-width:100%; height:auto;}
.pay-n{width:1200px; height:auto; margin:50px auto 0; overflow:hidden; padding-bottom:50px;}
.pay-l{width:779px; height:110px; float:left; margin-top:40px; border-right:1px solid #dbdbdb;}
.pay-l .img{width:336px; height:91px; padding-top:19px; float:left;}
.pay-l .txt{width:400px; height:100px; float:right; color:#666; line-height:30px; font-size:16px; padding-top:10px;}
.pay-l .txt span{font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.pay-r{width:420px; height:110px; float:right; text-align:center; margin-top:40px;}
.pay-r span{width:336px; height:40px; background:#f5f5f5; border-radius:20px; display:block; margin:10px auto 0; line-height:40px; font-size:14px; color:#333;}

.job-w{width:100%; height:auto; overflow:hidden;}
.job-n{width:1200px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:50px;}
.job-txt{width:100%; height:auto; color:#666; line-height:30px; font-size:16px;}
.job-txt h1{width:100%; height:50px; line-height:50px; color:#333; font-weight:bold; font-size:16px; margin-top:30px;}
/* Case Center */
.case-w{width:100%; height:auto; overflow:hidden;}
.case-n{width:1200px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:40px;}
.case-list{width:100%; height:auto; min-height:400px; overflow:hidden;}
.case-list ul{clear:both; margin-left:-45px;}
.case-list li{width:370px; height:auto; margin-left:45px; float:left; margin-bottom:30px;}
.ca-img{width:100%; height:270px; overflow:hidden;}
.ca-tt{width:100%; height:50px; line-height:50px; color:#333; text-align:center; font-size:16px;}
.case-list li img{transition: all 0.4s;}
.case-list li a:hover img{transform:scale(1.1);}
.case-list li a:hover .ca-tt{color:#ff4242;}
.case-detail{width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:60px 0; background:#f5f5f5;}
.case-detail-l{width:248px; height:auto; line-height:30px; font-size:14px; color:#333; margin-left:70px; float:left;}
.case-detail-l h1{width:100%; font-size:24px; line-height:30px; margin-bottom:20px;}
.case-detail-l a{width:128px; height:38px; border-radius:20px; background:#ff4242; text-align:center; font-size:16px; color:#fff; line-height:38px; display:block; margin-left:0; margin-top:30px;}
.case-detail-l a:hover{background:#333;}
.case-detail-r{width:742px; height:auto; line-height:24px; font-size:14px; color:#333; overflow:hidden; float:left; margin-left:70px;}
.case-detail-r img{max-width:100%; height:auto;}
/* News Center */
.news-n{width:1200px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:40px;}
.newslist-one{width:100%; height:auto; border-bottom:1px dotted #e1e1e1; padding:20px 0 60px; margin-bottom:60px; overflow:hidden;}
.newslist-one-l{width:9%; height:auto; color:#ff4242; font-size:72px; font-family:"Times New Roman", Times, serif; line-height:52px; border-right:1px solid #e1e1e1; padding-bottom:60px; float:left;}
.newslist-one-l span{width:100%; height:30px; color:#333; display:block; font-size:18px; line-height:30px; text-indent:8px;}
.newslist-one-r{width:87.5%; height:auto; float:right;}
.newslist-one-r h1{width:100%; height:auto; line-height:30px; font-size:24px; color:#333; overflow:hidden;}
.newslist-one-r p{width:100%; height:auto; line-height:28px; font-size:14px; color:#333; overflow:hidden; max-height:56px; margin-top:10px;}
.newslist-one-r a{width:128px; height:38px; border-radius:20px; border:1px solid #e1e1e1; text-align:center; font-size:16px; color:#333; line-height:38px; display:block; margin-top:10px;}
.newslist-one-r a:hover{border:1px solid #ff4242; color:#fff; background:#ff4242;}
.newslist-two{width:100%; height:auto; border-bottom:1px dotted #e1e1e1; padding:0 0 60px; margin-bottom:60px; overflow:hidden;}
.newslist{width:19%; height:auto; overflow:hidden; margin-right:6%; float:left; display:block; box-sizing:border-box;}
.newslist-dt{width:100%; height:50px; line-height:50px; font-size:48px;  font-family:"Times New Roman", Times, serif; color:#1b1b1b;}
.newslist-dt span{line-height:50px; font-size:24px; transition: all 0.3s;}
.newslist-tt{width:100%; height:auto; line-height:30px; max-height:60px; font-size:16px; color:#1b1b1b;}
.newslist-txt{width:100%; height:auto; line-height:24px; max-height:72px; font-size:12px; color:#999; margin-top:5px;}
.newslist a:hover .newslist-tt{color:#ff4242;}

.news-xx{width:70%; height:auto; overflow:hidden; float:left;}
.news-tt{width:100%; height:auto; line-height:30px; font-size:24px; color:#333; overflow:hidden;}
.news-date{width:100%; height:40px; line-height:40px; font-size:12px; color:#999;}
.news-txt{width:100%; height:auto; line-height:28px; font-size:16px; color:#333; overflow:hidden; margin-top:20px;}
.news-txt img{max-width:100%; height:auto;}
.news-share{width:100%; height:40px; text-align:right; line-height:40px; margin-top:40px;}
.news-share span{font-size:13px; float:right;}
.news-share em{float:right;}
.news-right{width:25%; height:auto; float:right;}
.news-right-tt{width:100%; height:40px; line-height:40px; border-bottom:1px solid #e1e1e1; font-size:18px;}
.newsright-list{width:100%; height:auto; overflow:hidden;}
.newsright-list li{width:100%; height:auto; overflow:hidden; border-bottom:1px dotted #e1e1e1;}
.newsright-list li h1{width:100%; line-height:22px; font-size:16px; padding:30px 0 5px; color:#333;}
.newsright-list li h2{width:100%; line-height:20px; font-size:12px; padding-bottom:5px; color:#999;}
.newsright-list li span{width:100%; line-height:20px; font-size:12px; padding-bottom:30px; color:#999; display:block;}
.newsright-list li a:hover h1{color:#ff4242;}
.newsright-list-more a{width:120px; height:30px; border-radius:20px; border:1px solid #e1e1e1; text-align:center; font-size:16px; color:#333; line-height:30px; display:block; margin:30px auto 0;}
.newsright-list-more a:hover{border:1px solid #ff4242; color:#fff; background:#ff4242;}
/* Contact Us */
.contact-n{width:1200px; margin:0 auto; height:auto; overflow:hidden; padding:30px 0 60px;}
.contact-tel{width:100%; height:auto; overflow:hidden; margin:40px auto;}
.tel-list{width:560px; height:100px; line-height:80px; font-size:40px; font-family:"Times New Roman", Times, serif; padding:10px 2% 0; border:1px dotted #e1e1e1; float:left; text-align:center;  box-sizing:border-box;}
.tel-list i{font-size:48px; padding-right:20px; color:#ff4242;}
.tel-m{margin-left:80px;}
.contact-txt{width:100%; height:auto;  border:1px dotted #e1e1e1; font-size:16px; color:#555; line-height:28px; padding:20px; box-sizing:border-box; margin-bottom:30px;}
.contact-txt i{font-size:16px; padding-right:10px; color:#333;}
#allmap{width:100%; height:400px; overflow:hidden; margin: 0;}

.ins-more{width:100%; height:40px; margin:30px auto 50px;}
.ins-more a{width:140px; height:40px; margin:0px auto; font-size:18px; text-align:center; line-height:40px; color:#fff; transition: all 0.3s; background:#ff4242; display:block; border-radius:30px;}
.ins-more a:hover{ background:#333;}
/* Email,Design,onlineshop */
.mail-gl{width:100%; height:auto; margin:20px auto 0; overflow:hidden;}
.mail-gl ul{margin-left:-2%; clear:both;}
.mail-gl li{width:18%; height:auto; border:1px dotted #ffb1a9; float:left; margin-left:2%; margin-bottom:25px; box-sizing:border-box; text-align:center; line-height:30px; color:#666; font-size:16px; padding:10px 0 15px;}
.mail-gl li span{font-size:40px; color:#ff4242; font-weight:bold; line-height:50px; display:block; font-family:"Times New Roman", Times, serif;}
.e-brand{width:100%; height:auto; margin:20px auto 0; overflow:hidden;}
.e-brand ul{margin-left:-2%; clear:both;}
.e-brand li{width:18%; height:auto; border:1px dotted #ffb1a9; float:left; margin-left:2%; margin-bottom:25px; box-sizing:border-box; text-align:center;}
.e-brand li img{width:98%; height:auto;}

.design-gl{width:100%; height:auto; margin:20px auto 0; overflow:hidden;}
.design-gl ul{margin-left:-2%; clear:both;}
.design-gl li{width:18%; height:auto; border:1px dotted #ffb1a9; float:left; margin-left:2%; margin-bottom:25px; box-sizing:border-box; text-align:center; font-size:18px; color:#ff4242; line-height:60px; }
.design-lc{width:100%; height:auto; margin:40px auto 0;}
.design-lc li{width:20%; height:auto; float:left; border-top:1px solid #ffb1a9; }
.design-lc .nb01{width:30px; height:30px; background:#ff4242; border-radius:15px; margin:-15px auto 0px; text-align:center; font-size:14px; font-family:"Times New Roman", Times, serif; color:#fff; line-height:30px; box-sizing:border-box; font-weight:bold;}
.design-lc .tt01{width:80%; height:40px; line-height:40px; color:#ff4242; font-size:18px; text-align:center; margin:0 auto 20px;}
.design-lc .txt01{width:90%; height:auto; font-size:14px; color:#999; line-height:22px; margin:0 auto;}

.design-list{width:100%; height:auto; overflow:hidden; margin:30px auto 0;}
.design-list ul{clear:both; margin-left:-2%;}
.design-list li{width:23%; height:auto; margin-left:2%; float:left; margin-bottom:10px;}
.design-img{width:100%; height:auto; overflow:hidden;}
.design-tt{width:100%; height:50px; line-height:50px; color:#333; text-align:center; font-size:16px;}
.design-list li img{transition: all 0.4s; width:100%; height:auto;}
.design-list li a:hover img{transform:scale(1.1);}
.design-list li a:hover .design-tt{color:#ff4242;}

.eshop-list{width:100%; height:auto; overflow:hidden; margin:30px auto 0;}
.eshop-list ul{clear:both; margin-left:-10%;}
.eshop-list li{width:15%; height:auto; margin-left:10%; float:left; margin-bottom:10px;}
.eshop-list li img{width:100%; height:auto; border-radius:200px;}
/* Seo */
.seo-list{width:100%; height:auto; overflow:hidden; margin:20px auto 0;}
.seo-list ul{clear:both; margin-left:-3%;}
.seo-list li{width:30.333%; height:auto; margin-left:3%; float:left; margin-bottom:10px; border:1px dotted #ccc; border-radius:10px; box-sizing:border-box; padding:30px 20px;}
.tb-seo{width:100%; height:80px; line-height:80px; text-align:center;}
.tb-seo i{font-size:64px; color:#ff4242;}
.tt-seo{width:100%; height:36px; line-height:36px; color:#333; font-size:18px; text-align:center;}
.txt-seo{width:100%; height:auto; overflow:hidden;}
.txt-seo dt{width:100%; height:30px; line-height:30px; color:#ff4242; text-align:center; font-size:16px; margin-bottom:10px;}
.txt-seo dd{width:50%; height:28px; line-height:28px; float:left; color:#666; font-size:14px;}
.txt-seo dd i{color:#ffb1a9; font-size:14px; padding-right:5px;}

.app-list{width:100%; height:auto; margin:20px auto 0; overflow:hidden;}
.app-list ul{margin-left:-2%; clear:both;}
.app-list li{width:18%; height:auto; border:1px dotted #ccc; float:left; margin-left:2%; margin-bottom:25px; box-sizing:border-box; text-align:center; font-size:18px; color:#ff4242; line-height:60px; }
@media screen and (max-width: 1024px) {
.ins-banner{width:100%; height:300px; overflow:hidden; background-size:cover;}
.bn-ins{width:100%; height:230px; margin:100px auto 0; background:none;}
.bn-tt{width:90%; height:auto; font-size:30px; line-height:30px;}
.bn-tt span{height:40px; line-height:40px; font-size:24px;}
.bn-tt-min{width:80%; font-size:14px; line-height:22px; margin:10px auto 0; color:#ccc; }
.mbx-w{height:50px;}
.mbx{width:90%; height:50px; line-height:50px; font-size:14px;}
.mbx02{width:94%; height:50px; line-height:50px; font-size:14px;}
.mbx a{padding:0 10px;}
.ins-w{min-height:300px;}

.tablist{width:90%; padding:30px 0 20px; text-align:center;}
.tablist a{width:90px; height:30px; line-height:30px; font-size:14px; margin-right:3px; margin-left:3px; margin-bottom:10px;}

.about01{width:100%; height:auto; background:#f5f5f5; overflow:hidden;}
.about01 img{max-width:100%; height:auto;}
.web-n h1{height:40px; line-height:40px; font-size:22px; padding-top:10px;}

.about-n{width:90%; height:auto; margin:0 auto; overflow:hidden;}
.about01-l{width:100%; height:auto; float:none; font-size:14px; color:#313131; line-height:24px; margin:30px auto;}
.about01-r{ display:none;}
.about02-w{height:160px;}
.about02{width:100%; height:160px; margin:0 auto;}
.about02 li{height:66px; margin-top:47px;}
.about02 li:nth-child(1){ border-left:none;}
.about02 li:nth-child(4){ border-right:none;}
.about02 .tt-number{width:100%; height:40px; line-height:40px; font-size:36px;}
.about02 .tt-number span{font-size:18px;}
.about02 .tt-sketch{width:100%; height:20px; line-height:20px; font-size:16px;}

.about03-w{width:100%; height:440px;}
.about03{width:94%; height:280px; margin:80px auto 0;}
.about03 ul{clear:both; margin-left:0;}
.about03 li{width:30%; height:280px; margin-left:1.5%; margin-right:1.5%;}
.about03-tt{font-size:20px;}
.about03-sketch{color:#999;}

.process-n{width:90%;}
.ins-tt01{width:60%; height:40px;}
.ins-tt01 h1{width:30%; height:40px; font-size:24px; line-height:40px;}
.process-txt{margin-top:10px; color:#666; line-height:22px; font-size:14px;}
.process-img{padding:20px 0 30px;}

.p-ask-n{width:90%;}
.p-ask-tt{width:100%; height:90px; margin-top:40px; border-bottom:1px solid #d7d7d7;}
.p-ask-tt-l{width:50%; height:90px; line-height:90px; font-size:24px;}
.p-ask-tt-r{width:50%; height:90px; float:right; text-align:right;}
.p-ask-tt-r a{width:140px; height:30px; font-size:16px; border-radius:30px; line-height:30px; margin-top:20px;}

.pay-n{width:90%; margin:40px auto 0; padding-bottom:40px;}
.pay-l{width:100%; height:auto; float:left; margin-top:10px; border-right:none;}
.pay-l .img{width:40%; margin:0 auto; height:auto; padding-top:19px; float:left; text-align: center;}
.pay-l .txt{width:50%; height:auto; margin:0 auto; float:right; color:#666; line-height:24px; font-size:14px; padding-top:10px;}
.pay-l .txt span{font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.pay-r{ display:none;}

.job-n{width:90%; padding-bottom:40px;}
.news-tt{line-height:30px; font-size:18px; text-align:center;}
.news-date{text-align:center;}
.news-txt{line-height:24px; font-size:14px; margin-top:10px; color:#666;}
.job-txt{line-height:24px; font-size:14px;}

/* Case Center */
.case-n{width:90%; padding-bottom:0px;}
.case-list{min-height:200px;}
.case-list ul{clear:both; margin-left:-5%;}
.case-list li{width:45%; height:auto; margin-left:5%; margin-bottom:10px;}
.ca-img{width:100%; height:auto; overflow:hidden;}
.ca-img img{max-width:100%; height:auto;}
.ca-tt{width:100%; height:40px; line-height:40px; font-size:14px;}
.case-detail{width:100%; padding:40px 0;}
.case-detail-l{width:90%; line-height:22px; font-size:12px; margin:0px auto; float:none; color:#666;}
.case-detail-l h1{font-size:18px; line-height:30px; margin-bottom:20px; text-align:center; color:#333}
.case-detail-l a{width:128px; height:30px; font-size:14px; line-height:30px; margin:20px auto;}
.case-detail-r{width:90%; line-height:24px; font-size:14px; color:#333; overflow:hidden; float:none; margin:0 auto;}

.news-n{width:90%; height:auto; overflow:hidden; margin:0 auto; padding-bottom:30px;}
.newslist-one-l{width:15%;}
.newslist-one-r{width:80%;}
.newslist{width:45%; margin-right:5%; margin-bottom:30px;}
.newslist-two{padding:0 0 30px; margin-bottom:30px;}
.newslist-txt{line-height:20px; max-height:40px; font-size:12px; color:#999; margin-top:5px;}

.news-xx{width:100%; float:none;}
.news-right{display:none;}

.contact-n{width:90%; margin:0 auto; height:auto; overflow:hidden; padding:30px 0 0px;}
.contact-tel{width:100%; height:auto; overflow:hidden; margin:40px auto;}
.tel-list{width:100%; height:60px; line-height:60px; font-size:24px; font-family:"Times New Roman", Times, serif; padding:0; border:1px dotted #e1e1e1; float:left; text-align:center;  box-sizing:border-box;}
.tel-list i{font-size:30px; padding-right:10px; color:#ff4242;}
.tel-m{margin-left:0px; margin-top:30px;}
.clpadd{padding:0;}
#allmap{width:100%; height:300px; overflow:hidden; margin: 0;}

.web-tablist{width:100%; height:80px;}
.web-tablist li{width:25%; height:auto; border-bottom:1px solid #fff; font-size:18px; text-align:left; line-height:80px; text-indent:20px;}
.web-tablist li i{font-size:24px; padding-right:10px; line-height:50px;}
.web-tablist li:nth-child(1),.web-tablist li:nth-child(3){ border-left:none;}
.web-tablist li:nth-child(4){border-right:none;}

.weblist-w01{padding-bottom:20px;}
.weblist-w02{padding-bottom:20px;}
.weblist{width:90%; height:auto; overflow:hidden; margin:30px auto 0;}
.weblist-l{width:100%; height:auto; overflow:hidden;}
.weblist-l h1{font-size:18px; line-height:40px; padding:0 0 10px; color:#333; font-weight:bold; margin-top:0px;}
.weblist-l h1 i{font-size:20px; line-height:40px;}
.weblist-l h1 span{width:50px; height:24px; font-size:14px; line-height:24px; border-radius:15px 0 15px 0;}
.weblist-l p{width:100%; height:auto; line-height:24px; font-size:14px; padding-bottom:30px;}
.weblist-l .lab{width:100%; height:auto; overflow:hidden; color:#555; font-size:14px;}
.weblist-l .lab span{display:inline-block; padding:5px 10px; font-size:12px; margin-left:10px; margin-bottom:10px;}
.weblist-l .more{width:100%; height:36px; margin-top:20px; text-align:center;}
.weblist-l .more a{width:100px; height:36px; margin-right:5px; font-size:14px; line-height:36px;}
.weblist-r{width:100%; height:auto; overflow:hidden; text-align:center;}
.web-n{width:90%; height:auto; overflow:hidden; margin:30px auto;}
.web-foot{width:100%; height:auto;}
.web-foot-n{width:100%; height:auto;}
.web-f-l{width:45%; height:auto; margin-left:5%;}
.web-f-l .f-tt{margin-top:50px;}
.web-f-r{width:50%; height:auto; float:right;}
.web-f-r img{width:100%; height:auto;}

.ins-more{margin:0px auto 30px; height:36px;}
.ins-more a{width:120px; height:36px; font-size:18px; line-height:36px;}
.design-lc{margin:30px auto;}

}
@media screen and (max-width: 780px) {
.txt-seo dd{width:100%; text-align:center;}	
}
@media screen and (max-width: 480px) {
.mbx02{width:94%; height:50px; line-height:50px; font-size:14px; color:#555;}
.mbx02 a{padding:0 7px; color:#888;}
.about01-l{margin:30px auto 20px;}
.about01-r{width:100%; height:auto; float:none; display:block; margin-bottom:40px;}
.about02-w{height:140px;}
.about02{width:90%; height:140px; margin:0 auto;}
.about02 li{height:60px; margin-top:40px;}
.about02 .tt-number{width:100%; height:40px; line-height:40px; font-size:24px;}
.about02 .tt-number span{font-size:12px;}
.about02 .tt-sketch{width:100%; height:20px; line-height:20px; font-size:12px; color:#999;}

.about03-w{width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding-bottom:20px;}
.about03{width:90%; height:auto; margin:40px auto 0;}
.about03 ul{clear:both; margin-left:0;}
.about03 li{width:100%; height:auto; margin-left:0; margin-right:0; margin-bottom:20px; padding:20px 0 30px;}
.about03-icon{width:30%; height:60px; line-height:60px; color:#333; margin-top:15px; float:left;}
.about03-icon i{font-size:45px;}
.about03 li:nth-child(2) i{ font-size:35px;}
.about03-tt{width:60%; height:40px; line-height:40px; color:#333; font-size:18px; margin-right:10%; float:right; text-align:left;}
.about03-sketch{width:60%; height:auto; line-height:20px; color:#999; font-size:14px; margin-right:10%; float:right; text-align:left;}

.ins-tt01{width:90%; height:40px;}
.ins-tt01 h1{width:50%; height:40px; font-size:18px; line-height:40px;}

.p-ask-w{padding-bottom:50px;}
.p-ask-tt{height:70px; margin-top:30px;}
.p-ask-tt-l{height:70px; line-height:70px; font-size:18px;}
.p-ask-tt-r{height:70px; float:right; text-align:right;}
.p-ask-tt-r a{width:130px; font-size:14px;}
.p-ask-bt{line-height:24px; padding:15px 30px 15px 0px; font-size:14px;}
.p-ask-bt i{color:#666; font-size:24px; padding-right:5px; line-height:24px;}
.p-ask-bt span{width:10%; height:24px; font-size:24px; top:15px; left:90%;}
.p-ask-txt{line-height:24px;}
.p-ask-txt i{font-size:24px; line-height:24px;}

.pay-n{width:90%; margin:40px auto 0; padding-bottom:40px;}
.pay-l{width:100%; height:auto; float:none; margin-top:10px; border-right:none;}
.pay-l .img{width:60%; float:none;}
.pay-l .img img{padding-bottom:10px;}
.pay-l .txt{width:90%; float:none; text-align:center;}
.pay-r{width:100%; height:auto; float:none; display:block;}
.pay-r img{width:70%; height:auto;}
.pay-r span{width:100%;}

.job-txt h1{height:40px; line-height:40px; font-size:15px; margin-top:30px;}
.news-n{padding-bottom:10px;}
.newslist-one{padding:20px 0 40px; margin-bottom:30px;}
.newslist-one-l{width:20%; font-size:50px; line-height:40px;}
.newslist-one-l span{width:100%; height:24px; font-size:16px; line-height:24px; text-indent:0px;}
.newslist-one-r{width:75%;}
.newslist-one-r h1{line-height:24px; font-size:18px;}
.newslist-one-r p{line-height:20px; font-size:14px; color:#999; overflow:hidden; max-height:40px; margin-top:10px;}
.newslist-one-r a{width:90px; height:30px; font-size:14px; line-height:30px; margin-top:10px;}
.newslist-two{padding:0 0 10px; margin-bottom:30px;}
.newslist{width:100%; margin-right:0;}
.newslist-dt{height:40px; line-height:40px; font-size:30px;}
.newslist-dt span{line-height:50px; font-size:18px;}
.newslist-tt{width:100%; height:auto; line-height:30px; max-height:60px; font-size:16px; color:#1b1b1b;}
.newslist-txt{line-height:20px; max-height:40px; font-size:12px; color:#999; margin-top:5px;}
.web-tablist{height:100px;}
.web-tablist li{width:50%; font-size:15px; line-height:50px;}


.web-n{margin:20px auto 0;}
.web-n h1{height:40px; line-height:40px; font-size:18px; padding-top:20px;}
.web-n h2{height:24px; line-height:24px; font-size:16px; color:#ff4242;}
.web-txt{font-size:14px; color:#666; line-height:24px;}
.web-n .lab{font-size:15px; margin:10px 0 10px;}
.web-n .lab span{padding:5px 10px; font-size:15px; margin-left:10px; margin-bottom:10px;}
.web-n .list-04{width:100%; height:auto; margin:20px auto; overflow:hidden;}
.web-n .list-04 li{width:50%; font-size:16px; line-height:36px; padding:20px 0;}
.web-n .list-04 li i{width:100%; line-height:50px; font-size:40px;}
.web-n .list-04 li span{color:#333; font-size:14px;}
.web-n .list-04 li:nth-child(1),.web-n .list-04 li:nth-child(3){ border-right:none;}
.web-n .list-04 li:nth-child(1),.web-n .list-04 li:nth-child(2){ border-bottom:none;}
.web-n .list-04 li:nth-child(2){ border-right:1px dotted #ffb1a9;}

.web-n .list-05{width:100%; height:auto; margin:20px auto; overflow:hidden;}
.web-n .list-05 li{width:50%; font-size:16px; line-height:36px; padding:20px 0;}
.web-n .list-05 li i{width:100%; line-height:50px; font-size:40px;}
.web-n .list-05 li span{color:#333; font-size:14px;}
.web-n .list-05 li:nth-child(1),.web-n .list-05 li:nth-child(3){ border-right:none;}
.web-n .list-05 li:nth-child(1),.web-n .list-05 li:nth-child(2){ border-bottom:none;}
.web-n .list-05 li:nth-child(2){ border-right:1px dotted #ffb1a9;}
.web-n .list-05 li:nth-child(6){ border-right:1px dotted #ffb1a9;}
.web-n .list-05 li p{width:85%; font-size:12px; line-height:22px;}

.web-n .list-line span{width:20%; height:80px; line-height:50px; font-size:40px;}
.web-n .list-line .list-line-tt{width:80%; line-height:30px; font-size:16px; padding-right:10px; box-sizing:border-box;}
.web-n .list-line p{width:80%; line-height:22px; font-size:13px; padding-right:10px; color:#999;}
.web-foot{width:100%; height:auto; overflow:hidden;}
.web-foot-n{width:100%; height:auto; margin:0 auto;}
.web-f-l{width:90%; height:auto; float:none; overflow:hidden; margin:0 auto 40px;}
.web-f-l h1{width:100%; height:50px; line-height:50px; font-size:24px;}
.web-f-l .f-tt{width:100%; height:36px; line-height:36px; font-size:16px; margin-top:30px;}
.web-f-l p{width:100%; height:auto; line-height:22px; font-size:14px;}
.web-f-l .ser-ant{width:100%; height:36px; margin-top:10px;}
.web-f-l .ser-ant a{width:120px; height:36px; line-height:36px; text-align:center; font-size:16px; margin:0 auto;}
.web-f-r{width:100%; height:auto; float:none; overflow:hidden;}
.ins-more a{font-size:16px;}
.mail-gl{margin:20px auto 10px;}
.mail-gl ul{margin-left:-2.3%;}
.mail-gl li{width:31%; margin-left:2.3%; margin-bottom:10px; line-height:24px; font-size:12px; padding:12px 0 10px;}
.mail-gl li span{font-size:30px; line-height:30px; font-weight:normal;}

.e-brand{margin:20px auto 10px;}
.e-brand ul{margin-left:-2.3%;}
.e-brand li{width:31%; margin-left:2.3%; margin-bottom:10px;}

.design-gl{margin:20px auto 10px;}
.design-gl ul{margin-left:-2.3%;}
.design-gl li{width:31%; margin-left:2.3%; margin-bottom:10px; font-size:14px; line-height:40px;}
.app-list{margin:20px auto 10px;}
.app-list ul{margin-left:-2.3%;}
.app-list li{width:31%; margin-left:2.3%; margin-bottom:10px; font-size:14px; line-height:40px;}

.design-lc{margin:0 auto;}
.design-lc li{width:100%; height:auto; float:right; border-bottom:1px solid #eee; border-top:none; position:relative; padding-top:5px;}
.design-lc .nb01{width:24px; height:24px; line-height:24px; margin:0 auto; font-size:14px; position:absolute; left:50%; top:18px; margin-left:-60px;}
.design-lc .tt01{width:80%; height:50px; line-height:50px; color:#ff4242; font-size:16px; text-align:center; margin:0 auto; text-indent:15px;}
.design-lc .txt01{width:100%; height:auto; font-size:14px; color:#999; line-height:22px; margin:0 auto 20px;}
.design-list{margin-top:20px;}
.design-list ul{clear:both; margin-left:-5%;}
.design-list li{width:45%; height:auto; margin-left:5%; margin-bottom:10px;}
.design-img{width:100%; height:auto; overflow:hidden;}
.design-tt{width:100%; height:40px; line-height:40px; font-size:14px;}

.seo-list ul{margin-left:0;}
.seo-list li{width:100%; height:auto; margin:0 auto 20px; padding:10px 20px 20px;}
.tb-seo{height:60px; line-height:60px;}
.tb-seo i{font-size:48px;}
.tt-seo{width:100%; height:30px; line-height:30px; font-size:16px;}
.txt-seo{width:100%; height:auto; overflow:hidden; margin:0 auto;}
.txt-seo dt{font-size:15px; margin-bottom:10px;}
.txt-seo dd{width:50%; height:24px; line-height:24px; font-size:12px; text-align:left;}

}