/*外部公共样式*/
@import "bootstrap.min.css";
@import "../swiper/css/swiper.min.css";
/*END-外部公共样式*/

/*头部+导航*/
.header{width:100%; background:rgba(0,0,0,0.2); position:fixed; left:0; top:0; z-index:9999999;}
.header>.container{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.logo{padding:30px 0;}
.logo img{width:100%; max-width:300px; max-height:50px;}

.header_R{width:70%;}
.header_B{width:100%; float:left; padding-top:10px;}
.search{width:200px; border:1px solid #fff; margin-right:30px;}
.search_inp1{width:calc(100% - 40px); float:left; height:28px; padding:0 5px; font-size:14px; color:#fff; background:none;}
.search_btn{width:40px; float:left; height:28px; border-left:1px solid #fff; background:url(../images/search_ss.png) no-repeat center center;}
.header_dianhua{ height:30px; line-height:30px; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:42px; font-size:14px; color:#fff;}
.header_dianhua>span{float:right; font-family:Impact; font-size:24px;}

nav{padding-top:20px;}
.nav{width:100%;}
.nav>li{width:11%; float:left; position:relative;}
.nav>li>a{width:100%; float:left; overflow:hidden; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff;}
.nav>li:hover>a{background:#f4ac0a; color:#000;}
.nav>li.on>a{background:#f4ac0a; color:#000;}

.nav_dl{display:none; width:100%; float:left; background:rgba(0,0,0,0.75); position:absolute; left:0; top:100%; z-index:9999; padding-top:2px;}
.nav_dl>dd{display:block; overflow:hidden;}
.nav_dl>dd>a{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff;}
.nav_dl>dd>a:hover{background:#f4ac0a; color:#000;}
/*END-头部+导航*/

/*banner*/
.banner{width:100%; position:relative;}
.banner .banner-imgbox .swiper-slide img{width:100%;}
/*圆点*/
.banner .swiper-pagination {position: absolute; right:0; bottom:-100%; background:rgba(0,0,0,0.5); padding:10px 0; display:flex; justify-content:center; transition:all 0.4s;}
.banner .swiper-pagination-bullet {width:10px; height:10px; background:#fff; opacity:0.5; border-radius:50%; margin:0 4px!important;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#fff;}
.banner:hover .swiper-pagination{bottom:0;} 
/*箭头*/
.banner .next,.banner .prev{right:-12%; position:absolute;top:50%; transform:translateY(-50%); width:30px; height:50px; background:url(../images/imgs/next.jpg) no-repeat center center; overflow:hidden;  cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner .prev{right:initial; left:-12%; background:url(../images/imgs/prev.jpg) no-repeat center center;}
.banner:hover .next{right:2%;}
.banner:hover .prev{left:2%;}
/*END-banner*/

/*首页内容*/
.gsjj{width:100%; overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:flex;}
.gsjj_left{width:50%; float:left; background:#f4ac0a; padding:100px 0;}
.gsjj_B{width:100%; float:right; max-width:600px; padding-right:50px;}
.gsjj_title{display:block; overflow:hidden; color:#000;}
.gsjj_p{line-height:50px; font-size:36px;}
.gsjj_sp{line-height:28px; font-size:20px; margin-top:10px;}
.gsjj_heng{display:block; overflow:hidden; margin-top:25px; width:66px; height:2px; background:#000;}
.gsjj_txt{display:block; overflow:hidden; height:252px; line-height:36px; font-size:18px; color:#000; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:7; -webkit-box-orient: vertical; margin-top:25px;}
.gsjj_right{width:50%; float:right; background:url(../images/gsjj_bj.jpg) no-repeat right top #fff; padding:100px 0;}
.gsjj_imgB{width:100%; float:left; max-width:600px; position:relative; margin-bottom:20px;}
.gsjj_imgB::before{content:""; width:calc(100% - 20px); height:100%; background:#000; position:absolute; left:20px; top:20px; z-index:0;}
.gsjj_img{width:calc(100% - 20px); overflow:hidden; position:relative; z-index:2; background-position:center; background-repeat:no-repeat; background-size:cover;}
.gsjj_img::before{content:""; display:block; padding-top:64.8882%;}
.gsjj_more{width:46px; float:left; position:absolute; right:20px; bottom:-20px; background:#f4ac0a; z-index:9;}
.gsjj_more>a{display:block; overflow:hidden; height:46px; line-height:46px; font-family:SimSun; font-size:26px; color:#fff; text-align:center; font-weight:bold; background:#f4ac0a;}
.gsjj_more>a:hover{color:#000;}

.cp{width:100%; overflow:hidden; padding:45px 0;} 
.cp_title{display:block; overflow:hidden; text-align:center;}
.cp_p{line-height:50px; font-size:36px; color:#333;}
.cp_sp{line-height:32px; font-size:20px; color:#999; margin-top:20px;}
.cp_heng{display:block; overflow:hidden; width:66px; height:2px; background:#d3d3d3; margin:30px auto 0 auto;}
.cp_ul{display:block; overflow:hidden; width:1224px; padding-top:50px;}
.cp_ul li{width:384px; float:left; margin:0 24px 30px 0;}
.cp_ul li .cp_B{width:100%; overflow:hidden;}
.cp_ul li .cp_B .cp_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cp_ul li .cp_B .cp_img::before{content:""; display:block; padding-top:66.9271%;}
.cp_ul li .cp_txt{display:block; overflow:hidden; background:#f4f4f4; padding:30px 20px; line-height:30px; font-size:18px; color:#000; text-transform:uppercase;}
.cp_ul li .cp_txt>span{float:right; width:94px; height:30px; line-height:30px; text-align:center; background:#232323; color:#fff; font-size:14px;}
.cp_ul li:hover .cp_B .cp_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cp_ul li:hover .cp_txt{background:#000; color:#ffc000;}
.cp_ul li:hover .cp_txt>span{background:#ffc000; color:#000;}
.cp_more{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; overflow:hidden; padding-top:20px; text-align:center; width:100%;}
.cp_more>a{float:left;}
.cp_more>a>img{display:block; max-width:100%; height:auto; margin:0 auto; transition:all 2s;}
.cp_more>a>span{display:block; overflow:hidden; line-height:34px; text-align:center; text-transform:uppercase; font-size:20px; color:#222; margin-top:20px; transition:all 0.4s; position:relative; top:0;}
.cp_more>a:hover>img{-webkit-transform: rotate(315deg); transform: rotate(315deg);}
.cp_more>a:hover>span{top:-10px;}

.ys{width:100%; overflow:hidden; background:url(../images/ys_bj.jpg) no-repeat center center; background-size:cover;}
.ys_ul{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.ys_ul li{width:25%; float:left; overflow:hidden; cursor:pointer; position:relative;}
.ys_ul li::before{content:""; width:100%; float:left; height:100%; background:#f4ac0a; position:absolute; left:-100%; top:0; transition:all 0.4s;}
.ys_ul li .ys_B{width:100%; overflow:hidden; padding:100px 30px; color:#fff; position:relative; z-index:2; transition:all 0.4s;}
.ys_ul li .ys_B .ys_p{display:block; overflow:hidden; height:118px; line-height:118px; font-size:40px; text-align:center;}
.ys_ul li .ys_B .ys_p>span{font-size:70px;}
.ys_ul li .ys_B .ys_sp{display:block; overflow:hidden; line-height:36px; font-size:20px; text-align:center;}
.ys_ul li .ys_B .ys_txt{display:block; overflow:hidden; line-height:25px; font-size:16px; height:125px; margin-top:20px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}
.ys_ul li:hover::before{left:0;}
.ys_ul li:hover .ys_B{color:#000;}

.news{width:100%; overflow:hidden; padding:45px 0;}
.news_ul{display:block; padding-top:50px;}
.news_ul li{display:block; overflow:hidden; margin-bottom:30px; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.news_ul li a{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; overflow:hidden;}
.news_ul li a .news_img{width:415px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_ul li a .news_R{width:calc(100% - 415px); float:left; padding:30px 40px;}
.news_ul li a .news_R .news_p{display:block; overflow:hidden; line-height:40px; font-size:20px; color:#333; text-overflow:ellipsis; white-space: nowrap;}
.news_ul li a .news_R .news_txt{display:block; overflow:hidden; height:60px; line-height:30px; font-size:16px; color:#999; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-top:20px;}
.news_ul li a .news_R .news_sp{display:block; overflow:hidden; height:24px; line-height:24px; font-size:16px; color:#999; margin-top:30px;}
.news_ul li a:hover .news_R{background:#f4ac0a;}
.news_ul li a:hover .news_R .news_p{color:#000;}
.news_ul li a:hover .news_R .news_txt{color:#000;}
.news_ul li a:hover .news_R .news_sp{color:#000;}

.hz{width:100%; overflow:hidden ;background:url(../images/hz_bj.jpg) no-repeat center center; background-size:cover; padding:45px 0;}
.hz_ul{display:block; width:1220px; padding-top:50px;}
.hz_ul li{width:285px; float:left; margin:0 20px 20px 0; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.hz_ul li a{width:100%; float:left; position:relative; overflow:hidden; background:#fff;}
.hz_ul li a::before{content:""; display:block; padding-top:55.9441%;}
.hz_ul li a .hz_txt{width:100%; float:left; height:40px; line-height:40px; font-size:16px; color:#fff; background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:-100%; text-align:center;}
.hz_ul li a:hover .hz_txt{bottom:0;}
/*End-首页内容*/

/*底部*/
footer{background:#f4ac0a; padding:20px 0; line-height:30px; color:#000; text-align:center; font-size:14px;}
footer a{color:#000; margin:0 10px;}
footer a:hover{color:#000; text-decoration:underline!important;}
/*End-底部*/

/*关于我们*/
.main{width:100%; overflow:hidden; padding:50px 0; background:#f4f4f4;} 
.main_left{width:275px; float:left;}
.about{width:100%; float:left; margin-bottom:30px;}
.about_title{display:block; overflow:hidden; height:56px; line-height:56px; text-align:center; background:#f4ac0a; font-size:20px; color:#000; font-weight:bold;}
.about_ul{display:block; overflow:hidden;}
.about_ul>li{display:block; overflow:hidden; margin-top:5px;}
.about_ul>li>a{width:100%; float:left; height:46px; line-height:46px; text-align:center; background:#000; font-size:16px; color:#fff;}
.about_ul>li:hover>a{background:#f4ac0a; color:#000;}
.about_ul>li.about_on>a{background:#f4ac0a; color:#000;}

.about_dl{display:none; width:100%; float:left;}
.about_dl>dd{display:block; overflow:hidden; margin-top:2px;}
.about_dl>dd>a{display:block; overflow:hidden; height:38px; line-height:38px; text-align:center; font-size:14px; color:#222; background:#ddd;}
.about_dl>dd>a:hover{background:#f4ac0a; color:#000;}

.about_B{display:block; overflow:hidden;background:#fff; padding:10px; padding-top:0px; font-size:14px; color:#000; line-height:30px;}
.about_B img{width:100%; display:block; height:auto; padding-bottom:10px;}

.main_right{width:895px; float:right;}
.dqwz_title{width:100%; float:left; line-height:55px; border-bottom:1px solid #ddd; font-size:14px; color:#000;}
.dqwz_p{float:left; font-size:30px; font-weight:bold; color:#f4ac0a;}
.dqwz_nav{float:right;}
.dqwz_contect{width:100%; float:left; padding-top:30px;}
.company{display:block; overflow:hidden; font-size:16px; color:#000; line-height:30px;}
/*END-关于我们*/

/*海量案例*/
.cp_ul1{display:block; overflow:hidden; width:915px;}
.cp_ul1 li{width:285px; float:left; margin:0 20px 30px 0;}
.cp_ul1 li .cp_B{width:100%; overflow:hidden;}
.cp_ul1 li .cp_B .cp_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cp_ul1 li .cp_B .cp_img::before{content:""; display:block; padding-top:66.9271%;}
.cp_ul1 li .cp_txt{display:block; overflow:hidden; background:#fff; text-align:center; line-height:50px; font-size:18px; color:#000; text-transform:uppercase;}
.cp_ul1 li:hover .cp_B .cp_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cp_ul1 li:hover .cp_txt{background:#000; color:#ffc000;}

.cpxq{display:block; overflow:hidden;}
.cpxq_p{display:block; overflow:hidden; text-align:center; font-size:18px; color:#000; line-height:30px; font-weight:bold;}
.cpxq_img{display:block; overflow:hidden; padding-top:20px;}
.cpxq_txt{display:block; overflow:hidden; padding-top:20px; font-size:14px; color:#000; line-height:30px;}
/*END-海量案例*/

/*新闻动态*/
.news_ul1{display:block;}
.news_ul1 li{display:block; overflow:hidden; margin-bottom:30px; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.news_ul1 li a{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; overflow:hidden;}
.news_ul1 li a .news_img{width:200px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_ul1 li a .news_R{width:calc(100% - 200px); float:left; padding:20px;}
.news_ul1 li a .news_R .news_p{display:block; overflow:hidden; line-height:30px; font-size:18px; color:#333; text-overflow:ellipsis; white-space: nowrap;}
.news_ul1 li a .news_R .news_txt{display:block; overflow:hidden; height:48px; line-height:24px; font-size:14px; color:#999; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-top:10px;}
.news_ul1 li a .news_R .news_sp{display:block; overflow:hidden; height:24px; line-height:24px; font-size:12px; color:#999; margin-top:10px;}
.news_ul1 li a:hover .news_R{background:#f4ac0a;}
.news_ul1 li a:hover .news_R .news_p{color:#000;}
.news_ul1 li a:hover .news_R .news_txt{color:#000;}
.news_ul1 li a:hover .news_R .news_sp{color:#000;}

.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; line-height:40px; margin-bottom:10px; border:1px solid #ddd; padding:0 10px; transition:all 0.4s;}
.xw_ul li span{float:right; font-size:14px; color:#373737;}
.xw_ul li a{display:block; overflow:hidden; height:40px; color:#000; font-size:14px;text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li a em{ font-family:SimSun; font-weight:bold; padding:0 5px; font-size:16px;}
.xw_ul li:hover{border-color:#f4ac0a;}
.xw_ul li:hover a{color:#f4ac0a;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; overflow:hidden; text-align:center; font-size:18px; font-weight:bold; color:#000; line-height:30px;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; font-size:12px; line-height:16px; color:#a4a4a4; padding:5px 0; border-bottom:1px dashed #ccc;}
.xwxq_img{display:block; overflow:hidden; padding-top:20px;}
.xwxq_txt{display:block; overflow:hidden; padding-top:20px; font-size:14px; line-height:30px; color:#000;}
/*END-新闻动态*/

/*合作伙伴*/
.hz_ul1{display:block; width:915px;}
.hz_ul1 li{width:285px; float:left; margin:0 20px 20px 0; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.hz_ul1 li a{width:100%; float:left; position:relative; overflow:hidden; background:#fff;}
.hz_ul1 li a::before{content:""; display:block; padding-top:55.9441%;}
.hz_ul1 li a .hz_txt{width:100%; float:left; height:40px; line-height:40px; font-size:16px; color:#fff; background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0; text-align:center;}
.hz_ul1 li a:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
/*END-合作伙伴*/

/*联系我们*/
.contact_txt{width:100%; float:left; font-size:14px; color:#000; line-height:30px;}
.contact_map{width:100%; float:left; border:1px solid #fff; height:400px; margin-top:20px;}
/*END-联系我们*/

/*浮动QQ*/
.open{width:31px; height:110px; background:url(../images/qq/openTrigger.jpg) no-repeat center center; position:fixed; right:0; top:250px;z-index:999999999; cursor:pointer;}
.off{width:24px; height:24px; background:url(../images/qq/closeBtnImg.gif) no-repeat center center; position:fixed; right:-5px; top:240px;z-index:999999999; cursor:pointer;}
.fix_qq { display:none;position: fixed;right: 0px;top:250px;width: 93px;height: 122px;z-index:999999999;background: url(../images/qq/qq_01.png) no-repeat;}
.fix_qq_top {height: 122px;background: url(../images/qq/qq_01.png) no-repeat;}
.fix_qq_center {background: url(../images/qq/qq_02.png) repeat-y;text-align: center;}
.fix_qq_foot {height: 4px;background: url(../images/qq/qq_04.png) no-repeat;}
/*END-浮动QQ*/