@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}



.tit{font-size: 42px;color: #354B97;line-height: 42px;}
.tit i{display: inline-block;font-size: 18px;color: #354B97;line-height: 18px;font-weight: normal;vertical-align: bottom;margin-left: 30px;cursor: unset;}



/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.ban_pg{position: absolute;bottom: 30px;height: 17px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #fff;border-radius: 50%;margin: 0 10px;vertical-align: top;box-sizing: border-box;}
.ban_pg i.on{background: #354B97;}
.banner .prev{position: absolute;font-size: 0;left: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner .next{position: absolute;font-size: 0;right: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner:hover .prev{left: 4%;opacity: 1;}
.banner:hover .next{right: 4%;opacity: 1;}


/*sou*/
.sou{position: relative;height: 0;}
.sou_box{position: absolute;width: 1200px;left: 50%;top: 0;transform: translateX(-50%);}
.htwd{float: left;height: 80px;line-height: 80px;font-size: 14px;color: #999BA7;}
.htwd a{color: #999BA7;margin-right: 10px;}
.htwd a:hover{color: #354B97;}
.s_box{float: right;width: 334px;height: 40px;margin-top: 20px;background: #fff;}
.s_box .txt{float: left;width: 300px;padding-left: 20px;height: 40px;line-height: 40px;font-size: 14px;color: #333;box-sizing: border-box;background: none;outline: 0;border: 0;}
.s_box .btn{float: left;width: 20px;height: 40px;background: url(/images/sou.png) no-repeat center;outline: 0;border: 0;cursor: pointer;}
.s_box .txt::-webkit-input-placeholder{color:#999BA7;}
.s_box .txt::-moz-placeholder{color:#999BA7;}


/*guide*/
.guide{height: 512px;padding: 148px 0 0;box-sizing: border-box;background: url(/images/guide_bg.jpg) no-repeat center 0;}
.guide h2{font-size: 42px;color: #354B97;line-height: 42px;font-weight: normal;margin-bottom: 80px;}
.guide ul{display: flex;justify-content: space-between;}
.guide li{padding-top: 24px;position: relative;font-size: 0;}
.guide li div{display: inline-block;vertical-align: top;margin-right: 24px;padding-top: 4px;}
.guide li div span{display: block;font-size: 72px;color: #52595E;font-family: DINPro;height: 54px;line-height: 54px;}
.guide li div span i{font-size: 56px;vertical-align: top;}
.guide li div span em{font-size: 24px;vertical-align: bottom;line-height: 30px;}
.guide li div b{display: block;font-size: 20px;color: #52595E;line-height: 20px;padding-top: 22px;}
.guide li p{display: inline-block;vertical-align: top;width: 155px;font-size: 14px;color: #999BA7;line-height: 22px;padding-bottom: 38px;background: url(/images/guide_jt.png) no-repeat left bottom;}
.guide li:after{position: absolute;left: 0;top: 0;width: 0;height: 2px;background: #354B97;content: "";transition: all 0.5s;}
.guide li:hover:after{width: 100%;}
.guide li:hover div span,.guide li:hover div b{color: #354B97;}



/*pro*/
.pro{height: 1266px;padding: 110px 0 0;box-sizing: border-box;background: url(/images/pro_bg.jpg) no-repeat center 0;}
.pro_t{height: 54px;line-height: 54px;margin: 84px 0 64px;border-bottom: 2px solid #d7dfee;font-size: 0;}
.pro_t .more{float: right;font-size: 20px;color: #008DCA;}
.pro_t h3 a{display: inline-block;color: #999;font-size: 16px;font-weight: normal;padding: 0 35px;height: 54px;vertical-align: top;}
.pro_t h3 a:hover{color: #354B97;border-bottom: 2px solid #354B97;font-weight: bold;}
.pro_list li{float: left;width: 385px;margin-right: 22px;overflow: hidden;}
.pro_list li>a{display: block;position: relative;}
.pro_list li>a:after{position: absolute;width: 100%;height: 100%;content: "";left: 0;top: 0;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
.pro_list li img{display: block;width: 100%;}
.pro_list li h3{position: absolute;left: 44px;top: 44px;font-size: 16px;color: #fff;line-height: 16px;font-weight: normal;z-index: 10;}
.pro_list li h3 b{display: block;font-size: 24px;line-height: 24px;padding-bottom: 12px;}
.pro_list li .more{opacity: 0;transition: all 0.4s;position: absolute;left: 44px;bottom: -50px;width: 146px;height: 50px;line-height: 50px;font-size: 14px;color: #008dca;text-align: center;background: #fff;border-radius: 25px;z-index: 10;}
.pro_list li:nth-child(1){width: 792px;margin-bottom: 24px;}
.pro_list li:nth-child(2),.pro_list li:nth-child(5){margin-right: 0;}
.pro_list li:hover>a:after{opacity: 1;}
.pro_list li:hover .more{opacity: 1;bottom: 44px;}


/*case*/
.case{padding: 100px 0;}
.case h2{margin-bottom: 80px;}
.case_con dt{float: left;width: 730px;position: relative;}
.case_con dt .more{position: absolute;left: 50px;bottom: 50px;width: 150px;height: 54px;line-height: 54px;text-align: center;font-size: 16px;color: #008DCA;background: #fff;border-radius: 27px;}
.case_con dt .zx{position: absolute;left: 210px;bottom: 50px;width: 150px;height: 54px;line-height: 54px;text-align: center;font-size: 16px;color: #fff;background: #008DCA;border-radius: 27px;font-weight: bold;}
.case_con dd{float: right;width: 420px;}
.case_con dd h4{font-size: 22px;color: #000;line-height: 22px;font-weight: normal;margin-bottom: 40px;}
.case_desc p{font-size: 16px;color: #999BA7;line-height: 28px;border-bottom: 1px solid #ebebed;padding: 17px 0;}
.case_desc p em{display: block;color: #000;}
.case_desc p:hover{color: #354B97;border-color: #354B97;}
.case_desc p:hover em{color: #354B97;}
.case_pg{height: 12px;margin-top: 25px;}
.case_pg i{float: left;width: 12px;height: 12px;border-radius: 50%;background: #cccdd3;margin-right: 12px;}
.case_pg i.on{background: #354b97;}

.case_list{margin-top: 40px;position: relative;}
.case_list li{float: left;width: 284px;margin-right: 22px;position: relative;}
.case_list li img{width: 284px;height: 178px;display: block;}
.case_list li p{font-size: 16px;color: #000;line-height: 28px;padding: 20px 0;}
.case_list li p em{display: block;color: #354B97;}
.case_list li:after{position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #354B97;content: "";transition: all 0.3s;}
.case_list li:hover:after{width: 100%;}
.case_list .prev{position: absolute;left: -70px;top: 74px;}
.case_list .next{position: absolute;right: -70px;top: 74px;}


/*ser*/
.ser{padding: 65px 0 0;background: url(/images/ser_bg.jpg) no-repeat center 0;}
.ser_t{height: 200px;width: 1200px;padding-left: 160px;box-sizing: border-box;border-bottom: 2px solid #d6deed;background: url(/images/ser_ic1.png) no-repeat left center;margin: 0 auto;}
.ser_t h2{padding-top: 64px;}
.ser_list li{float: left;width: 25%;position: relative;background: #000;}
.ser_list li img{display: block;width: 100%;opacity: 0.4;transition: all 0.3s;}
.ser_list li i{position: absolute;font-size: 30px;color: #fff;left: 30px;top: 34px;line-height: 30px;font-weight: bold;    font-family: DINPro;}
.ser_list li b{position: absolute;left: 30px;font-size: 24px;line-height: 24px;color: #fff;bottom: 50px;}
.ser_list li.on:after{position: absolute;border: 10px solid transparent;border-bottom-color: #788083;left: 50%;top: -20px;margin-left: -10px;content: "";}
.ser_list li.on img{opacity: 1;}
.ser_list li.on i,.ser_list li.on b{display: none;}
.ser_con ul{height: 290px;padding-top: 85px;box-sizing: border-box;}
.ser_con ul li{float: left;width: 50%;}
.ser_con ul li em{float: left;margin-right: 50px;}
.ser_con ul li div{overflow: hidden;}
.ser_con ul li span{display: block;font-size: 72px;color: #52595E;height: 54px;line-height: 54px;}
.ser_con ul li span.small{font-size:38px;}
.ser_con ul li span i{font-size: 30px;line-height: 30px;vertical-align: bottom;}
.ser_con ul li p{font-size: 24px;color: #52595E;line-height: 34px;padding-top: 26px;padding-right: 40px;box-sizing: border-box;}

/*修改样式*/
.ser_con ul li{ display: inline-block; font-size: 0; width: 31.33%;}
.ser_con ul li:last-child{ width: 33.34%; float: right;}
.ser_con ul li em{ font-size:56px; color: #354B97;display: inline-block;vertical-align: middle;float: none;margin-right: 32px;}
.ser_con ul li span{display: inline-block;vertical-align: middle;height: auto;line-height: 32px;}
.ser_con ul li p{ display: block; font-size: 22px; color: #666;padding: 0;line-height: 42px;}
.ser_con ul{ height: 240px;}


/*coop*/
.coop{height: 845px;padding: 110px 0 0;box-sizing: border-box;background: url(/images/coop_bg.jpg) no-repeat center 0;}
.coop h2{margin-bottom: 88px;}
.coop li{float: left;width: 198px;margin-right: 2px;margin-bottom: 2px;overflow: hidden;padding: 10px 0;background: #fff;}
.coop li img{display: block;width: 100%;transition: all 0.5s;}
.coop li:hover img{transform: scale(1.05);}


/*news*/
.news{padding: 100px 0;}
.new_t{height: 70px;line-height: 70px;margin: 65px 0 40px;border-bottom: 2px solid #d7dfee;font-size: 0;}
.new_t .more{float: right;font-size: 20px;color: #008DCA;}
.new_t h3 a{display: inline-block;height: 70px;font-size: 20px;color: #666;font-weight: normal;padding: 0 30px;}
.new_t h3 a.on{color: #354B97;border-bottom: 2px solid #354B97;font-weight: bold;}
.new_list dl{float: left;width: 384px;margin-right: 24px;}
.new_list dl:last-child{margin-right: 0;}
.new_list dt{overflow: hidden;}
.new_list dt img{display: block;width: 100%;transition: all 0.5s;}
.new_list dt:hover img{transform: scale(1.05);}
.new_list dd h4{padding: 20px 0 12px;}
.new_list dd h4 a{display: block;font-size: 18px;color: #000;font-weight: normal;height: 30px;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.new_list dd p{font-size: 14px;color: #999;line-height: 28px;}
.new_list dd i{display: block;font-size: 16px;color: #6D6D6D;line-height: 32px;margin-top: 20px;}

.wend{height: 190px;background: #f6f7fb;margin-top: 55px;}
.wend h3{float: left;width: 140px;height: 190px;line-height: 190px;text-align: center;font-size: 20px;color: #fff;font-weight: normal;background: #354b97;}
.wend ul{height: 190px;overflow: hidden;padding: 0 55px;}
.wend li{float: left;width: 270px;margin-right: 70px;}
.wend li:last-child{margin-right: 0;}
.wend li h4 a{display: block;font-size: 18px;color: #000;font-weight: normal;height: 30px;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 30px 0 8px;}
.wend li p{font-size: 14px;color: #999;line-height: 28px;}
.wend li i{display: block;font-size: 16px;color: #6D6D6D;line-height: 20px;margin-top: 20px;}
.new_list dd h4 a:hover,.wend li h4 a:hover{color: #354B97;}