@charset "utf-8";
/* CSS Document */


.Title{width: 100%;text-align: center;padding-top: 1.417rem;}
.Title h2{font-size: 1.45rem;color: #333333;font-weight: normal;}
.Title h2 a{color: #333333;}
.Title p{font-size: .583rem;text-transform: uppercase;color: #999999;margin-top: .083rem;}
.Title i{display: block;width: 7%;height: 1px;background: #333;margin: .917rem auto 0;}

.mian{    position: relative;
    margin-left: auto;
    margin-right: auto;
    min-width: 320px;
    max-width: 640px;
    overflow: hidden;
    background-color: #fff;
    font-family: Microsoft YaHei;}
.IndexMain{width: 100%;background: url(../images/Index/Bg.jpg);}


/* banner */
.banner{width: 100%;overflow: hidden;}
.banner img{display: block;width: 100%;}

/* feature */
.feature{width: 100%;}
.feature .Title{width: 100%;text-align: center;padding-top: 1.417rem;}
.feature .Title h2{font-size: 1.35rem;color: #333333;font-weight: normal;}
.feature .Title p{font-size: .583rem;text-transform: uppercase;color: #999999;margin-top: .083rem;}
.feature .Title i{display: block;width: 7%;height: 1px;background: #333;margin: .917rem auto 0;}
.feature .mainCon{width: 96%;margin: 2.417rem auto 0;}
.feature .mainCon dl{width: 50%;float: left;margin-bottom: 1.875rem;}
.feature .mainCon dt{width: 15%;float: left;}
.feature .mainCon img{display: block;width: 100%;}
.feature .mainCon dd{margin-left: 5%;width: 80%;float: left;}
.feature .mainCon dd h3{font-size: 1rem;color: #232323;font-weight: normal;}
.feature .mainCon dd p{font-size: .833rem;color: #999999;line-height: 1.2rem;margin-top: .25rem;width: 95%;}

/* product */
.product{width: 100%;background: url(../images/Index/productBg.jpg) no-repeat center;background-size: cover;padding-bottom: 1.417rem;}
.product .Title{width: 100%;text-align: center;padding-top: 1.417rem;}
.product .Title h2 a{color: #fff;}
.product .Title p{color: #2f67b8;}
.product .Title i{background: #386ebb;}
.product .mainCon{margin: 1.083rem auto 0;width: 96%;}
.product .mainCon .box{width: 100%;}
.product .mainCon ul{width: 100%;}
.product .mainCon li{width: 49%;float: left;background: #fff;margin-left: 2%;padding-bottom: 1.417rem;}
.product .mainCon img{display: block;width: 100%;}
.product .mainCon li:first-child{margin-left: 0;}
.product .mainCon li h3{font-size: 1.2rem;color: #333333;text-align: center;font-weight: normal;margin: 1.417rem 0 .667rem 0;}
.product .mainCon li p{font-size: .833rem;color: #666666;line-height: 1.2rem;padding: 0 3%;text-align: center;}
.product .mainCon .btn{width: 100%;text-align: center;margin-top: 1.75rem;}
.product .mainCon .btn span{display: inline-block;width: .7rem;height: .7rem;border-radius: 50%;background: #fff;margin-left: 2%}
.product .mainCon .btn span.on{background: #dd1136;}
.product .mainCon .btn span:first-child{margin-left: 0;}

/* adv */
.adv{width: 100%;padding-bottom: 1.5rem;}
.adv .Title p{color: #666666;}
.adv .mainCon{margin: 1.667rem auto 0;width: 96%;}
.adv ul{width: 100%;}
.adv li{width: 49%;float: left;margin-left: 2%;padding: .833rem 0;text-align: center;font-size: 1rem;color: #fff;background: #1757b5;margin-bottom: .5rem;border-radius: 1.667rem;}
.adv li:nth-child(2n+1){margin-left: 0;}


/* service */
.service{width: 96%;margin: 0 auto;background: #fff;margin-bottom: .458rem;}
.service .Title h2{color: #333333;}
.service .Title p{color: #666666;}
.service img{display: block;width: 100%;}
.service .mainCon{width: 100%;margin-top: 1.667rem;}
.service li{float: left;width: 30%;text-align: center;margin-left: 3%;margin-bottom: 1.667rem;}
.service li:nth-child(3n+1){margin-left: 0;}
.service li span{display: block;font-size: 1rem;color: #666666;}


/* case */
.case{width: 96%;margin: 0 auto;background: #fff;margin-bottom: .458rem;}
.case .Title h2{color: #333333;}
.case .Title p{color: #999999;}
.case .menu{width: 96%;margin: 1.542rem auto 0;}
.case .menu li{float: left;width: 30%;float: left;padding: 1.083rem 0;box-sizing: border-box;border: 1px solid #f3f3f3;text-align: center;margin-left: 3%;margin-bottom: .5rem;border-radius: 1.667rem;font-size: .833rem;color: #666666;}
.case .menu li:nth-child(3n+1){margin-left: 0;}
.case .menu li.on{background: #1757b5;color: #fff;border-color:#1757b5; }
.case .mainCon{width: 96%;margin: .917rem auto 0;}
.case .mainCon li{float: left;width: 49%;margin-left: 2%;text-align: center;margin-bottom: 1.583rem;}
.case .mainCon img{display: block;width: 100%;}
.case .mainCon li:nth-child(2n+1){margin-left: 0;}
.case .mainCon li span{font-size: .933rem;color: #333333;display: block;margin-top: .917rem;}

/* adv2 */
.adv2{width: 96%;margin: 0 auto;background: #fff;margin-bottom: .5rem;}
.adv2 .title{text-align: center;width: 100%;padding-top: 1.167rem;}
.adv2 .title img{display: inline-block;width: 76%;}
.adv2 .mainCon{width: 96%;margin: 2.625rem auto 0;padding-bottom: 1.25rem;}
.adv2 .mainCon .box{width: 100%;}
.adv2 .mainCon .box dl{width: 100%;}
.adv2 .mainCon dt{width: 2.708rem;height: 2.708rem;background: url(../images/Index/adv2Bg.jpg) no-repeat center;float: left;line-height: 2.708rem;text-align: center;font-size: 1.458rem;color: #fff;}
.adv2 .mainCon dd{width: 86%;float: right;}
.adv2 .mainCon dd h3{font-size: 1.25rem;color: #000000;}
.adv2 .mainCon dd p{font-size: 1rem;color: #1759b9;margin-top: .167rem;}
.adv2 .mainCon dd ul{margin-top: 1rem;}
.adv2 .mainCon dd li{font-size: .85rem;color: #666666;line-height: 1.2rem;padding-left:6%;background: url(../images/Index/adv2_icon01.png) no-repeat left 0.3rem;margin-bottom: .833rem;}
.adv2 .mainCon img{display: block;width: 100%;}
.adv2 .mainCon dd img{margin-top: 1.75rem;}
.adv2 .mainCon .btn{text-align: center;width: 100%;margin-top: .833rem;}
.adv2 .mainCon .btn span{display: inline-block;width: 1.875rem;height: 1.875rem;border: 1px solid #f0efef;color: #e2dfdf;font-size: 1rem;line-height: 1.875rem;text-align: center;border-radius: 50%;margin-left: 2%;}
.adv2 .mainCon .btn span:first-child{margin-left: 0;}
.adv2 .mainCon .btn span.on{background: #0b49a3;border-color: #0b49a3;color: #fff;}

/* about */
.about{width: 96%;margin: 0 auto;background: #fff;margin-bottom: .458rem;}
.about .Title h2 a{color: #333333;}
.about .Title p{color: #999999;}
.about .mainCon{width: 92%;margin: .917rem auto 0;padding-bottom: 1.917rem;}
.about .mainCon img{display: block;width: 100%;}
.about .mainCon h3{font-size: 1.3rem;color: #333333;text-align: center;margin: 1.125rem 0 .708rem 0;}
.about .mainCon h3 a{color: #333333;}
.about .mainCon p{color: #666666;font-size: 1rem;line-height: 1.2rem;}


/* flow */
.flow{width: 96%;margin: 0 auto;background: #fff;margin-bottom: .458rem;}
.flow .Title h2 a{color: #333333;}
.flow .Title p{color: #999999;}
.flow .mainCon{width: 92%;margin: 1.25rem auto 0;padding-bottom: 2rem;}
.flow .mainCon img{display: block;width: 100%;}

/* liuy */
.liuy{width: 96%;margin: 0 auto;background: url(../images/Index/liuyBg.jpg);padding-bottom: 1.25rem;margin-bottom: .5rem;}
.liuy .Title h2{color: #fff;font-size: 1.35rem;font-weight: bold;}
.liuy .Title p{color: #fff;font-size: 1.35rem;}
.liuy .mainCon{width: 94%;margin: 1.083rem auto 0;}
.liuy .mainCon input{width: 100%;height: 2.4rem;line-height: 2.4rem;box-sizing: border-box;padding-left: 3%;border: none;border: 1px solid #6d95d0;background:none;border-radius: 4px;margin-bottom: .333rem;color: #fff;outline: none;font-size:.833rem;}
.liuy .mainCon textarea{width: 100%;box-sizing: border-box;padding-left: 3%;border: none;border: 1px solid #6d95d0;background:none;border-radius: 4px;color: #fff;outline: none;resize:none;height:6.375rem;padding-top: 0.5rem;margin-bottom: .333rem;font-size:.833rem;}
.liuy .mainCon a{display: block;width: 100%;font-size: 1rem;padding: 1rem 0;background: #dd1136;text-align: center;color: #fff;border-radius: 4px;}


/* news */
.news{width: 96%;margin: 0 auto;background: #fff;padding-bottom: 1.583rem;margin-bottom: .5rem;}
.news .mainCon{width: 94%;margin: 1.083rem auto 0;}
.news img{display: block;width: 100%;}
.news dt{width: 48%;float: left;box-sizing: border-box;border: 3px solid #f0f0f0;}
.news dd{width: 50%;float: right;}
.news dd h3{font-size: 1rem;color: #333333;font-weight: normal;line-height: 1.2rem;padding-top: 0.3rem;}
.news dd h3 a{color: #333;}
.news dd p{font-size: .833rem;color: #999999;line-height: 1.2rem;margin-top: .5rem;overflow: hidden;text-overflow: ellipsis;height: 4.8rem;}
.news dd p a{color: #999;}
.news ul{width: 100%;padding-top: .5rem;}
.news li{padding-left: 5%;background: url(../images/Index/adv2_icon01.png) no-repeat left center;font-size: 1rem;border-bottom: 1px dotted #d5d2d2;}
.news li a{display: block;color: #999999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: .917rem 0;}