.margin-c{width: 1400px; margin: 0 auto;}
.page{text-align: center;}
.mtop{margin-top: 45px;}

.index-title{text-align: center;}
.index-title h1{font-size: 30px;}
.index-title p{margin: 20px 0 30px; font-size: 14px; color: #959595;}

.readmore{text-align: center;}
.readmore a{padding: 13px 54px; color: #999; font-size: 16px; border: 1px solid #aaa;}
.readmore a:hover{color: #fff; border: 1px solid #3395f4; background: rgba(51,149,244,1);}

/*about*/
.company{width: 1280px; display: flex; display: -ms-flexbox; justify-content:space-between; margin: 130px auto 50px;}
.company li:nth-child(1){width: 660px;}
.company li img{opacity: .9;}
.company li h1{font-size: 30px; color: #444; margin-bottom: 30px;}
.company li p{font-size: 13px; color: #555; }

.culture{width: 100%; background: #3da4f4; opacity: .9; overflow: hidden;}
.cultureMain{width: 1280px; display: flex; display: -ms-flexbox; justify-content:space-between; margin: 60px auto 60px;}
.cultureMain li:nth-child(1){width: 660px;}
.cultureMain li:nth-child(2){width: 115px;}
.cultureMain li h1{font-size: 30px; color: #fff; margin: 20px auto 30px;}
.cultureMain li p{font-size: 14px; color: #fff; }

.business{width: 100%; overflow: hidden;}
.businessMain{width: 1280px; display: flex; display: -ms-flexbox; justify-content:space-between; margin: 60px auto 80px;}
.businessMain li:nth-child(1){width: 660px;}
.businessMain li img{opacity: .9;}
.businessMain li h1{font-size: 30px; color: #444; margin: 20px auto 30px;}
.businessMain li p{font-size: 14px; color: #555; line-height: 23px;}

/*product*/
.product{margin-top: 135px; margin-bottom: 60px;}
.product ul{display: flex; display: -ms-flexbox; justify-content:space-between; flex-wrap:wrap; -ms-flex-wrap:wrap;}
.product ul li{width: 31.7%; box-shadow: 0 0 30px 0 rgba(0,0,0,.15); cursor: pointer; margin-bottom: 30px; }
.product ul li:hover .productText{background: rgba(31,139,244,.9); color: #fff;}
.product ul li:hover .productText h2{color: #fff;}
.product ul li:hover .productText p{color: #fff;}
.product ul li:hover .product-pics img{transform: scale(1.1);}
.product-pics{width: 444px; height: 270px; overflow: hidden;}
.product-pics img{width: 100%; height: 100%; transition: all 0.5s; }
.productText{width: 444px; padding: 35px 35px; box-sizing: border-box; }
.productText h2{font-size: 20px; color: #555;}
.productText p{font-size: 14px; color: #888; margin-top: 16px; line-height: 23px;}

/*prolist*/
.prolist{margin-top: 140px; margin-bottom: 60px; }
.prolist ul{display: flex; display: -ms-flexbox; flex-wrap:wrap; -ms-flex-wrap:wrap; margin-bottom: 30px;}
.prolist ul li{width: 336px; height: 444px; position: relative; background: #fff; overflow: hidden; margin-left: 14px; margin-bottom: 20px; display: flex; display: -ms-flexbox; justify-content:center; align-items:center; box-shadow: 0 0 30px 0 rgba(0,0,0,.15);}
.pro-pics img{width: 310px; height: 415px; transition: all 0.5s; opacity: .9;}
.pro-pics:hover .pro_img{transform: scale(1.1); opacity: 1;}
.picText{width: 336px; height: 60px; line-height: 60px; background: rgba(255,255,255,.8); position: absolute; bottom: 0; left:0; transition: all 0.5s; text-align: left; box-sizing: border-box;}
.picText h2{font-size: 16px; color: #444; text-align: center;}
.pro-pics:hover .picText{background: rgba(31,139,244,.9); color: #fff; cursor: pointer;}
.pro-pics:hover .picText h2{color: #fff;}

/*program*/
.program{margin-top: 140px; margin-bottom: 60px;}
.program ul{display: flex; display: -ms-flexbox; justify-content:space-between; flex-wrap:wrap; -ms-flex-wrap:wrap;}
.program ul li{width: 31.7%; cursor: pointer; margin-bottom: 30px; box-shadow: 0 0 30px 0 rgba(0,0,0,.15);}
.program ul li:hover{}
.program ul li:hover .program-pics img{transform: scale(1.1);}
.program-pics{width: 444px; height: 270px; overflow: hidden;}
.program-pics img{width: 100%; height: 100%; transition: all 0.5s; }
.programText{width: 444px; padding: 35px 35px; box-sizing: border-box; }
.programText h2{font-size: 20px; color: #555;}
.programText p{font-size: 14px; color: #888; margin-top: 16px; line-height: 23px;}

/*详细页*/
.cont{width: 1280px; margin: 140px auto 60px;}
.cont-info{font-size: 14px; color: #666; padding: 40px 30px; box-sizing: border-box; box-shadow: 0 0 30px 0 rgba(0,0,0,.15); margin-bottom: 30px;}

/*support*/
.support{width: 100%; height: 730px; background: #ebebeb; margin-top: 90px; margin-bottom: 50px;}
.supportMain{height:100%; position: relative; overflow:hidden;}
.support_img{position: absolute; bottom: 100px; right: 150px; width: 800px; height: 485px; border: 1px solid #ccc; overflow: hidden;}
.support_img img{width: 800px; height: 485px;}
.supportText{position: absolute; bottom: 200px; left: 230px; width: 515px; background: #fff; padding: 30px 30px; box-sizing: border-box; box-shadow: 0 0 30px 0 rgba(0,0,0,.15);}
.supportText h2{font-size: 28px; color: #555; margin-bottom: 15px;}
.supportText p{font-size: 13px; color: #888; margin-bottom: 10px;}
.support-form .input1{width: 100%; height: 34px; padding-left: 5px; box-sizing: border-box; color: #555;}
.support-form .input2{width: 100%; height: 100px; padding: 5px; box-sizing: border-box; color: #555; margin-bottom: 10px;}
.input-ok{position: absolute; bottom: -26px; right: 250px; padding: 15px 60px; background: #e70012; color: #fff; font-size: 16px; border: none; cursor: pointer;}
.input-ok:hover{background: rgba(51,149,244,1);}

.faq{width: 1200px; margin: 0 auto 60px;}
.faq-list{padding: 40px 40px; box-sizing: border-box; border: 1px solid #ccc;}
.faq-list p{font-size: 14px; color: #555;}

/*contact*/
.contact{width: 1200px; margin: 140px auto 90px; }
.contact-info{background: #fff url(../images/contact.png) no-repeat right bottom; height: 550px; padding: 50px 50px; box-sizing: border-box; box-shadow: 0 0 30px 0 rgba(0,0,0,.15);}
.contact-info h2{font-size: 20px; color: #555; margin-bottom: 22px;}
.contact-info p{ font-size: 14px; color: #555; line-height: 35px;}