@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 { 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";}
@font-face {
	font-family:Barlow-Bold;
	src: url('../fonts/Barlow-Bold.ttf'); }
.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;}
/* -- 页面整体布局 -- */
.tit{background: url(../images/tt-s1.png) no-repeat center;}
.tit2{background: url(../images/tt-s2.png) no-repeat center;}


.content{ width:1300px; margin:0 auto;font-family: "Microsoft Yahei";}
.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;}
.content-s{margin:0 auto;font-family: "Microsoft Yahei";width:90%;min-width: 1300px;max-width: 1440px;}
/* -- 广告 -- */
.content{ width:1300px; margin:0 auto;font-family: "Microsoft Yahei";}
.banner{position:relative;margin:0 auto!important;margin-top:-34px;height:auto;max-width:1920px}
.banner .bd li{float:left;width:100%;line-height:0}
.banner .bd li img{width:100%}
.banner .bd li a{display:block}
.banner .hd{position:absolute;bottom:0;left:0;z-index:1;box-sizing:border-box;padding:0 6.3%;width:100%;height:99px;border-top:1px solid rgba(255,255,255,.25);cursor:pointer}
.banner .hd ul{float:left;margin-top:36px;width:200px}
.banner .hd li{display:inline-block;margin:0 8px 0 0;width:20px;height:20px;border-radius:13px;background:0}
.banner .hd li i{display:block;margin:6px auto 0;width:8px;height:8px;border-radius:4px;background:#fff}
.banner .hd li.on{border:1px solid #454545}
.banner .hd li.on i{background:#00a2ff}
.banner .hd .next{float:right;display:block;margin-top:20px;width:48px;height:48px}
.banner .banMenu{position:absolute;bottom:35px;left:50%;z-index:5;margin-left:-12px;width:24px;height:35px;text-align:center}
.banner .banMenu:before{position:absolute;bottom:-15px;left:50%;margin-left:-5px;width:10px;height:7px;background:url(../images/ban_ic2.png) no-repeat center;content:""}
.banner .banMenu i{position:absolute;bottom:0;left:0;display:block;width:24px;height:35px;cursor:pointer}
.banner .banMenu i img{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-webkit-animation:bounceY 2s infinite;-moz-animation:bounceY 2s infinite;-o-animation:bounceY 2s infinite;-ms-animation:bounceY 2s infinite;animation:bounceY 2s infinite}
@-moz-keyframes bounceY{0%,100%{-moz-transform:translateY(0);transform:translateY(0)}
50%{-moz-transform:translateY(-8px);transform:translateY(-8px)}
}
@-o-keyframes bounceY{0%,100%{-o-transform:translateY(0);transform:translateY(0)}
50%{-o-transform:translateY(-8px);transform:translateY(-8px)}
}
@keyframes bounceY{0%,100%{transform:translateY(0)}
50%{transform:translateY(-8px)}
}

/* -- 引子 -- */
.yz-1{height: 628px;}
.yz-1 h2{height: 110px;width: 490px;margin: 0 auto;padding-top: 77px;}
.yz-1 h2 em{font-size:48px;color:#1a1a1a ;display: block;font-weight: normal;position: relative;}
.yz-1 h2 em img{display: inline-block;height:90px ;width: 172px;    vertical-align: sub;margin-right: 12px;}
.yz-1 h2 em::after{position: absolute;height:40px;width:60px;display: block;content: "";right: 0;top:45px;background: url(../images/di.png) no-repeat;}
.yz-1  span{font-size:18px;color:#333333;display: block;line-height:18px;font-weight: normal;padding-top: 20px;text-align: center;}

.fw1{margin-top:80px;}
.fw1 ul li{box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: 0.35s;float: left;width:23.95%;position: relative;height:440px;background: #ffffff;text-align: center;margin-right: 1.3%;border: 1px solid #eaebeb;box-sizing: border-box;}
.fw1 ul li i{overflow: hidden;display: block;}
.fw1 ul li img{width: 100%;display: block;transition: all 0.5s;}
.fw1 ul li:hover i img{transform:scale(1.1);}

.fw1 ul li em{position:absolute;z-index: 99;top:179px;left: 38%;transition: all 0.5s linear;}
.fw1 ul li .is1{background:url(../images/ico_1.png) no-repeat;width:90px;height:90px;margin:0px auto 0;display: block;background-size: 90px 90px;}
.fw1 ul li .is2{background:url(../images/ico_2.png) no-repeat;width:90px;height:90px;margin:0px auto 0;display: block;background-size: 90px 90px;}
.fw1 ul li .is3{background:url(../images/ico_3.png) no-repeat;width:90px;height:90px;margin:0px auto 0;display: block;background-size: 90px 90px;}
.fw1 ul li .is4{background:url(../images/ico_4.png) no-repeat;width:90px;height:90px;margin:0px auto 0;display: block;background-size: 90px 90px;}

.fw1 ul li span{margin-top:68px;display: block;font-size: 26px;font-weight:normal;line-height: 26px;color: #333333;}
.fw1 ul li span b{font-weight: bold;color: #005bac;display: inline-block;margin-right: 7px;}
.fw1 ul li .desc{display: block;font-size: 16px;font-weight:normal;line-height: 26px;color: #333333;padding-top:14px;text-align: center;}
.fw1 ul li::after{position: absolute;bottom: 0;width: 39px;height: 2px;background: #f4be1d;content: "";left:44%;}

.fw1 ul li:hover{transform: translateY(-8px);}
.fw1 ul li:hover em{transform: rotateY(180deg);}

.fw1 ul li:last-of-type{margin-right: 0;}
.aboutList_con {
 
    width: 1200px; margin:0 auto;
    margin-top: 30px; margin-bottom:79px
}



a:hover .aboutList_con_Tu  {color: #111;}
a:hover .aboutList_con_Tu span  { font-size:16px; color:#111111;

	
}a:hover .aboutList_con_Tu .iconfont {
color: #111111;	
}
.aboutList_con_Tu {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
.aboutList_con_Tu_2 {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
a:hover .aboutList_con_Tu  {
	transform: translate(0,-10px);
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	-o-transform: translate(0,-10px);
	-ms-transform: translate(0,-10px);}
	
a:hover .aboutList_con_Tu_2  {
	transform: translate(0,-10px);
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	-o-transform: translate(0,-10px);
	-ms-transform: translate(0,-10px);}




.aboutList_con_Tu {
  width: 211px;
    height: 243px;background:url(../images/a1.png) no-repeat left top; float:left; margin:0 12px;
}



.aboutList_con_Tu_2 {
    width: 211px;
    height: 243px; background:url(../images/a1.png) no-repeat left top; float:left; margin:0 12px;
}





	
.aboutList_con_Tu_sss{ float:left; text-align:center;  margin-top:57px; width:211px}

.aboutList_con_Tu .hhs{ font-size:20px; color:#313131; padding-top:10px;}
.aboutList_con_Tu .gg3{ font-size:12px; color:#666666; text-transform:uppercase; padding-top:5px}

.aboutList_con_Tu_2 .hhs{font-size:20px; color:#313131; padding-top:10px;}
.aboutList_con_Tu_2 .gg3{ font-size:12px; color:#666666; text-transform:uppercase; padding-top:5px}


.aboutList_con_Tu span {
	font-family: Arial, Helvetica, sans-serif;
		text-transform:capitalize;
	font-size:16px; color:#111111; margin-top:5px; display:block
} 


@media screen and (max-width:1366px) {   
  .fw1 ul li em{top: 140px;left: 35%;}

}

@media screen and (min-width:1367px) and (max-width:1440px) {
  .fw1 ul li em{top: 150px;left: 37%;}
}

@media screen and (min-width:1441px) and (max-width:1660px) {
         
  .fw1 ul li em{top: 165px;}
          }  

/* -- 产品中心 -- */
.cpt-1{height:883px;background: url(../images/cpt1-bg.jpg) no-repeat center;}

.cpt-1 h2{padding-top:90px;text-align: center;}
.cpt-1 h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight:bold;}
.cpt-1 h2 span{font-size:18px;color:#333333;display: block;line-height:18px;font-weight: normal;padding-top:16px;text-align: center;}

.cp1{margin-top:32px;position:relative;}
.cp1 dl{height:679px;position:relative;}
.cp1 dl dt{float:right;margin-right: -360px;display: block;height: 679px;width:960px;overflow:hidden;}
.cp1 dl dt img{display: block;height:679px;width:960px;transition: all 0.5s;}

.cp1 dl dt:hover img{transform:scale(1.1);}
.cp1 dl dd{float: left;width: 600px;height: 638px;margin-top: 41px;}
.cp1 dl dd h3{height:161px;border-bottom: 2px solid #cacaca;box-sizing: border-box;width: 510px;}
.cp1 dl dd h3 em{height: 50px;}
.cp1 dl dd h3 em img{float: left;display:block;width: 59px;height: 50px;}
.cp1 dl dd h3 em b{float: left;display:block;font-size: 38px;font-weight: bold;color: #005bac;margin-left: 11px;margin-top: 3px;}
.cp1 dl dd h3 span{display:block;font-size: 16px;font-weight: normal;color: #666666;line-height: 30px;float: left;margin-top: 20px;}


.cp1 dl dd .cpt-f{display: block;width: 540px;overflow: hidden;margin-top: 20px;}

.cp1 dl dd .cpt-f a{float: left;padding-left: 20px;width: 158px;line-height: 50px;font-size: 18px;color: #1a1a1a;font-weight: normal;background: url(../images/dian.png) no-repeat left;}

.cp1 dl dd .cpt-f a:hover{color: #005bac;}
.cp1 dl dd .tjc{box-shadow: 0px 0px 18px 0px rgba(4, 0, 0, 0.04);padding: 12px;background: #ffffff;width:786px;margin-top: 50px;position: relative;z-index:99;}
.cp1 dl dd .tjc ul{border: 1px solid #efefef;overflow: hidden;}
.cp1 dl dd .tjc ul li{float: left;width: 260px;height: 195px;position: relative;}
.cp1 dl dd .tjc ul li i{width: 260px;height: 195px;display: block;overflow: hidden;border-right: 1px solid #efefef;box-sizing: border-box;}
.cp1 dl dd .tjc ul li i img{width: 260px;height: 195px;display: block;transition: all 0.5s;}
.cp1 dl dd .tjc ul li:hover i img{transform:scale(1.1);}


.cp1 dl dd .tjc ul li span{ position: absolute;left:20px;bottom:4px;display: block;font-size: 16px;line-height: 16px;color: #595959; width: 242px;}
.cp1 dl dd .tjc ul li em{ width: 20px;height: 20px;overflow: hidden; float: right;margin-right: 31px;}
.cp1 dl dd .tjc ul li em>img{ display: block;width: 20px;height: 20px;transition: all 0.5s; }
.cp1 dl dd .tjc ul li:hover em>img:nth-child(1){ margin-top: -20px; }
.cp1 dl dd .tjc ul li:last-of-type{border-right: none;}

.cp1 dl dd  .tjc .ban_pg{position: absolute;left:-3px;bottom:-30px;height:10px;z-index: 10;width:30%;text-align: center;}
.cp1 dl dd  .tjc .ban_pg li{display: inline-block;width: 10px;height: 10px;background: #c5c5c5;margin: 0 10px;vertical-align: top;font-size: 0;}
.cp1 dl dd  .tjc .ban_pg li.on{background: #000000;}


/* -- 产品中心2 -- */
.cpt-2{height:766px;background: url(../images/cpt2-bg.jpg) no-repeat center;}
.cp2{position: relative;}
.cp2 dl{height:679px;}
.cp2 dl dt{float:left;margin-left: -360px;display: block;height: 679px;width:960px;overflow:hidden;}
.cp2 dl dt img{display: block;height: 679px;width:960px;transition: all 0.5s;}

.cp2 dl dt:hover img{transform:scale(1.1);}


.cp2 dl dd{float: left;width: 600px;height: 638px;margin-top:94px;}
.cp2 dl dd h3{height:161px;border-bottom: 2px solid #cacaca;box-sizing: border-box;width: 510px;float: right;}
.cp2 dl dd h3 em{height: 50px;}
.cp2 dl dd h3 em img{float: left;display:block;width:61px;height: 50px;}
.cp2 dl dd h3 em b{float: left;display:block;font-size: 38px;font-weight: bold;color: #005bac;margin-left: 11px;margin-top: 3px;}
.cp2 dl dd h3 span{display:block;font-size: 16px;font-weight: normal;color: #666666;line-height: 30px;float: left;margin-top: 20px;}

.cp2 dl dd .cpt-f{display: block;width: 510px;overflow: hidden;margin-top: 20px;float: right;}
.cp2 dl dd .cpt-f a{float: left;padding-left: 20px;width: 150px;line-height: 50px;font-size: 18px;color: #1a1a1a;font-weight: normal;background: url(../images/dian.png) no-repeat left;}

.cp2 dl dd .cpt-f a:hover{color: #005bac;}
.cp2 dl dd .tjc{box-shadow: 0px 0px 18px 0px rgba(4, 0, 0, 0.04);padding: 12px;background: #ffffff;width:786px;margin-top: 50px;position: relative;float: right;}
.cp2 dl dd .tjc ul{border: 1px solid #efefef;overflow: hidden;}
.cp2 dl dd .tjc ul li{float: left;width: 260px;height: 195px;position: relative;}
.cp2 dl dd .tjc ul li i{width: 260px;height: 195px;display: block;overflow: hidden;border-right: 1px solid #efefef;box-sizing: border-box;}
.cp2 dl dd .tjc ul li i img{width: 260px;height: 195px;display: block;transition: all 0.5s;}
.cp2 dl dd .tjc ul li span{ position: absolute;left:20px;bottom:4px;display: block;font-size: 16px;line-height: 16px;color: #595959; width: 242px;}
.cp2 dl dd .tjc ul li:hover i img{transform:scale(1.1);}

.cp2 dl dd .tjc ul li em{ width: 20px;height: 20px;overflow: hidden; float: right;margin-right: 31px;}
.cp2 dl dd .tjc ul li em>img{ display: block;width: 20px;height: 20px;transition: all 0.5s; }
.cp2 dl dd .tjc ul li:hover em>img:nth-child(1){ margin-top: -20px; }
.cp2 dl dd .tjc ul li:last-of-type{border-right: none;}

.cp2 dl dd .tjc .ban_pg{position: absolute;right:-7px;bottom:-30px;height:10px;z-index: 10;width:27%;text-align: center;}
.cp2 dl dd .tjc .ban_pg li{display: inline-block;width: 10px;height: 10px;background: #c5c5c5;margin: 0 10px;vertical-align: top;font-size: 0;}
.cp2 dl dd .tjc .ban_pg li.on{background: #000000;}

/* -- 推荐产品 -- */
.tp-c{height:652px;background: url(../images/tp-bg.jpg) no-repeat center;}
.tpt{float: left;margin-top: 84px;height: 55px;width: 1200px;}
.tpt h2,.tpt div.h3{height: 55px;float: left;width: 210px;position: relative;padding-left: 25px;}

.tpt div.h3 em{font-size:36px;color:#333333;display: block;line-height:36px;font-weight:bold;}
.tpt div.h3 span{font-size:12px;color:#b9b9b9;display: block;line-height:12px;font-weight:normal;font-family: 'Arial';text-transform: uppercase;padding-top: 10px;}

.tpt div.h3::after{width:4px;height: 55px;background: #005bac;content: "";display: block;position: absolute;top: 0;left: 0;}
.tpt p{float: right;padding-top: 13px;}
.tpt p a{float:left;margin-right: 25px;font-size: 16px;color: #595959;display: block;}
.tpt p i{font-size: 16px;color: #005bac;display: block;font-weight: bold;float:right; text-align:right}
.tpt p i a{color: #005bac;}

.gd_con{margin-top: 26px;position: relative;}
.gd_con .tempWrap{width: 1200px!important;}
.gd_con ul li{transition: 0.35s;transition: 0.35s;float: left;width:285px;margin-right:20px; position: relative;height:333px;border-bottom: 1px solid #d9d9d9;box-sizing: border-box;}
.gd_con ul li i{width:285px; height:283px; display: block;position: relative;overflow: hidden;border: 1px solid #f2f2f2;box-sizing: border-box;}
.gd_con ul li i img{width:283px; height:283px; display: block;transition:all 0.5s;}

.gd_con ul li h3{display: block;font-size: 16px;line-height: 16px;color: #595959; width: 285px;height: 59px;}
.gd_con ul li h3 span{font-size: 16px;color: #595959;display: inline-block;line-height: 59px;padding-left: 21px;font-weight: normal;}

.gd_con ul li em{ width: 25px;height: 25px;overflow: hidden; float: right;margin-right: 31px;margin-top: 17px;}
.gd_con ul li em>img{ display: block;width: 25px;height: 25px;transition: all 0.5s; }
.gd_con ul li:hover em>img:nth-child(1){ margin-top: -25px; }

.gd_con li:hover h3 b{color: #005bac;}
.gd_con ul li:last-of-type{margin-right: 0;}
.gd_con .prev{position: absolute;left:-5%;top:85px;width:27px;height:49px;background:url(../images/lts.png) no-repeat;z-index: 10;}
.gd_con .next{position: absolute;right:-5%;top:85px;width:27px;height:49px;background:url(../images/rts.png) no-repeat;z-index: 10;}

/* -- 案例 -- */
.al{height: 1200px;}

.al h2{padding-top:41px;text-align: center;}
.al h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight:bold;}
.al h2 span{font-size:18px;color:#333333;display: block;line-height:28px;font-weight: normal;padding-top:16px;text-align: center;}

.al_on{margin-top:66px;position: relative;}
.al_on .tempWrap{margin-left: -1255px !important;}
.al_on ul{overflow: hidden;}
.al_on ul li{width:1200px; float: left;margin-left: 27px;}
.al_on ul li em{display:block; width:1200px; height:673px;overflow:hidden;}
.al_on ul li em img{display:block; width:1200px; height:673px;transition:all 0.5s;}
.al_on ul li p{width: 1200px;position:absolute;height: 162px;width:1200px;background:rgba(0,0,0,0.63);display: inline-block;bottom: 0;z-index: 99;}

.al_on ul li:hover em img{transform:scale(1.1);}

.al_on ul li p i{font-size:26px;color:#ffffff;display: block;font-weight: bold;line-height: 26px;margin-top: 36px;margin-left: 40px;width:625px;}
.al_on ul li p span{font-size:16px;color:#ffffff;display: block;font-weight:normal;line-height: 26px;margin-top:20px;margin-left: 40px;width:702px;}
.al_on .more{ display: block;font-size:16px;color: #030303;text-align: center;width: 181px;height: 51px;background: #fed200;line-height: 51px;float:right;margin-top: 81px;margin-right: 22px;font-weight: normal;}
.al_on .more strong{color: #030303;}
.al_on .more img{display: inline-block; margin-left: 12px; width: 18px;-o-transition: all .3s ease;transition: all .3s ease;}
.al_on .more:hover img {margin-left: 16px;}

.al_on .prev{position: absolute;left:30px;top:267px;width:69px;height: 69px;background:url(../images/lefts1.png) no-repeat;z-index: 10;}
.al_on .next{position: absolute;right: 30px;top: 267px;width:69px;height: 69px;background:url(../images/right.png) no-repeat;z-index: 10;}

.tj{height:118px;margin-top:45px;position: relative;}
.tj .tempWrap{width:1200px!important;margin:0 auto;}
.tj ul li{float: left;border: 1px solid #eeeeee;margin-right:35px;height: 120px; width: 212px !important;box-sizing: border-box;border-radius: 5px;}
.tj ul li i{height: 116px;display: block;overflow: hidden; width: 208px !important;overflow: hidden;}
.tj ul li i img{height: 116px;width: 208px;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;}
.tj .prev{position: absolute;left:-5%;top:30px;width:27px;height:49px;background:url(../images/lts.png) no-repeat;z-index: 10;}
.tj .next{position: absolute;right:-5%;top:30px;width:27px;height:49px;background:url(../images/rts.png) no-repeat;z-index: 10;}

.pros42{ margin: 0 auto; width: 1200px; background: #f4f4f4; padding: 13px; height: 128px; margin-top:60px; margin-bottom:110px}
.pros42 h3{ float: left;background:url(../images/pros_mor.jpg) no-repeat; width: 241px; height: 128px;  text-align: center;}
.pros42 h3 span{ display: block; line-height: 100%; padding-top: 38px; padding-bottom: 14px; color: #fff;font-weight: bold; font-size: 24px;}
.pros42 h3 i a{ display: inline-block; line-height: 100%; font-size: 14px; color: #ffeb12;}
.pros42 h3 i a:hover{text-decoration: underline;}
.pros42 p{ float: right; width:918px; padding-top: 6px;}
.pros42 p a{ display: inline-block; line-height: 37px; font-size: 16px; color: #5f5d5e; padding: 0 25px;}
.pros42 p a:hover{ color: #005bac; text-decoration: underline;}
/* -- 实力 -- */
.sl{height: 1140px;background: url(../images/youshi.jpg) no-repeat center top;position: relative;}
.sl h2{padding-top:118px;text-align: center;}
.sl h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight:bold;}
.sl h2 span{font-size:18px;color:#333333;display: block;line-height:28px;font-weight: normal;padding-top:16px;text-align: center;}

.al_con{margin-top:66px;}
.al_con dl dt{float:right;margin-right: -360px;display: block;height: 680px;width:1169px;overflow:hidden;}
.al_con dl dt img{display: block;height: 680px;width:1069px;transition: all 0.5s;}
.al_con dl dt:hover img{transform:scale(1.1);}

.al_con dl dd{float: left;width:491px;height: 680px;background: #ffffff;position:relative;}
.al_con dl dd h3{height: 230px;width: 425px;position: relative;float: left;margin-top: 96px;margin-left: 65px;margin-bottom: 21px; font-family:Barlow-Bold}
.al_con dl dd h3 b{font-size:120px;color:#005bac;display: block;line-height:97px;font-weight:bold;}
.al_con dl dd h3 em{font-size:42px;color:#005bac;display: block;line-height:40px;font-weight:bold;padding-top:30px;}
.al_con dl dd h3 span{font-size:24px;color:#333333;display: block;line-height:28px;font-weight:bold;padding-top:13px;}
.al_con dl dd h3 i{display: block;width: 152px;height: 7px;margin-top: 17px;}
.al_con dl dd p{font-size: 16px;line-height: 26px;color: #333333;margin-left: 65px;margin-bottom: 15px;padding-left: 16px;float: left;width: 70%;background: url(../images/sl-d.jpg) no-repeat left 10px;}

.al_con dl dd:after{height:9px;width:336px;display:block;content:"";position:absolute;top:135px;left:221px;background:url(../images/aft-sl.png) no-repeat;}

.sl_nav{height:118px;position: absolute;bottom: 110px;margin-left: 176px;width: 852px;}
.sl_nav li{height:118px;float: left;width:284px;background: #ffffff;position: relative;}
.sl_nav li i{transition: all 0.5s linear;float: left;height:45px;width: 45px;margin-top: 33px;margin-left:60px;}
.sl_nav li h3{float: left;margin-left:8px;margin-top: 40px;}
.sl_nav li h3 em{font-size:20px;color:#323232;display: block;line-height:20px;font-weight:bold;}
.sl_nav li h3 span{font-size:12px;color:#b8b8b8;display: block;line-height:12px;font-weight: normal;padding-top:6px;font-family: "Aria";}


.sl_nav .cur{background: #f4be1d;}
.sl_nav .cur h3 span{color:#323232;}
.sl_nav li:last-of-type::after{display: none;}

.sl_nav li::after{width:1px;height:52px; background: #dcdcdc;content: "";position: absolute;right: 0;top:33px;}
.sl_nav li .cur::after{background: #f4be1d;}
.sl_nav ul .cur:hover i{transform: rotateY(180deg);}

/* -- 表单 -- */
.bds{height:395px;background: url(../images/bd-bg.jpg) no-repeat center;}
.bd1{padding-top: 107px;overflow: hidden; }
.bd_l{float: left;width:640px;height: 149px;}
.bd_l h2{text-align: center;padding-top: 34px;}
.bd_l h2 em{font-size:40px;color:#ffffff;display: block;line-height:48px;font-weight:bold;}
.bd_l h2 span{font-size:24px;color:#ffffff;display: block;line-height:24px;font-weight: normal;padding-top:9px;text-align: center;}


.zx_r{height:150px;width:488px;float: right;}
.zx_r ul{overflow: hidden;}
.zx_r li{height:45px;width:226px;border: 1px solid #ffffff;float: left;line-height:44px;box-sizing: border-box;border-radius: 5px;}
.zx_r .xm{margin-right:11px;height:45px;width:226px;}
.zx_r li input{border: none;background: none;height:44px;width:210px;font-size: 15px;color: #ffffff;padding-left:14px;background: url(../images/x_01.png) no-repeat 205px 17px;}
.zx_r .dh{height:45px;width:251px;}
.zx_r .dh input{border: none;background: none;height:44px;width:235px;font-size: 15px;color: #ffffff;padding-left:14px;background: url(../images/x_01.png) no-repeat 230px 17px;}
.zx_r .ly{height:91px;width:389px;margin-top: 10px;}
.zx_r li textarea{
  font-size: 15px;
  font-weight: normal;
  color: #ffffff;
  display: block;
  padding-left: 14px;
  background: none;
  padding-top: 13px;
  width: 373px;
  height: 75px;
}
.form-btn-reset{display: none;}
.zx_r .form-btn-submit{height: 91px;width:88px;cursor: pointer;font-size: 15px;color: #141414;display: block;font-weight:normal;background:url(../images/tj-1.png) no-repeat center;text-align: center;float: left;margin-top:10px;border: none;    margin-left: 11px;line-height: 125px;}

.xad_s{ margin-top: 16px; float:right; width:420px }
.xad_s p{ float: left; position:relative; width:100% }
.xad_s p span img{animation: downup 1s infinite linear;-webkit-animation: downup 1s infinite linear;position:absolute;left:0;}
	
@keyframes downup { 0% { transform: translate(0, 0); } 50% { transform: translate(0, -8px); } 100% { transform: translate(0, 0); } }
@-webkit-keyframes downup { 0% { -webkit-transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -8px); } 100% { -webkit-transform: translate(0, 0); } }

.xad_s p strong {display: block;font-size: 38px;color: #fff;line-height: 38px;float: left;font-family: Arial; font-weight: bold;margin-left:90px;}
.xad_s p strong i{ font-size: 13px;color: #fff;line-height: 14px; display: block;padding-bottom:7px;font-weight: normal;}
.xad_s p:hover span img {animation-duration: 2s;animation-name: flipInY;}
.xad_s .more{ display: block;font-size: 20px;color: #fff;text-align: center;width: 195px;height: 51px;background: #0076d6;border-radius: 30px;line-height: 51px;float: left; margin-top:30px}
.xad_s .more img{display: inline-block; margin-left: 12px; width: 18px;-o-transition: all .3s ease;transition: all .3s ease;}
.xad_s .more:hover img {margin-left: 16px;}




/* -- 新闻 -- */
.news{height:896px;background: #ffffff;}
.news h2{padding-top:93px;text-align: center;margin-bottom: 45px;}
.news h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight:bold;}
.news h2 span{font-size:18px;color:#333333;display: block;line-height:18px;font-weight: normal;padding-top:16px;text-align: center;}


.don{float:left;width:633px;}
.dt_qh{height: 55px;overflow: hidden}
.dt_qh li{float:left;margin-right:25px;height: 34px;line-height: 34px;font-size:20px;color: #333333;}
.dt_qh li a{color: #333333;}
.dt_qh li.on{border-bottom: 3px solid #005bac}
.dt_qh li.on a{font-weight: bold;}
.dt_nr{height: 509px;border-right:1px solid #d8d8d8;}
.dt_a1{width:560px;}
.dt_d1{height: 472px;overflow: hidden;width:560px;}
.dt_d1 li{position: relative;height: 472px;width:560px;}
.dt_d1 li i{display:block;font-size:0;line-height: 0;overflow:hidden;}
.dt_d1 li i img{width:560px;height: 280px;transition: all 0.5s;}

.dt_d1 li i:hover img{transform:scale(1.1);}

.dt_d1 li h4 a{display: block;height: 37px;line-height: 37px;margin-top:24px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dt_d1 li p{font-size:14px;color: #808080;line-height: 22px;padding-top:6px;}
.dt_d1 li em a{font-size:16px;color: #999999;margin-top:16px;display: inline-block;padding-right:29px;background: url(../images/ns_ico1.png) no-repeat right;}
.dt_d1 li span{width:134px;height: 95px;background: #005bac;box-sizing: border-box;padding:16px 0 0 15px;font-size:14px;color: #fff;display: block;position: absolute;left:0;top:185px;}
.dt_d1 li span b{display:block;font-size:36px;height: 40px;padding-bottom: 5px;font-weight: normal; font-family:Barlow-Regular}
.dt_d1 li:hover h4 a{color: #005bac}
.dt_hd{display: block;text-align: right;}
.dt_hd li{display: inline-block;width:12px;height: 12px;background: #cccccc;border-radius: 50%;margin-left:13px;}
.dt_hd li.on{background: #005bac}


.went{float: right;width:496px;}
.went .bt{height: 55px;line-height: 34px;}
.went .bt span a{font-size:20px;color: #333333; font-weight:bold; border-bottom: 3px solid #005bac;}
.went .bt em a{float: right;font-size:16px;color: #1a1a1a;padding-left:32px;background: url(../images/ns_ico2.png) no-repeat left center;}
.wt_nr li{border-top:1px dashed #d0d0d0;padding-top:24px;height: 108px;}
.wt_nr li p{float:left;width:392px;}
.wt_nr li p a{display: block;height: 25px;line-height: 25px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.wt_nr li p em{font-size:14px;color: #999999;padding-top:6px;line-height: 26px;}
.wt_nr li span{float: right;text-align: center;}
.wt_nr li span i{display: block;font:16px arial;color: #47423f;letter-spacing:2px}
.wt_nr li span em{display: block;font-size:56px;color: #333333;line-height: 56px; font-family:Barlow-Regular}
.wt_nr li:hover p a{color: #005bac}



























/* -- 关于我们 -- */
.abt{height: 753px;background: url(../images/abt-bg.jpg) no-repeat center;}
.abt-1{height: 500px;width: 800px;background: rgba(255,255,255,0.92);float: right;margin-top: 105px;padding: 21px;}
.abt-1 .abt-s{border: 1px solid #005bac;box-sizing: border-box;height: 495px;}

.abt-1 .abt-s h2{height: 80px;width: 525px;margin-top: 79px;margin-left: 56px;}
.abt-1 .abt-s h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight: bold;background: url(../images/dc-1.png) no-repeat 310px 6px;}
.abt-1 .abt-s h2 span{font-size:22px;color:#333333;display: block;line-height:28px;font-weight: normal;padding-top: 13px;}
.abt-1 .abt-s p{margin-left: 56px;font-size:15px;color:#4e4e4e;display: block;line-height:30px;font-weight: normal;padding-top:30px;width: 78%;}
.abt-1 .abt-s p a{color: #005bac;display: inline-block;}
.ab1{margin-top:50px;margin-left:56px;position: relative; margin-bottom:79px}
.ab1 ul li{ float: left;text-align: center;position: relative; width:29%; margin-right:4%}
.ab1 ul li b{ display: inline-block;font-size:55px;line-height: 100%;color: #005bac;font-weight:bold;font-family: "Arial";}
.ab1 ul li em{display: inline-block;font-size:16px;line-height:22px;color: #005bac;font-weight:normal;}
.ab1 ul li i{vertical-align: inherit;margin-left: 5px;display: inline-block;line-height:22px;font-size: 16px;color: #005bac;text-align: center;font-weight:normal;}
.ab1 ul li span{text-align: left;margin-left: 10px; display: block;font-size: 16px; line-height:22px; color: #333333; font-weight:normal; text-align:center}
.ab1 ul li:last-child{ margin-right: 0;}



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


/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  

.gd_con .tempWrap{width: 100%!important;}
.tj .tempWrap{width:100%!important;margin:0 auto;}
.al_on .tempWrap{margin-left: 0!important;width:100%!important; }
.al_con dl dt {
    float: right;
    margin-right: 0;
    display: block;
    height:auto;
    width:  100%!important;
    overflow: hidden;
}
.news h2 {
    padding-top: 43px;
    text-align: center;
    margin-bottom: 25px;
}.dt_a1 {
    width: 100%!important;
}

.dt_d1{
    width: 100%!important; border-right:0
}
.dt_d1 {
    width: 100%!important;
}

.dt_d1 .tempWrap{width: 100%!important;}

.dt_d1 .tempWrap ul{width: 100%!important; left:-0!important}

.dt_d1 .tempWrap ul li{width: 100%!important; line-height:28px}

.dt_hd{ display:none}

.dt_nr{ border:0!important; height:440px!important}


.wt_nr li p {
    float: left;
    width: 70%;
}

}