@charset "utf-8";
@import url(base.css);
/*头部*/
header{width: 100%;height: 80px;background: rgba(0,0,0,0.5);position: fixed;z-index: 1500;
padding: 0 80px;box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,0.3);}
header>a{float: left;font-size: 0;margin: 12px 0 0 0;margin-right: 180px;}
.headercon{float: left;}
.headercon>ul>li{float: left;height: 80px;line-height: 80px;margin-right: 55px;position: relative;}
.headercon>ul>li>a{font-size: 16px;color: #fff;display: block;position: relative;}
.headercon>ul>li>a:before{content: "";width: 0%;height: 3px;background: #fff;position: absolute;bottom: 0;
left: 50%;transform: translateX(-50%);transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headercon>ul>.on a:before{width: 100%;}
.headercon>ul>li:hover a:before{width: 100%;}
.nav{width: 140px;position: absolute;background: #fff;top: 80px;left: 50%;box-shadow: 0 6px 20px rgba(96,96,102,0.25);border-radius: 0 0 5px 5px;
transform: translateX(-50%);display: none;}
.nav a{display: block;width: 100%;height: 40px;text-align: center;line-height: 40px;font-size: 14px;color: #333;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.nav a:hover{color: #f39700;}
.nav .on{color: #f39700;}
.loding{float: right;}
.loding a{display: block;width: 120px;height: 34px;font-size: 16px;color: #fff;text-align: center;line-height: 34px;
background: #f39800;border-radius: 25px;margin-top: 23px;}
/*banner*/
.banner{width: 100%;}
.bannercon{width: 100%;}
.bannercon ul li{width: 100%;font-size: 0;}
.bannercon ul li a{display: block;width: 100%;font-size: 0;}
.bannercon ul li a img{width: 100%;height: 450px;}
.hpages{bottom: 30px !important;}
.hpages .swiper-pagination-bullet{position: relative;width: 10px !important;height: 10px !important;margin: 0 6px !important;background: #fff !important;opacity: 0.9;}
.hpages .swiper-pagination-bullet-active{background: #fff !important;width: 25px !important;border-radius: 25px;}
.samllbaner{width: 100%;padding: 0 50px;box-sizing: border-box;position: relative;
	position: relative;z-index: 1000;margin-bottom: 40px;}
.samllbanercon{width: 100%;height: 160px;background: #fff;box-shadow: 0 0px 20px rgba(32,50,90,0.16);padding: 50px 50px;box-sizing: border-box;}
.samllbanercon ul li{float: left;width: 20% !important;}
.samllbanercon ul li a{display: block;}
.samllimg{float: left;width: 60px;height: 60px;font-size: 0;margin-right: 10px;}
.samllimg img{width: 100%;}
.samllimg .samllactive{display: none;}
.samlltext{float: left;}
.samlltext h5{font-size: 13px;color: #212121;font-weight: bold;padding-top: 8px;box-sizing: border-box;margin-bottom: 12px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.samlltext p{font-size: 12px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.myprev{position: absolute;width: 48px;height: 48px;border-radius: 50%;font-size: 0;left: 25px !important;top: 50% !important;cursor: pointer;transform: translateY(-50%);z-index: 1000;}
.mynext{position: absolute;width: 48px;height: 48px;border-radius: 50%;font-size: 0;right: 25px !important;top: 50% !important;cursor: pointer;transform: translateY(-50%);z-index: 1000;}
.samllbanercon ul li:hover .samllimg .samll{display: none;}
.samllbanercon ul li:hover .samllimg .samllactive{display: block;}
.gsabout{width: 100%;margin-top: 20px;margin-bottom: 60px;}
.gsaboutcon{width: 1180px;margin: 0 auto;}
.gsaboutleft{float: left;font-size: 0;margin-right: 120px;}
.gsaboutleft img{width: 100%;}
.gsaboutright{float: right;width: 49%;padding-top: 90px;box-sizing: border-box;position: relative;}
.gsaboutright span{writing-mode: vertical-lr;font-size: 16px;color: #666;position: absolute;top: 5px;right: 0;}
.biaoti{font-size: 14px;color: #666;position: relative;margin-bottom: 55px;}
.biaoti:before{content: "";width: 100px;height: 2px;background: #ccc;position: absolute;top: 8px;left: 30px;}
.gsaboutright h4{font-size: 32px;color: #212121;font-weight: 500;margin-bottom: 5px;}
.gsaboutright h5{font-size: 32px;color: #212121;margin-bottom: 60px;}
.gsaboutright>p{font-size: 14px;color: #666;line-height: 24px;margin-bottom: 10px;}
.gsaboutlist ul li{float: left;}
.gsaboutlist ul li:first-child{margin-right: 50px;}
.gsaboutlist ul li h6{font-size: 40px;color: #f39700;float: left;margin-right: 10px;}
.gsaboutlist ul li .gsabouttext{float: left;}
.gsaboutlist ul li .gsabouttext p{font-size: 14px;color: #666;line-height: 20px;padding-top: 8px;box-sizing: border-box;}
.technology{width: 100%;background: url(../img/jishu.png) center no-repeat;background-size: cover;}
.technologycon{width: 1180px;margin: 0 auto;}
.tecleft{float: left;border-right: 1px solid #6d6e6f;box-sizing: border-box;padding: 115px 57px 115px 0;box-sizing: border-box;}
.tecleftcon{height: 540px;position: relative;width: 100%;padding-top: 15px;box-sizing: border-box;}
.teccon{width: 100%;}
.teccon ul li{width: 126px;margin-bottom: 18px !important;height: 115px !important;}
.tecimg{width: 120px;border: 3px solid transparent;height: 80px;font-size: 0;margin-bottom: 10px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.teccon ul li p{font-size: 14px;color: #fff;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tecimg:hover{border-color: #f39800;}
.on{border-color: #f39800;}
.myprevs{position: absolute;width: 18px;height: 9px;font-size: 0;left: 50% !important;top: -5px !important;cursor: pointer;transform: translateX(-50%);z-index: 1000;}
.mynexts{position: absolute;width: 18px;height: 9px;font-size: 0;left: 50% !important;bottom: -15px !important;cursor: pointer;transform: translateX(-50%);z-index: 1000;}
.tecconter{float: left;width: 820px;padding: 161px 180px 162px 115px;box-sizing: border-box;border-right: 1px solid #6d6e6f;}
.teclisted{width: 100%;display: none;}
.teclistcon{width: 100%;padding-bottom: 50px;}
.teclistcon ul li h4{font-size: 20px;color: #fff;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 40px;}
.teclistcon ul li p{font-size: 14px;color: rgba(255,255,255,0.6);line-height: 24px;margin-bottom: 60px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.tecimgs{font-size: 0;position: relative;width: 300px; height: 200px;}
.tecimgs>img{width: 100%;}
.tecimgs a{display: block;width: 50px;height: 50px;background: url(../img/tec5.png) center no-repeat;background-size: 100% 100%;
position: absolute;bottom: -25px;right: -25px;z-index: 100;}
.tecpages{left: 0 !important;text-align: left !important;bottom: -4px !important;}
.tecpages .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.tecpages .swiper-pagination-bullet{position: relative;width: 24px !important;height: 4px !important;margin: 0 6px !important;background: #7c7d80 !important;opacity: 0.9;border-radius: 0 !important;}
.tecpages .swiper-pagination-bullet-active{background: #fff !important;}
.tecright{float: right;padding: 115px 0 115px 0;box-sizing: border-box;}
.tecright .biaoti{color: #fff;}
.tecright .biaoti:before{left: 28px;}
.tecright h4{font-size: 32px;color: #fff;font-weight: 500;}
.zonghe{width: 100%;padding: 10px 0 80px 0;box-sizing: border-box;}
.zonghecon{width: 1180px;margin: 0 auto;}
.zonghecon .biaoti{margin-bottom: 30px;}
.zonghetitle{width: 100%;margin-bottom: 45px;}
.zonghetitle h4{font-size: 32px;color: #212121;font-weight: 500;float: left;}
.zonghelist{float: right;padding-top: 10px;box-sizing: border-box;}
.zonghelist ul li{float: left;margin-right: 56px;}
.zonghelist ul li:last-child{margin-right: 0;}
.zonghelist ul li a{font-size: 14px;color: #666;position: relative;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.zonghelist ul li a:before{content: "";width: 0%;height: 2px;background: #f39800;position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.zonghelist ul li a:hover{color: #f39800;}
.zonghelist ul li a:hover:before{width: 100%;}
.zonghelist ul .on a{color: #f39800;}
.zonghelist ul .on a:before{width: 100%;}
.zongheconter{width: 100%;}
.zhlist{width: 100%;display: none;}
.zhlist ul li{float: left;width: 265px;margin-right: 37px;}
.zhlist ul li:last-child{margin-right: 0;}
.zhlist ul li a{display: block;}
.zhlist ul li h5{font-size: 40px;color: #212121;font-weight: 500;margin-bottom: 30px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.zhlist ul li h5 span{font-size: 18px;color: #666;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.zhimg{width: 100%;font-size: 0;overflow: hidden;margin-bottom: 30px;}
.zhimg img{width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.zhtext{width: 100%;}
.zhtext h6{font-weight: 500;font-size: 16px;color: #212121;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-bottom: 10px;}
.zhtext p{font-size: 14px;color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 8px;}
.zhtext span{font-size: 12px;color: #666;}
.zhtext span i{display: inline-block;width: 10px;height: 8px;background: url(../img/zh5.png) no-repeat;background-size: 100% 100%;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.zhlist ul li:hover h5{color: #f39700;}
.zhlist ul li:hover h5 span{color: #f39700;}
.zhlist ul li:hover .zhimg img{transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.zhlist ul li:hover .zhtext h6{color: #f39700;}
.zhlist ul li:hover .zhtext span i{transform: translateX(5px);-ms-transform: translateX(5px);-moz-transform:translateX(5px);-webkit-transform:translateX(5px);-o-transform:translateX(5px);}
footer{width: 100%;background: #28282c;padding: 70px 80px 80px 80px;box-sizing: border-box;}
.footerleft{float: left;margin-right: 180px;}
.footerleft a{display: block;font-size: 0;}
.footercon{float: left;padding-top: 10px;box-sizing: border-box;width: 615px;}
.footerlist{margin-bottom: 40px;}
.footerlist ul li{float: left;margin-right: 32px;}
.footerlist ul li:last-child{margin-right: 0;}
.footerlist ul li a{font-size: 16px;color: #fff;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.footerlist ul li a:hover{color: rgba(243,152,0,0.6);}
.footerlistbut h5{font-size: 14px;color: #fff;font-weight: 500;margin-bottom: 15px;}
.footerlistbut ul li{float: left;position: relative;padding-right: 10px;box-sizing: border-box;}
.footerlistbut ul li a{color: rgba(255,255,255,0.6);font-size: 14px;display: block;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.footerlistbut ul li a:hover{color: rgba(243,152,0,0.6);}
.footerlistbut ul li:before{content: "";width: 1px;height: 15px;background: #9e9e9f;
position: absolute;top: 2px;right: 4px;}
.footeright{float: left;padding-top: 10px;padding-left: 90px;box-sizing: border-box;}
.footeright h6{font-weight: 500;font-size: 16px;color: #fff;margin-bottom: 25px;}
.footeright p{font-size: 20px;color: #fff;margin-bottom: 30px;}
.footeright ul li{float: left;position: relative;margin-right: 15px;}
.footeright ul li:last-child{margin-right: 0;}
.footeright ul li a{display: block;}
.footeright ul li i{display: block;width: 32px;height: 32px;border-radius: 50%;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.footeright ul .wx i{background: url(../img/wx.png) center no-repeat;}
.footeright ul .wb i{background: url(../img/wb.png) center no-repeat;}
.footeright ul .wx div{width: 100px;height: 106px;font-size: 0;padding: 5px;box-sizing: border-box;display: none;
background: url(../img/bj.png) no-repeat;border-radius: 3px;position: absolute;top: -112px;left: -34px;}
.footeright ul .wx div img{width: 100%;}
.footeright ul .wx:hover i{background: url(../img/wxs.png) no-repeat;}
.footeright ul .wb:hover i{background: url(../img/wbs.png) no-repeat;}
.footeright ul .wx:hover div{display: block;}
.footerbut{width: 100%;border-top: 1px solid #3f3f43;height: 78px;background: #28282c;padding: 0 80px;box-sizing: border-box;}
.footerbutleft{float: left;padding-top: 18px;box-sizing: border-box;}
.footerbutleft p{font-size: 12px;color: #66666a;line-height: 20px;}
.footerbutright{float: right;padding-top: 30px;box-sizing: border-box;}
.footerbutright p{font-size: 14px;color: rgba(255,255,255,0.6);}
.footerbutright p a{font-size: 14px;color: rgba(255,255,255,0.6);}
.backtop{cursor: pointer;font-size:14px;position: fixed;
text-align: center;width: 45px;height: 45px;box-sizing: border-box;
z-index: 1200;opacity: 0;transition: background-color 0.2s ease-in-out;border-radius: 5px;
background: #121212 url(../img/top.png) center no-repeat;color: #ffffff;background-size: 90% 90%;padding: 8px;right: 20px;bottom: 45px;}
.backtop:hover{background: #f39700 url(../img/top.png) center no-repeat;background-size: 90% 90%;}
/*邮箱登录*/
.yxloding{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1500;display: none;}
.yxlodingbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);}
.yxlodingbox{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.yxlodingcon{width:400px;height:376px;border-radius: 10px;background: #fff;margin-bottom: 15px;
padding: 50px 40px 60px 40px;box-sizing: border-box;}
.yxlodingcon h4{font-weight: 500;font-size: 24px;color: #212121;margin-bottom: 50px;text-align: center;}
.yxlodingform{width: 100%;}
.yxlodingform ul li{margin-bottom: 24px;}
.yxlodingform ul li input{width: 100%;height: 40px;border: 1px solid #ddd;border-radius: 4px;
font-size: 14px;color: #333;background: url(../img/user.png) 13px center no-repeat;padding-left: 42px;box-sizing: border-box;}
.yxlodingform ul .pass input{background: url(../img/pass.png) 13px center no-repeat;}
.yxlodingform ul li button{width: 100%;height: 40px;background: #f39800;text-align: center;line-height: 40px;
border: 0;font-size: 16px;color: #fff;border-radius: 4px;margin-top: 8px;}
.close{display: block;width: 40px;height: 40px;cursor: pointer;border-radius: 50%;
font-size: 0;background: url(../img/close.png) center no-repeat;background-size: 100% 100%;margin: 0 auto;}
/*关于我们*/
.bannerimg{width: 100%;font-size: 0;}
.bannerimg img{width: 100%;}
.about{width: 100%;padding: 60px 0;box-sizing: border-box;}
.aboutcon{width: 1180px;margin: 0 auto;}
.aboutleft{float: left;width: 350px;}
.aboutleft h4{font-size: 32px;color: #212121;font-weight: 500;margin-bottom: 5px;}
.aboutleft h5{font-size: 32px;color: #212121;margin-bottom: 50px;}
.aboutleft ul .xian{font-size: 14px;color: #666;margin: 24px 30px;}
.aboutleft ul li h6{font-size: 40px;color: #f39700;float: left;margin-right: 10px;}
.aboutleft ul li .gsabouttext{float: left;}
.aboutleft ul li .gsabouttext p{font-size: 14px;color: #666;line-height: 20px;padding-top: 8px;box-sizing: border-box;}
.aboutright{float: right;width: 687px;}
.navtitle{text-align: right;margin-bottom: 120px;}
.navtitle a{font-size: 12px;color: #666;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.navtitle a:hover{color: #f39700;}
.navtitle span{font-size: 12px;color: #666;}
.aboutconter p{font-size: 14px;color: #666;line-height: 24px;margin-bottom: 35px;}
.aboutconter p:last-child{margin-bottom: 0;}
/*公司团队*/
.teamleft{float: left;width: 280px;}
.teamleft h4{font-size: 32px;color: #212121;font-weight: 500;margin-bottom: 40px;}
.teamleft>ul>li{width: 100%;height: 50px;line-height: 50px;background: #eff1f5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.teamleft>ul>li>a{display: block;font-size: 18px;color: #212121;font-weight: 400;padding: 0 15px;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.teamleft>ul>li:hover{background: #f39800;}
.teamleft>ul>li:hover a{color: #fff;}
.teamleft>ul>.on{background: #f39800;}
.teamleft>ul>.on a{color: #fff;}
.teamright{float: right;width: 800px;}
.teamright .navtitle{margin-bottom: 60px;}
.teamright h4{font-size: 24px;color: #666;font-weight: 500;padding-left: 14px;box-sizing: border-box;
position: relative;margin-bottom: 30px;}
.teamright h4:before{content: "";width: 4px;height: 24px;background: #f39800;position: absolute;top: 5px;left: 0;}
.teamtext p{font-size: 14px;color: #666;line-height: 24px;margin-bottom: 35px;}
.teamtext p img{display: inline-block;}
.teamtext .last{text-align: right;}
/*荣誉资质*/
.honor{width: 100%;margin-bottom: 40px;}
.honor h4{font-size: 32px;color: #212121;font-weight: 500;float: left;}
.honor .navtitle{float: right;margin-bottom: 0;}
.honorcon{width: 100%;}
.honorcon ul li{float: left;width: 274px;margin-right: 28px;margin-bottom: 28px;}
.honorcon ul li:nth-child(4n){margin-right: 0;}
.honorcon ul li a{display: block;cursor: default;}
.honorimg{width: 100%;font-size: 0;overflow: hidden;position: relative;box-shadow: 0 10px 20px rgba(75,75,89,0.23);margin-bottom: 30px;}
.honorimg img{width: 100%;}
.honortext{width: 100%;height: 100%;position: absolute;bottom: -100%;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.honortext i{width: 100%;height: 100%;position: absolute;top: 0;background: rgba(0,0,0,0.7);}
.honortextd{position: absolute;width: 100%;height: 100%;top: 0;padding: 0 33px;box-sizing: border-box;
display: flex;align-items: center;}
.honortextd p{font-size: 14px;color: #fff;line-height: 24px;}
.honorcon ul li:hover .honortext{bottom: 0;}
.honorcon ul li a>p{font-size: 14px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
.pages{margin-top: 20px;}
.pages ul{display: flex;justify-content: center;}
.pages ul li{margin: 0 4px;}
.pages ul li a{font-size: 14px;color: #333;padding: 4px 10px;border: 1px solid #bfbfbf;border-radius: 2px;}
.pages ul li a:hover{background: #f39800;border-color: #f39800;color: #fff;}
.pages .page-active a{background: #f39800;border-color: #f39800;color: #fff;}
/*产品服务*/
.product{float: left;width: 280px;}
.product h4{font-size: 32px;color: #212121;font-weight: 500;margin-bottom: 40px;}
.product>ul>li{width: 100%;background: #eff1f5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.product>ul>li>a{height: 50px;line-height: 50px;display: block;font-size: 18px;color: #212121;font-weight: 400;padding: 0 15px;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product>ul>li>a:hover{color: #fff;background: #f39800;}
.product>ul>.on{background: transparent;}
.product>ul>.on>a{color: #fff;background: #f39800;}
.prolist{width: 100%;display: none;}
.prolist a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
font-size: 14px;color: #666;padding:0 10px;box-sizing: border-box;height: 40px;line-height: 40px;}
.prolist a:hover{color: #f39800;}
.prolist .on{color: #f39800;}
/*经典案例*/
.strlist{width: 100%;}
.strlist ul li{float: left;width: 232px;height: 50px;background: #eff1f5;line-height: 50px;margin-right: 4px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-bottom: 40px;}
.strlist ul li:last-child{margin-right: 0;}
.strlist ul li a{display: block;font-size: 18px;color: #212121;padding-left: 15px;box-sizing: border-box;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.strlist ul .on{background: #f39800;}
.strlist ul .on a{color: #ffff;}
.strlist ul li:hover{background: #f39800;}
.strlist ul li:hover a{color: #fff;}
.strlistcon{width: 100%;}
.strlistcon ul li{float: left;margin-right: 32px;width: 372px;margin-bottom: 32px;}
.strlistcon ul li:nth-child(3n){margin-right: 0;}
.strlistcon ul li a{display: block;}
.strimgs{width: 100%;font-size: 0;overflow: hidden;margin-bottom: 25px;}
.strimgs img{width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.strtext{width: 100%;}
.strtext span{font-size: 14px;color: #666;font-weight: 200;margin-bottom: 8px;display: block;}
.strtext h6{font-size: 18px;color: #212121;font-weight: 500;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 8px;}
.strtext p{font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.strlistcon ul li:hover .strimgs img{transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.strlistcon ul li:hover .strtext h6{color: #f39800;}
/*人才招聘*/
.talent{margin-bottom: 30px;}
.talenttext{width: 100%;margin-bottom: 40px;}
.talenttext p{font-size: 14px;color: #666;line-height: 24px;}
.talentlist{width: 100%;}
.talentlist ul li{width: 100%;}
.talentlist ul li:nth-child(1) .talenttiitle{border-top: 1px solid #ddd;}
.talenttiitle{width: 100%;height: 50px;border: 1px solid #ddd;line-height: 49px;cursor: pointer;border-top: 0;padding: 0 24px;box-sizing: border-box;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.talenttiitle h5{float: left;font-size: 16px;color: #666;font-weight: 500;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.talenttiitle span{float: right;width: 25px;height: 25px;background: url(../img/more.png) center no-repeat;
border-radius: 50%;margin-top: 13px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.talenttiitle:hover{background: #f39800;border-color: #f39800;}
.talenttiitle:hover h5{color: #fff;}
.talenttiitle:hover span{background: url(../img/mores.png) center no-repeat;}
.ons{background: #f39800;border-color: #f39800;}
.ons h5{color: #fff;}
.ons span{background: url(../img/mores.png) center no-repeat;}
.talentconter{width: 100%;border: 1px solid #ddd;border-top: 0;padding: 32px 24px;box-sizing: border-box;
display: none;}
.talentconter p{font-size: 14px;color: #666;line-height: 24px;}
/*联系我们*/
.contact{width: 100%;}
.contactleft{float: left;width: 500px;}
.contactlist{width: 100%;padding-bottom: 30px;box-sizing: border-box;border-bottom: 1px solid #ccc;}
.contactlist:last-child{padding-top: 30px;border-bottom: 0;padding-bottom: 0;}
.contactlist h5{font-size: 20px;color: #212121;font-weight: 500;margin-bottom: 30px;}
.contactlist p{font-size: 14px;color: #757575;margin-bottom: 10px;}
.contactlist h6{font-size: 24px;color: #f39800;margin-bottom: 20px;}
.contactlist .conlast{font-size: 14px;color: #757575;margin-bottom: 0;line-height: 24px;}
.contactright{float: right;font-size: 0;}
.contactright img{width: 100%;}
/*经典案例*/
.header{background: #fff;box-shadow: 0 6px 20px rgba(96,96,102,0.25);}
.header .headercon>ul>li>a{color: #212121;}
.header .headercon>ul>li>a:before{background: #f39800;}
.header .headercon>ul>.on a:before{width: 100%;}
.header .headercon>ul>li:hover a:before{width: 100%;}
.abouted{padding-top: 100px;}
.jsleft{float: left;width: 880px;background: #fff;padding: 40px 60px;box-sizing: border-box;}
.jsleft .navtitle{text-align: left;margin-bottom: 40px;}
.xqtitle{width: 100%;margin-bottom: 40px;}
.xqtitle h4{font-size: 24px;color: #212121;font-weight: 500;padding-bottom: 30px;margin-bottom: 12px;
border-bottom: 1px solid #ddd;box-sizing: border-box;}
.xqtitle p{font-size: 14px;color: #999;}
.xqtitle p span{padding-right: 15px;box-sizing: border-box;}
.xqconter{width: 100%;}
.xqconter p{font-size: 16px;color: #212121;line-height: 30px;margin-bottom: 30px;}
.xqconter p img{display: inline-block;}
.fx{width: 100%;position: relative;}
.fx:before{content: "";width: 84%;height: 1px;background: #ddd;position: absolute;top: 16px;right: 0;}
.bdimgshare-bg{display: none;}
.bdimgshare-content{display: none;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{width: 32px;height: 32px !important;border-radius: 50%;padding: 0 !important;background-position: 0 0 !important;margin: 0 6px 0 0!important;}
.bdshare-button-style0-16 .bds_weixin{background: url(../img/wxshare.png) center no-repeat;}
.bdshare-button-style0-16 .bds_qzone{background: url(../img/zshare.png) center no-repeat;}
.bdshare-button-style0-16 .bds_tsina{background: url(../img/wbshare.png) center no-repeat;}
.jsright{float: right;width: 222px;padding-top: 20px;box-sizing: border-box;}
.jsright h4{font-size: 18px;color: #212121;font-weight: 500;margin-bottom: 28px;}
.jsright ul li{width: 100%;margin-bottom: 30px;}
.jsright ul li:last-child{margin-bottom: 0;}
.jsright ul li a{display: block;}
.jsimg{width: 100%;font-size: 0;overflow: hidden;margin-bottom: 20px;}
.jsimg img{width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.jsright ul li p{font-size: 16px;color: #212121;line-height: 28px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.jsright ul li:hover .jsimg img{transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.jsright ul li:hover p{color: #f39800;}
/*------------------------------------------------------------------------------------------*/
@media screen and (max-width:1650px){
	.headercon ul li{margin-right: 40px;}
}
@media screen and (max-width:1440px){
	header>a{margin-right: 35px;}
	.footerleft{margin-right:20px;}
}
@media screen and (max-width:1366px){
	.headercon ul li{margin-right: 20px;}
	.footeright{padding-left: 45px;}
}
@media screen and (max-width:1260px){
	header>a{margin-right: 90px;}
	.footerleft{margin-right: 70px;}
}