@charset "utf-8";

/*banner*/
.banner{position: relative; height:600px;clear: both;}
.ban_p,.ban_p li{ height:600px;overflow: hidden;}
.ban_p li{ display:block; height:600px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width: 1920px;height: 600px;position: absolute;left: 50%;top:0;margin-left: -960px;}
.ban_t{width:600px;height:50px;bottom: 0;left:50%;margin-left:-300px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:16px; display: inline-block;background: #fff;}
.ban_t em.on{background: #f19800;}

.til01{height:113px;display: block;font-size:36px;line-height:54px;color: #333;text-align: center;font-weight: normal;background:url(tilbg1.png) no-repeat center 23px;}
.til01 span{display: block;font-size:18px;line-height:38px;color: #666;}
.til01 b{color: #0061a6;}
.til01 a{display: block;color: #333;}
.probox .til01,.team .til01,.about .til01{background:url(tilbg2.png) no-repeat center 23px;}
.newsbox .til01{background:url(tilbg3.gif) no-repeat center 23px;}
.probox .til01,.probox .til01 span,.probox .til01 b,.probox .til01 a,.team .til01,.team .til01 span,.team .til01 b,.team .til01 a,.about .til01,.about .til01 span,.about .til01 b,.about .til01 a{color: #fff;}

/*搜索*/
.seabox{height:80px;line-height:45px;background: #f1f1f1;padding: 20px 0 0;}
.seabox h3{width: 330px;font-size: 24px;line-height: 33px;font-family: "宋体";color: #0061a6;float: left;}
.seabox h3 em{font-size:10px;line-height:14px;display: block;font-weight: normal;text-transform: uppercase;font-family: Arial;color: #c5c5c5;letter-spacing: 3px;font-style: normal;}
.keyword{width:510px;padding: 8px 0 0;white-space: nowrap;}
.keyword a{padding: 0 6px;display: inline-block;white-space: nowrap;}
.sea_inp{width:335px;height:43px;overflow: hidden;padding: 8px 0 0;}
.sea_inp .serach{width:271px;height:43px;border:solid 1px #e6e6e6;border-right: 0;background:#fff;line-height:43px;color:#555;padding:0 9px;float:left;outline: none;display: block;font-size:14px;}
.sea_inp .sub{ width:45px; height:45px;float:left;cursor: pointer;display: block;background:url(sea_ico.gif) no-repeat 0 0;border: 0;}

/*优势*/
.edge{font-family: "Microsoft Yahei";line-height:25px;height:auto;padding:58px 0 40px 0;color: #666;overflow: hidden;position: relative;}
.prev1,.next1{width:34px;height:34px;display: block;position: absolute;z-index: 9;top:537px;right:0;cursor:pointer;}
.prev1{right: 34px;}
.edge_c{height: 400px;margin-bottom: 20px;}
.edge_c dt{background: #e6e6e6;padding: 5px;float: left;width: 590px;height: 390px;}
.edge_c dt p,.edge_c dt p img{width: 590px;height: 390px;display: block;overflow: hidden;}
.edge_c dd{border: solid 1px #e6e6e6;border-left:0; width:500px;height: 376px;float: left;padding:22px 20px 0 29px;}
.edge_c dd h3{height:77px;line-height:36px;color: #0061a6;padding:48px 0 0;font-size: 24px;position: relative;}
.edge_c dd h3:before{content: "01";position: absolute;width: 100%;height: 48px;color: rgba(243, 152, 1 , 0.3);font-size: 90px;left: 0;top: 0;overflow: hidden;line-height:80px;}
.edge_c dl:nth-child(2) dd h3:before{content: "02";}
.edge_c dl:nth-child(3) dd h3:before{content: "03";}
.edge_c dl:nth-child(4) dd h3:before{content: "04";}
.edge_c dd h3 em{display:block; line-height:20px; color:#d0d0d0; font-size:14px; text-transform: uppercase;}
.edge_w p{height:auto;overflow: hidden; font-size:15px; line-height:40px;}
.edge_w span{ font-size:26px; display:block;}
.edge_w img{ max-width:100%; margin-top:15px;}
.more01{display: block;text-align: center;width:123px;line-height: 33px;border-radius:17px;border: solid 2px #f39700;text-align: center;color: #333;}

.edge_t{font-size: 24px;color: #fff;line-height:192px;text-align: center;font-weight: bold;overflow: hidden;}
.edge_t ul{width: 1220px;}
.edge_t li{width: 290px;float: left; margin: 0 14px 0 0;position: relative;}
.edge_t li p,.edge_t li p img,.edge_t li span{width: 290px;height: 193px;overflow: hidden;display: block;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.edge_t li span{position: absolute;left: 0;top: 0;background: rgba(0 , 112 , 192 , 0.6);}
.edge_t li.cur span{display: none;}
.edge_t li.cur p img{border: solid 3px #f39700;}

/*产品*/
.probox{font-family: "Microsoft Yahei";height:auto;padding:70px 0 50px;position: relative;background:url(probg.jpg) no-repeat center 0;}

.pro_cla{height: 149px;line-height:46px;color: #fff;text-align: center; overflow:hidden;}
.pro_cla ul{ display:inline-table; margin-left:auto; margin-right:auto;}
.pro_cla li{width:125px;float: left;height: 125px;border: solid 2px #fff;border-radius: 8px;margin: 0 48px 0 0;}
.pro_cla li:last-child{margin: 0;}
.pro_cla li p{display: block;line-height:20px;padding:10px 0 0;}
.pro_cla li a{display: block;color: #fff;}
.pro_cla li span{width:39px;height:41px;display: block;position: relative;overflow: hidden;margin: 26px auto 0;}
.pro_cla li span i{width:39px;height:41px;position: absolute;display: block;top: 0;left: 0;}
.pro_cla li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.pro_cla li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.pro_cla li:hover span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.pro_cla li:hover span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.pro_cla li:hover{background: #0061a6;border-color: #0061a6;}

.pro_c{overflow: hidden;width: 1200px;}
.pro_c dl{width:290px;float: left;margin: 0 13px 0 0;}
.pro_c dl:last-child{margin: 0;}
.pro_c dt,.pro_c dt img{width:290px;height:218px;display: block;overflow: hidden;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.pro_c dd{width:290px;height:60px;border: solid 1px #e5e5e5;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.pro_c dd h3{font-size:20px;line-height:60px;display: block;background:url(ico1.gif) no-repeat 534px 21px; text-align:center; height:40px;}
.pro_c dd h3 a{color: #333;}
.pro_c dd h3 em{font-size: 14px;font-weight: normal;line-height: 24px;display: block;opacity: 0.5;}
.pro_c dl:hover{background: #0061a6;}
.pro_c dl:hover dt img{padding: 5px 5px 0;}
.pro_c dl:hover dd{border-color: #0061a6;}
.pro_c dl:hover dd h3{background:url(ico2.gif) no-repeat 534px 21px;}
.pro_c dl:hover dd h3 a{color: #fff;}

/*案例*/
.casebox{line-height:25px;height:1023px;font-family: "Microsoft Yahei";background:url(casebg.gif) repeat-x center bottom;}
.case_c{height: 616px;overflow: hidden;}
.case_c dl{width: 390px;float: left;height: 585px;background: #fff;position: relative;z-index: 1;margin: 0 15px 0 0;}
.case_c dl:before{content: "";position: absolute;width: 100%;height:0;top: 0;left: 0;background: #0061a6;z-index: -1;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.case_c dl:nth-child(2){}
.case_c dt,.case_c dt img{width: 390px;height: 292px;display: block;overflow: hidden;}
.case_c dd{padding: 30px;}
.case_c dd h3{font-size: 18px;height: 60px;line-height: 41px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dd h3 a{display: inline-block;border-bottom: solid 2px #165791;color: #333;}
.case_c dd p{display: block;height: 118px;}
.case_c dd span a{display: block;width: 103px;line-height: 31px;border: solid 1px #0061a6;border-radius: 15px;text-align: center;color: #666;}
.case_c dl.cur{color: #fff;}
.case_c dl.cur dd h3 a{color: #fff;border-color: #fff;}
.case_c dl.cur dd span a{color: #fff;border-color: #f39700;background: #f39700;}
.case_c dl.cur:before{height: 100%;}

.case_pho{height:80px;padding: 0 0 0 385px;line-height: 40px;}
.case_pho span{float: left;width: 160px;margin: 0 10px 0 0;text-align: center;}
.case_pho span a{display: block;border: solid 1px #f39700;background: #f39700;color: #fff;border-radius: 20px;}
.case_pho p{background:url(ico03.jpg) no-repeat 0 8px;float: left;padding: 0 0 0 32px;}
.case_pho p b{color: #0061a6;font-size: 18px;}
.prev2,.next2,.prev4,.next4{width: 36px;height: 36px;z-index: 9;top: 47px;right: -56px;cursor:pointer;}
.prev4,.next4{top:406px;}
.prev2,.prev4{left: -56px;}
.part_c{width: 1200px;overflow: hidden;text-align: center;line-height: 42px;}
.part_c li{width: 230px;float: left;padding: 0 13px 0 0;}
.part_c li p{border: solid 1px #e6e6e6;}
.part_c li p,.part_c li p img{width: 228px;height: 128px;display: block;overflow: hidden;}
.part_c li span a{display: block;color: #333;}

/*团队*/
.team{line-height:25px;height:581px;font-family: "Microsoft Yahei";color: #787878;background:url(teambg.jpg) no-repeat center 0;padding: 70px 0 0;overflow: hidden;}
.prev3,.next3{width:27px;height: 50px;z-index: 9;top: 224px;right: 0;cursor:pointer;}
.prev3{left: 0;}
.team_c{margin: 0 165px;height: 330px;overflow: hidden;}
.team_c dl{height:260px;position: relative;z-index: 1;}
.team_c dl:before{content: "";position: absolute;width: 726px;height: 230px;border-radius:0 115px 115px 0;background: rgba(255 , 255 , 255 , 0.8);z-index: -1;top: 20px;right: 0;}
.team_c dt{float: left;}
.team_c dt,.team_c dt img{width:260px;height: 260px;border-radius:260px;display: block;overflow: hidden;}
.team_c dd{float: left;padding: 26px 0 0 42px;width: 455px;}
.team_c dd h3{font-size: 14px;color: #333;line-height: 64px;height: 64px;}
.team_c dd h3 a{color: #333;}
.team_c dd h3 b{font-size:24px;color: #0061a6;padding:0 5px 0 0;}
.team_c dd p{height: 107px;overflow: hidden;}
.team_c dd p b{display: block;color: #333;}
.team_c dd span a{display: block;color: #f39700;font-weight: bold;}
.team_t{height: 135px;overflow: hidden;}
.team_t ul{width: 1835px;}
.team_t li{width: 135px;float: left;margin:0 42px 0 0;}
.team_t li,.team_t li img{height: 135px;width: 135px;display: block;overflow: hidden;border-radius: 4px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.team_t li.cur img{border: solid 3px #f39700;}

/*资讯*/
.newsbox{line-height:24px;height:700px;font-family: "Microsoft Yahei";padding:0px 0 0;}

.new1{border: solid 1px #e5e5e5;height: 264px;padding: 13px 28px 0;}
.faqs,.news{width:536px;height: 270px;overflow: hidden;line-height: 39px;padding: 20px 0 0;}
.newtil{font-size: 18px;line-height: 60px;height: 60px;background:url(line1.gif) repeat-x right 31px;}
.newtil span{font-size: 14px;line-height: 32px;float: right;font-weight: normal;text-transform: uppercase;}
.newtil p a{display: inline-block;padding: 0 10px 0 0;background: #fff;}
.new1 dd{width: 746px;float: left;padding:27px 0 0 55px;}
.new1 dd h3{height:56px;line-height:32px;font-size:18px;color: #333;}
.new1 dd h3 a,.new_c2 li a,.faqs_c li a{color: #333;display: inline-block;}
.new1 dd h3 em{color: #fff;display: inline-block;width: 85px;line-height: 32px;background: #0060b1;font-weight: normal;float: left;margin: 0 20px 0 0;font-size: 14px;text-align: center;}
.new1 dd p{height: 96px;overflow: hidden;}
.new1 dt,.new1 dt img{display: block;width: 330px;height: 233px;overflow: hidden;float: left;}
.new_c2 li,.faqs_c li{height: 39px;line-height: 39px;background:url(ico04.gif) no-repeat 0 17px;padding: 0 0 0 17px;border-bottom: solid 1px #e6e6e6;}


/*关于*/
.about{height:391px;font-family: "Microsoft Yahei";text-align: center;line-height: 29px;color: #fff;padding:120px 0 20px;background:url(aboutbg.jpg) no-repeat center 0;}
.about_w{width: 756px;margin: 0 auto;height: 125px; font-size:18px;}
.about_w a{ color:#EBEBEB; font-size:16px;}
.about_w a:hover{background: #f39700;}
.about_l a{color: #fff;display: inline-block;width: 120px;line-height: 40px;background: #0061a6;border-radius: 4px;margin: 0 0 0 20px;}
.about_l a:hover{background: #f39700;}

/*友情链接*/
.link{height:0;line-height:50px;color: #fff;background:#333;position: relative;width: 100%;}
.link_c{width:600px;overflow: hidden;position: absolute;right: 0;top:-58px;text-align: right;}
.link span{display: inline-block;opacity: 0.5;}
.link_c a{display: inline-block;color: #fff;padding: 0 3px;opacity: 0.5;}

.edge_c dt img, .case_c dt img, .part_c li p img, .team_c dt img, .new1 dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.edge_c dt img:hover, .case_c dt img:hover, .part_c li p img:hover, .team_c dt img:hover, .new1 dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
