body { font-size:14px;}

a:hover{ text-decoration: none; color: #999; transition: all 0.2s ease 0s;}

.wrap{ width: 1200px; margin: 0 auto;}

img{ vertical-align: top;}



.head{ height: 110px; background: #1d1f21;}

.head .logo{ width: 134px; height: 82px; margin: 14px 0; }

.head .tel{ font-size: 19px; color: #BBB; padding-left: 25px; background: url(../images/icon1.png) no-repeat left center; margin-top: 70px; height: 24px; line-height: 24px;}

.head .menu{ display: none;}



.nav{ height: 54px; line-height: 54px; margin: 56px 0 0 110px; position: relative; z-index: 9;}

.nav .oli{ float: left; }

.nav .oli .oa{ color: #FFF; font-size: 15px; display: block; padding: 0 38px;}

.nav .oli .oa:hover,.nav .oli .on{ color: #588dcf;}

.nav .an{ display: none;}

.nav .child{ line-height: 34px; background: #1d1f21; padding: 5px 0; display: none;}

.nav .child a{ display: block; text-align: center; color: #FFF;}

.nav .child a:hover{ color: #588dcf;}



.idx-slide{ width: 100%; overflow: hidden; position: relative; z-index: 8;}

.idx-slide img{ width: 100%; }

.idx-slide .idx-slide-prev,.idx-slide .idx-slide-next{ width: 50px; height: 141px; background: url(../images/btns1.png) no-repeat; position: absolute; left: 50%; top: 35%; cursor: pointer; margin-left: -600px;}

.idx-slide .idx-slide-next{ margin-left: 550px; background-position: -50px 0;}



.idx-block1{ padding-top: 60px;}

.idx-block1 li{ float: left; margin-right: 20px; width: 285px; text-align: center; margin-bottom: 20px;}

.idx-block1 li img{ width: 285px; height: 124px;}

.idx-block1 h3{ font-size: 20px; margin: 15px 0 10px 0; height: 32px; line-height: 32px; color: #000; overflow: hidden;}

.idx-block1 p{ line-height: 24px; color: #666; padding: 0 15px; height: 48px; overflow: hidden;}

.idx-block1 .more{ display: inline-block; color: #FFF; text-transform: uppercase; background: #538fce; border-radius: 4px; padding: 0 25px; height: 50px; line-height: 50px; margin-top: 15px; font-family: Arial;}

.idx-block1 .more:hover{ background: #2161a5;}

.idx-block1 .ed{ margin-right: 0;}

.idx-block1 .p1{ -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s;}

.idx-block1 .p2{ -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s;}

.idx-block1 .p3{ -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s;}



.idx-block2{ padding-top: 110px; position: relative; height: 480px; overflow: hidden; min-height: 400px;}

.idx-block2 .intr{ width: 38%; display: none;}

.idx-block2 .intr h3{ font-size: 30px; height: 40px; line-height: 40px; overflow: hidden;}

.idx-block2 .intr em{ font-size: 20px; height: 26px; line-height: 26px; overflow: hidden; font-style: normal;}

.idx-block2 .intr .w{ line-height: 28px; color: #777; margin-top: 35px;}

.idx-block2 .pic{ position: absolute; right: 0; bottom: 0; display: none;}



.idx-block3{ margin-top: 70px;}

.idx-block3 h3{ font-size: 32px; text-align: center; font-weight: bold; height: 48px; line-height: 48px;}

.idx-block3 .intr{ line-height: 26px; color: #777; text-align: center; padding: 10px 0;}

.piclist{ margin-top: 40px;}

.piclist li{ float: left; width: 16.66%; position: relative;}

.piclist li img{ width: 100%;}

.piclist .fd{ display: none;}

.piclist li a:hover .fd{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: url(../images/icon4.png) no-repeat center center #000; opacity: 0.7;}



.idx-block4{ background: #538fce; padding: 4% 0; color: #FFF; text-align: center; font-size: 24px;}

.idx-block4 .w{ width: 65%; line-height: 52px; padding: 10px 0; line-height: 32px;}

.idx-block4 .btn{ border: 1px solid #FFF; height: 50px; line-height: 50px; padding: 0 3%; display: block; color: #FFF; font-size: 20px; margin-left: 4%;}

.idx-block4 .btn:hover{ background: #2161a5;}



.foot{ background: url(../images/fbg.jpg) no-repeat center top #333;}

.foot .foot-nav{ width: 75%; }

.foot .qrcode{ width: 25%; text-align: center; padding-top: 4%; color: #999;}

.foot .qrcode p{ margin-top: 5px;}

.foot-nav dl{ float: left; width: 15%; /*background: url(../images/footbg.jpg) no-repeat right center;*/ padding: 40px 2% 35px 8%; height: 205px;}

.foot-nav dl dt{ color: #588dcf; font-size: 16px; font-weight: bold; margin-bottom: 15px;}

.foot-nav dl dd{ height: 24px; line-height: 24px; overflow: hidden;}

.foot-nav dl dd a{ color: #CCC;}

.foot-nav dl dd a:hover{ color: #588dcf;}

.foot-nav dl dd span{ font-family: Simsun; margin-right: 3px;}

.foot .copyright{ background: #000; color: #777; line-height: 32px; padding: 8px 0;}



.childnav{ padding: 2.5% 0; background: url(../images/childnavbg.jpg) repeat-x left bottom; text-align: center; height: 36px;}

.childnav a{ font-size: 16px; margin: 0 30px; padding: 0 2px 3px 2px;}

.childnav a:hover{ color: #588dcf;}

.childnav a.on{ border-bottom: 2px solid #000; color: #000;}



.caselist{ padding: 20px 0;}

.caselist li{ float: left; width: 29%; margin: 2% 2% 3% 2%; border-bottom: 4px solid #999; padding-bottom: 1%;}

.caselist li .pic{ border: 1px solid #cfcfcf; padding: 1px; height: 256px;}

.caselist li img{ width: 100%; height: 100%;}

.caselist li h3{ font-size: 18px; height: 48px; line-height: 48px; overflow: hidden; margin: 20px 0 5px 0; color: #000;}

.caselist li p{ color: #666; height: 36px; line-height: 36px; overflow: hidden;}



.caseread{ padding: 30px 0;}

.caseread h1{ font-size: 24px; color: #000; line-height: 36px; padding: 10px 0 30px 0;}

.caseread h2{ font-size: 24px; color: #000; line-height: 36px; padding: 40px 0 5px 0; border-bottom: 1px solid #CCC;}



.caseslide{ padding: 20px 0; position: relative; border: 1px solid #D0D0D0; background: #F0F0F0; padding: 10px; width: 846px; height: 629px;}

.caseslide .bigpic{ width: 846px; height: 629px; /*overflow: hidden;*/ float: left;}

.caseslide .bigpic li{ left: 10px; top: 10px; height: 629px; overflow: hidden;}

.caseslide .picscroll{ width: 160px; padding: 0 18px; position: absolute; right: -270px; top: 0px;}

.caseslide .picscroll .sPrev{ display: block; width: 48px; height: 23px; background: url(../images/btnsjpg.jpg) no-repeat; margin: 0 0 28px 55px; cursor: pointer;}

.caseslide .picscroll .sNext{ display: block; width: 48px; height: 23px; background: url(../images/btnsjpg.jpg) no-repeat 0 -23px; margin: 28px 0 0 55px; cursor: pointer;}

.caseslide .smallImg{ height: 548px; overflow: hidden;}

.caseslide .smallImg img{ vertical-align: top;}

.caseslide .smallImg li{ margin: 0 0 20px 0; float: left; border: 1px solid #CCC; background: #FFF; padding: 5px; cursor: pointer;}

.caseslide .smallImg .on{ border: 1px solid #538fce; background: #d3e8ff;}



.content{ line-height: 28px; padding: 10px 0;}

.content img{ max-width: 100%;}



.about{ padding: 20px 0;}

.aboutl{ padding: 40px 0 80px 0; border-bottom: 1px solid #CCC;}

.aboutl h3{ font-size: 24px; color: #538fce; padding-left: 40px; background: url(../images/icon2.jpg) no-repeat left center;}

.aboutl .intr{ width: 520px; float: left; line-height: 30px; color: #666; font-size: 16px; margin-top: 30px; padding-left: 30px;}

.aboutl .pic{ width: 600px; float: right; margin-top: 40px;}



.aboutr{ padding: 40px 0 80px 0; border-bottom: 1px solid #CCC;}

.aboutr h3{ font-size: 24px; color: #538fce; padding-left: 40px; background: url(../images/icon2.jpg) no-repeat left center;}

.aboutr .intr{ width: 520px; float: right; line-height: 30px; color: #666; font-size: 16px; margin-top: 30px; }

.aboutr .pic{ width: 600px; float: left; margin-top: 40px; margin-left: 30px;}



.about .jp{ padding: 40px 0 100px 0; text-align: center;}

.about .jp h3{ font-size: 24px; color: #538fce; text-align: center; border-bottom: 2px solid #588dcf; display: inline-block; height: 34px; line-height: 34px; padding: 0 5px 5px 5px;}

.about .jp .intr{ color: #666; line-height: 24px; margin-top: 20px; padding: 0 110px;}

.about .jp .more{ background: #588dcf; color: #FFF; font-size: 24px; display: inline-block; height: 50px; line-height: 50px; padding: 0 30px; margin-top: 30px;}



.service{ padding: 40px 0;}

.service h2{ font-size: 30px; color: #000; margin-top: 10px;}

.service .intr{ font-size: 16px; color: #666; line-height: 30px; margin-top: 20px;}



.servicelist{ margin-top: 50px;}

.servicelist li{ padding: 20px; background: #e6e7e8; height: 193px; overflow: hidden; margin-bottom: 30px;}

.servicelist li img{ float: left; margin-right: 25px; width: 309px; height: 193px;}

.servicelist li h3{ font-size: 24px; color: #000;}

.servicelist li p{ line-height: 30px; font-size: 16px; color: #666; margin-top: 5px; height: 150px; overflow: hidden;}



.join{ padding: 40px 0 80px 0;}

.join h2{ font-size: 30px; color: #000; margin-top: 10px; text-align: center;}

.join .intr{ font-size: 14px; color: #666; line-height: 24px; margin-top: 20px; text-align: center;}



.joinlist{ margin-top: 30px;}

.joinlist li{ border-bottom: 1px solid #CCC; padding: 20px 20px 20px 30px; position: relative;}

.joinlist li h3{ font-size: 18px;}

.joinlist li .intr2{ display: none; line-height: 30px; color: #666; margin-top: 15px;}

.joinlist li .more{ position: absolute; background: url(../images/icon3.jpg) no-repeat; display: block; width: 30px; height: 30px; right: 15px; top: 17px; text-indent: -9999em; cursor: pointer;}

.joinlist .on{ background: #f7f7f7;}

.joinlist .on .intr2{ display: block;}

.joinlist .on .more{ background: url(../images/icon3b.jpg) no-repeat;}



.solutionlist{ padding: 20px 0;}

.solutionlist li{ float: left; width: 29%; margin: 40px 2%; text-align: center;}

.solutionlist li h3{ font-size: 24px; color: #666; height: 34px; line-height: 34px; overflow: hidden; margin: 15px 0;}

.solutionlist li .intr{ color: #999; line-height: 30px; height: 240px; overflow: hidden; text-align: left;}

.solutionlist li img{ width: 140px; height: 140px;}



.sjgc{ background: #e6e7e8; padding: 25px 35px; color: #666; line-height: 30px; font-size: 16px; margin-top: 50px;}

.sjgc h1{ color: #000; font-size: 30px; margin-bottom: 20px;}

.sjgcl{ width: 69%; margin-top: 60px;}

.sjgcl li{ height: 135px; margin-bottom: 50px;}

.sjgcl li img{ width: 216px; height: 135px; float: left; margin-right: 28px;}

.sjgcl li h3{ font-size: 24px; color: #000; height: 28px; line-height: 28px; overflow: hidden;}

.sjgcl li p{ font-size: 16px; color: #999; line-height: 24px; margin-top: 12px; height: 96px; overflow: hidden;}

.sjgcr{ width: 25%; margin-top: 60px;}

.sjgcr h2{ font-size: 24px; color: #000; line-height: 36px;}

.sjgcr p{ font-size: 16px; color: #999; line-height: 28px; margin-top: 10px;}

.sjgcr .more{ display: inline-block; color: #FFF; height: 50px; line-height: 50px; background: #588dcf; padding: 0 30px; font-size: 18px; margin-top: 20px; border-radius: 4px;}



.tyt{ padding: 60px 15px;}

.tyt .intr{ color: #666; line-height: 28px; padding-bottom: 20px;}

.tyt dl{ margin: 10px 0 20px 0;}

.tyt dt{ background: #ebebeb; color: #666; height: 38px; line-height: 38px; border: 1px solid #CCC; padding: 0 15px; cursor: pointer; margin-bottom: 15px;}

.tyt dd{ float: left; position: relative; display: none;}

.tyt dd img{ width: 390px; height: 200px;}

.tyt dd .fd{ display: none;}

.tyt dd a:hover .fd{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: url(../images/icon4.png) no-repeat center center #000; opacity: 0.6;}

.tyt .on dd{ display: block;}



.solution{ padding: 30px 0;}

.solution h1{ font-size: 36px; color: #538fce;}

.solution .intr{ line-height: 24px; color: #666; font-size: 16px; margin-top: 15px;}

.solution .solution-child{ text-align: center; padding: 40px 0;}

.solution .solution-child a{ color: #538fce; font-size: 16px; margin: 0 30px; cursor: pointer;}



.solution-item{ margin-bottom: 40px;}

.solution-item img{ width: 100%;}

.solution-item .l{ width: 780px; float: left; margin-top: 20px; padding-right: 40px;}

.solution-item .r{ width: 380px; float: right; margin-top: 20px;}

.solution-item h3{ font-size: 30px; color: #538fce;}

.solution-item .intr2{ font-size: 16px; line-height: 24px; color: #666; margin-top: 15px;}

.solution-item .r p{ line-height: 26px; background: url(../images/icon8.png) no-repeat 8px 11px; font-size: 16px; color: #666; background-color: #EEE; padding: 5px 5px 5px 40px;}

.solution-item .r .odd{ background-color: #FFF;}

.solution-item .r h3{ margin-bottom: 10px;}



.contact{ padding: 65px 30px;}

.contact .contact-info{ font-size: 16px; line-height: 48px; color: #666; width: 40%; padding-right: 10%;}

.contact .contact-info h1{ font-size: 24px; color: #588dcf;}

.contact .contact-form{ width: 44%; background: #588dcf; color: #FFF; padding: 1.5% 3% 3% 3%;}

.contact .contact-form p{ font-size: 16px; font-family: Simsun; height: 28px; line-height: 28px;}

.contact .contact-form .txt{ height: 35px; line-height: 35px; padding: 0 1%; border: 0; width: 98%; color: #666; margin-bottom: 15px;}

.contact .contact-form .txt2{ height: 150px; line-height: 24px; padding: 0 1%; border: 0; width: 98%; color: #666; margin-bottom: 15px;}

.contact .contact-form .btn{ background: #FFF; border: 0; height: 35px; line-height: 35px; padding: 0 40px; cursor: pointer;}

.contact .map{ border: 1px solid #E2E2E2; padding: 1px; margin-top: 50px;}



.gwlist{ padding: 60px 0;}

.gwlist li{ float: left; width: 360px; height: 480px; margin: 30px 18px 20px 18px; position: relative; border: 2px solid #e8e8e8; text-align: center; border-radius: 3px;}

.gwlist li .mask{ background: url(../images/gwbg.png) no-repeat; position: absolute; left: -2px; top: -2px; width: 364px; height: 212px;}

.gwlist li h3{ font-size: 24px; height: 36px; line-height: 36px; overflow: hidden; margin-top: 10px;}

.gwlist li .tel{ font-size: 18px; color: #666; padding: 5px 0; line-height: 24px; height: 24px; overflow: hidden;}

.gwlist li span{ background: url(../images/icon5.png) no-repeat left center; padding-left: 23px;}

.gwlist li .intr{ color: #666; font-size: 16px; text-align: left; padding: 0 20px; margin-top: 20px; line-height: 28px; height: 168px; overflow: hidden;}