/*通用标题*/
.home-title{width:100%;text-align: center;overflow: hidden;}
.home-title p{width:100%;font-weight:bold;color:#f5f6f7;padding:0 10px;position:relative;}
.home-title p span{width:100%;font-size:60px;line-height:60px;display:block;text-transform:uppercase;position:absolute;z-index:1;top:0;left:0;white-space:nowrap;}
.home-title p a{display:inline-block;color:#436484;position:relative;font-size:30px;z-index:2;vertical-align:top;line-height:2;}
.home-title p a:hover{color:#e5ac73;}
.home-title em{display:block;width:100%;}

@media only screen and (max-width:1024px){
.clabox .cont ul,.probox .list ul,.processbox .list ul,.casebox .list ul,.albumbox .list ul{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;}
.clabox .cont ul li,.probox .list ul li,.processbox .list ul li,.casebox .list ul li,.albumbox .list ul li{flex-shrink:0;}
}
@media only screen and (max-width:768px){
.home-title p span{font-size:40px;}
}
@media only screen and (max-width:425px){
.home-title p{padding-bottom:20px;}
.home-title p span{font-size:16px;font-weight:normal;color:#999;top:auto;bottom:3px;line-height:1;}
.home-title p a{line-height:1.5;}
}

/*产品*/
.productbox{padding:40px 0 35px;}
.productbox .home-title{display:none;}

.productbox .clabox{width:21%;max-width:250px;min-width:210px;float:left;overflow:hidden;background:#f5f5f5;padding-bottom:20px;}
.clabox .title{width:100%;height:110px;text-align:center;background:url(../images/fltit.png) center no-repeat;background-size:100% 100%;}
.clabox .title p{color:#fff;font-weight:bold;font-size:30px;line-height:1.5;padding:20px 15px 0;}
.clabox .title span{color:#a3bed9;font-size:15px;line-height:1.8;text-transform:uppercase;}
.clabox .cont{width:90%;padding:15px 0;margin:0 auto;overflow:hidden;}
.clabox .cont ul{width:calc(100% + 17px);max-height:635px;background:#fff;overflow-y:scroll;}
.clabox .cont ul li{width:100%;padding-top:1px;float:left;}
.clabox .cont ul li a{display:block;overflow:hidden;line-height:30px;color:#787878;white-space:nowrap;text-overflow:ellipsis;}
.clabox .cont ul li p{width:100%;overflow:hidden;position:relative;}
.clabox .cont ul li p a{padding:7px 20px 7px 25px;background:#8fadcc url(../images/icon3.png) 12px center no-repeat;font-size:15px;font-weight:bold;color:#fff;}
.clabox .cont ul li p span{display:none;overflow:hidden;width:100%;height:100%;position:absolute;left:0;top:0;}
.clabox .cont ul li dl{width:100%;overflow:hidden;}
.clabox .cont ul li dl a{height:0;padding:0 5px 0 30px;background:url(../images/icon2.png) 15px center no-repeat;}
.clabox .cont ul li:hover p a{background-color:#e5ba7e;}
.clabox .cont ul li:hover p span{top:100%;}
.clabox .cont ul li:hover dl{padding:10px 0;}
.clabox .cont ul li:hover dl a{height:30px;}
.clabox .cont ul li dl a:hover{color:#e5ac73;}
.clabox .tel{margin:0 5%;padding:15px 5px;height:100px;overflow:hidden;background:#46698c;text-align:center;color:#fff;}
.clabox .tel p{height:30px;margin:0 15px;position:relative;}
.clabox .tel p em{display:block;width:100%;height:15px;border-bottom:1px solid #fff;position:absolute;left:0;top:0;z-index:1;}
.clabox .tel p span{display:inline-block;height:30px;padding:0 10px;background:#46698c;line-height:30px;position:relative;z-index:2;font-size:18px;}
.clabox .tel strong{font-size:28px;}

.productbox .probox{width:77%;max-width:920px;float:right;overflow:hidden;}
.probox .title{padding-top:5px;width:100%;float:left;margin-bottom:15px;color:#436484;overflow:hidden;}
.probox .title p{padding-left:20px;background:url(../images/icon4.png) left center no-repeat;font-size:24px;font-weight:bold;float:left;line-height:50px;}
.probox .title span{display:block;padding-left:10px;font-size:18px;float:left;height:50px;line-height:58px;}
.probox .title a{display:block;float:right;height:50px;width:50px;background:url(../images/more1.png) center no-repeat;}
.probox .title a:hover{background-image:url(../images/more2.png);}
.probox .list{width:100%;overflow:hidden;}
.probox .list ul{width:calc(100% + 24px);overflow:hidden;margin-left:-12px;}
.probox .list ul li{width:33.33%;padding:5px 12px 0;text-align:center;overflow:hidden;float:left;}
.probox .list ul li a{display:block;width:100%;overflow:hidden;}
.probox .list ul li p{overflow:hidden;border:5px solid #eee;background:#fff;}
.probox .list ul li p em{width:100%;overflow:hidden;padding-bottom:75%;position:relative;display:block;}
.probox .list ul li p img{width:100%;min-height:100%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.probox .list ul li span{display:block;width:100%;height:50px;line-height:44px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;}
.probox .list ul li:hover p{border-color:#e5c08a;}
.probox .list ul li:hover span{background: #e5c08a;color:#fff;}

@media only screen and (max-width:1200px){
.productbox .clabox{padding-bottom:0;}
.clabox .cont{width:95%;padding:5px 0;}
.clabox .tel{margin:0;}
.clabox .tel strong{font-size:27px;}
}
@media only screen and (max-width:1024px){
.productbox .home-title,.clabox .cont ul li p span{display:block;}
.productbox .clabox{width:100%;max-width:100%;background:none;overflow:visible;}
.clabox .title,.clabox .tel,.probox .title{display:none;}
.clabox .cont{width:100%;padding:15px 0;overflow:visible;}
.clabox .cont ul{width:100%;overflow:visible;max-height:auto;}
.clabox .cont ul li{width:25%;text-align:center;position:relative;z-index:1;padding:5px;}
.clabox .cont ul li p{height:100%;z-index:3;}
.clabox .cont ul li p a{padding:7px 5px;background:#436484;border-radius:3px;}
.clabox .cont ul li dl{width:100%;position:absolute;left:0;top:49px;background:#163656;border-radius:3px;z-index:2;}
.clabox .cont ul li dl a{padding:0 5px;background:none;color:#8ab8e5;}
.clabox .cont ul li:hover{z-index:2;}
.clabox .cont ul li:hover dl{top:100%;}
.productbox .probox{width:100%;max-width:100%;}
}
@media only screen and (max-width:768px){
.productbox{padding:30px 0 25px}
.clabox .cont ul li{width:33.334%;}
.probox .list ul{width:calc(100% + 20px);margin-left:-10px;}
.probox .list ul li{width:50%;padding:5px 10px 0;}
.probox .list ul li span{height:40px;line-height:36px;}
}
@media only screen and (max-width:425px){
.productbox{padding:25px 0;}
.clabox .cont ul li{width:50%;}
.probox .list ul{width:calc(100% + 10px);margin-left:-5px;}
.probox .list ul li{padding:5px 5px 0;}
}

/*优势*/
.youshibox{background:#fafafa;}
.youshibox .title{padding:65px 0;text-align:center;overflow:hidden;}
.youshibox .title img{max-width:100%;}
.youshibox .cont{width:100%;padding-bottom:50px;overfllow:hidden;position:relative;background:url(../images/ysbg.png) center top no-repeat;}
.youshibox .text{width:100%;max-width:800px;margin:0 auto;overflow:hidden;padding:65px 0 35px;text-align:center;}
.youshibox .text span{display:block;padding:5px;}
.youshibox .text strong{display:block;padding:10px 0;font-size:36px;color:#436484;white-space:nowrap;}
.youshibox .text p{font-size:15px;color:#666;line-height:1.8;}
.youshibox .list{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;}
.youshibox .list p{position:absolute;max-width:280px;overflow:hidden;white-space:nowrap;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.youshibox .list p > *{float:left;}
.youshibox .list p img{padding:0 5px;}
.youshibox .list p em{font-size:24px;font-weight:bold;color:#e5ba7e;display:block;font-style:normal;}
.youshibox .list p span{font-size:16px;color:#666;float:left;display:block;height:24px;}
.youshibox .list .text1{right:940px;top:135px;}
.youshibox .list .text2{right:750px;top:0;}
.youshibox .list .text1 > *,.youshibox .list .text2 > *{float:right;}
.youshibox .list .text3{left:940px;top:135px;}
.youshibox .list .text4{left:750px;top:0;}
.youshibox .more{width:100%;height:43px;}
.youshibox .more a{width:43px;height:43px;display:block;border:1px solid #a0b0c0;border-radius:50%;margin:0 auto;position:relative;}
.youshibox .more a *{display:block;position:absolute;background:#436484;overflow:hidden;}
.youshibox .more a span{width:21px;height:1px;left:10px;top:20px;}
.youshibox .more a em{width:1px;height:21px;left:20px;top:10px;}
.youshibox .more a:hover{border-color:#e5c08a;}
.youshibox .more a:hover *{background:#e5ac73;}

@media only screen and (max-width:1200px){
.youshibox .title{padding-bottom:45px;}
.youshibox .cont{padding:0;background:none;}
.youshibox .text{padding:0;}
.youshibox .text img{width:100px;}
.youshibox .list{width:102%;margin-left:-1%;position:relative;padding:30px 0 55px;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;}
.youshibox .list p{position:relative;width:23%;max-width:200px;float:left;margin:5px 1%;padding:35px 5px 30px;background:#7a9ec2;border-radius:5px;cursor:pointer;flex-shrink:0;}
.youshibox .list .text1,.youshibox .list .text2,.youshibox .list .text3,.youshibox .list .text4{left:auto;right:auto;top:auto;text-align:center;}
.youshibox .list .text1 > *,.youshibox .list .text2 > *,.youshibox .list .text3 > *,.youshibox .list .text4 > *{float:none;clear:both;}
.youshibox .list p em{color:#fff;padding:15px 0 5px;}
.youshibox .list p span{color:#fff;}
.youshibox .list p:hover{background:#e5c08a;}
.youshibox .more{display:none;}
}
@media only screen and (max-width:1024px){
.youshibox .title{padding:45px 0 30px;}
.youshibox .list{padding:25px 0 45px;}
.youshibox .list p{white-space:normal;}
}
@media only screen and (max-width:768px){
.youshibox .title{padding:40px 15px 25px;}
.youshibox .text strong{font-size:30px;}
.youshibox .list p{width:45%;max-width:240px;}
}
@media only screen and (max-width:425px){
.youshibox .text img{width:80px;}
.youshibox .text strong{font-size:24px;}
.youshibox .text p{font-size:14px;}
.youshibox .list p{width:45%;max-width:240px;}
.youshibox .list{padding:20px 0 35px;}
.youshibox .list p{width:48%;}
}

/*流程*/
.processbox{padding:45px 0;}
.processbox .list{width:100%;overflow:hidden;padding-top:25px;}
.processbox .list ul{width:calc(100% + 30px);overflow:hidden;margin-left:-15px;}
.processbox .list ul li{width:20%;padding:0 15px;overflow:hidden;text-align:center;float:left;cursor:pointer;}
.processbox .list ul li p{padding:20px 0;width:100%;}
.processbox .list ul li p img{max-width:100%;}
.processbox .list ul li em{display:block;width:100%;font-size:15px;color:#436484;font-style:normal;line-height:2;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.processbox .list ul li:hover em{color:#e5ac73;}

@media only screen and (max-width:1024px){
.processbox .list ul{width:calc(100% + 20px);margin-left:-10px;}
.processbox .list ul li{padding:0 10px;}
}
@media only screen and (max-width:768px){
.processbox{padding:30px 0;}
.processbox .list{padding-top:15px;}
.processbox .list ul li{width:33.334%;}
.processbox .list ul li p{padding:15px 0;}
}
@media only screen and (max-width:425px){
.processbox{padding:25px 0 30px;}
.processbox .list ul{width:calc(100% + 10px);margin-left:-5px;}
.processbox .list ul li{padding:0 5px;}
.processbox .list ul li p{padding:10px 0;}
.processbox .list ul li em{font-size:14px;}
}

/*简介*/
.compbox{padding:50px 0;background:#fafafa;}
.compbox .imgbox{width:50%;padding-bottom:400px;overflow:hidden;float:left;position:relative;}
.compbox .imgbox img{min-width:100%;height:100%;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
.compbox .textbox{width:46.667%;overflow:hidden;float:right;}
.compbox .textbox .tit{padding-left:15px;width:100%;border-left:2px solid #8da8c2;float:left;line-height:1;}
.compbox .textbox .tit span{display:block;font-size:40px;color:#436484;float:left;}
.compbox .textbox .tit em{width:100%;display:block;font-size:18px;color:#8da8c2;text-transform:uppercase;font-style:normal;height:20px;padding:4px 0 0 2px;float:left;}
.compbox .textbox .text{width:100%;height:270px;overflow:hidden;padding-top:30px;text-indent:2em;font-size:16px;line-height:1.8;color:#666;}
.compbox .textbox .text p{margin-bottom:10px;}
.compbox .textbox .more{width:100%;padding-top:30px;text-align:center;overflow:hidden;}
.compbox .textbox .more p{float:left;padding-right:15px;width:30%;}
.compbox .textbox .more a{display:block;width:100%;font-size:16px;line-height:40px;background:#7a9ec2;color:#fff;}
.compbox .textbox .more a:hover{background:#e5c08a;}

@media only screen and (max-width:1200px){
.compbox .textbox .text{height:265px;padding-top:25px;}
.compbox .textbox .more{padding-top:35px;}
}
@media only screen and (max-width:768px){
.compbox{padding:40px 0;}
.compbox .imgbox{width:100%;padding-bottom:66.667%;}
.compbox .textbox{width:100%;padding-top:30px;}
.compbox .textbox .tit span{display:block;font-size:36px;color:#436484;float:left;}
.compbox .textbox .tit em{width:auto;height:36px;padding:14px 0 0 10px;font-size:24px;}
.compbox .textbox .text{height:auto;padding-top:20px;line-height:1.5;}
.compbox .textbox .text p{margin-bottom:5px;}
.compbox .textbox .more{max-width:480px;padding-top:25px;margin-left:-5px;}
.compbox .textbox .more p{width:33.334%;padding:0 5px;}
}
@media only screen and (max-width:425px){
.compbox{padding:30px 0 40px;}
}

/*应用*/
.casebox{padding:45px 0 35px;}
.casebox .list{padding-top:15px;overflow:hidden;}
.casebox .list ul{width:calc(100% + 30px);overflow:hidden;margin-left:-15px;}
.casebox .list ul li{width:33.33%;padding:15px;text-align:center;overflow:hidden;float:left;}
.casebox .list ul li a{display:block;width:100%;overflow:hidden;}
.casebox .list ul li p{overflow:hidden;background:#fff;}
.casebox .list ul li p em{width:100%;overflow:hidden;padding-bottom:66.66%;position:relative;display:block;}
.casebox .list ul li p img{width:100%;min-height:100%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.casebox .list ul li span{display:block;width:100%;height:60px;line-height:58px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;background:#f5f5f5;}
.casebox .list ul li:hover span{background: #e5c08a;color:#fff;}

@media only screen and (max-width:768px){
.casebox{padding:30px 0;}
.casebox .list ul{width:calc(100% + 20px);margin-left:-10px;}
.casebox .list ul li{width:50%;padding:10px;}
.casebox .list ul li span{height:50px;line-height:48px;}
}
@media only screen and (max-width:425px){
.casebox{padding:25px 0;}
.casebox .list{padding-top:10px;}
.casebox .list ul{width:calc(100% + 10px);margin-left:-5px;}
.casebox .list ul li{padding:5px;}
.casebox .list ul li span{height:36px;line-height:35px;font-size:14px;}
}

/*资讯*/
.zixunbox{padding:50px 0;background:#f5f5f5;}
.zixunbox .title{width:100%;float:left;color:#436484;overflow:hidden;border-bottom:1px solid #ddd;font-weight:bold;}
.zixunbox .title p{font-size:20px;float:left;line-height:49px;}
.zixunbox .title span{display:block;padding-left:10px;font-size:16px;float:left;height:49px;line-height:54px;}
.zixunbox .title a{display:block;float:right;height:49px;width:50px;background:url(../images/more1.png) center no-repeat;}
.zixunbox .title a:hover{background-image:url(../images/more2.png);}

.newsbox{width:65.834%;float:left;background:#fff;padding:10px 25px 15px;overflow:hidden;}
.newsbox .list{width:100%;height:395px;overflow:hidden;padding-top:15px;}
.newsbox .list ul li{width:100%;overflow:hidden;padding:5px;padding-left:100px;position:relative;margin-bottom:5px;}
.newsbox .list ul li .date{width:80px;overflow:hidden;padding:10px 5px;height:80px;background:#e6ecf2;color:#436484;text-align:center;float:left;line-height:1.4;position:absolute;left:5px;top:5px;}
.newsbox .list ul li .date p{font-size:30px;font-weight:bold;}
.newsbox .list ul li .date span{display:block;}
.newsbox .list ul li .tit{width:100%;font-size:15px;font-weight:bold;line-height:2;overflow:hidden;}
.newsbox .list ul li .tit a{display:block;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#436484;}
.newsbox .list ul li .txt{padding-top:5px;height:50px;line-height:1.7;overflow:hidden;color:#787878;}
.newsbox .list ul li:hover .date{background:#e5c08a;color:#fff;}
.newsbox .list ul li:hover .tit a{color:#e5ac73;}
.newsbox .list ul li:hover .txt{color:#436484;}

.faqbox{width:31.667%;float:right;overflow:hidden;background:#fff;padding:10px 25px 20px;}
.faqbox .title{border:0;}
.faqbox .pic{width:100%;height:101px;overflow:hidden;position:relative;}
.faqbox .pic img{height:110px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.faqbox .list{width:100%;overflow:hidden;height:290px;padding-top:3px;}
.faqbox .list ul li{width:100%;overflow:hidden;padding:15px 0 6px;margin-bottom:2px;border-bottom:1px dotted #ccc;}
.faqbox .list ul li .tit{width:100%;overflow:hidden;height:23px;line-height:25px;background:url(../images/icon7.png) left center no-repeat;margin-bottom:5px;}
.faqbox .list ul li .tit a{overflow:hidden;display:block;padding-left:30px;white-space:nowrap;text-overflow:ellipsis;color:#436484;font-size:15px;font-weight:bold;}
.faqbox .list ul li .txt{padding-left:30px;height:45px;line-height:1.7;overflow:hidden;color:#787878;background:url(../images/icon8.png) left 3px no-repeat;}
.faqbox .list ul li:hover .tit a{color:#e5ac73;}
.faqbox .list ul li:hover .txt{color:#436484;}

@media only screen and (max-width:1024px){
.zixunbox{padding:40px 0;}
.newsbox{width:60%;padding:10px 20px 15px;}
.faqbox{width:38%;padding:10px 20px 20px;}
}
@media only screen and (max-width:768px){
.newsbox{width:100%;margin-bottom:20px;}
.faqbox{width:100%;}
.faqbox .pic{height:auto;}
.faqbox .pic img{height:auto;position:relative;left:0;top:0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);width:100%;margin:-10px 0;}
}
@media only screen and (max-width:425px){
.zixunbox{padding:30px 0;}
.newsbox,.faqbox{padding:10px 15px 15px;}
.faqbox .pic{height:auto;}
.faqbox .pic img{margin:-5px 0;}
}

/*相册*/
.albumbox{padding:45px 0 15px;}
.albumcla{width:100%;max-width:700px;margin:0 auto;overflow:hidden;text-align:center;padding:15px 0;}
.albumcla p{width:25%;overflow:hidden;float:left;padding:10px;position:relative;}
.albumcla p a{width:100%;overflow:hidden;display:block;height:40px;line-height:41px;font-size:16px;font-weight:bold;color:#fff;background:#7a9ec2;}
.albumcla p span{width:100%;overflow:hidden;display:block;height:100%;position:Absolute;left:0;top:0;}
.albumcla p.on a{background:#e5c08a;}
.albumcla p.on span{top:100%;}

.albumbox .list{width:100%;overflow:hidden;position:relative;}
.albumbox .list ul{width:calc(100% + 30px);overflow:hidden;margin-left:-15px;display:none;position:absolute;left:0;top:0;}
.albumbox .list ul.on{display:block;position:relative;}
.albumbox .list ul li{width:25%;overflow:hidden;padding:15px;float:left;text-align:center;}
.albumbox .list ul li a{display:block;width:100%;overflow:hidden;}
.albumbox .list ul li p{overflow:hidden;background:#f5f7f9;}
.albumbox .list ul li p em{width:100%;overflow:hidden;padding-bottom:75%;position:relative;display:block;}
.albumbox .list ul li p img{width:100%;min-height:100%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.albumbox .list ul li span{display:block;width:100%;height:50px;line-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;}
.albumbox .list ul li:hover span{color:#e5ac73;}

@media only screen and (max-width:1024px){
.albumbox .list ul{width:calc(100% + 20px);margin-left:-10px;}
.albumbox .list ul li{padding:10px;}
}
@media only screen and (max-width:768px){
.albumbox{padding:30px 0 15px;}
.albumcla p{padding:5px;}
.albumbox .list ul li{width:50%;}
.albumbox .list ul li span{height:40px;line-height:40px;}
}
@media only screen and (max-width:425px){
.albumbox{padding:25px 0 15px;}
.albumcla p{width:50%;}
.albumbox .list ul{width:calc(100% + 10px);margin-left:-5px;}
.albumbox .list ul li{padding:5px;}
}

/*联系*/
.contactbox{padding:45px 0 50px;background:#f5f5f5;}
.contactbox .home-title{padding-bottom:20px;}
.contactbox .home-title p span{color:#ecedee;}
.contactbox .w1200{position:relative;}
.contact-main{width:68%;float:left;overflow:hidden;}
.contact-main .text{width:100%;height:405px;padding:45px 55px;background:url(../images/pic9.jpg) center no-repeat;background-size:100% auto;border-radius:5px;color:#fff;}
.contact-main .text p{font-size:16px;line-height:24px;margin-bottom:10px;}
.contact-main .text p:first-child{font-weight:bold;font-size:18px;margin-bottom:25px;}
.contact-main .list{width:100%;overflow:hidden;padding-top:5px;margin-bottom:-5px;}
.contact-main .list ul{width:calc(100% + 10px);overflow:hidden;margin-left:-5px;}
.contact-main .list ul li{width:25%;overflow:hidden;padding:5px;float:left;text-align:center;color:#fff;cursor:pointer;}
.contact-main .list ul li p{width:100%;overflow:hidden;border-radius:5px;padding:15px 5px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.contact-main .list ul li p > *{display:block;width:100%;overflow:hidden;white-space:nowrap;}
.contact-main .list ul li em{padding-bottom:3px;}
.contact-main .list ul li span{font-size:18px;}
.contact-main .list ul li strong{font-size:24px;}
.contact-main .list ul li a{width:80%;max-width:120px;height:34px;border-radius:3px;background:url(../images/icon11.png) left bottom repeat-x;margin:5px auto;line-height:34px;font-size:15px;color:#666;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.contact-main .list ul li a:hover{color:#e5955c;}
.contact-main .list ul li.text1 p{background:#9795c6;}
.contact-main .list ul li.text2 p{background:#8ac4af;}
.contact-main .list ul li.text3 p{background:#e5caa2;}
.contact-main .list ul li.text4 p{background:#e5b8a2;}
.contact-main .list ul li.text1:hover p{background:#8686bf;}
.contact-main .list ul li.text2:hover p{background:#73bf9f;}
.contact-main .list ul li.text3:hover p{background:#e5bf8a;}
.contact-main .list ul li.text4:hover p{background:#e5a88a;}

.orderbox{width:30%;float:right;overflow:hidden;background:#fff;border-radius:5px;padding:10px 20px;height:405px;}
.orderbox .title{width:100%%;height:40px;line-height:40px;font-size:17px;font-weight:bold;}
.orderbox .title a{color:#436484;}
.orderbox .title a:hover{color:#e5ac73;}
.orderbox .cont{width:100%;overflow:hidden;padding:10px 0;}
.orderbox ul li{width:100%;overflow:hidden;height:40px;float:left;margin-bottom:10px;position:relative;border:1px solid #ddd;background:#fafafa;border-radius:3px;}
.orderbox ul li span{display:block;height:38px;line-height:38px;text-align:center;color:#666;position:absolute;left:9px;top:0;z-index:0;}
.orderbox ul li .bg,.orderbox  ul li .area,.orderbox  ul .code input{position:relative;z-index:1;display:block;width:100%;height:38px;line-height:24px;padding:7px 9px;background:none;float:left;color:#436484;font:normal 14px Arial, Verdana, Helvetica, "Microsoft YaHei", sans-serif;}
.orderbox ul .li_4{height:130px;}
.orderbox ul .li_4 .area{height:128px;}
.orderbox ul .code{width:72%;}
.orderbox ul .code img{position:absolute;right:15px;top:8px;cursor:pointer;z-index:2;}
.orderbox ul .code .red{width:15px;right:0;top:3px;padding:0;color:#f00;position:absolute;left:auto;}
.orderbox ul .li_3{border:0;width:25%;float:right;}
.orderbox ul .li_3 p{width:100%;float:left;height:40px;background:#7a9ec2;margin-right:15px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.orderbox ul .li_3 p input{display:block;width:100%;height:40px;font-size:16px;padding:8px;color:#fff;text-align:center;cursor:pointer;background:none;font-weight:bold;}
.orderbox ul .li_3 p:hover{background:#e5c08a;}

@media only screen and (max-width:1024px){
.contact-main{width:60%;}
.contact-main .text{background-size:auto 100%;padding:30px;}
.orderbox{width:38%;}
}
@media only screen and (max-width:768px){
.contactbox{padding:30px 0;}
.contact-main{width:100%;padding-bottom:20px;}
.contact-main .text{background-size:100% auto;height:auto;}
.orderbox{width:100%;max-width:100%;position:relative;padding-top:15px;height:415px;}
}
@media only screen and (max-width:425px){
.contactbox .home-title p span{color:#999;}
.contact-main .text{background-size:auto 110%;padding:25px;}
}
@media only screen and (max-width:360px){
.contact-main .list ul li strong{font-size:20px;}
}