/*-----  全局  ----*/
*{margin:0px;padding:0px; border-width:0;box-sizing:border-box;}
html{overflow-x:hidden; }
body{font-size:14px;font-family:"Microsoft YaHei";}
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;}
.w722{ width:722px; margin:0 auto;}
.mt30{ margin-top:30px !important;}
.mt50{ margin-top:50px !important;}
.mt80{ margin-top:80px !important;}

.mb50{ margin-bottom:50px !important}
.mt100{ margin-top:100px}
.mt130{ margin-top:130px !important}
.mt260{ margin-top:260px !important}
.w50%{ width:50%}
.center{ text-align:center}
.join img{ padding:0; margin:0; display:block; vertical-align:top; }

/*头部*/
.head{ padding:20px 0 25px 0; height:100px;}
.logo{ width:251px; float:left;}
.logo img{ width:100%;}
.nav{ width:800px; float:left; margin-left:40px;}
.nav ul{}
.nav ul li{ width:auto; padding:5px 20px; float:left; line-height:43px; font-size:16px; position:relative;}
.nav ul li a{ color:#4c4c4c; display:block;}
.nav ul li.on a,.nav ul li a:hover{ border-bottom:2px #f08300 solid; color:#006cb9; font-weight:bold;}
/*下拉*/
.nav ul li ul{visibility:hidden; position:absolute; top:45px; z-index:999999; background-color:#fff; left:0; box-shadow: 1px 1px 5px #888888; text-align:center; border-radius:3px; padding:3px 0;}
.nav ul li:hover ul{visibility:visible;}
.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 #f08300 solid;}

.en{ width:70px; float:right; margin-top:14px;}
.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:2px;}

/*轮播*/
.banner{ width:100%; height:auto; overflow:hidden; position:relative;}
.main_content {width: 1004px;margin: 0 auto 0px;position: relative;zoom: 1;}
.nf_hp_kv {margin: 0 -500px;position: relative;width: 2000px;}
.window {height: 600px;overflow: hidden;position: relative;width: 2000px;}
.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:#da0c0c}
.btn_prev{ left:0;}
.btn_next{right:0;}
.btn_prev, .btn_next { display:none;}

/*内页轮播*/
.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%;}

/*关于*/
.about{height:auto; overflow:hidden; margin-top:90px;}
.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:#006cb9; 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:#006cb9; 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:550px; float:right; height:360px; overflow:hidden; margin-top:60px;}
.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;}
.about .more-l{ width:130px; height:40px; background-color:#006cb9; 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:727px; height:100px; float:right; background-color:#006cb9; font-size:24px; color:#fff; text-align:right; padding:18px 30px;}
.about .more-r span{ font-size:14px;}

/*业务范围*/
.fuwu{ margin-top:100px; height:auto;}
.fuwu .title{ width:250px; margin:0 auto; height:50px; overflow:hidden;}
.fuwu .title dl{ width:auto; float:left; font-size:32px; color:#006cb9; font-weight:bold; line-height:50px;}
.fuwu .title dt{ width:8px; height:13px; margin:27px 12px; float:left;}
.fuwu .title dd{ width:auto; font-size:18px; color:#006cb9; font-weight:bold; float:left; line-height:30px; margin-top:20px; text-transform:uppercase;}
.fuwu .title dt img{ width:100%;}
.fuwu .text{ width:100%; line-height:35px; font-size:16px; color:#666666; text-align: center;}
.fuwu ul{ width:100%; margin-top:50px;}
.fuwu ul li{ width:380px; float:left; margin-right:30px; margin-bottom:30px;}
.fuwu ul li:hover{box-shadow:-1px 15px 25px #e9e9e9;}
.fuwu ul li:nth-child(3n){ float:right; margin-right:0;}
.fuwu ul li dl{ width:380px; margin:0 auto; height:210px; overflow:hidden;}
.fuwu ul li dl img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.fuwu ul li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}
.fuwu ul li dt{ font-size:22px; color:#333333; line-height:30px; font-weight:bold; padding:20px;}
.fuwu ul li dd{ font-size:16px; color:#666666; padding:0 20px; line-height:30px; height:60px;}
.fuwu ul li .more{ padding:20px; line-height:25px; font-size:14px; color:#006cb9; width:100px; overflow:hidden; position:relative;}
.fuwu ul li .more dl{ width:18px; position: absolute; right:0; top:23px; overflow:hidden;}
.fuwu ul li .more dl img{ width:16px; transition:all .3s; filter: drop-shadow(-18px 0 #f08300); -webkit-filter: drop-shadow(-18px 0 #f08300); position:absolute; right:0;}
.fuwu ul li:hover .more dl img{filter: drop-shadow(-18px 0 #f08300); -webkit-filter: drop-shadow(-18px 0 #f08300);transition:all .3s; position:absolute; right:-18px;}
.fuwu ul li:nth-child(8){width:790px; float:right; margin-right:0; margin-bottom:100px;}
.fuwu ul li:nth-child(8) dl{ width:100%; height:403px;}
.fuwu ul li:nth-child(8) img{width:100%;}

/*内页简介*/
.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:30px;}
.aboutus .left dt p{ font-size:14px; color:#333; line-height:30px;}
.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_youshi{ padding:90px 0 0px 0; overflow:hidden;}
.about_youshi ul{ width:100%; height:auto; display:block;}
.about_youshi ul li{ width:25%; float:left;}
.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:#006cb9; line-height:32px;}
.about_youshi ul li dt p{ font-size:14px; color:#4c4c4c; font-weight:500; line-height:28px;}
.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:#006cb9; 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;}
.news .title{ width:100%; height:50px; overflow:hidden;}
.news .title dl{ width:auto; float:left; font-size:32px; color:#006cb9; font-weight:bold; line-height:50px;}
.news .title dt{ width:8px; height:13px; margin:27px 12px; float:left;}
.news .title dd{ width:auto; font-size:18px; color:#006cb9; 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:#006cb9; text-align:center; line-height:40px; border-radius:20px; -webkit-transition : 0.3s ease 0s; float:right; margin-top:10px;}
.news .title .more a{ color:#fff; display:block;}
.news .title .more:hover{ background-color:#f08300; -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:#006cb9; -webkit-transition : 0.3s ease 0s;}

/*底部*/
.foot{ width:100%; background-color:#006cb9; margin-top:100px; padding:50px 0 30px; overflow:hidden; color:#fff;}
.ly{ width:100%; height:auto; overflow:hidden; border-bottom:1px #4c98ce solid; margin-bottom:30px;}
.lytitle{width:100px; font-size:32px; color:#fff; font-weight:bold; float:left;}
.mail{width:1100px; float:right; margin-bottom:30px; float:right;}
.mail .w33{ width:316px; float:left; margin-right:16px;}
.mail textarea{ width:980px; float:left;}
.mail .submit{ width:95px; height:35px; float:right; border:1px #96c2e2 solid; border-radius:5px; background:none; color:#fff; cursor:pointer;-webkit-transition : 0.3s ease 0s; margin-top:64px;}
.mail .submit:hover{ background-color:#f08300; border:1px #f08300 solid;-webkit-transition : 0.3s ease 0s;}
input,textarea{ border:0px;
	border-radius:0px;
	-webkit-border-radius:0px;   /*圆角，针对苹果浏览器写的兼容*/
	height:50px; line-height:50px; width:100%; padding:0 10px; margin-bottom:10px; background-color:#4c98ce;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ /*WebKit browsers*/
font-size:14px; line-height:50px; color:#fff;
}
input::-moz-input-placeholder,textarea::-webkit-input-placeholder{ /*Mozilla Firefox*/
font-size:14px; line-height:50px; color:#fff;
}
input::-ms-input-placeholder,textarea::-webkit-input-placeholder{ /*Internet Explorer*/ 
font-size:14px; line-height:50px; color:#fff;
}

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


.foot .left{ width:384px; float:left;}
.foot .left dl{ width:100%; margin-bottom:10px;}
.foot .left dl img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.foot .left dl: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:40px;}
.foot .left .tel p{ font-size:14px; font-weight:normal; margin:5px 0;}
.foot .right .fx{ width:100%; height:40px; overflow:hidden;}
.foot .right dd{ width:40px; float:left; margin-right:20px; float:left;}
.foot .right dd img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.foot .right dd:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}
.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 #4c98ce solid; overflow:hidden; margin-bottom:25px;}
.foot .right .footnav li{ width:auto; margin:0 18px; float:left;}
.foot .right .footnav li a{ color:#fff;}
.foot .right .footnav li a:hover{ color:#999999;}
.foot .right .fl{ width:360px; 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:200px; float:right;}
.foot .right .fr dl{ width:80px; text-align:center; line-height:30px; color:#fff; float:left; margin-left:20px;}
.foot .right .fr dl img{ width:100%;}

/*内页联系*/
.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:#006cb9; 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:#006cb9; font-weight:bold; float:left; line-height:30px; margin-top:20px; text-transform:uppercase;}
.page_title dt img{ width:100%;}