@charset "utf-8";
/* CSS Document */
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

/* -- 页面整体布局 -- */
.tits{background: url(../images/t-s1.jpg) no-repeat bottom;text-align:center}


/* -- 广告 -- */
.content{ width:1200px; margin:0 auto;}
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban-pg{position: absolute;left: 0;bottom: 60px;height:10px;z-index: 10;width: 100%;text-align: center;}
.ban-pg em{display: inline-block;width: 10px;height: 10px;background: #fff;border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban-pg em.on{}


.banner .prev{position:absolute;top:45%;left:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;opacity:0;}
.banner .next{position:absolute;top:45%;right:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;opacity:0;}
.banner i{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(0,0,0,0.6);font-size: 32px;font-weight: bold;color: #ffffff;display: block;line-height: 60px;}

.banner:hover .prev{opacity: 1;left: 4%;}
.banner:hover .next{opacity: 1;right: 4%;}


/* -- 搜索 -- */
.sou{height: 71px;}
.sou p{height: 71px;color: #666666;line-height:71px;font-size: 16px;width:825px;float: left;}
.sou p b{font-size: 16px;color: #222222;font-weight:bold;}
.sou p a{font-size: 16px;color: #666666;padding-right:13px;font-weight: normal;line-height: 16px;}
.sou .s-box{float: right;margin-top:18px;width:365px;height: 36px;border: 1px solid #e3e3e3;overflow: hidden;margin-right: 2px;box-sizing: border-box;border-radius: 20px;}
.sou .s-box .input1{float: left;width:315px;padding-left: 13px;height: 36px;line-height: 34px;font-size: 14px;color: #666666;border: 0;background: none;outline: 0;}
.sou .s-box .input2{float: left;border: 0;outline: 0;cursor: pointer;width:22px;height:22px;background:url(../images/sou-1.png) no-repeat center;margin-top:7px;}

/* -- 引子 -- */
.yz{height:547px;background: url(../images/yz-bg.jpg) no-repeat center;}
.yz h2{text-align: center;padding-top:87px;height:75px;margin-bottom: 38px;}
.yz h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight: bold;position: relative;}
.yz p{font-size: 15px;line-height:28px;color:#333333;display: block;text-align: center;}


.yz_s2{margin-top:85px;margin-left:6px;position: relative;}
.yz_s2 ul li{ float: left;text-align: center;margin-right:196px;position: relative;}
.yz_s2 ul li b{ display: inline-block;font-size:66px;line-height: 100%;color:#1B4A9E;font-weight:bold;font-family: "Arial";}
.yz_s2 ul li em{display: inline-block;font-size:66px;line-height:50px;color: #333333;font-weight:bold;}
.yz_s2 ul li i{vertical-align: inherit;margin-left: 5px;display: inline-block;line-height:20px;font-size: 20px;color: #444444;text-align: center;font-weight:normal;}
.yz_s2 ul li span{ display: block;font-size: 20px; line-height:20px; color: #666666; font-weight:normal;margin-top: 7px;}
.yz_s2 ul li:last-child{ margin-right: 0;}
.yz_s2 ul li::after{height: 82px;width: 1px;background: #d1d1d1;position: absolute;right:-90px;top: 9px;position: absolute;content: "";display: block;}
.yz_s2 ul li:last-child::after{display: none;}

/* -- 产品中心 -- */
.product-list {background: url(../images/product-listbg.jpg) top center no-repeat;overflow: hidden;height: 1230px;}
.product-list h2{text-align: center;padding-top:63px;height:65px;}
.product-list h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight: bold;}
.product-list span{font-size:18px;color:#333333;display: block;line-height:18px;font-weight: normal;margin-top: 30px;}

.product-list-hd {width: 260px;float: left;margin-top: 60px;overflow: hidden;}
.product-list-hd li{height:60px;float: left;width:270px;background: #042e7a;box-sizing: border-box;border-right: 1px solid #365895;}
.product-list-hd li a h3{color: #ffffff;font-size: 18px;font-weight: normal;float: left;margin-left: 25px;line-height: 60px;}
.product-list-hd li i{line-height: 60px;float: right;margin-right: 25px;}

.product-list-hd .on{background: #f73804;border-right-color: #f73804;}
.product-list-hd .on h3{font-weight: bold;}
.product-list-hd li:last-of-type{border-right: none;}

.product-lis-bd-info {width: 940px;margin-top: 60px;overflow: hidden;}
.product-lis-bd-info ul li{transition: 0.35s;float: left;width: 260px; position: relative;background: #ffffff;height:346px;border-radius: 5px;margin-left:25px;margin-bottom: 35px;}
.product-lis-bd-info ul li em{width:260px; height:260px; display: block;position: relative;overflow: hidden;background: url(../images/product-bg.jpg) no-repeat;background-size: 100% 100%;}
.product-lis-bd-info ul li em img{width:260px; height:260px; display: block;transition:all 0.5s;}

.product-lis-bd-info h4{display: block;height: 84px;line-height: 84px;position:relative;}
.product-lis-bd-info h4 b{font-size:18px;color: #333333;display: block;font-weight:normal;text-align:center;}

.product-lis-bd-info li:hover h4 b{color: #1b4dac;}
.product-lis-bd-info li:hover{transform: translateY(-5px);}
.product-lis-bd-info li:hover img{transform:scale(1.05);}
.product-lis-bd-info li:last-of-type{margin-right: 0;}

.product-ico{height: 204px;}
.product-ico ul{padding-top: 97px;}
.product-ico ul li{float: left;width: 200px;height: 126px;transition: 0.35s;text-align: center;border-right: 1px solid #eeeeee;box-sizing: border-box;}

.product-ico ul li i{transition: all 0.5s;height: 56px;width: 62px;display: block;margin: 0 auto;}
.product-ico ul li i img{height: 56px;width: 62px;display: block;}

.product-ico ul li b{font-size:20px;color:#333333;display: block;line-height:20px;font-weight: bold;padding-top: 15px;}
.product-ico ul li span{font-size:20px;color:#333333;display: block;line-height:20px;font-weight: normal;padding-top:9px;}

.product-ico ul li:last-of-type{border-right: 0;}

.product-ico ul li:hover i {animation-duration: 2s;animation-name: flipInY;}
.product-ico ul li:hover{transform: translateY(-5px);}

/* -- 案例 -- */
.case{height:925px;background: url(../images/casebg.jpg) no-repeat center;}
.case h2{text-align: center;padding-top:63px;height:65px;margin-bottom: 90px;}
.case h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight: bold;}
.case span{font-size:18px;color:#333333;display: block;line-height:18px;font-weight: normal;margin-top: 30px;}

.tit2{height:45px;margin-bottom:30px;}
.tit2 ul{width:1035px;margin:0 auto;}
.tit2 ul li{float: left;height:45px;width:245px;border: 1px solid #666666;box-sizing:border-box;border-radius: 23px;margin-right:17px;position: relative;}
.tit2 ul li h3{font-size:18px;color:#333333 ;display: block;line-height:45px;text-align: center;}
.tit2 ul li:last-child{margin-right:0;}
.tit2 ul li:hover,.tit2 .cur{background: #17317e;border: none;}
.tit2 ul li:hover h3,.tit2 .cur h3{color: #ffffff;}

.case .case-con{float:left;margin-bottom: 60px;height:515px;}
.case .case-con dl{ float:left;width:600px; height:515px;}
.case .case-con dt {width:600px; height:450px;}
.case .case-con dt img{width:600px; height:450px;transition: all 0.5s;}

.case .case-con dt:hover img{transform:scale(1.1);}

.case .case-con dd{height:65px; background:#ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.1);line-height: 65px;display: block;}
.case .case-con dd h4{ font-size:22px;height: 65px;font-weight: normal;line-height: 65px;padding-left: 25px;float: left;width: 550px;}
.case .case-con dd h4 a{color:#333333;} 
.case .case-con dd i {color:#333333;float: right;line-height: 65px;}

.case .case-r{ float:right;width:570px; position:relative;margin-bottom: 60px;height:515px;}
.case .case-r li{width:235px;height:263px;margin-bottom:16px;position: relative;float: left;margin-right: 20px;}
.case .case-r li img{width:235px;height:176px;display: block;}
.case .case-r li h4{ display:block;height:60px;width:235px;background: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.case .case-r li h4 em{font-size:16px;color:#333333;display: block;line-height:60px;font-weight: normal;text-align:center;}

.case .prev{position: absolute;right: 39px;top:0;width:40px;height: 40px;background:#1B4A9E;z-index: 10;line-height: 40px;text-align:center;font-size: 16px;color: #fff;}
.case .next{position: absolute;right: 39px;top:45px;width:40px;height:40px;background:#EA4C0D;z-index: 10;line-height: 40px;text-align:center;font-size: 16px;color: #fff;}

.case-r ul li span{display: none;width:235px; height:176px;background:rgba(0,0,0,0.5); position: absolute;left:0;top:-29px;}
.case-r ul li span b{display: block;text-align: center;z-index: 100;font-size: 14px;color: rgb(255, 255, 255);padding-top: 75px;background: url(../images/case_r_03.png) center top no-repeat;margin: 60px auto 0px;font-weight:normal;}
.case-r ul li .cur span,.case-r ul li:hover span{display: block;}

.tj{height:124px;}
.tj .tempWrap{width:1200px!important;margin:0 auto;}
.tj ul li{float: left;border: 1px solid #eeeeee;margin-right: 20px;height: 126px; width: 224px !important;box-sizing: border-box;border-radius: 5px;}
.tj ul li i{height: 124px;display: block;overflow: hidden; width: 222px !important;overflow: hidden;}
.tj ul li i img{height: 124px;width: 222px;display: block;transition: all 0.5s;}
.tj ul li:hover i img{transform:scale(1.1);}
.tj ul li:last-of-type{margin-right: 0;}

/**/
.tit01{font-size: 48px; text-align: center;color: #000000;font-weight:bold; }
.tit01 a{color: #000000; }
.tit01 em{color: #333333; font-size: 20px;font-weight: normal;text-transform: uppercase;font-family:"Times New Roman";  position: relative;width: 450px; margin:0 auto; display: block; height: 23px; }
.tit01 em:before{content: "";width: 50px; height: 2px; background: #000000;position: absolute;top:11px;left: 0;}
.tit01 em:after{content: "";width: 50px; height: 2px; background: #000000;position: absolute;top:11px;right: 0;}
.tit01 span{font-size: 26px;color: #333333;  font-weight: normal;  display:block; height: 48px; line-height: 48px; }

.ysbj{ position: relative; box-sizing: border-box; padding-top: 55px; overflow: hidden; clear: both; height: 2100px;}
.ysbj h2{ margin-bottom:80px;}

.ys1{height:601px; position:relative;background:#fff;padding-top: 102px;box-sizing: border-box;}
.ys1 .ys11{position: relative;}
.ys1 .ys11 .ys-title{position: absolute;left:0;top:-85px; background:#fff url(../images/ysico.jpg) no-repeat center 0px; width: 166px;height:189px; font-size: 28px; color: #ffffff; text-align: center; box-sizing: border-box;z-index: 1}
.ys1 .ys11 .ys-title h1{text-align:center;font-size: 56px;margin-top: 35px;}
.ys1 dl{}
.ys1 dt{ width:670px; height:359px;float: left;overflow: hidden;}
.ys1 dt img{ display:block;width:670px; height:359px; }
.ys1 dd{padding-top: 25px; height:359px;width: 485px; float: right;}
.ys1 dd h3{font:30px "Microsoft YaHei"; color:#000000; margin-bottom: 20px; font-weight: normal;}
.ys1 dd p{font:16px "Microsoft YaHei"; line-height:28px; color: #666666;height:135px;}
.ys1 dd h5{}
.ys1 dd h5 img{width: 234px;height: 139px; display: block; float: left; margin-right: 7px;}
.ys1 dd h5 img:nth-child(2){margin-right: 0;}

.ys2{height:668px; position:relative;background:url(../images/ys3bg.jpg) no-repeat center top;padding-top: 133px;box-sizing: border-box;}
.ys2 .ys22{position: relative;}
.ys2 .ys22 .ys-title{position: absolute;right:0;top:-80px; background:#fff url(../images/ysico.jpg) no-repeat center 0px; width: 166px;height:189px; font-size: 28px; color: #ffffff; text-align: center;box-sizing: border-box;z-index: 1}
.ys2 .ys22 .ys-title h1{text-align:center;font-size: 56px;margin-top: 35px;}
.ys2 dl{background: #fff;height:457px; width: 1200px;}
.ys2 dt{ width:646px; height:457px;float: right;overflow: hidden;}
.ys2 dt img{ display:block;width:646px; height:457px; }
.ys2 dd{padding-top: 50px;padding:50px 38px 0 45px; height:457px;width: 554px; float: left;box-sizing: border-box;}
.ys2 dd h3{font:30px "Microsoft YaHei"; color:#000000; margin-bottom: 20px; font-weight: normal;}
.ys2 dd p{font:16px "Microsoft YaHei"; line-height:28px; color: #666666;height:175px;}
.ys2 dd ul{}
.ys2 dd li{border-right: 1px solid #e0e0e0; font-size: 24px;color: #32332e; font-weight: bold; float: left;width: 127px;margin-right: 55px;}
.ys2 dd li b{display: block; font-weight: bold;font-size: 60px;height: 50px;line-height: 50px; color: #EA4C0D; font-family: "Times New Roman"}
.ys2 dd li:last-child{margin-right: 0;width: 100px;border-right: 0;}

.ys3{height:630px; position:relative;background:#fff;padding-top: 152px;box-sizing: border-box;}
.ys3 .ys33{position: relative;}
.ys3 .ys33 .ys-title{position: absolute;left:0;top:-85px; background:#fff url(../images/ysico.jpg) no-repeat center 0px; width: 166px;height:189px; font-size: 28px; color: #ffffff; text-align: center; box-sizing: border-box;z-index: 1}
.ys3 .ys33 .ys-title h1{text-align:center;font-size: 56px;margin-top: 35px;}
.ys3 dl{}
.ys3 dt{ width:671px; height:404px;float: left;overflow: hidden;}
.ys3 dt img{ display:block;width:671px; height:404px; }
.ys3 dd{padding-top: 25px; height:404px;width: 485px; float: right;}
.ys4 dd h3{font:30px "Microsoft YaHei"; color:#000000; margin-bottom: 20px; font-weight: normal;}
.ys3 dd p{font:16px "Microsoft YaHei"; line-height:28px; color: #666666;height:180px;}
.ys3 dd h5{}
.ys3 dd h5 img{width: 234px;height: 139px; display: block; float: left; margin-right: 7px;}
.ys3 dd h5 img:nth-child(2){margin-right: 0;}

.ys img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.ys img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}


/* -- 新闻资讯 -- */
.news{height: 823px;background: #ffffff;}

.news h2{text-align: center;padding-top:63px;height:65px;margin-bottom: 90px;}
.news h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight: bold;}
.news span{font-size:18px;color:#333333;display: block;line-height:18px;font-weight: normal;margin-top: 30px;}

.don{float:left;width:585px;}
.don .bt{height:36px;line-height:36px;font-size:24px;position: relative;margin-bottom:10px;}
.don .bt em{width:585px;font-size: 24px;font-weight: bold;color: #333333;float: left;position: relative;background: url(../images/n_q.jpg) no-repeat 1px 9px;}
.don .bt em a{color: #333333;float: left;font-weight:normal;padding-left: 16px;}

.don .bt i{float:right;font-size: 14px;display: block;color: #002e73;font-weight: normal;font-family: Arial;}
.don .bt i a{color: #002e73;display: block;padding-top:4px;font-weight: normal;}

.don dl{height:485px;overflow: hidden;position: relative;}
.don dt{font-size:0;line-height: 0;width:585px;overflow:hidden;}
.don dt img {width:585px;height:329px;transition:all 0.5s;display: block;}
.don dl:hover dt img{transform:scale(1.1);}

.don dd{height:146px;width:585px;background:#f7f7f7;}
.don dd i{font-size: 18px;color: #333333;display: block;line-height: 18px;font-weight: bold;padding-top: 18px;}
.don dd h4 a{display: block;font-size:18px;color: #333333;text-align:left;font-weight: normal;line-height:18px;padding-top:15px;padding-left: 25px;}
.don dd p{font-size:14px;color:#666666;display: block;line-height:24px;padding-top:18px;width: 540px;padding-left: 25px;}
.don dd p a{font-size:14px;color:#fe470d;display:inline-block;}

.news2{float:right;width:545px;}
.news2 .bt{height:36px;line-height:36px;font-size:24px;position: relative;margin-bottom:10px;}
.news2 .bt em{width:545px;font-size: 24px;font-weight: bold;color: #333333;float: left;position: relative;background: url(../images/n_q.jpg) no-repeat 1px 9px;}
.news2 .bt em a{color: #333333;float: left;font-weight:normal;padding-left: 16px;}

.news2 .bt i{float:right;font-size: 14px;display: block;color: #002e73;font-weight: normal;font-family: Arial;}
.news2 .bt i a{color: #002e73;display: block;padding-top:4px;font-weight: normal;}

.news2 dl{height: 131px;background: #ffffff;overflow: hidden;float: left;margin-bottom:19px;}
.news2 dt{font-size:0;line-height: 0;width:233px;overflow:hidden;float: left;}
.news2 dt img {width:233px;height:131px;transition:all 0.5s;display: block;}
.news2 dl:hover dt img{transform:scale(1.1);}

.news2 dd{height:131px;width:290px;float: left;padding-left: 20px;}
.news2 dd h4{padding-top:25px;}
.news2 dd h4 a{display: block;font-size:18px;color: #333333;text-align:left;font-weight: normal;line-height:18px;}
.news2 dd p{font-size:14px;color:#666666;display: block;line-height:24px;padding-top:22px;}
.news2 dd p a{font-size:14px;color:#fe470d;display:inline-block;}
.news2 dl:hover h4 a{color: #365895;}
.news2 dl:last-of-type{margin-bottom: 0;}

.news2 ul{height:158px;background: #f1f1f1;border-radius: 6px;margin-top: 15px;}

.news2 ul li {padding-left:35px;height: 20px;line-height:20px;font-size:14px;color: #333333;position: relative;margin-top: 25px;width: 480px;float: left;}
.news2 ul li a{font-size:14px;color: #666666;}
.news2 ul li span {float:right;color: #999999;font-size: 14px;}
.news2 ul li:after{position: absolute;width:8px;height:8px;background:url(../images/n_t.png) no-repeat;content: "";top:7px;left:17px;}
.news2 ul li:hover a{color:#365895;}
.news2 ul li em {margin-right: 10px;}

/* -- 关于我们 -- */
.about{height: 785px;background: url(../images/aboutbg.jpg) no-repeat center top;overflow: hidden;}

.about h2{text-align: center;padding-top:70px;height:65px;margin-bottom:345px;background: url(../images/a_t.png) no-repeat bottom;}
.about h2 em{font-size:48px;color:#ffffff;display: block;line-height:48px;font-weight: bold;}
.about h2 span{font-size:18px;color:#ffffff;display: block;line-height:18px;font-weight: normal;margin-top: 30px;}

.about .about-info{height: 230px;background: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.about .about-info h4{text-align: center;padding-top: 30px;}
.about .about-info h4 a{font-size:24px;color:#333333;display: block;line-height:24px;font-weight: bold;}
.about .about-info p{font-size:16px;color:#444444;display: block;line-height:30px;font-weight:normal;text-align: center;padding-top: 26px;width: 1080px;margin-left: 60px;}
.about .about-info .gds{transition: 0.35s;width: 168px;height: 41px;text-align: center;line-height: 41px;font-size: 16px;color: #ffffff;display: block;background:url(../images/gds_b.png) no-repeat center;border-radius: 25px;margin:26px auto 0;}
.about .about-info .gds:hover{transform: translateY(-5px);}

/* -- 团队风采 -- */
.fc-c{height:600px;overflow: hidden;}
.fc-qh{height: 63px;border-bottom: 1px solid #e5e5e5;line-height: 63px;margin-bottom: 20px;}
.fc-qh li{float:left;background: url(../images/fc-ico.png) no-repeat right;width: 47%;}
.fc-qh li{text-align: right;padding-right: 50px;}
.fc-qh li:last-child {text-align: left;/*padding-left: 50px;*/}
.fc-qh li a{font-size:24px;color: #333333;}
.fc-qh li.on{font-weight: bold;}
.fc-qh li:last-child{background:none;padding:0;margin:0;}
.fc-qh .n-span em a{font:14px arial;color: #adadad;text-transform: uppercase;line-height: 63px;}
.fc-nr{position: relative;}
.fc-nr li{float:left;font-size:0;line-height: 0;width: 292px;margin-right: 10px;}
.fc-nr li h4{padding-top: 15px;}
.fc-nr li h4 a{display: block;font-size: 16px;color: #666666;line-height:25px;font-weight: normal;text-align: center;}

.fc-nr li i{width:292px;overflow: hidden;display: block;}
.fc-nr li img{width:292px;transition: all 0.5s}
.fc-nr li:last-child{margin:0;}
.fc-nr li:hover i img{transform:scale(1.1);}
.fc-j1,.fc-j2 {position: absolute;top:172px;}
.fc-j1 i ,.fc-j2 i {width: 77px;height: 77px;line-height: 77px;text-align:center;font-size: 56px;}
.fc-j1 {left:-106px;color: #1B4A9E;}
.fc-j2 {right:-106px;color: #DFDFDF;}

@media screen and (min-width: 1263px) {
    html {
      font-size: calc(1263px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1349px) {
    html {
      font-size: calc(1349px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1463px) {
    html {
      font-size: calc(1463px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1543px) {
    html {
      font-size: calc(1543px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1583px) {
    html {
      font-size: calc(1583px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1643px) {
    html {
      font-size: calc(1643px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1663px) {
    html {
      font-size: calc(1663px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1903px) {
    html {
      font-size: calc(1903px * 20 / 1903);
    }
  }


/*底部结束*/
	/*友情链接开始*/
.comm_yqlj_wrap{
	height:74px;
	background:#f5f5f5;
	border-top:1px solid #dedede;
}
.comm_yqlj{
	line-height:74px;
	color:#333;
}
.comm_yqlj > a{
	color:#333;
	padding:0 6px;
}
	/*友情链接结束*/