.pro {} .pro_con1 { width:1240px; height:60px; margin:40px auto; } .pro_con1 ul li { width:130px; text-align:center; line-height:56px; height:56px; border:2px solid #d7d9dc; color:#6a6a6a; font-size:17px; font-weight:700; float:left; margin:0px 2px; position: relative; } .pro_con1 ul li a {display:block;width:100%;position: relative;z-index: 3;} .pro_con1 ul li:after { content:" "; background-color:#0051ad; position:absolute; left:0px; bottom:0px; width:0px; height:100%; -webkit-transition:all .3s;transition:all .3s; } .pro_con1 ul li:hover:after { width:100%; color:#ffffff; } .pro_con1 ul li a:hover { color:#ffffff; } .pro_con1 ul li:hover {} .pro_con2 { width:1240px; margin-top:20px; float:left; padding-bottom:60px;} .pro_con2 dl { background:url(/uploads/image/himages/pro_bg.png) center top no-repeat; width:1240px; height: 389px; margin-bottom:60px; } .pro_con2 dl dt { width:568px; height:389px; float:left; position:relative;} .pro_con2 dl dt p { position:absolute; top:62px; left:50px; color:#efeeee; font-size:18px; font-style:italic; font-family:arial, helvetica, sans-serif; background:url(/uploads/image/himages/xx1.jpg) left bottom no-repeat; height:66px;} .pro_con2 dl dt p b { color:#efeeee; font-size:26px; font-family: "微软雅黑" } .pro_con2 dl dt img { width:402px; position: absolute; top:69px; left:110px;} .pro_con2 dl dd { width:440px; padding-right:94px; float:right; margin-top:72px;} .pro_con2 dl dd h3 { font-size:30px; color:#353535; line-height:67px; text-align:left;} .pro_con2 dl dd p { color:#595959; line-height:24px; font-size:14px; text-align:left;} .pro_con2 dl dd .more { margin-top:30px!important;} .pro_con3 { width:1240px; margin:0px auto;} .pro_con3 dl { width:275px; height:478px; border:2px solid #eeeeee;box-shadow:2px 2px 2px 2px rgba(0,0,0,.1);} .pro_con3 dl dt { width:273px; height:266px; float:left; margin-bottom:10px;} .pro_con3 dl dt img{ width:253px; height:266px; margin-left:10px;} .pro_con3 dl dd { width:237px; margin:0px auto;} .pro_con3 dl dd h3 { color:#434343; line-height:28px; font-size:17px;} .pro_con3 dl dd h3 b { font-size:15px; font-weight:400;} .pro_con3 dl dd p { color:#6f6f6f;/* margin-top:15px; */line-height:24px;} .pro_con3 dl dd span { background:#004ca2; background-image: linear-gradient(to right, #004ca2 , #1062be); line-height:40px; height: 40px; color:#fff; text-align:center; display:block; font-size:15px; margin-top:10px;} .pro_con3 a:hover dl dd span {background:#d30000; } .pro_more {width:1240px; margin:50px auto 60px auto; text-align:center;} .pro_more .more { margin:0px auto;} .youshi {width:100%; margin:0px auto; clear:both; height:347px; overflow:visible; background-image:url(/uploads/image/himages/ys_bg.jpg),url(/uploads/image/himages/bg.jpg); background-position:center top,center top; background-repeat:no-repeat,repeat; } .youshi h2 { background:url(/uploads/image/himages/ys_k.png) center top no-repeat; width:270px; height:135px; text-align:center; padding-top:21px; margin-top:102px; float:left; } .youshi h2 b { color:#004ca2; font-size:26px;} .youshi h2 p { font-weight:400; font-size:18px; color:#fff; line-height:30px;} .youshi h2 span { font-weight:700; font-size:18px; color:#fff; font-family:arial, helvetica, sans-serif; line-height:30px;} .youshi_con { width:950px; float:right;} .youshi_con dl { background:url(/uploads/image/himages/ys_libg.png) center top; width:184px; height:301px; margin-left:52px; color:#ffffff; font-family:arial, helvetica, sans-serif; text-align:center; float:left; margin-top:45px;} .youshi_con dl dt { width:142px; height:142px; border-radius:50%; margin:0px auto;} .youshi_con dl dt img { margin-top:37px;} .youshi_con dl dd h3 { line-height:29px; margin-top:30px; color:#fff; font-weight:400; font-size:22px;} .youshi_con dl dd p { line-height:20px; color:#b6c4de; font-size:13px; margin-bottom:30px; } .youshi_con dl dd span { color:#ffffff; font-size:21px; line-height:52px; height:52px; display:inline-block; padding-left:16px; font-family:"黑体"; } .youshi_con dl dd .youshi_b1 { background:url(/uploads/image/himages/ys_bb1.png) left center no-repeat;} .youshi_con dl dd .youshi_b2 { background:url(/uploads/image/himages/ys_bb2.png) left center no-repeat; font-size:17px!important;padding-left:24px!important;} .youshi_con dl dd .youshi_b3 { background:url(/uploads/image/himages/ys_bb3.png) left center no-repeat;padding-left:24px!important;} .youshi_con dl dd .youshi_b4 { background:url(/uploads/image/himages/ys_bb4.png) left center no-repeat;padding-left:24px!important;} .al {width:100%; margin:0px auto; clear:both; overflow:visible; background: url(/uploads/image/himages/bg.jpg) center top repeat #ecede8; height:930px;} .al_con dl {width:384px; height:482px; text-align:center; background-color:#fff; margin-top:60px; } .al_con dl dt {width:384px; height:304px; } .al_con dl dt img { width:384px; height:304px;} .al_con a dl dd { text-align:center; width:323px; padding:0px 30px 0px 31px; transition:all 0.4s; } .al_con dl dd h3 { color:#292929; font-size:16px; line-height:32px; padding-top:10px;} .al_con dl dd p { line-height:22px; color:#a0a0a0;} .al_con dl dd span { width:120px; height:36px; line-height:36px; border:2px solid #004ca2; text-align:center; color:#004ca2; font-size:14px; margin:20px auto; display:inline-block; } .al_con a:hover dl dd { background:#0e5fbb; color:#fff; padding-top:40px; border-top:10px solid #2a78d1; width:323px; padding:30px 30px 20px 31px; margin-top:-50px; position:relative; z-index:2;} .al_con a:hover dl dd h3 {color:#fff;} .al_con a:hover dl dd p {color:#fff;} .al_con a:hover dl dd span { border:2px solid #fff;color:#fff;} .al_more {width:1240px; margin:50px auto 60px auto; text-align:center; clear:both; overflow:visible;} .al_more .more { margin:0px auto;} .about { width:1240px; margin:0px auto; clear:both; overflow:visible; background: center top no-repeat; height:1742px;} .about_con { width:1240px; margin:0px auto; padding-top:50px;} .about_tu { width:1240px; height:428px; background:url(/uploads/image/himages/a_tu.jpg); margin-top:50px;} .about_tu ul { width:750px; margin:0px auto; } .about_tu ul li { width:140px; height:82px; border-top:3px solid #fff;border-bottom:3px solid #fff; float:left; margin:169px 55px; font-family:arial, helvetica, sans-serif; font-size:16px; font-weight:700; color:#fff;text-align:center; text-transform:uppercase;} .about_tu ul li b { font-size:31px; line-height:38px; margin-top:15px; display:block; text-align:center; font-family:"微软雅黑";} .about_l { width:440px; height:412px; float:left; border-right:2px dotted #e1e1e1; margin-top:38px; } .about_l a dl { width:400px; height:135px; float:left; background:url(/uploads/image/himages/a_bg1.jpg); transition:all 0.4s;} .about_l .cur {background:url(/uploads/image/himages/a_bg2.jpg)!important; color:#fff;} .about_l dl dt { width:142px; float:left; text-align:center; line-height:135px;} .about_l span { font-size:70px!important;} .about_l dl dd { width:198px; margin-right:39px; float:right; margin-top:30px;} .about_l dl h3 { font-size:19px; color:#525252; line-height:31px; } .about_l dl p { color:#6f6f6f; font-size:14px; line-height:21px; margin-top:1px;} .about_l a:hover dl { transform:translatex(-10px);} .about_r { width:736px; margin-right:19px;float:right; text-align:left; margin-top:38px;} .about_r b { color:#b9b9b9; font-size:43px; line-height:67px; margin-top:17px;} .about_r b i { color:#b9b9b9; font-size:20px; line-height:67px; margin-top:17px; font-style:normal;} .about_r h3 { color:#1e1e1e; font-size:27px; background: left bottom no-repeat; line-height:61px; font-weight:700;} .about_r p { color:#6a6a6a;margin-top:14px; line-height:28px; font-size:15px; } .honor { width:1240px; margin:0px auto; clear:both; overflow:visible; height:495px; padding-top:40px;} .honor h3 { background:url(/uploads/image/himages/honor_bg.png) left top no-repeat; width:1240px; height:43px;} .honor h3 p { line-height:43px; color:#fff; width:207px; text-align:center; font-size:20px; text-transform:uppercase; } .honor h3 p i { font-weight:400; font-style:normal!important;} .honor_con { width:1240px; margin:0px auto; overflow:hidden; } .honor_con_tu {width:226px; height:328px;float:left; margin-top:40px; margin-left:8px; margin-right:8px; margin-bottom:50px; } .honor_con img{ width:226px; height:328px; border:1px solid #e2e2e2; box-shadow:2px 2px 2px 2px rgba(0,0,0,.1); } .news {width:100%; margin:0px auto; clear:both; overflow:visible; background: url(/uploads/image/himages/bg.jpg) center top repeat #f6f6f6; height:812px;} .news_con {width:1240px; margin:60px auto 25px auto; height:396px;} .news_l { width:591px; height:380px; float:left; } .news_l img { width:591px; } .news_r { width:592px; margin-right:10px;float:right; text-align:left;} .news_r dl {width:100%; height:110px; float:left; margin-bottom:10px; margin-bottom:29px;} .news_r dl dt { float:left; width:108px; height:108px; background:#004ca2; color:#fff; text-align:center; font-family:arial, helvetica, sans-serif; color:#fff; font-size:18px;line-height:17px; font-weight:400;} .news_r dl dt b {color:#fff; margin-top:26px; line-height:35px; width:100%; float:left;font-size:29px;} .news_r dl dt prc01 {color:#fff; margin-top:26px; line-height:35px; width:100%; float:left;font-size:29px;} .news_r dl dt prc02 {color:#fff; margin-top:26px; line-height:35px; width:100%; float:left;font-size:29px;} .news_r dl dt prc03 {color:#fff; margin-top:26px; line-height:35px; width:100%; float:left;font-size:29px;} .news_r dl dt prc04 {color:#fff; margin-top:26px; line-height:35px; width:100%; float:left;font-size:29px;} .news_r dl dt prc05 {color:#fff; margin-top:26px; line-height:35px; width:100%; float:left;font-size:29px;} .news_r dl dt prc06 {color:#fff; margin-top:26px; line-height:35px; width:100%; float:left;font-size:29px;} .news_r dl dt prc07 {color:#fff; margin-top:26px; line-height:35px; width:100%; float:left;font-size:29px;} .news_r dl dt prc08 {color:#fff; margin-top:26px; line-height:35px; width:100%; float:left;font-size:29px;} .news_r dl dt prc09 {color:#fff; margin-top:26px; line-height:35px; width:100%; float:left;font-size:29px;} .news_r dl dt prc10 {color:#fff; margin-top:26px; line-height:35px; width:100%; float:left;font-size:29px;} .news_r dl dt prc11 {color:#fff; margin-top:26px; line-height:35px; width:100%; float:left;font-size:29px;} .news_r dl dt prc12 {color:#fff; margin-top:26px; line-height:35px; width:100%; float:left;font-size:29px;} .news_r dl dt p {color:#fff; font-size:18px;line-height:17px; font-weight:400;} .news_r dl dd { width:450px; float:right; height:110px; text-align:left; border-bottom:2px dotted #d5d5d5; padding-left:27px;} .news_r dl dd h3 { line-height:28px; margin-top:10px; font-size:16px;color: #292929; font-weight:700;} .news_r dl dd span { line-height:31px;} .news_r dl dd p { color:#606060; font-size:14px; line-height:24px;margin-top:5px; height:48px; overflow:hidden;} .news_r dl dd i { margin-top:10px; float:left;} .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-pagination-bullet { width: 14px!important; height: 14px!important; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } .swiper-pagination-bullet-active { opacity: 1; background:#d70002!important;} .swiper-container-zjtd { width: 100%; height: 100%; text-align:center; } .swiper-slide-zjtd { text-align: center; font-size: 18px; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }