@charset "utf-8";/* CSS Document */
.clear {clear: both;}

.l{ float:left;}
.r{ float:right;}
.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

::-webkit-input-placeholder {/* WebKit browsers */
 color:#1b1b1b;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#1b1b1b;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#1b1b1b;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#1b1b1b;}

.part9 ::-webkit-input-placeholder {/* WebKit browsers */
color:#999999;}
.part9 :-o-placeholder {/* Mozilla Firefox 4 to 18 */
color:#999999;}
.part9 ::-moz-placeholder {/* Mozilla Firefox 19+ */
color:#999999;}
.part9 :-ms-input-placeholder {/* Internet Explorer 10+ */
color:#999999;}
 
.mswp {width: 1200px;margin: auto;}
@media screen and (min-width:1420px) {.mswp {width: 1400px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1419px) {.mswp {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.mswp {width: 95%;margin: auto;}}

.no_margin{margin-left: auto!important\0;}
@media screen and (min-width:1220px) {.no_margin{margin-left: auto!important;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.no_margin{margin-left: auto!important;}}


/********  part1  ********/
.part1{padding-top: 30px;padding-bottom: 20px;}
.dabt{text-align: center;font-size: 28px; font-weight:bold;padding-bottom: 8px; /*background: url(/skin/images/btxian.jpg) no-repeat center bottom;*/margin-bottom: 7px;}
.xiaobt{text-align: center;font-size:16px;color: #666666;}
.duo{text-align: center;position: relative;padding-top: 160px;margin-top: 85px;cursor: pointer;}
.duo img{max-width: 50%;}

.yuan:hover img{transform: rotate(360deg);}
.yuan:hover p{color: #ff7e0e;}
.yuan{position: absolute;width: 162px;}
.yuan p{font-size:22px;color: #0147a6;margin-top: 20px;}
.yuan img{max-width: 70%;transition: 1s;}

.yuan1{left: 150px;bottom: 0;}
.yuan2{left: 230px;bottom: 215px;}
.yuan3{left: 440px;top: 0px;}
.yuan4{right: 440px;top: 0px;}
.yuan5{right:230px;bottom: 215px;}
.yuan6{right: 150px;bottom: 0;}

@media screen and (max-width:1419px) {
    .duo img{max-width: 70%;}
    .yuan1{left: 0;}
    .yuan2{left: 50px;bottom: 195px;}
    .yuan3{left: 210px;}
    .yuan4{right: 210px;}
    .yuan5{right: 50px;bottom: 195px;}
    .yuan6{right: 0;}
    .yuan p{font-size:20px;margin-top: 10px;}
    .duo{padding-top: 145px;}
}
@media screen and (max-width:999px) {
    .part1{padding-top: 40px;}
    .dabt{font-size:24px;;}
    .xiaobt{font-size:18px;}
    .duo{margin-top: 50px;padding-top: 10px;}
    .duo>img{display: none;}
    .yuan{width: 33.3333%;position: static;float: left;margin-bottom: 20px;}
}
@media screen and (max-width:500px) {
    .yuan p{font-size:16px;}
}
@media screen and (max-width:400px) {
    .yuan{width: 50%;}
}
/********  part2  *********/
.part2{padding-top: 90px;padding-bottom: 147px;}

.jjlist{padding-top: 80px;}
.jjbox{width: 326px;float: left;border-radius: 10px;background: #ddecfa;text-align: center;height: 503px;margin-left: 32px;cursor: pointer;transition: 0.5s;}
.jjbox img{max-width: 80%;margin-top: 50px;position: relative;top: 0;transition: 0.5s;}
.jjbox span{display: block;font-size: 30px;margin-top: 26px;margin-bottom: 45px;}
.jjbox p{font-size:18px;line-height: 28px;padding: 0 35px;text-align: left;}
.jjshang{margin-top: 85px;}
.jjbox:hover{background: url(/skin/images/jjbg.png) no-repeat center center;}
.jjbox:hover img{top: -10px;}

@media screen and (max-width:1419px) {
    .jjbox{margin-left: 20px;width: 230px;}
    .jjbox span{font-size:24px;}
    .jjbox p{font-size:16px;}
    .part2{padding-bottom: 100px;}
}
@media screen and (max-width:999px) {
    .part2{padding-top: 30px;padding-bottom: 70px;}
    .jjlist{padding-top: 50px;}
    .jjbox{width: 23%;margin: 0 1%;height: 435px;}
    .jjshang{margin-top: 50px;}
    .jjbox p{padding: 0 20px;font-size:14px;}
    .jjbox span{margin-bottom: 25px;font-size:20px;}
}
@media screen and (max-width:767px) {
    .jjbox{width: 48%;margin: 0 1%;margin-bottom: 20px;}
    .part2{padding-bottom: 30px;}
}
@media screen and (max-width:400px) {
    .jjbox{width: 98%;height: auto;padding-bottom:20px;margin: 0 1%;margin-bottom: 20px;}
    .jjbox img{margin-top: 30px;}
    .jjbox:hover{background: #ddecfa;}
}

/********  part3  *********/
.part3{background: url(/skin/images/bg1.jpg) no-repeat center top;padding-top: 80px;padding-bottom: 85px;}
.part3 .dabt{color: #fff;background: url(/skin/images/btxian2.jpg) no-repeat center bottom;}
.part3 .xiaobt{color: #fff;}
.ggbox{width: 290px;float: left;margin-left: 80px;text-align: center;padding-top: 200px;transition: 0.5s;}
.ggshang{margin-top: 70px;}
.ggbox1{background: url(/skin/images/ggi1.png) no-repeat center top;}
.ggbox2{background: url(/skin/images/ggi2.png) no-repeat center top;}
.ggbox3{background: url(/skin/images/ggi3.png) no-repeat center top;}
.ggbox4{background: url(/skin/images/ggi4.png) no-repeat center top;}

.ggbox1:hover{background: url(/skin/images/ggi1h.png) no-repeat center top;}
.ggbox2:hover{background: url(/skin/images/ggi2h.png) no-repeat center top;}
.ggbox3:hover{background: url(/skin/images/ggi3h.png) no-repeat center top;}
.ggbox4:hover{background: url(/skin/images/ggi4h.png) no-repeat center top;}
.gglist{padding-top: 44px;}
.ggbox span{display: block;color: #fff;font-size: 30px;margin-bottom: 6px;}
.ggbox p{font-size:18px;line-height: 24px;color: #fff;}

@media screen and (max-width:1419px) {
    .ggbox{margin-left: 20px;width: 230px;}
}
@media screen and (max-width:999px) {
    .ggbox{width: 48%;margin: 0 1%;margin-bottom: 20px;}
    .part3{padding-top: 50px;} 
}
@media screen and (max-width:767px) {
    .ggbox span{font-size:22px;}
    .part3{padding-bottom: 50px; background-size:cover;}
}
@media screen and (max-width:400px) {
    .ggbox span{font-size:18px;}
    .ggbox p{font-size:14px;}
    .xiaobt{font-size:14px;}
    .ggbox{background-size: 80%!important;padding-top: 170px;}
    .ggbox:hover{background-size: 80%!important;}
}
@media screen and (max-width:340px) {
    .ggbox{background-size: 80%!important;padding-top: 150px;}
}

/********  part4  *********/
.part4{padding-top: 113px;padding-bottom: 20px;}
.part4 .dabt span{color: #ff7e0e;}
.caselist{padding-top: 75px;}
.casebox{width: 450px;float: left;margin-left: 25px;margin-bottom: 65px;}
.casecon{position: relative;overflow: hidden;}
.casebox img{display: block;width: 100%;max-width: 450px;max-height: 286px;}
.casecover{position: absolute;left: 0;bottom: -100%;background: #1367af;width: 100%;padding-top: 57px;padding-bottom: 57px;transition: 0.5s;}
.casecover a{display: block;width: 181px;height: 40px;line-height: 40px;border-radius: 8px;background: #fff;text-align: center;margin: 0 auto;font-size:18px;}

.casebox ul{padding-top: 22px;}
.casebox ul li{width: 31.3333%;float: left;text-align: center;}
.casebox ul li span{font-size:20px;color: #1367af;display: block;padding-bottom: 7px;background: url(/skin/images/duanxian.jpg) no-repeat center bottom;margin-bottom: 5px;}
.casebox ul li p{font-size:18px;}

.seemore{display: block;width: 212px;height: 42px;line-height: 42px;text-align: center;border-radius: 8px;font-size:20px;margin: 0 auto;margin-top: 15px;}
.casebox:hover .casecover{bottom: 0;}

.seemore{background:#ff7e0e;border:1px solid #ff7e0e;color:#fff;}  
.seemore:hover{background:#28adfa;border:1px solid #28adfa;color:#fff;}

@media screen and (max-width:1419px) {
    .casebox{width: 310px;}
    .casecover{padding-top: 30px;padding-bottom: 30px;}
    .part4{padding-top: 70px;}
}
@media screen and (max-width:999px) {
    .casebox{width: 31.333%;margin: 0 1%;margin-bottom: 30px;}
    .caselist{padding-top: 50px;}
    .part4{padding-top: 45px;}
    .casebox ul li span{font-size:16px;}
    .casebox ul li p{font-size:14px;}
    .casecover a{width: 120px;font-size:16px;height: 30px;line-height: 30px;}
    .casecover{bottom: 0;padding-top: 15px;padding-bottom: 15px;}
}
@media screen and (max-width:767px) {
    .casebox{width: 48%;}
}
@media screen and (max-width:480px) {
    .casebox{width: 98%;}
    .dabt{font-size:20px;}
    .xiaobt{font-size:16px;}
}

/********  part5  *********/
.part5{padding-top: 106px;padding-bottom: 79px;}
.part5 ul{padding-top: 73px;}
.part5 ul li{width: 224px;float: left;margin-left: 168px;text-align: center;}
.part5 ul li p{width: 224px;height: 224px;border-radius: 50%;line-height: 224px;font-size: 60px;color: #0147a6;}
.part5 ul li p span{font-size: 60px;color: #0147a6;}
.part5 ul li.whyli1 p{background: url(/skin/images/szyuan1.png) no-repeat center center;}
.part5 ul li.whyli2 p{background: url(/skin/images/szyuan2.png) no-repeat center center;}
.part5 ul li.whyli3 p{background: url(/skin/images/szyuan3.png) no-repeat center center;}
.part5 ul li.whyli4 p{background: url(/skin/images/szyuan4.png) no-repeat center center;}
.part5 ul li b{font-size:20px;line-height: 28px;padding-top: 14px;background: url(/skin/images/duanxian2.jpg) no-repeat center top;font-weight: normal;display: block;margin-top: 16px;}

@media screen and (max-width:1419px) {
    .part5 ul li{margin-left: 28px;}
    .part5{padding-top: 70px;}
}
@media screen and (max-width:999px) {
    .part5 ul li p{width: 160px;height: 160px;background-size: 100%!important;line-height: 160px;font-size: 40px;margin: 0 auto;}
    .part5 ul li p span{font-size: 40px;}
    .part5 ul li{width: 23%;margin: 0 1%;}
    .part5{padding-top: 40px;}
    .part5 ul{padding-top: 50px;}
}
@media screen and (max-width:767px) {
    .part5 ul li p{width: 120px;height: 120px;line-height: 120px;font-size: 30px;}
    .part5 ul li p span{font-size: 30px;}
    .part5 ul li b{font-size:16px;}
}
@media screen and (max-width:550px) {
    .part5 ul li{width: 48%;margin-bottom: 20px;}
    .part5 ul{padding-top: 30px;}
}

/********  part6  *********/
.part6{padding-top: 132px;padding-bottom: 110px;background: url(/skin/images/bg3.jpg) no-repeat center top;}
.part6 ul li{width: 374px;margin-bottom: 58px;cursor: pointer; box-sizing:content-box;}
.dli1,.dli3,.dli5{text-align: right;padding-right: 108px;}
.dli2,.dli4,.dli6{text-align: left;padding-left: 85px;}
.dli1{background: url(/skin/images/di1.png) no-repeat right center;}
.dli2{background: url(/skin/images/di4.png) no-repeat left center;}
.dli3{background: url(/skin/images/di2.png) no-repeat right center;}
.dli4{background: url(/skin/images/di5.png) no-repeat left center;}
.dli5{background: url(/skin/images/di3.png) no-repeat right center;}
.dli6{background: url(/skin/images/di6.png) no-repeat left center;}
.part6 ul li b{font-size: 28px;color: #fff;display: block;}
.part6 ul li p{color: #fff;font-size:18px;margin-top: 6px;}
.part6 ul li:hover b{color: #ff7e0e;}


@media screen and (max-width:1419px) {
    .part6 ul li{width: 240px;}
    .dli1, .dli3, .dli5{padding-right: 90px;}
    .part6 ul li b{font-size:22px;}
}
@media screen and (max-width:999px) {
    .part6{background: #5189bc;padding-top: 60px;padding-bottom: 30px;}
}
@media screen and (max-width:767px) {
    .part6 ul li b{font-size:18px;}
    .part6 ul li{width: 170px;margin-bottom: 40px;padding-top: 10px;padding-bottom: 10px;}
    .part5{padding-bottom: 40px;}
    .part6 ul li p{font-size:16px;}
}
@media screen and (max-width:600px) {
    .part6 ul li{width: calc(100% - 90px);padding-left: 90px;text-align: left;padding-right: 0;margin-bottom: 20px;}
    .dli1{background: url(/skin/images/di1.png) no-repeat left center;}
    .dli3{background: url(/skin/images/di2.png) no-repeat left center;}
    .dli5{background: url(/skin/images/di3.png) no-repeat left center;}
    .part6{padding-top: 30px;}
    .part6 ul li b{font-size:24px;}
    .part6 ul li p{font-size:18px;}
}
@media screen and (max-width:350px) {
    .part6 ul li b{font-size:20px;}
    .part6 ul li p{font-size:16px;}
}

/********  part7  *********/
.part7{padding-top: 64px;padding-bottom: 20px;}
.p7zuo img{width: 100%;max-width: 402px;max-height: 564px;}
.p7zuo{margin-left: 76px;}
.p7you{width: 870px;}
.p7you ul{padding-left: 40px;padding-top: 27px;}
.p7you ul li{font-size:20px;font-weight: bold;padding-bottom: 60px;}
.p7you ul li span{font-size: 40px;color: #1367af;}
.p7you ul li.nobg{background: none;}

.p7you p{font-size:20px;font-weight: bold;margin-top: 13px;margin-bottom: 50px;}
.p7you p span{font-size: 40px;color: #1367af;}
.p7you b{font-size: 34px;color: #1367af;display: block;}

@media screen and (max-width:1419px) {
    .p7you{width: 600px;}
    .p7zuo{margin-left: 0;width: 350px;}
    .p7you ul{padding-top: 0;}
    .p7you p{margin-top: 0;margin-bottom: 20px;}
    .p7you b{font-size:24px;}
}
@media screen and (max-width:999px) {
    .p7you{width: 64%;}
    .p7zuo{width: 34%;}
    .p7you ul li{font-size:18px;}
    .p7you ul li span{font-size: 30px;}
    .p7you p{font-size:18px;}
    .p7you p span{font-size: 30px;}
    .p7you b{font-size:20px;}
}
@media screen and (max-width:767px) {
    .p7you ul li{padding-bottom: 20px;background: none;font-size:16px;}
    .p7you ul li span{font-size:24px;}
    .p7you p{font-size:16px;}
    .p7you p span{font-size:24px;}
    .p7you b{font-size:16px;}
    .part7{padding-top: 50px;}
}
@media screen and (max-width:600px) {
    .p7you{width: 100%;margin-top: 20px;text-align: center;}
    .p7zuo{width: 100%;text-align: center;}
    .p7zuo img{max-width: 50%;}
    .p7you ul{padding-left: 0;}
}
@media screen and (max-width:500px) {
    .p7you ul li{font-size:14px;}
    .p7you ul li span{font-size:18px;}
    .p7you p{font-size:14px;}
    .p7you p span{font-size:18px;}
}
/********  part8  *********/
.part8{padding-top: 146px;padding-bottom: 20px;}
.lsxian{background: url(/skin/images/lsxian.png) no-repeat center center;margin-top: 98px;}
.lsxian li{float: left;width:322px;margin: 0 14px;cursor: pointer;}
.lsxian li p{font-size:18px;color: #666666;line-height: 28px;margin-bottom: 13px;margin-top: 13px;}
.lsxian li div span{display: block;height: 80px;line-height: 80px;border-radius: 10px;background: #1f8fcc;color: #fff;text-align: center;font-size:24px;}
.lsxian li.ls1 div{padding-bottom: 90px;background: url(/skin/images/fwbg1.jpg) no-repeat center bottom;}
.lsxian li.ls2 div{padding-top: 82px;background: url(/skin/images/fwbg2.jpg) no-repeat center top;}
.lsxian li.ls2{margin-top: 263px;}
.lsxian li:hover div span{color: #ff7e0e;}

.ls3{display: none;}

@media screen and (max-width:1419px) {
    .lsxian{background-size: 100%!important;}  
    .lsxian li{width: 217px;} 
    .lsxian li p{font-size:16px;}
    .lsxian li div span{height: 58px;line-height: 58px;font-size:20px;}
    .lsxian li.ls2{margin-top: 272px;}
    .part8{padding-top: 70px;}
}
@media screen and (max-width:999px) {
    .lsxian{background: none;}
    .lsxian li.ls2{margin-top: 0;}
    .lsxian li div{padding: 0!important;background: none!important;}
    .lsxian li{width: 48%;margin: 0 1%;margin-bottom: 20px;}

}
@media screen and (max-width:767px) {
    .lsxian li p{font-size:14px;}
    .lsxian li div span{height: 40px;line-height: 40px;font-size:16px;}
    .part8{padding-top: 40px;}
    .lsxian{margin-top: 60px;}
}
@media screen and (max-width:500px) {
    .lsxian li{width: 98%;margin-bottom: 10px;}
    .ls1{display: none;}
    .ls3{display: block;}
    .lsxian{margin-top: 35px;}
}

/********  part9  *********/
.part9{padding-top: 75px;padding-bottom: 120px;}
.part9 .xiaobt{font-size: 28px;color: #ff7e0e;}
.part9 form{width: 660px;margin: 0 auto;padding-top: 35px;}
.intbox{padding-left: 20px;margin-bottom: 17px;}
.intbox input,.intbox textarea{width: 593px;padding-left: 47px;font-size:18px;border: 1px solid #dcdcdc;}
.intbox1 input{height: 57px;line-height: 57px;}
.intbox2 textarea{height: 168px;line-height: 50px;}
.intbox3 .int4{width: 213px;padding-left: 13px;height: 57px;line-height: 57px;float: left;}
.intbox3 img{float: left;margin-left: 15px;cursor: pointer;}
.intbox3 .int5{float: right;width: 213px;height: 59px;line-height: 59px;text-align: center;color: #fff;background: #1367af;font-size:18px;padding: 0;cursor: pointer;}
.intbox3 .int5:hover{background: #ff7e0e;}
.int1{background:#fff }
.int2{background:#fff }
.int3{background:#fff ;}

@media screen and (max-width:999px) {
    .part9{padding-top: 50px;padding-bottom: 60px;}
}
@media screen and (max-width:767px) {
    .part9{padding-top: 30px;padding-bottom: 30px;}
    .part9 form{width: 100%;}
    .intbox1 input,.intbox2 textarea{width: calc(100% - 47px);}
    .intbox3 .int4{width: calc(100% - 13px);margin-bottom: 17px;}
    .intbox3 img{margin-left: 0;}
}
@media screen and (max-width:450px) {
    .intbox3 .int5{width: 100%;margin-top: 17px;}
    .part9 .xiaobt{font-size:20px;}
}

.msbannerpart img{max-width: 100%;}
.xpbanner img{
 display:block;
 width:100%;
 height:auto;
 max-width:1920px;
 margin:0 auto;	
}