@charset "utf-8";
.banner{overflow: hidden;position: relative;text-align: center;}
.banner article{width: 100%;display: table-cell;vertical-align: middle;position: absolute;top: 200px;text-align: center;}
.banner h3{font-size: 26px;color: #fff;vertical-align: middle;line-height: 58px;}
.banner h3 strong{font-size:26px;color:#edc822;padding: 0 10px;}
.banner h3 span{font-size: 36px;font-weight: 500;}
.banner h3 i{font-style: normal;color:#edc822;font-size: 32px;padding: 0 13px;}

/*website*/
.wnav{position: relative;z-index: 1111;margin-top: -80px;}
.wnav ul{text-align: center;}
.wnav ul li{float: left;background: #fff;display: inline-block;box-shadow:0px 4px 10px #c0dbe2; border:1px solid #ccc;margin-right: 25px;padding: 40px 95px 60px;}
.wnav ul li:hover{background: #0784A7;
	-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);
	-o-transform:translateY(-20px);transform:translateY(-20px)}
.wnav ul li:last-child{margin-right: 0;}
.wnav ul li i{display: block;width: 82px;height: 82px;margin: 0 auto;}
.wnav ul li:first-child i{background-image: url(../images/wnava.png);}
.wnav ul li:nth-child(2) i{background-image: url(../images/wnavb.png);}
.wnav ul li:nth-child(3) i{background-image: url(../images/wnavc.png);}
.wnav ul li:last-child i{background-image: url(../images/wnavd.png);}
.wnav ul li:first-child:hover i{background-image: url(../images/wnava_h.png);}
.wnav ul li:nth-child(2):hover i{background-image: url(../images/wnavb_h.png);}
.wnav ul li:nth-child(3):hover i{background-image: url(../images/wnavc_h.png);}
.wnav ul li:last-child:hover i{background-image: url(../images/wnavd_h.png);}
.wnav ul li span{font-size: 22px;display: block;margin: 20px 0;}
.wnav ul li a{font-size: 18px;display: block;}
.wnav ul li:hover span,.wnav ul li:hover a{color: #fff;}
.wrap{background: url(../images/bg_website.jpg) 50% 0 no-repeat;}
.winfo{position: relative;margin-top: 30px}
.winfo dl{}
.winfo dl dt strong{font-size: 36px;display: block;padding-top: 50px}
.winfo dl dt span{color: #ccc;font-size: 18px;display: block;padding:10px 0 20px;}
.winfo dl dt i{display: inline-block;width:50px;height: 1px;background: #0784A7;}
.winfo dl dd{font-size: 14px;padding: 10px 0px}
.winfo dl dd strong{font-size: 18px;color: #333;padding: 10px 0 10px;}
.winfo dl dd span{display: inline-block;width:580px;height: 1px;background: #ccc;margin:10px 0 20px}
.winfo dl dd a{color: #fff;padding: 15px 35px;background: #0784A7;border-radius: 5px;}
.winfo dl dd a:last-child{background: #000;margin-left: 20px}
.winfo dl dd a:hover{opacity: .8}
.winfo dl dd i{font-style: normal;display: inline-block;width: 50%;}
.ifa{background:url(../images/winfoa.png)100% 50% no-repeat;padding: 50px 0;}
.ifb{background:url(../images/winfob.png)0 50% no-repeat;padding: 150px 0 200px;}
.ifc{background:url(../images/winfoc.png)100% 50% no-repeat;padding: 50px 0;}
.ifd{background:url(../images/winfod.png)0 50% no-repeat;padding: 150px 0 50px;}
.ifb dl,.ifd dl{margin-left: 590px;}
@media screen and (max-width: 1366px) {
	.winfo{background-position: 150% 50%;}
	.ifb{background-position: -50% 0;}
	.ifd{background-position: -5% 0;}
}
.wbtm{height: 143px;background: url(../images/website_bottom.jpg) 50% 50% no-repeat;}
.wcustom{display:table;height: 320px;width: 100%;background: #fff url(../images/website_custom.jpg) 50% 50% no-repeat;}
.wcustom dl{display: table-cell;vertical-align: middle;text-align: center;background: rgba(0, 0, 0, 0.81);color: #fff}
.wcustom dl dt{font-size: 23px;letter-spacing: 2px;}
.wcustom dl dd{}
.wcustom dl dd span{display: inline-block;font-size: 18px;padding: 15px 0 30px;letter-spacing: 3px;}
.wcustom dl dd a{color: #fff;display: inline-block;font-size: 16px;padding: 10px 30px;border:1px solid #fff;}
.wcustom dl dd a:hover{color: #0784A7;border:1px solid #0784A7;}
.process{background: #0884A8;text-align: center;color: #fff;padding: 55px 0;}
.process h2{font-size: 32px;}
.process h3{font-size: 16px;font-weight: 500;padding: 25px 0 45px}
.process h4{}
.process ul{overflow: hidden;width: 1260px;margin: 0 auto;text-align: center;}
.process ul li{display: inline-block;width: 160px;float: left;padding: 0 10px;}
.process ul li h5{font-size: 20px;padding:30px 0 20px}
.process ul li p{font-size: 16px;text-align: left;line-height: 26px;}
.faq{margin-bottom: 80px}
.faq h2{font-size: 32px;color: #333;padding: 60px 0 40px;text-align: center;}
.faq ul{overflow: hidden;}
.faq ul li{display: inline-block;width: 390px;float: left;background: #f8f8f8;}
.faq ul li:nth-child(2){margin: 0 15px;}
.faq ul li span{display: block;width: 390px;height: 260px;}
.faq ul li strong{display: block;padding: 20px 20px 0;font-size: 14px;}
.faq ul li p{padding: 5px 20px 20px;line-height: 22px}

/*shop*/
.snav{position: relative;z-index: 1111;margin-top: -80px;}
.snav ul{overflow: hidden;}
.snav ul li{float: left;background-color:#fff;background-position:50% 10%;background-repeat: no-repeat;display:inline-block;box-shadow:0px 4px 10px #c0dbe2; border:1px solid #ccc;margin-right: 15px;width: 225px;height: 268px;text-align: center;}
.snav ul li:nth-child(1){background-image:url(../images/s01.png);}
.snav ul li:nth-child(2){background-image:url(../images/s02.png);}
.snav ul li:nth-child(3){background-image:url(../images/s03.png);}
.snav ul li:nth-child(4){background-image:url(../images/s04.png);}
.snav ul li:nth-child(5){margin-right: 0;background-image:url(../images/s05.png);}
.snav ul li span{display: block;font-size: 24px;padding-top: 30px;padding-top:69px;}
.snav ul li:nth-child(2) span{padding-top: 38px;}
.snav ul li p{padding: 0 25px;height: 40px;margin: 22px 0;line-height: 22px;}
.snav ul li i{font-size: 38px;}
.scene{text-align: center;}
.scene h2{font-size: 40px;padding: 60px 0 25px;}
.scene h3{font-size: 16px;padding-bottom: 38px;}
.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;height:35px;width: 1300px;position: absolute;left: 50%;margin-left: -650px;top:200px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:19px; height:35px;overflow:hidden;cursor:pointer;}
.picScroll-left .hd .prev{ background:url("../images/arrow_l.png") 0 0 no-repeat;float:left;}
.picScroll-left .hd .next{ background:url("../images/arrow_r.png") 0 0 no-repeat;float:right; }
.picScroll-left .bd .tempWrap{width: 1200px;margin: 0 auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:388px; height:300px; display:block; }
.picScroll-left .bd ul li .pic a:hover img{}
.picScroll-left .bd ul li .title{width: 388px;background: #f8f8f8;}
.picScroll-left .bd ul li .title h3{font-size: 24px;padding: 10px 0;}
.picScroll-left .bd ul li .title p{font-size: 16px;line-height: 26px;padding: 0 15px;height: 120px;}

.function{text-align: center;background: #fff url(../images/bg_function.jpg) 50% 50% no-repeat;height: 620px;}
.function h2{font-size: 40px;padding: 60px 0 35px;color: #fff;}
.function h3{font-size: 16px;padding-bottom: 38px;color: #fff;}
.function ul{width: 1212px;margin: 0 auto;}
.function ul li{width: 230px;height: 170px;margin: 0 6px;background: #fff;float: left;margin-bottom: 12px;}
.function ul li img{margin: 40px 0 18px;}
.function ul li h4{font-weight: normal;font-size: 16px;}

.scene .txt{text-align: left;padding: 20px 18px;border:1px solid #eee;border-top: none;}
.scene .txt h4{font-size: 16px;font-weight: normal;}
.scene .txt p{font-size: 14px;color: #666;padding: 12px 0 18px;border-bottom: 1px solid #eee;}
.scene .txt h5{font-size: 14px;color: #666;font-weight: normal;padding-top: 15px;}
.scene .txt h5 span{color: #666;}
.scene .txt h5 i{font-style: normal;float: right;}

.advantage{margin-top: 60px;text-align: center;background: #fff url(../images/bg_advantage.jpg) 50% 50% no-repeat;height: 550px;}
.advantage h2{font-size: 40px;padding: 60px 0 35px;color: #fff;}
.advantage h3{font-size: 16px;padding-bottom: 38px;color: #fff;}
.advantage ul{text-align: center;overflow: hidden;margin-bottom: 60px;}
.advantage ul li{display: inline-block;float: left;width: 163px;height: 168px;border:1px solid #fff;margin: 0 37px;}
.advantage ul li h4{padding: 48px 0 15px;font-size: 20px;color: #fff;}
.advantage ul li p{height: 50px;font-size: 14px;color: #fff;}
.advantage a{display: inline-block;font-size: 20px;font-weight: 500;color: #fff;padding: 20px 52px;border-radius: 30px;background: #0784a7;}
.advantage a:hover{opacity: .8}

/*mina*/
.mifun{position: relative;}
.mifun ul{background: #f8f8f8;overflow: hidden;padding: 50px 0 0;margin-top: -100px;z-index: 1111}
.mifun ul li{display: inline-block;float: left;width: 260px;height: 220px;margin:30px 70px 0;text-align: center;}
.mifun ul li span{}
.mifun ul li h3{font-size: 20px;padding: 15px 0;}
.mifun ul li p{font-size: 14px;line-height: 24px;}

.micore{margin-top: 60px;text-align: center;background: #fff url(../images/bg_micore.jpg) 50% 50% no-repeat;height:620px;}
.micore h2{font-size: 40px;padding: 60px 0 35px;color: #fff;}
.micore h3{font-size: 16px;padding-bottom: 38px;color: #fff;}
.micore ul{overflow: hidden;}
.micore ul li{display: inline-block;width: 288px;float: left;margin: 0 6px;}
.micore ul li .mitxt{background: #fff;padding: 15px 35px;}
.micore ul li .mitxt h4{font-size: 16px;}
.micore ul li .mitxt p{font-size: 14px;line-height: 26px;height: 80px;}

.miincome{text-align: center;height:645px;}
.miincome h2{font-size: 40px;padding: 60px 0 35px;}
.miincome ul{overflow: hidden;}
.miincome ul li{width: 140px;height: 170px;display: inline-block;float: left;margin: 20px 50px;}
.miincome ul li h4{font-size: 20px;padding: 20px 0;}

.micase{text-align: center;background: #0781a3;height: 906px;}
.micase h2{font-size: 40px;padding: 60px 0 35px;color: #fff;}
.micase ul{text-align: center;width: 100%}
.micase ul li{width: 18%;height: auto;display: inline-block;margin: 0 5px 30px;position: relative;}
.micase ul li img{width: 100%}
.micase ul li h4{position: absolute;font-size: 20px;bottom: 20px;width:100%;left: 50%;margin-left: -50%}


.miprocess{text-align: center;height: 756px;background: url(../images/bg_miprocess.png) 50% 100% no-repeat;}
.miprocess h2{font-size: 40px;padding: 60px 0 35px;}

.mischeme{text-align: center;background: url(../images/bg_mischeme.jpg)50% 50% no-repeat;height:399px;}
.mischeme h2{font-size: 40px;padding: 60px 0 35px;color: #fff;}
.mischeme h3{font-size: 16px;padding-bottom: 38px;color: #fff;}
.mischeme p a{display: inline-block;font-size: 24px;font-weight: 600;color: #fff;padding:20px 55px;background: #0784a7;}

/*service*/

.seintro{}
.seintro .setxt{width: 50%;display: inline-block;height: 640px;}
.seintro .seimg{width: 50%;display: inline-block;height: 640px;}
.seintro .setxt h2{font-size: 40px;padding: 60px 0 20px;}
.seintro .setxt h3{font-size: 16px;padding-bottom: 25px;}
.seintro .setxt h3 span{color:#0784a7}
.seintro .setxt h4{padding-bottom: 10px}
.seintro .setxt p{font-size: 16px;line-height: 24px;margin-bottom: 20px;}
.seintro .setxt p strong{display: inline-block;font-size: 20px;padding: 25px 0 10px;}
.seintro .setxt a{display: inline-block;padding: 13px 30px;border-radius: 6px;font-size: 14px;color: #fff;}
.seintro .setxt a:hover{opacity: .8}
.seintro .more{background: #0784a7;}
.seintro .chat{background: #333;}

.sewebsite{}
.sewebsite .setxt{float: left;text-align: right;}
.sewebsite .setxt h2,.sewebsite .setxt h3,.sewebsite .setxt p{padding-right: 38px;}
.sewebsite .setxt h4{margin-right: 38px;}
.sewebsite .seimg{background: url(../images/bg_sewebsite.jpg) 50% 50% no-repeat;}
.sewebsite .more{margin-right: 20px;}
.sewebsite .chat{margin-right: 38px;}
.sedesign{}
.sedesign .setxt{float: right;}
.sedesign .setxt h2,.sedesign .setxt h3,.sedesign .setxt p{padding-left: 38px;}
.sedesign .setxt h4{margin-left: 38px;}
.sedesign .seimg{background: url(../images/bg_sedesign.jpg) 50% 50% no-repeat;}
.sedesign .more{margin-left: 38px}
.sedesign .chat{margin-left: 20px;}

.semobile{height: 838px;text-align: center;background:url(../images/bg_semobile.jpg) 50% 100% no-repeat;}
.semobile h2{font-size: 40px;padding: 60px 0 10px;}
.semobile h3{font-size: 16px;padding-bottom: 38px;}
.semobile h4{padding-bottom: 40px;}
.semobile ul{width: 1200px;margin: 0 auto;overflow: hidden;background: #1d2f3b;}
.semobile ul li{display: inline-block;float: left;width: 255px;padding: 0 22px;text-align: left;}
.semobile ul li i{font-style: normal;display: block;color:#304350;font-size: 50px;padding-top: 30px;}
.semobile ul li strong{display: block;font-size: 20px;color: #fff;padding-bottom: 20px;}
.semobile ul li p{font-size: 14px;color: #999;padding-bottom: 60px;line-height: 24px;}

.seother{margin-top: 62px;margin-bottom: 80px;}
.seother ul{width: 1230px;margin: 0 auto;overflow: hidden;}
.seother ul li{width: 380px;height: 568px;float: left;text-align: center;margin: 0 15px;}
.seother ul li .seotherh{border:1px solid #ccc;border-bottom: none;}
.seother ul li .seotherh h2{font-size: 20px;padding: 40px 0 20px;}
.seother ul li .seotherh h3{}
.seother ul li .seotherh h4{padding: 12px 0 25px;}
.seother ul li .seotherh p{text-align: center;padding-bottom: 35px;margin-top: 10px;}
.seother ul li .seotherh p a{display: inline-block;width:160px;height: 36px;line-height: 36px;background: #eee;;margin: 8px 8px;}
.seother ul li .seotherf{}
.seother ul li .seotherf a{display: inline-block;width: 190px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;}
.seother ul li .seotherf .chat{background: #0784a7;}
.seother ul li .seotherf .more {background: #333;}
.seother a:hover{opacity: .8}

/*cases*/
.banner ul{margin-top: 10px;}
.banner ul li{display: inline-block;margin: 0 65px;}
.banner ul li strong{font-size:36px;color:#edc822;display: block;}
.banner ul li span{font-size:14px;display: block;color: #eee;}

.caselist{}
.slideTxtBox{ width:100%;position: relative;}
.slideTxtBox .hd{margin-top:-40px;z-index: 1111;margin-bottom: 40px;}
.slideTxtBox .hd ul{text-align: center;background: #fff;box-shadow:0px 4px 10px #c0dbe2; border:1px solid #ccc;}
.slideTxtBox .hd ul li{display: inline-block;font-size: 14px;padding:32px 43px; cursor:pointer;margin: 0 7px;}
.slideTxtBox .hd ul li:hover,.slideTxtBox .hd ul li.curc{color: #0784a7;}
.slideTxtBox .bd ul{letter-spacing: -4px;width: 1218px;margin: 0 auto 80px;}
.slideTxtBox .bd li{display: inline-block;letter-spacing: normal;text-align: center;width: 388px;margin: 0 9px 20px;}
.slideTxtBox .bd li a{width: 100%;display: inline-block;position: relative;}
.slideTxtBox .bd li a img{width: 100%;height: 280px;}
.slideTxtBox .bd li .bg_mask{position: absolute;width: 100%;height: 100%;top: 0;background:rgba(0, 0, 0, 0.72);display: none;}
.slideTxtBox .bd li .bg_mask h4{margin-top: 30%;font-size: 18px;color: #fff;}
.slideTxtBox .bd li .bg_mask span{font-size: 16px;padding-top: 12px;color: #fff;}
.slideTxtBox .bd li a:hover .bg_mask{display: block;}
.caselist .txt{text-align: left;padding: 20px 18px;border:1px solid #eee;border-top: none;}
.caselist .txt h4{font-size: 16px;font-weight: normal;}
.caselist .txt p{font-size: 14px;color: #666;padding: 12px 0 18px;border-bottom: 1px solid #eee;}
.caselist .txt h5{font-size: 14px;color: #666;font-weight: normal;padding-top: 15px;}
.caselist .txt h5 span{color: #666;}
.caselist .txt h5 i{font-style: normal;float: right;}
.caselist a:hover p{border-bottom: 1px solid #0784A7;}
.caselist .loading{display: block;text-align: center;margin-top: 30px}
.caselist .loading a{display: inline-block;font-size: 22px;letter-spacing: 1px;padding: 22px 45px;background: #eee;color: #999;}

/*cases_details*/
.details{margin-bottom: 30px}
.details h2{text-align: center;font-size: 30px;padding: 55px 0 30px;}
.details .txt{width: 880px;margin: 0 auto 30px;font-size: 14px;line-height: 22px;}
.details h3{text-align: center;}
.details h3 a{display: inline-block;border:1px solid #ccc;padding: 5px 20px 5px 40px;border-radius: 20px;font-size: 16px;margin: 0 10px;}
.details h3 a:nth-child(1){background: url(../images/ico_link.png) 20% 50% no-repeat;}
.details h3 a:nth-child(2){background: url(../images/ico_mobile.png) 20% 50% no-repeat;}
.moreinfo{}

.pagelist{text-align: center;margin-top: 20px;}
.pagelist a{display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 40px;background: #eee;color: #999;margin: 0 5px;letter-spacing: 2px;}
.pagelist a.curp,.pagelist a:hover{color: #fff;background: #0784a7;}

/*news_details*/
.newscontent{display: inline-block;width: 800px;float: left;padding: 30px;margin-right: 20px;margin-top: 40px;border:1px solid #eee;}
.newscontent h2{text-align: center;font-size: 30px;}
.newscontent h3{text-align: center;font-size: 14px;border-bottom: 1px solid #eee;padding: 20px 0;margin-bottom: 20px;}
.newscontent .newsinfo{}
.newscontent .newsinfo .pre{display: block;border-top: 1px solid #eee;padding-top: 30px;margin-top: 30px;}
.newscontent .newsinfo .next{display: block;padding: 15px 0 0px;}
.newscontent .newsinfo .pre:hover,.newscontent .newsinfo .next:hover{color:#0784A7;}
.aside{display: inline-block;width:318px;float: right;margin-top: 40px}
.aside .newscase{border:1px solid #eee;padding: 20px;overflow: hidden;margin-bottom: 20px;}
.aside .newscase h3,.aside .newsrec h3{padding:0 0 20px;clear: both;border-bottom: 1px solid #eee;}
.aside .newscase h3 strong,.aside .newsrec h3 strong{font-size: 20px;}
.aside .newscase h3 a,.aside .newsrec h3 a{font-size: 14px;float: right;}
.aside .newscase ul{overflow: hidden;text-align: center;}
.aside .newscase ul li{display: inline-block;width: 130px;height: 94px;margin: 20px 3px;}
.aside .newscase ul li span{}
.aside .newscase ul li p{font-size: 14px;padding: 10px 0 0;}
.aside .newsrec{border:1px solid #eee;padding: 20px;overflow: hidden;}
.aside .newsrec dl{border-bottom: 1px solid #eee;padding: 15px 0;height: 60px;}
.aside .newsrec dl dt{position: absolute;}
.aside .newsrec dl dd{display: inline-block;margin-left: 113px;}
.aside .newsrec dl dd h3{font-size: 14px;border-bottom: none;padding: 0 0 15px;}
.aside .newsrec dl dd p{font-size: 14px;}
.aside .newsrec dl dd p span{color: #999;}
.aside .newsrec dl dd p strong{font-size: 14px;float: right;padding-left: 25px;background:url(../images/ico_eye.png) 10% 50% no-repeat;}
.aside .newscase h3 a:hover, .aside .newsrec h3 a:hover,.aside ul a:hover p,.newsrec dl:hover dd h3{color:#0784A7;}

/*about*/
.who{text-align: center;padding-bottom: 240px;background: url(../images/bg_aboutwho.jpg) 50% 100% no-repeat;}
.who h2{font-size: 40px;padding: 60px 0 20px;}
.whowe{font-size: 14px;width: 950px;margin: 0 auto 80px;line-height: 24px;}
.whodigit{background: #f8f8f8;text-align: center;padding: 85px 0 80px;}
.whodigit dt{display: inline-block;font-size: 14px;padding: 0 90px;line-height: 36px;margin-bottom: 60px;}
.whodigit dt span{display: inline-block;margin: 0 90px;}
.whodigit dt span strong{font-size: 44px;color: #0784A7;}
.whodigit dd{font-size: 16px;line-height: 28px;}
.team{text-align: center;}
.team h2{font-size: 40px;padding: 60px 0 20px;}
.team h3{font-size: 16px;padding-bottom: 25px;}
.team ul{text-align: center;}
.team ul li{display: inline-block;width: 180px;margin: 0 58px 60px;}
.team ul li span{}
.team ul li h4{font-size: 14px;padding: 10px 0 5px;}
.team ul li h5{font-size: 14px;color: #999;margin-bottom: 5px;}
.team ul li h6{font-size: 16px;}