@charset "utf-8";
/*初始样式*/
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}

.kaocha {content: ""; height:560px;background:url(../images/kc.jpg) no-repeat center center; margin-bottom:80px;}


/* -- 页面整体布局 -- */
.tits{background: url(../images/t_s1.png) no-repeat bottom;}


h2.main_title a {  display: block;  text-align: center;  position: relative;}
h2.main_title i {  display: block;  font-size: 85px;  font-family: Impact;  font-weight: 400;  color: rgba(51, 51, 51, 0.1);  text-transform: uppercase;  letter-spacing: 1px;  line-height: 1;}
h2.main_title strong {  display: block;  font-size: 52px;  line-height: 100%;  color: #000;  letter-spacing: 1px;  padding-bottom: 20px;  background: url(../images/hhbj.png) no-repeat center bottom;  margin-top: -38px;}
h2.main_title span {  display: block;  font-size: 18px;  line-height: 100%;  color: #333;  font-weight: normal;  margin-top: 15px; margin-bottom:30px;  letter-spacing:3px;}

/* -- 广告 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.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 i{display: inline-block;width: 10px;height: 10px;background: #fff;border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban_pg i.on{background: #073884;}


.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 em{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(0,0,0,0.6);}
.banner em img{height: 30px;display: inline-block;margin-top: 15px;}

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


/* -- 搜索 -- */
.m1t{text-align:center; margin-bottom:40px; color:#333333;}
.m1t h2{ font-size:46px; font-weight:bold; background:url(../images/m1t.png) no-repeat center center; height:50px; line-height:50px;}
.m1t p{font-size:16px; letter-spacing:2px; line-height:38px;}


.par{ height:500px; background:url(../images/case_bg.gif); overflow:hidden; padding-top:50px;}
.par .content14{ position:relative;  width:1470px; margin:0 auto;}
.par1{ width:1400px; margin:0 auto; overflow:hidden;}
.par li{ width:340px; float:left; margin-right:10px;}
.par li em{display:block;height: 54px;line-height: 54px;background: #eee;text-align: center;font-size: 16px;color: #222222;overflow: hidden;}
.par li img{ display:block; width:340px; height:258px; border:1px solid #ccc;}
.par li:hover em{background: #21499b;color: #fff;}
.par_l{ position:absolute; top:200px; left:-15px;}
.par_r{ position:absolute; top:200px; right:-15px;}
/* -- 搜索 -- */
.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;}


/**/
.intro {  background: url(../images/intro_bg0.jpg) no-repeat center top;  height: 680px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding-top: 61px; margin-bottom:50px;}
.intro_con {  margin-left: 305px;  margin-bottom: 20px; margin-top:25px;}
.intro_con h2 a {  display: block;}
.intro_con h2 i {  display: block;  font-size: 42px;  line-height: 100%;  color: #dedede;  font-weight:bolder;  padding-bottom: 24px;  background: url(../images/hhbj.png) no-repeat left bottom;  margin-bottom: 30px;}
.intro_con h2 strong {  display: block;  font-size: 48px;  color: #333;   letter-spacing: 2.5px;}
.intro_con h2 span {  display: block;  font-size: 18px;  line-height: 100%;  color: #333;  padding-top: 25px;  font-weight: normal;   letter-spacing: 3px;}
.intro_con p {  font-size: 15px;  line-height: 28px;  color: #333;  margin: 26px 0px;}
.intro_feature {  width: 1200px;  height: 200px;  background:#e7e7e7; margin-left:200px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding-top: 15px;}


 /**/
.xi{ overflow: hidden; color: #fff; box-sizing: border-box; padding-top: 48px;}
.xic{ overflow: hidden; height: 850px; margin-top:80px;}
.xc_on{ height: 474px; background: #eeeeee;}
.xc_on dl{ overflow: hidden; padding: 26px 0 0 23px; height:474px;}
.xc_on dl dt{ float: left; overflow: hidden; width: 811px; height: 448px;}
.xc_on dl dd{ float: right; width: 260px; padding: 56px 50px 0 0;}
.xc_on dl dd h3{ height: 65px; border-bottom: 1px solid #cbcccc; font-weight: bold; line-height: 100%; color: #333333; font-size: 30px;}
.xc_on dl dd p{ color: #4f5454; font-size: 16px; line-height: 28px; padding-top: 20px; padding-bottom: 7px;}
.xc_on dl dd p span{ display: block; padding-bottom: 20px;}
.xc_on dl dd h4{font-weight: bold; font-family: Arial; font-size: 170px; color: #e0e7e5; line-height: 100%; position: relative;}
.xc_on dl dd h4 em{ display: block; position: absolute; top: 34px; left: 0; color: #333; font-size: 16px;font-weight: normal; line-height: 100%; min-height:15px;}
.xc_on dl dd h4 em i{ display: block; padding-left: 20px;background:url(../images/ask.png) no-repeat; line-height: 100%; margin-bottom:5px;}
.xc_on dl dd h4 span{ font-family: Arial; color: #c70707; font-weight: bold; font-size: 32px; line-height: 100%;line-height: 100%;}
.xc_li{ height: 110px;background:url(../images/lic.png) no-repeat 0 bottom #eeeeee;}
.xc_li li{ width: 20%; float: left; box-sizing: border-box; text-align: center; font-size: 20px; color: #fff; font-weight: bold; height: 110px; padding-top: 26px; line-height: 84px;}
.xc_li li.on{background:url(../images/xic_cur.png) no-repeat center 0 #c70707;}
/*产品展示*/
/* -- 引子 -- */

.yz_s2{padding:30px 0px;padding-left:36px;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: #000;font-weight:bold;font-family: "Arial";}
.yz_s2 ul li:hover b{color:#21499b;}
.yz_s2 ul li em{display: inline-block;font-size:66px;line-height:50px;color: #000;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: #333; 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;}

/* -- 产品中心 -- */
.cpt{height:1100px;background: url(../images/cpt_bg.jpg) no-repeat center;}
.cpt h2{text-align: center;padding-top:63px;height:100px;margin-bottom:22px;}
.cpt h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight: bold;}
.cpt h2 span{font-size:18px;color:#333333;display: block;line-height:18px;font-weight: normal;padding-top:10px;}



.tit ul{height:80px;}
.tit li{height:80px;float: left;width:400px;background: #2f33be;box-sizing: border-box;border-right: 1px solid #365895;position: relative;}
.tit li a{color: #ffffff;font-size: 24px;font-weight: normal;}
.tit li a h3{color: #ffffff;font-size: 24px;font-weight: normal;float: left;margin-left: 60px;line-height: 80px;}
.tit li a i{float: left;height: 22px;width: 22px;margin-top: 30px;margin-left: 16px;}

.tit .cur{background: #008753;border-right-color: #008753;}
.tit .cur h3{font-weight: bold;}
.tit li:last-of-type{border-right: none;}

.tit .cur::after{width: 0;height: 0; border-style: solid;border-width: 19px 11px 0 11px;border-color: #008753 transparent transparent transparent;display: block;position: absolute;margin-right: -17px;right: 50%;bottom:-17px;content: "";z-index: 99;}



/*产品展示*/
.tab3{width: 1500px; margin-top:20px;}
.tab3 .tit{height: 130px;text-align: center;}
.tab3 .tit h2 {height: 65px;line-height: 65px;font-size:38px;color: #ed1c22;}
.tab3 .tit h2 a{color: #333;}
.tab3 .tit p{height: 59px;line-height: 59px;font-size:16px;color: #333333}
.tab3 .tit p a{color: #fff;margin-right: 24px;padding:8px 30px; background-color:#21499b;}
.tab3 .tit p a:hover{color: #fff;margin-right: 24px; padding:8px 30px; background-color:#ed1c22;}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:1px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*/
/* -- 更多产品 -- */
.gdp{height: 610px;}
.gdp h2{text-align: center;display: block;padding-top: 78px;}
.gdp h2 em{font-size: 34px;line-height: 34px;font-weight: bold;display: block;color: #333333;background: url(../images/gd_t.png) no-repeat 0px 15px;}


.gd_con{margin-top: 23px;position: relative;}
.gd_con ul{padding: 20px 0px!important;}
.gd_con .tempWrap{width: 1200px!important;}
.gd_con ul li{transition: 0.35s;box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: 0.35s;float: left;width: 378px;margin-right:30px; position: relative;background: #ffffff;height:368px;border-radius: 5px;}
.gd_con ul li i{width:378px; height:284px; display: block;position: relative;overflow: hidden;}
.gd_con ul li i img{width:378px; height:284px; display: block;transition:all 0.5s;}

.gd_con h4{display: block;height: 84px;line-height: 84px;position:relative;}
.gd_con h4 b{font-size: 24px;color: #333333;display: block;font-weight:normal;text-align:center;}
.gd_con h4 em img{height: 18px;width: 18px;display: inline-block;position:absolute;right:75px;bottom:32px;}


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

.gd_con .prev{position: absolute;left:-8%;top:156px;width:77px;height:77px;background:url(../images/left.png) no-repeat;z-index: 10;}
.gd_con .next{position: absolute;right:-8%;top:156px;width:77px;height:77px;background:url(../images/right.png) no-repeat;z-index: 10;}

.gd_con .prev:hover{position: absolute;left:-8%;top:156px;width:77px;height:77px;background:url(../images/lefts.png) no-repeat;z-index: 10;}
.gd_con .next:hover{position: absolute;right:-8%;top:156px;width:77px;height:77px;background:url(../images/rights.png) no-repeat;z-index: 10;}




/* -- 案例 -- */

/* -- 实力 -- */
.al_bj{background: url(../images/al_bj.jpg) no-repeat center bottom;height: 1220px;margin-top:84px;}
.anl .titis{height: 141px;overflow: hidden;}
.al_qh{height: 95px;background: #0455a6;}
.al_qh li{float:left;width:20%;text-align: center;height: 90px;line-height: 90px;position: relative;}
.al_qh li:after{content: "";display: block;width:100%;height:0px;background: url(../images/al_hv.jpg) no-repeat center top;position: absolute;left:0;top:0;transition: all 0.5s}
.al_qh li a{font-size:24px;color: #fff;position: relative;z-index: 2}
.al_qh li i{vertical-align:middle;display: inline-block;margin-right:10px;}
.al_qh li i img{vertical-align:text-bottom;}
.al_qh li.on:after,.al_qh li:hover:after{height: 100%}
.al_qh li.on a,.al_qh li:hover a{font-weight: bold;}
.al_nr{height: 800px;position: relative;margin-top:26px;}
.al_nr .tempWrap{overflow: visible!important;}
.al_nr li{float:left;width:1200px;position: relative;overflow: hidden;}
.al_nr li .al_y{width:100%;height: 675px;position: absolute;left:0;top:0;background: rgba(0,0,0,0.5);}
.al_nr li i{display: block;font-size:0;line-height: 0;width:1200px;overflow: hidden;}
.al_nr li i img{width:1200px;height: 675px;transition: all 0.5s}
.al_nr li .al_w{width:1129px;margin:-128px auto 0;height: 196px;background: #fff;position: relative;z-index: 2;box-sizing: border-box;padding:42px 34px 0 44px;box-shadow: 0 0 20px rgba(0,0,0,0.1);display: none;margin-bottom:20px;}
.al_nr li .al_w h4 a{display:block;height: 42px;line-height: 42px;font-size:26px;color: #000000;width:820px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_nr li .al_w p{font-size:16px;color: #4c4c4c;line-height: 26px;padding-top:10px;width:726px;}
.al_nr li .al_w em a{display: block;width:181px;height: 52px;background: #ed1c22;text-align: center;line-height: 52px;font-size:16px;color: #fff;position: absolute;right:43px;top:72px;}
.al_nr li.active{opacity:1;}
.al_nr li.active .al_w{display:block;}
.al_nr li.active .al_y{display: none}
.al_nr li i:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.al_nr li:hover i:before{left:150%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.al_nr li:hover i img{transform: scale(1.1);}
.al_j1,.al_j2{position: absolute;top:309px;}
.al_j1{left:-100px}
.al_j2{right:-100px}

.hz_c{position: relative;height: 200px;}
.hz_c .tempWrap{width:1200px!important;}
.hz_c li{float:left;width:210px;margin-right:37px;text-align: center;}
.hz_c li i{display: block;font-size:0;line-height: 0;width:208px;overflow: hidden;border:1px solid #c1c1c1;}
.hz_c li i img{width:208px;height: 117px;transition: all 0.5s}
.hz_c li span{display: block;font-size:16px;color: #000000;margin-top:6px;}
.hz_c li:last-child{margin:0;}
.hz_c li:hover i img{transform: scale(1.1);}
.hz_j1,.hz_j2{position: absolute;top:34px;}
.hz_j1{left:-41px;}
.hz_j2{right:-41px;}

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

.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: 22px;font-weight: bold;color: #333333;float: left;position: relative;background: url(../images/xq1.png) no-repeat 1px 9px;}
.don .bt em a{color: #333333;float: left; padding-left: 24px; font-weight:bold;}

.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;}
.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:7px;}
.don dd p{font-size:14px;color:#666666;display: block;line-height:24px;padding-top:18px;width: 570px;}
.don dd p a{font-size:14px;color:#21499b;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: 22px;font-weight: bold;color: #333333;float: left;position: relative;background: url(../images/ny1.png) no-repeat 1px 9px;}
.news2 .bt em a{color: #333333;float: left;font-weight:bold;padding-left: 22px;}

.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:200px;overflow:hidden;float: left;}
.news2 dt img {width:200px;height:131px;transition:all 0.5s;display: block;}
.news2 dl:hover dt img{transform:scale(1.1);}

.news2 dd{height:131px;width:300px;float: left;padding-left: 20px;}
.news2 dd h4{padding-top:15px;}
.news2 dd h4 a{display: block;font-size:16px;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:12px;}
.news2 dd p a{font-size:14px;color:#21499b;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: 25px;}

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


/* -- 关于我们 -- */
.abt{height: 700px;background: url(../images/abt0.jpg) no-repeat center top; }
.abt .abt_1{height: 230px;background: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.1); margin-top:200px;}
.abt .abt_1 h4{text-align: center;padding-top: 30px;}
.abt .abt_1 h4 a{font-size:24px;color:#333333;display: block;line-height:24px;font-weight: bold;}
.abt .abt_1 p{font-size:16px;color:#444444;display: block;line-height:30px;font-weight:normal;text-align: center;padding-top: 26px; padding-left:20px; padding-right:20px;}
.abt .abt_1 .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;}
.abt .abt_1 .gds:hover{transform: translateY(-5px);}


/* -- 团队风采 -- */
.fc_c{height:433px;}
.fc_qh{height: 63px;border-bottom: 1px solid #e5e5e5;line-height: 63px;margin-bottom: 20px;}
.fc_qh li{float:left;padding-right:25px;margin-right: 25px;background: url(../images/fc_ico1.png) no-repeat right;}
.fc_qh li a{font-size:24px;color: #333; }
.fc_qh li.on{font-weight: bold; color: #21499b;}
.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;height: 219px;overflow: hidden;display: block;}
.fc_nr li img{width:292px;height: 219px;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:72px;}
.fc_j1{left:-106px;}
.fc_j2{right:-106px;}




@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);
    }
  }