/*-----  全局  ----*/
*{margin:0px;padding:0px; border-width:0;box-sizing:border-box;}
html{overflow-x:hidden; }
body{font-size:14px;font-family:Arial, Helvetica, sans-serif;}
a,a:visited{text-decoration:none;color:#555;}
a:hover,a:active{text-decoration:none;color:#555;}
ul li{list-style:none;}
/*通用*/
.w1200{ width:1200px; margin:0 auto;}

/*头部*/
.head{ padding:25px 0 25px 0; height:100px;}
.logo{ width:260px; float:left;}
.logo dl{ width:196px; height:52px; float:left;}
.logo dl img{ width:100%;}
.logo dt{ font-size:32px; color:#3133c2; font-weight:bold; float:right;}

.nav{ width:700px; float:right;}
.nav ul{}
.nav ul li{ width:auto; padding:0px 20px; float:left; line-height:39px; font-size:16px; position:relative;}
.nav ul li a{ color:#4c4c4c; display:block;}
.nav ul li.on a,.nav ul li a:hover{ color:#FFA500; font-weight:bold;}
.nav ul li.on a:after, .nav ul li a:hover:after {
    content: '';
    width:30px;
    height:2px;
    background-color: #FFA500;
    position: absolute;
    left: 50%;
 transform: translateX(-50%);
    bottom: -8px;
}

/*下拉*/
.nav ul li ul{visibility:hidden; position:absolute; top:40px; z-index:999999; background-color:#fff; left:-15%; box-shadow: 1px 1px 5px #888888; text-align:center; border-radius:3px; padding:3px 0; transform: rotateX(45deg) rotateY(-90deg) rotateZ(60deg); width:130%;}
.nav ul li:hover ul{visibility:visible;transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -webkit-transition : 0.3s ease 0s;}
.nav ul li:hover ul li{ padding:0; width:100%;}
.nav ul li:hover ul li a{ border-bottom:2px #fff solid; height:35px; line-height:35px; border-bottom:1px #999999 dotted; width:100%; display:block;}
.nav ul li:hover ul li a:hover{ border-bottom:2px #FFA500 solid; color:#FFA500;}

.nav ul li:hover ul li a:after, .nav ul li:hover ul li a:hover:after {
	display:none !important
}
.nav ul li.on ul li a,.nav ul li ul li a:hover{ color:#4c4c4c; font-weight:100;}

.en{ width:70px; float:right; margin-top:10px;}
.en .ico{ width:24px; float:left;}
.en .ico img{ max-width:100%;}
.en .text{ width:40px; font-size:24px; color:#000; border-left:1px #000 solid; float:right; height:20px; line-height:20px; text-align:right; margin-top:3px;}

/*轮播*/
.banner{ width:100%; height:auto; overflow:hidden; position:relative;}
.main_content {width: 960px;margin: 0 auto 0px;position: relative;zoom: 1;}
.nf_hp_kv {margin: 0 -480px;position: relative;width:1920px;}
.window {height: 600px;overflow: hidden;position: relative;width:1920px;}
.kv_item {height: 600px;overflow: hidden;padding: 0 500px;position: absolute;width:1920px;}
.js_nav { left:0;height:6px; text-align:center;width:100%;position: absolute; bottom:30px;}
.js_nav ul{ margin:0 auto; width:940px; text-align:center;}
.js_nav li {height:4px;width:50px; margin:12px; display:inline-block; *display:inline; *zoom:1;}
.js_nav li a {display: inline;float: left;height:4px;overflow: hidden;width: 100%;font-size:0; background:#363636;}
.js_nav li.active a, .js_nav li a:hover {background:#3133c2}
.btn_prev{ left:0;}
.btn_next{right:0;}
.btn_prev, .btn_next { display:none;}

/*关于*/
.about{height:auto; overflow:hidden; margin-top:90px;}
.about .left{ width:585px; float:left; height:425px}
.about .left .title1{ width:100%; height:100px; overflow:hidden; margin-bottom:0px;}
.about .left .title1 dl{ width:100%; float:left; font-size:32px; color:#0059c7; font-weight:bold; line-height:36px;}
.about .left .title1 dt{ width:8px; height:13px; margin:27px 12px; float:left;}
.about .left .title1 dd{ width:100%; font-size:24px; color:#DCDCDC; font-weight:bold; float:left; line-height:30px; text-transform:uppercase;}

.about{height:auto; overflow:hidden; margin-top:90px; position:relative}
.about .left{ width:585px; float:left;}
.about .left .title{ width:100%; height:50px; overflow:hidden; margin-bottom:40px;}
.about .left .title dl{ width:auto; float:left; font-size:32px; color:#0059c7; font-weight:bold; line-height:50px;}
.about .left .title dt{ width:8px; height:13px; margin:27px 12px; float:left;}
.about .left .title dd{ width:auto; font-size:18px; color:#0059c7; font-weight:bold; float:left; line-height:30px; margin-top:20px; text-transform:uppercase;}
.about .left .title dt img{ width:100%;}
.about .left p{ line-height:30px; color:#333333; font-size:16px; margin:30px 0;}
.about .right{ width:580px; float:right; height:461px; overflow:hidden; z-index:9; position:absolute; right:0; top:0 }
.about .right img{ width:100%; -webkit-transition:0.3s ease 0s;}
/*.about .right:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}*/
.about .more{ width:100%; height:auto; overflow:hidden; z-index:1;}
.about .more-l{ width:130px; height:40px; background-color:#0059c7; text-align:center; line-height:40px; float:left; border-radius:20px; -webkit-transition : 0.3s ease 0s; margin-top:30px;}
.about .more-l a{ color:#fff; display:block;}
.about .more-l:hover{ background-color:#f08300; -webkit-transition : 0.3s ease 0s;}
.about .more-r{ width:100%; height:100px; float:right; background-color:#0059c7; font-size:24px; color:#fff; text-align:left; padding:18px 30px;}
.about .more-r P{ width:80%; font-size:24px; color:#fff; text-align:left; }
.about .more-r span{ font-size:14px;}

/*产品中心*/
.pro{ width:100%; height:auto; overflow:hidden; padding-top:100px; background-color:#f6f9ff; padding-bottom:80px;}
.prolist{ width:1200px; height:auto; margin:0px auto;}

.prolist .top .title{ width:286px; float:left; height:auto; overflow:hidden; margin-bottom:40px;}
.prolist .top .title dd{ width:100%; font-size:48px; color:#456fb9; font-weight:bold; float:left; line-height:50px; text-transform:uppercase;}
.prolist .top .title dl{ width:100%; float:left; font-size:33px; color:#333333; line-height:80px; text-align:right;}

.prolist .top .more{ width:800px; float:right; height:50px; line-height:50px; text-align:right; font-size:16px; font-weight:bold;}
.prolist .top .more a{ color:#456fb9;}
.prolist .top .more a:hover{ background:none; color:#333333;}

.prolist .tab{overflow:hidden; width:800px; float:right; margin-top:15px;}
.prolist .tab a{ display:block; padding:10px 20px; float:left; text-decoration:none; color:#333; border-radius:3px; border:1px #456fb9 solid; margin:0 7px;}
.prolist .tab a:hover{ background:#456fb9; color:#fff; text-decoration:none;}
.prolist .tab a.on{ background:#456fb9; color:#fff; text-decoration:none;}
.prolist .tab dl{display:block; line-height:35px; float:right; text-decoration:none; color:#456fb9; border-radius:3px; font-size:40px;}

.prolist .procontent{ width:1200px; height:720px; margin-top:50px; overflow:hidden; position:relative;}
.prolist .procontent ul{ position:absolute; left:0; top:0; height:100px;}
.prolist .procontent li{ width:1200px; height:500px; float:left;}
.prolist .procontent li dl{ width:285px; float:left; margin-right:20px; margin-bottom:20px;}
.prolist .procontent li dl:nth-child(4n){ float:right; margin-right:0;}
.prolist .procontent li dt{ width:285px; height:285px; overflow:hidden;}
.prolist .procontent li dt img{ width:100%; -webkit-transition:0.3s ease 0s;}
.prolist .procontent li dl:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}
.prolist .procontent li dd{ width:100%; height:55px; line-height:55px; text-align:center; background-color:#fff;}
.prolist .procontent li dl a{ color:#333333; font-size:16px;}
.prolist .procontent li dl a:hover{ color:#456fb9; font-weight:bold;}
/*案例*/

.index_case{ width:1310px; height:auto; overflow:hidden; padding-bottom:50px; position:relative !important; margin-left:-52px; }

.index_case .honor_title{ width:980px; color:#fff; margin:0 auto; font-size:18px; text-align:center; padding:15px 0;}

.index_case .ladyScroll{width:1200px;height:325px; margin:0 auto; margin-bottom:0px; margin-top:40px;}

.index_case .ladyScroll .prev{width:52px;height:52px;position:absolute;top:170px;left:0px;z-index:100; cursor:pointer; background:url(/assets/static/images/l.png) no-repeat;}

.index_case .ladyScroll .next{ width:52px;height:52px;position:absolute;top:170px;right:0px;z-index:100; cursor:pointer; background:url(/assets/static/images/r.png) no-repeat; }





.index_case .ladyScroll .scrollWrap{width:1200px;overflow:hidden;position:absolute; left:4%; }

.index_case .ladyScroll dl{float:left;width:300px;text-align:center;position:relative; height:325px !important}

.index_case .ladyScroll  span{display:block;width:100%;height:53px;position:absolute;left:5px;bottom:0;}

.index_case .ladyScroll  dt{margin:0 auto;width:285px;overflow:hidden;  height:285px !important; padding:0px}

.index_case .ladyScroll  img{display:block;width: auto;    height: 100%;

    margin-left: 50%;

 

    transform: translateX(-50%);}

.index_case .ladyScroll  dd{width:285px;height:30px;line-height:30px;font-size:15px;color:#fff;text-align: center;overflow:hidden;position: relative; margin:10px auto 0; }

.index_case .ladyScroll  dd p{ text-align: left; color:#666; font-size:14px}

.index_case .ladyScroll  dd a{ color:#444; font-size:15px; font-weight:600; text-align:center  }

.index_case .ladyScroll  dd a:hover{ text-decoration:none;  }



.index_case .more{ width:100%; height:auto; overflow:hidden;   display: flex;

   justify-content: center;}

.index_case .more-l{ width:130px; height:40px; background-color:#E50012; text-align:center; line-height:40px; float:left; border-radius:20px; -webkit-transition : 0.3s ease 0s; margin-top:30px;}

.index_case .more-l a{ color:#fff; display:block;}

.index_case .more-l:hover{ background-color:#f08300; -webkit-transition : 0.3s ease 0s;}

.index_case .more-r{ width:727px; height:100px; float:right; background-color:#006cb9; font-size:24px; color:#fff; text-align:right; padding:18px 30px;}

/*工程案例*/
.case{ width:100%; height:auto; background:url(../images/casebg.jpg) no-repeat center top; padding-top:80px; }

.caselist{ width:1200px; height:auto; margin:0px auto;}



.caselist .top .title{ width:100%; float:left; height: auto; overflow:hidden; margin-bottom:20px; text-align: left}

.caselist .top .title dd{ width: auto; font-size:42px; color:#212121;line-height:42px; text-align:left; float:left}

.caselist .top .title dl{ width: auto; font-size:24px; color:#FFA500; line-height:64px;font-weight:bold; text-align:left; float:left;  text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}







.caselist .tab{overflow:hidden; width:100%; float:left; margin-top:0px;   }

.caselist .tab a{ display:block; padding:10px 25px; float:left; text-decoration:none; color:#333; border-radius:50px; border:1px #fff solid; margin:0 5px; background:#F8F8F8; font-size:16px}

.caselist .tab a:hover{ background:#FFA500; color:#fff; text-decoration:none;}

.caselist .tab a.on{ background:#FFA500; color:#fff; text-decoration:none;}

.caselist .tab dl{display:block; line-height:35px; float:right; text-decoration:none; color:#fff; border-radius:3px; font-size:40px;}



.caselist .casecontent{ width:1440px; height:450px; margin-top:60px; overflow:hidden; position:relative;}

.caselist .casecontent ul{ position:absolute; left:0; top:0; height:450px; top:70px;}

.caselist .casecontent li{ width:1440px; height:500px; float:left;}

.caselist .casecontent li dl{ width:355px; float:left; margin-right:20px; margin-bottom:20px;}

.caselist .casecontent li dl:nth-child(4n){ float:right; margin-right:0;}

.caselist .casecontent li dt{ width:355px; height:464px; overflow:hidden;}

.caselist .casecontent li dt img{ width:100%; -webkit-transition:0.3s ease 0s;}

.caselist .casecontent li dl:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}

.caselist .casecontent li dd{ width:100%; height:55px; line-height:55px; text-align:center; background-color:#fff;}

.caselist .casecontent li dl a{ color:#333333; font-size:16px;}

.caselist .casecontent li dl a:hover{ color:#FFA500; font-weight:bold;}
.more{ width:130px; height:auto; overflow:hidden; float:right}

.more-l{ width: 130px;

    height: 40px;

    border: 1px solid #FFA500;

    text-align: center;

    line-height: 38px;

    border-radius: 8px;

    -webkit-transition: 0.3s ease 0s; 

	margin-top:0px;

	}

.more-l a{ color: #FFA500;

    display: block;

    text-align: center;

	font-size:16px

	}

.more-l a:hover{color:#DD2920;

}

.more-l:hover{-webkit-transition : 0.3s ease 0s; border: 1px solid #DD2920; color:#DD2920 !important}

/*新闻动态*/
.news{overflow:hidden; margin-top:100px; background-color:#}
.news .top .title{ width:300px; float:left; height:auto; overflow:hidden; margin-bottom:40px; text-align:right;}
.news .top .title dd{ width:100%; font-size:40px; color:#456fb9; font-weight:bold; float:left; line-height:50px; text-transform:uppercase;}
.news .top .title dl{ width:100%; float:left; font-size:33px; color:#333333; line-height:80px;}

.news .top .more{ width:800px; float:right; height:50px; line-height:50px; text-align:right; font-size:16px; font-weight:bold; margin-top:120px;}
.news .top .more a{ color:#456fb9;}
.news .top .more a:hover{ background:none; color:#333333;}

.newslist ul{ width:100%; height:auto; overflow:hidden; margin-top:65px;}
.newslist ul li{ width:376px; float:left; margin-bottom:20px; margin-right:35px;}
.newslist ul li:nth-child(3n){ float:right; margin-right:0;}
.newslist ul li dl{ width:100%; overflow:hidden;}
.newslist ul li dl img{ width:100%; -webkit-transition:0.3s ease 0s;}
.newslist ul li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}
.newslist ul li dt{ font-size:18px; color:#456fb9; width:100%; font-weight:bold; line-height:40px; margin-top:10px;}
.newslist ul li dd{ border-bottom:1px #d8d8d8 solid; font-size:12px; color:#7c889e; padding-bottom:10px; margin-bottom:5px;}
.newslist ul li p{ font-size:14px; color:#7c889e; line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis;}
.newslist ul li:hover dt{ color:#3133c2;}

/*留言*/
.ly{width:100%; height:900px; overflow:hidden; background-color:#f6f9ff; padding-top:100px; padding-bottom:80px;}
.ly .w1200{ position:relative;}
.ly .top .title{ width:320px; float:left; height:auto; overflow:hidden; margin-bottom:40px; text-align:right;}
.ly .top .title dd{ width:100%; font-size:40px; color:#456fb9; font-weight:bold; float:left; line-height:50px; text-transform:uppercase;}
.ly .top .title dl{ width:100%; float:left; font-size:33px; color:#333333; line-height:80px;}
.ly .top .more{ width:800px; float:right; height:50px; line-height:50px; font-size:24px; color:#456fb9; font-weight:bold; margin-top:120px; text-align:center;}

.lyimg{ position:absolute; width:500px; height:480px; left:0; top:200px; overflow:hidden; z-index:5;}
.lyimg img{ width:100%;}

.mail1{ position:absolute; width:720px; height:480px; overflow:hidden; background-color:#456fb9; padding:20px; top:200px; right:0; z-index:9; border-radius:15px;}
.mail{width:680px; height:440px; overflow:hidden; background-color:#fff; border-radius:15px; padding:40px;}

.mail .w50{ width:49%; float:left; margin-right:1%;}
.mail .w100{ width:99%; float:left;}
.mail textarea{ width:99%; float:left; margin-bottom:36px;}
.form-group{ width:200px; height:46px; overflow:hidden; margin:0 auto;}
.mail .submit{ width:200px; height:46px; border-radius:23px; background-color:#456fb9; color:#fff; cursor:pointer;-webkit-transition : 0.3s ease 0s;}
.mail .submit:hover{ background-color:#f08300; -webkit-transition : 0.3s ease 0s;}
input,textarea{
	border-radius:5px;
	-webkit-border-radius:5px;   /*圆角，针对苹果浏览器写的兼容*/
	height:50px; line-height:50px; width:100%; padding:0 10px; margin-bottom:10px; border:1px #e6e6e6 solid;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ /*WebKit browsers*/
font-size:14px; line-height:50px; color:#666666;
}
input::-moz-input-placeholder,textarea::-webkit-input-placeholder{ /*Mozilla Firefox*/
font-size:14px; line-height:50px; color:#666666;
}
input::-ms-input-placeholder,textarea::-webkit-input-placeholder{ /*Internet Explorer*/ 
font-size:14px; line-height:50px; color:#666666;
}

input:focus,textarea:focus{
outline: none ;
}



/*底部*/
.foot{ width:100%;   background-image: linear-gradient(rgba(255, 186, 0, 1), rgba(255, 162, 1)); padding:65px 0 40px; overflow:hidden; color:#fff; margin-top:60px}
.foot .left{ width:400px; float:left;}
.foot .left dl{ width:100%; float:left; padding-top:10px}
.foot .left dt{ width:196px; float:left;}
.foot .left dt img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.foot .left dt:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}
.foot .left dd {
    width: 37px;
    float: left;
    margin-right: 18px;
    float: left;
}
.foot .right .tel{ font-size:32px; font-weight:bold; line-height:60px; width:100%; float:left; }
.foot .right .tel p{ font-size:16px; font-weight:normal; margin:0;}

.foot .left .fx{ width:100%; height:40px; overflow:hidden; margin-top:100px; margin-bottom:20px}
.foot .left .fx dd{ width:40px; float:left; margin-right:20px; float:left;}
.foot .left .fx dd img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.foot .left .fx dd:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}

.foot .left .tel{ font-size:28px; font-weight:bold; line-height:25px;}
.foot .left .tel p{ font-size:14px; font-weight:normal; margin:5px 0;}
.foot .left .tel a{ color:#fff;}
.foot .left .tel a:hover{ color:#fff}
.foot .right .copy{ width:100%; height:auto; overflow:hidden; font-size:12px; color:#fff; line-height:2; margin-top:20px;}
.foot .right .copy a{ color:#fff;}
.foot .right .copy a:hover{ color:#999999}
.foot .right{ width:735px; float:right;}
.foot .right .footnav{ height:60px; line-height:40px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); overflow:hidden; margin-bottom:25px; font-size:16px;}
.foot .right .footnav li{ width:auto; margin:0 36px 0 0; float:left;}
.foot .right .footnav li a{ color:#fff;}
.foot .right .footnav li a:hover{ color:#fff;}
.foot .right .fl{ width:460px; float:left;}
.foot .right .fl span{ font-size:30px; color:#fff; font-weight:bold; line-height:30px;}
.foot .right .fl p{ font-size:14px; color:#fff; line-height:35px; margin-top:10px;}
.foot .right .fr{ width:240px; float:right; margin-top:10px;}
.foot .right .fr dl{ width:100px; text-align:center; line-height:20px; color:#fff; float:left; margin-left:20px;}
.foot .right .fr dl img{ width:100%;}/*内页轮播*/
.page_banner{ width:100%; height:auto; overflow:hidden; position:relative;}
.page_banner .main_content {width: 1004px;margin: 0 auto 0px;position: relative;zoom: 1;}
.page_banner .nf_hp_kv {margin: 0 -500px;position: relative;width: 2000px;}
.page_banner .window {height: 450px;overflow: hidden;position: relative;width: 2000px;}
.page_banner .kv_item {height:450px;overflow: hidden;/*padding: 0 500px;*/position: absolute;width: 100%;}

.youshi{ position:relative}
.youshi .title{ text-align:center;}

.youshi .title dl{ font-size:50px;}
.youshi .title dl,.youshi .title dt{ width:100%;}
.youshi .title dt:after{content:''; width:54px; height:4px; background-color:#B48F5C; position:absolute; left:50%; margin-left:-30px; bottom:-5px;}
/**/
/*.title{ width:100%; height:100px; overflow:hidden; position:relative; }
.title dl{ position: absolute; z-index:1; font-size:38px;  color:#ededed; font-weight:bold; float:left; line-height:80px; text-transform:uppercase;



}
.title dt{ font-size:39px; font-weight:bold; color:#FFA500; height:55px; position: absolute; z-index:5; float:left;}
.title dt:after{content:''; width:60px; height:4px; background-color:#e52029; position:absolute; bottom:0; left:0;}
.title dd{ float:right; font-size:16px; margin-top:35px;}*/


.contact_fuwu1 .title{ width:100%; height:100px; overflow:hidden; position:relative; text-align:center }
.contact_fuwu1 .title dl{ position: absolute; z-index:1; font-size:38px;  color:#FFA500; opacity:0.1;  font-weight:bold; float:left; line-height:80px; text-transform:uppercase;  font-size:50px;



}
.contact_fuwu1 .title dt{ font-size:39px; font-weight:bold; color:#212121; height:55px; position: absolute; z-index:5; float:left; text-align:center}
.contact_fuwu1 .title dt:after{content:''; width:60px; height:4px; background-color:#FFA500; position:absolute;left:50%; margin-left:-30px; bottom:-5px;}
.contact_fuwu1 .title dd{ float:right; font-size:16px; margin-top:35px;}

.shili .title{ width:100%; height:100px; overflow:hidden; position:relative; }
.shili .title dl{ position: absolute; z-index:1; font-size:38px;  color:#ededed; font-weight:bold; float:left; line-height:80px; text-transform:uppercase;



}
.shili .title dt{ font-size:39px; font-weight:bold; color:#FFA500; height:55px; position: absolute; z-index:5; float:left;}
.shili .title dt:after{content:''; width:60px; height:4px; background-color:#e52029; position:absolute; bottom:0; left:0;}
.shili .title dd{ float:right; font-size:16px; margin-top:35px;}




/*关于*/
.about{height:auto; overflow:hidden; margin-top:90px;}
.about .left{ width:585px; float:left; height:425px}
.about .left .title1{ width:100%; height:100px; overflow:hidden; margin-bottom:0px;}
.about .left .title1 dl{ width:100%; float:left; font-size:42px; color:#FFA500; font-weight:bold; line-height:60px; letter-spacing:2px;}
.about .left .title1 dt{ width:8px; height:13px; margin:27px 12px; float:left;}
.about .left .title1 dd{ width:100%; font-size:30px; color:#DCDCDC; font-weight:bold; float:left; line-height:30px; text-transform:uppercase;}

.about{height:auto; overflow:hidden; margin-top:30px; position:relative}
.about .left{ width:585px; float:left;}
.about .left .title{ width:100%; height:50px; overflow:hidden; margin-bottom:40px;}
.about .left .title dl{ width:auto; float:left; font-size:32px; color:#FFA500; font-weight:bold; line-height:50px;}
.about .left .title dt{ width:8px; height:13px; margin:27px 12px; float:left;}
.about .left .title dd{ width:auto; font-size:18px; color:#FFA500; font-weight:bold; float:left; line-height:30px; margin-top:20px; text-transform:uppercase;}
.about .left .title dt img{ width:100%;}
.about .left p{ line-height:30px; color:#444; font-size:16px; margin:30px 0;}
.about .right{ width:580px; float:right; height:461px; overflow:hidden; z-index:9; position:absolute; right:0; top:0 }
.about .right img{ width:100%; -webkit-transition:0.3s ease 0s;}
/*.about .right:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}*/
.about .more{ width:100%; height:auto; overflow:hidden; z-index:1;}
.about .more-l{ width:130px; height:40px; background-color:#FFA500; text-align:center; line-height:40px; float:left; border-radius:20px; -webkit-transition : 0.3s ease 0s; margin-top:30px;}
.about .more-l a{ color:#fff; display:block;}
.about .more-l:hover{ background-color:#f08300; -webkit-transition : 0.3s ease 0s;}
.about .more-r{ width:100%; height:100px; float:right; background-color:#FFA500; font-size:24px; color:#fff; text-align:left; padding:18px 30px;}
.about .more-r P{ width:80%; font-size:24px; color:#fff; text-align:left; }
.about .more-r span{ font-size:14px;}

/*实力*/
.shili{ margin-top:100px; height: auto; width:1200px;float:left; width:100%}
.shili .title{ height:100px; width:100%; text-align:center; overflow:hidden; margin:0 auto }
.shili .title dl{ line-height:30px; text-align:center; width:100%; color:#FFA500; height:80px; padding-top:5px}
.shili .title dl p{color:#212121 !important; font-size:32px; margin-top:10px; text-align:center}
.shili .text{ width:100%; line-height:35px; font-size:16px; font-weight:600;color:#212121 !important; text-align: center;}
.shili ul{ margin-top:50px;}
.shili ul li{ width:11.11111111111111%; float:left;margin-bottom:30px; position:relative}
/*.shili ul li:hover{box-shadow:-1px 15px 25px #e9e9e9;}*/

.shili ul li dl{ width:100%; margin:0 auto; height:120px; overflow:hidden;}
.shili ul li dl img{ width:120px -webkit-transition : 0.3s ease 0s; height:120px; margin-left:6px; transition: transform 1s; }
.shili ul li:hover img{transform: rotate(360deg);  }
.shili ul li dt{ font-size:22px; color:#333333; line-height:30px; font-weight:bold; padding:20px; text-align:center}
@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
 
.image-container img {
    animation: rotate360 2s linear infinite; /* 动画名称 持续时间 速度曲线 延迟 次数 */}


.shili ul li:nth-child(2n) img{ width:32px !important; height:32px !important;  position: absolute; /* 设置绝对定位 */
  top: 50%;            /* 向上偏移50% */
  left: 50%;           /* 向左偏移50% */
  transform: translate(-50%, -50%); /* 向上和向左移动自身宽高的50%，实现居中 */
  max-width: 100%;     /* 确保图片不会超过容器宽度 */
  height: auto;  }
  
  /*团队*/
.team{ margin-top:100px; height:600px;float:left; width:100%; background:url(/static/images/team.png) center top repeat;  position:relative; margin-left:auto; margin-right:auto}

.team .team_txt{background: rgba(0,0,0,.5) none repeat scroll 0 0!important; margin:115px 0; height:370px; width:970px; position:relative}
.team .team_txt p{ width:74%; line-height:36px; font-size:16px; color:#FFF; padding:60px}
.team .team_txt .more{}
.team  .w1200 .img{ position:absolute; top:0; right:0; width:370px; height:370px; z-index:2; background:#FFA500;   border-radius:370px; margin-right:-200px}
.team  .w1200 .img img{ position:absolute; top:-50px; right:-120px; width:459px; height:460px; z-index:2;}
/*品牌*/
.index_brand{ height:670px; width:100%; background:url(/assets/static/images/honor_bg.jpg) center top  no-repeat;   position:relative; float:left }
.index_brand .brand_list{ margin-top:80px;}
.index_brand .brand_list li{ width:280px; height:396px; float:left; margin-right:25px; list-style-type:none; margin-bottom:35px}
.index_brand .brand_list li:nth-child(4n){margin-right: 0;}
.index_brand .brand_list li img{ transition: transform 0.5s; }
/*.index_brand .brand_list li:hover img{transform: rotate(360deg);  }*/

.index_brand .brand_list li:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}


/*新闻*/
ul.i_news_list li{ line-height:1.5em; padding-bottom:30px; margin:0 0 30px; border-bottom:1px #f3f3f3 solid; width:100%; float:left}
ul.i_news_list li .pic{ width:300px; margin-left:20px; float:right; overflow:hidden; height:220px }
.insidepage .con ul.i_news_list li h3{ font-size:20px; margin-bottom:10px;}
ul.i_news_list li h3 span.data{ padding-right:20px; margin-right:20px; color:#999; font-size:21px; font-weight:500;}
ul.i_news_list li h3 a{ color:#212121; }
ul.i_news_list li h3 a:hover{ color:#FFA500; }
ul.i_news_list li .n_info{}
ul.i_news_list li p{ color:#666; padding:10px 0; font-size:14px; padding-left:98px; width:70%; font-size:15px; line-height:30px}

ul.i_news_list li a.detail:hover{ color:#FFA500; text-decoration:underline;}


/*内页简介*/
.aboutus{ background-color:#fff; height:auto; overflow:hidden;}
.aboutus .left{ width:100%; float:left; }
.aboutus .left dl{ font-size:32px; color:#000; font-weight:bold; position:relative; height:70px;}
.aboutus .left dl:after{content:''; width:50px; height:6px; background-color:#f00000; position:absolute; left:0; bottom:0;}
.aboutus .left dt{ font-size:14px; color:#333; line-height:34px;}
.aboutus .left dt p{ font-size:15px; color:#333; line-height:34px;}
.aboutus .left dd{ margin-top:40px;}
.aboutus .left dd a{ color:#fff; font-size:14px; -webkit-transition:0.3s ease 0s;}
.aboutus .left dd a:hover{ color:#DCDCDC; -webkit-transition:0.3s ease 0s;}
.aboutus .right{ width:100%; float:right; height: auto; overflow:hidden;}
.aboutus .right img{ width:100%; -webkit-transition:0.3s ease 0s;}
.aboutus .right:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}

/*设备*/
.about .honor{ width:100%; height:auto; overflow:hidden;}
.about .honor ul{ width:100%;}
.about .honor ul li{ width:calc(25% - 20px); float:left; margin-right:20px; overflow:hidden; margin-bottom:0px; height: 403px; position:relative;/* border:1px #ededed solid;*/ }
.about .honor ul li p{ text-align:center; line-height:36px}
.about .honor ul li:nth-child(4n){ float:left; margin-right:0;}
.about .honor ul li img{ -webkit-transition : 0.3s ease 0s;   display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; -webkit-transform: scale(0.9); transform: scale(0.9);}
.about .honor ul li:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.about .honor ul li a:hover{ color:#F00 !important }

/*内页优势*/
.about_youshi{ padding:50px 0 0px 0; overflow:hidden;}
.about_youshi ul{ width:100%; height:auto; display:block;}
.about_youshi ul li{ width:33.333333333333333%; float:left; margin-bottom:30px}
.about_youshi ul li.last{ width:100%; float:left;}
.about_youshi ul li.last1{ width:50%; float:left;}
.about_youshi ul li dl{ width:30px; float:left; }
.about_youshi ul li dl img{ width:100%; -webkit-transition:0.3s ease 0s;}
.about_youshi ul li dt{ width:calc(100% - 55px); float:left; margin-left:10px; font-size:19px; font-weight:bold; color:#212121; line-height:32px;}
.about_youshi ul li dt p{ font-size:16px; color:#4c4c4c; font-weight:500; line-height:36px; width:90%; text-align:left}
.about_youshi ul li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}


/*解决方案*/
.fangan{width:100%; height:auto; overflow:hidden; background:url(../images/fanganbg.png) no-repeat center top; padding:50px 0;}
.fangan .title{ width:145px; float:left; color:#fff; font-weight:bold; height:450px;}
.fangan .title dl{ font-size:32px;}
.fangan .title dt{ font-size:24px; float:left; margin-right:10px; font-weight:normal;}
.fangan .title dd{ font-size:24px; line-height:35px;}
.fangan .title .more{ width:130px; height:40px; background-color:#fff; text-align:center; line-height:40px; float:left; border-radius:20px; -webkit-transition : 0.3s ease 0s; margin-top:30px;}
.fangan .title .more a{ color:#FFA500; display:block;}
.fangan .title .more:hover{ background-color:#f08300; -webkit-transition : 0.3s ease 0s;}
.fangan .title .more:hover a{ color:#fff;}
.fangan ul{ margin-top:30px;}
.fangan li{ width:420px; height:auto; float:left; overflow:hidden; margin-left:100px; margin-bottom:50px;}
.fangan ul li dl{ width:100%; height:120px; -webkit-transition : 0.3s ease 0s;} 
.fangan ul li dl img{ width:100%; -webkit-transition : 0.3s ease 0s; object-fit: cover;height:120px;
	 }
.fangan ul li dt{ font-size:22px; color:#fff; font-weight:bold; margin:25px 0px 15px;}
.fangan ul li dd{ font-size:14px; color:#fff; line-height:25px;}
.fangan ul li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}

/*新闻动态*/
.news{overflow:hidden; margin-top:100px; padding-top:0px}
.news .title{ width:100%; height:50px; overflow:hidden; margin-bottom:50px}
.news .title dl{ width:auto; float:left; font-size:32px; color:#000; font-weight:bold; line-height:50px;}
.news .title dt{ width:8px; height:13px; margin:23px 12px; float:left; color:#FFA500;}
.news .title dd{ width:auto; font-size:18px; color:#FFA500; font-weight:bold; float:left; line-height:30px; margin-top:20px; text-transform:uppercase;}
.news .title dt img{ width:100%;}
.news .title .more{ width:130px; height:40px; background-color:#fff; border:1px #FFA500 solid; text-align:center; line-height:40px; border-radius:5px; -webkit-transition : 0.3s ease 0s; float:right; margin-top:10px;}
.news .title .more a{ color:#FFA500; display:block; font-size:16px; font-weight:600}
.news .title .more:hover{ background-color:#FFA500; -webkit-transition : 0.3s ease 0s;}
.news .title .more:hover a{ color:#fff;}
/*.news ul{ width:100%; height:auto; overflow:hidden; margin-top:65px;}
.news ul li{ width:590px; float:left; background-color:#f8f8f8; margin-bottom:20px;}
.news ul li:nth-child(2n){ float:right;}
.news ul li dl{ font-size:22px; color:#191919; width:98%; line-height:50px; margin-top:5px;}
.news ul li dt{ font-size:16px; color:#7c7c7c; width:98%;}
.news ul li .date{ width:110px; float:left; background-color:#f08300; margin-right:20px; text-align:center; font-weight:bold; padding:10px 0 30px 0; -webkit-transition : 0.3s ease 0s;}
.news ul li .date dl{ font-size:34px; line-height:50px; color:#fff;}
.news ul li .date dt{ font-size:18px; color:#fff;}
.news ul li:hover .date{ background-color:#FFA500; -webkit-transition : 0.3s ease 0s;}*/



/*内页联系*/
.contactus{ background-color:#F8F8F8; height:auto; overflow:hidden; padding:30px 30px 46px 30px}
.contactus .left{ width:50%; float:left; padding:40px 35px 0 30px;}
.contactus .left dl{ font-size:26px; color:#000; font-weight:bold; position:relative; margin-bottom:20px; line-height:30px; height:90px; clear:both; width:100%}
.contactus .left dl span{ font-size:12px; color:#000; font-weight:100; position:relative; clear:both;}
.contactus .left dl:after{content:''; width:100%; height:1px; background-color:#DBDBDB; position:absolute; left:0; bottom:0;}
.contactus .left dt{ font-size:16px; color:#333; line-height:30px; margin-top:40px;}
.contactus .left dd{ margin-top:40px;}
.contactus .left dd a{ color:#fff; font-size:14px; -webkit-transition:0.3s ease 0s;}
.contactus .left dd a:hover{ color:#DCDCDC; -webkit-transition:0.3s ease 0s;}
.contactus .right{ width:50%; float:right; height: auto; overflow:hidden;}
.contactus .right img{ width:100%; -webkit-transition:0.3s ease 0s;}
.contactus .right:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}


.contactus_youshi{ padding:0px 0 0px 0; overflow:hidden;}
.contactus_youshi ul{ width:100%; height:auto; display:block;}
.contactus_youshi ul li{ width:100%; float:left; line-height:34px; font-size:16px; color:#333}
.contactus_youshi ul li img{ margin-right:10px; vertical-align: middle}


.page_title{ width:260px; height:50px; overflow:hidden; margin:0  auto 40px; text-align:center}
.page_title dl{ width:auto; float:left; font-size:32px; color:#FFA500; font-weight:bold; line-height:50px; text-align: center}
.page_title dt{ width:8px; height:13px; margin:27px 12px; float:left;}
.page_title dd{ width:auto; font-size:18px; color:#FFA500; font-weight:bold; float:left; line-height:30px; margin-top:20px; text-transform:uppercase;}
.page_title dt img{ width:100%;}



/*分页*/

.newspage {
    text-align: center;
    width: 100%;
}
.newsdetail {
    padding: 70px 0px;
    align-items: flex-start;
}
.newsde_l {
    width: 70%;
    height: auto;
}
.newsde_ltime {
    width: 100%;
    padding-bottom: 20px;
}
.newsdel_left p {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}
.newsdel_left p a {
    color: #0146ad;
}
.newsdel_left p span {
    margin: 0px 5px;
}
.newsdel_left p i {
    font-style: normal;
}
.newsde_l h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}
.newsdel_right a {
    margin-left: 10px;
}
.newsdel_right img {
    height: 22px;
    filter: brightness(200%) grayscale(200%);
}
.newsdel_right img:hover {
    filter: unset;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
   
background-image: linear-gradient(rgba(255, 186, 0, 1), rgba(255, 162, 1));
color:#FFF
}
.pagination > li > a,
.pagination > li > span {
    color: #0146ad;
}
.detailpage {
    width: 100%;
}
.detailpage h2 {
    text-align: center;
}

.procon1_item {
    align-items: flex-start;
}
.procontent_1 {
    width: 100%;
    background-color: #f9fafc;
    position: relative;
    overflow: hidden;
    padding: 50px 0;
}
.procontent1_l {
    width: 55%;
    height: 550px;
}
.procontent1_l .gallery-top {
    height: 75%;
    width: 100%;
}
.procontent1_l .gallery-thumbs {
    height: 25%;
    box-sizing: border-box;
    padding: 10px 0;
}
.procontent1_l .swiper-slide {
    background: none;
}
.procontent1_l .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.procontent1_l .gallery-thumbs .swiper-slide {
    height: 100%;
    border-bottom: 3px solid #006ee3;
    opacity: 0.4;
    /*transition: all .5s;*/
}
.procontent1_l .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.procontent1_r {
    width: 40%;
}
.procont_ltop h2 {
    font-size: 28px;
    color: #333333;
}
.procont_ltop p {
    letter-spacing: 1px;
    margin-top: 10px;
    font-size: 16px;
    color: #333333;
}
.procont_lbot {
    margin-top: 30px;
    background-color: #f2f3f5;
    border-radius: 10px;
    padding: 20px;
}
.procont_lbot p {
    font-size: 15px;
    line-height: 30px;
}

.procontent_zx {
    margin-top: 100px;
}
.procontent_zx a {
    width: 165px;
    height: 50px;
    transition: all 0.5s;
    justify-content: center;
    background-color: #282828;
}
.procontent_zx a img {
    height: 20px;
    margin-right: 10px;
}
.procontent_zx a span {
    font-size: 14px;
    color: #ffffff;
}
.procontent_zx a:hover {
    background-color: #00448e;
}
.procontent_zx a:hover img {
    margin-right: 15px;
}

.procontent_2 {
    background-color: #ffffff;
    padding-bottom: 100px;
}
.prodecon_item {
    width: 100%;
    padding: 30px;
}
.procon2_top {
    border-bottom: 1px solid #dfdede;
}
.procon2_top ul {
    justify-content: center;
}
.procon2_top ul li {
    margin: 0px 60px;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
}
.procon2_top ul li a {
    line-height: 90px;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
}
.procon2_top ul li:hover {
    border-bottom: 3px solid #000000;
}
.prodecon_itemcon {
    margin-top: 30px;
}
.prodecon_itemcon p {
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}
.prodecon_itemcon img {
    margin: 5px 0px;
}
.prodecon_title h3 {
    font-size: 26px;
    font-weight: bold;
}
.proxgtjlist {
    position: relative;
}
.proxgtjswiper {
    margin-top: 30px;
}
.proxgtjswiper .swiper-slide {
    display: block;
    position: relative;
}
.proxgtj_liimg img {
    width: 100%;
    height: 270px;
    object-fit: cover;
}
.proxgtj_lides {
    position: absolute;
    top: 300px;
    left: 0px;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    transition: all 0.5s;
    background-color: #0146ad;
}
.proxgtj_lides h3 {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 15px;
}
.proxgtj_lides p {
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
}
.proxgtjswiper .swiper-slide:hover .proxgtj_lides {
    top: 0px;
}

.detags {
    margin: 40px 0px 0px;
}
.detags p {
    font-size: 14px;
}
.detags p a {
    font-size: 14px;
    margin: 0px 5px;
}

.search-empty {
    width: 100%;
    text-align: center;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
ul {
    list-style: none;
}
.pagination>li {
    display: inline;
	color: #777;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #fff;
background-image: linear-gradient(rgba(255, 186, 0, 1), rgba(255, 162, 1));
}
.pagination > li > a, .pagination > li > span {
    color: #0146ad;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #777;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.jumpto{ display:none}