/*-----  全局  ----*/



::-webkit-scrollbar {

width: 8px;

}

::-webkit-scrollbar-thumb {

background-color:#008AD0;

}



.clear{clear:both;}

*{margin:0px;padding:0px; border-width:0;box-sizing:border-box;}

html{overflow-x:hidden; }

body{font-size:14px;font-family: Arial, "Microsoft YaHei";}

@media (max-width: 1000px) {

body{font-size:14px;font-family: Arial, "Microsoft YaHei"; text-transform:capitalize; width:1280px; margin:0 auto }	

}



a,a:visited{text-decoration:none;color:#555;}

a:hover,a:active{text-decoration:none;color:#555;}

ul li{list-style:none;}

/*通用*/

/*通用*/

.w1440{ width:1440px; margin:0 auto; height:auto}

.w1200{ width:1200px; margin:0 auto;}

.w800{ width:800px; margin:0 auto;}

.w400{ width:400px !important; margin:0 auto;}

.w360{ width:360px;  margin:0 auto;}

.w722{ width:722px; margin:0 auto;}

.mt10{ margin-top:10px !important;}

.mt20{ margin-top:20px !important;}

.mt30{ margin-top:30px !important;}

.mt40{ margin-top:40px !important;}

.mt50{ margin-top:50px !important;}

.mt60{ margin-top:60px !important;}

.mt70{ margin-top:70px !important;}

.mt80{ margin-top:80px !important;}

.mb40{ margin-bottom:40px !important;}

.mb50{ margin-bottom:50px !important}

.mb80{ margin-bottom:80px !important}

.mt100{ margin-top:100px}

.mt130{ margin-top:130px !important}

.mt260{ margin-top:260px !important}

.pt50{ padding-top:50px}

.pt100{ padding-top:100px}

.pt200{ padding-top:200px}

.w50%{ width:50%}

.center{ text-align:center}

.join img{ padding:0; margin:0; display:block; vertical-align:top; }

.clear {

    clear: both;

}



/*头部*/

#head{ position:fixed; top:0; z-index:3; background:#FFF; width:100%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);}

.head{ padding:20px 0 20px 0; height:100px; margin:0 auto !important}

.logo{float:left; height:60px; width:177px}

.logo img{ width:100%;  height:60px}

.nav{ width:950px; float:left; position:relative;    display: flex;

   justify-content: center;}

.nav ul{}

.nav ul li{ width:auto; padding:10px 15px 0; float:left; line-height:76px; font-size:16px; position:relative; height:100px; margin-top:-16px}

.nav ul li a{ color:#212121; display:block;}

.nav ul li.on a,.nav ul li a:hover{ color:#000; font-weight:bold;  text-decoration:none}

.nav ul li.on a:after, .nav ul li a:hover:after{

    content: '';

    width:30px;

    height:2px;

    background-color:#008AD0;

    position: absolute;

    bottom:30px;

    left:50%;

	 transform: translateX(-50%);

}

/*下拉*/

.nav ul li ul{visibility:hidden;width:300%; position:absolute; top:100px; z-index:999999; background: rgba(255,255,255,.7) none repeat scroll 0 0!important; left:-94%; box-shadow: 1px 1px 5px #999; text-align:center; border-radius:0px; padding:0px 0;}

.nav ul li:hover ul{visibility:visible;}

.nav ul li:hover ul li{ padding:0; width:100%; height:56px; line-height:70px; }

.nav ul li:hover ul li a{ border-bottom:2px #fff solid; height:56px; line-height:70px;  width:100%; display:block; border-bottom:1px #999999  solid;}



.nav ul li ul li a:hover{ border-bottom:2px #008AD0 solid;}



.nav ul li ul li .on a:after, .nav ul li ul li a:after{

    content: '';

    width:0px;

    height:0px;

    background: none;

    position: absolute;

    bottom:0px;

    left:50%;

	display:none !important;

	 transform: translateX(-50%);

}



.nav ul li ul li.on a, .nav ul li ul li a{  color:#212121 !important; font-weight:100 !important;  text-decoration:none}

.nav ul li ul li.on a:hover, .nav ul li ul li a:hover{  color:#212121 !important; font-weight:900 !important;  text-decoration:none}

.en{ width:70px; float:right; margin-top:20px;}

.en .ico{ width:24px; float:left;}

.en .ico img{ max-width:100%;}

.en .text_cn{ width:35px; font-size:19px; color:#000; border-right:1px #000 solid; float:left; height:20px; line-height:20px; text-align:left; margin-top:2px; padding-right:10px}
.en .text_cn a{ color:#000;}
.en .text_cn a:hover{ color:#008AD0; text-decoration:none}
.en .text_cn:nth-child(2){ border-right: none;  padding-right:0px;  padding-left:7px}



/*轮播*/

.banner{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:100px}

.main_content {width:920px;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; margin-top:100px}

.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%;}



/*关于*/

.more{ width:130px; height:auto; overflow:hidden; float:right}

.more-l{ width: 130px;

    height: 40px;

    border: 1px solid #008AD0;

    text-align: center;

    line-height: 38px;

    border-radius: 8px;

    -webkit-transition: 0.3s ease 0s; 

	margin-top:0px;

	}

.more-l a{ color: #008AD0;

    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}



.cont p{ line-height:36px; font-size:18px; color:#666; font-weight:600}



.comnum{ width:100%; float:left; height: auto !important; display:block }

.comnum li{ float:left; text-align:left; width:20%; height:120px;  padding-top:10px; position:relative; color:#008AD0; margin-right:6%}

.comnum li:last-child{ float:right; text-align:left; width:12%; height:120px;  padding-top:10px; position:relative; color:#008AD0 ; margin-right:0%}

.comnum li:first-child{ float:left; text-align:left; width:25%; height:120px;  padding-top:10px; position:relative; color:#008AD0 }

.comnum li:nth-child(3){ margin-left:5%}

/*.comnum li:nth-last-child(1){ border-right:1px dotted #bcbcbc;}*/

.comnum li p:nth-child(2){ font-size:15px; font-weight:lighter; color:#666666; margin-top:14px; text-align:left}

.comnum strong{ font-size:50px; color:#008AD0; font-family:impact, Arial, Helvetica, sans-serif; line-height:50px; margin-right:6px}

.comnum li i{ display:inline-block; width:18px; height:18px;  margin-left:0px; color:#008AD0; font-size:15px; line-height:18px; position:absolute; top:0; font-weight:bold; font-style: normal;}

.comnum li span{ color:#212121; font-size:15px; line-height:18px; font-weight:600; color:#008AD0;}



.about{height:auto; width:100%; overflow:hidden; background:url(../images/aboutbg.png) no-repeat center top; padding-top:0px;}

.insabout .tit{color:#000; font-weight:900; font-size:42px; line-height:80px}

.about .left{ width:256px; float:left;}

.about .left .title{ width:100%; height:auto; overflow:hidden; margin-bottom:40px;}

.about .left .title dd{ width:100%; font-size:48px; color:#fff; font-weight:bold; float:left; line-height:50px; text-transform:uppercase;}

.about .left .title dl{ width:100%; float:left; font-size:33px; color:#fff; line-height:80px;}

.about .left .title dt{ width:38px; height:32px; float:left; margin-top:400px;}

.about .left .title dt img{ width:100%;}

.about .left p{ line-height:30px; color:#333333; font-size:16px; margin:30px 0;}

.about .right{ width:750px; float:right; height:auto; overflow:hidden;}

.about .right img{ width:100%; -webkit-transition:0.3s ease 0s;}

.about .right:hover img{-webkit-transform: scale(1.01); transform: scale(1.01); -webkit-transition : 0.3s ease 0s;}

.about .right p{ font-size:14px; line-height:30px; margin-top:30px; color:#fff; display:none}

.about .right p:nth-of-type(1){ display: block !important}

.about .more{ width:100%; height:auto; overflow:hidden;}

.about .more-l{ width:128px; height:44px; border:1px #fff solid; border-radius:3px; text-align:center; line-height:40px; float:left; -webkit-transition : 0.3s ease 0s; margin-top:30px;}

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

.about .more-l:hover{ background-color:#E50012; border:1px #E50012 solid; -webkit-transition : 0.3s ease 0s; font-size:16px; }



.about .honor{ width:100%; height:auto; overflow:hidden;}

.about .honor ul{ width:100%;}

.about .honor ul li{ width:calc(33.33333333% - 15px); float:left; margin-right:20px; overflow:hidden;}

.about .honor ul li p{ text-align:center; line-height:42px; font-size:16px; font-weight:600}

.about .honor ul li:nth-child(3n){ float:right; margin-right:0;}

.about .honor ul li img{ width:100%; -webkit-transition : 0.3s ease 0s;}

.about .honor ul li:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}

.about .honor ul li a:hover{ color:#F00 !important }



/*业务范围*/

#fuwu{height:970px;  background:url(../images/fuwu_bg.jpg) no-repeat center top; width:100%; margin-top:100px }

.fuwu{ margin-top:100px;}

.fuwu .title{ width:100%; margin:0 auto; height: auto; overflow:hidden; text-align:center}

.fuwu .title dl{ width:100%; float:left; font-size:40px; color:#000; font-weight:bold; line-height:60px; text-align:center}

.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:520px; 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:15px; color:#333333; line-height:28px; font-weight:bold; padding:16px 20px; background:#FFF; height:84px}

.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%;}





/*工程案例*/

.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:40px; 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:#008AD0; 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:15px;   }

.caselist .tab a{ display:block; padding:10px 20px; 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:#008AD0; color:#fff; text-decoration:none;}

.caselist .tab a.on{ background:#008AD0; 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:#E50012; font-weight:bold;}



/*案例*/

.index_case{ width:1300px; 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:500px; margin:0 auto; margin-bottom:0px; margin-top:40px;}

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

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





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

.index_case .ladyScroll dl{float:left;width:600px;text-align:center;position:relative; height:500px !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:570px;overflow:hidden;  height:416px !important; padding:0 20px}

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

    margin-left: 50%;

 

    transform: translateX(-50%);}

.index_case .ladyScroll  dd{width:570px;height:70px;line-height:26px;font-size:20px;color:#fff;text-align:left;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:#212121; font-size:16px; font-weight:600  }

.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;}



/*调色系统*/

.diaose{background:url(../images/diaose_bg.jpg) no-repeat center top; height:650px; width:100%; float:left; position:relative}

.diaose h2{ font-size:42px; color:#212121}

.diaose p{ font-size:18px; color:#212121; line-height:46px; font-weight:600; letter-spacing:1px;}

.diaose .more{ width:130px; height:auto; overflow:hidden; float:right}

.diaose .more-l{ width: 130px;

    height: 40px;

	background:#008AD0;

    text-align: center;

    line-height: 38px;

    border-radius: 8px;

    -webkit-transition: 0.3s ease 0s; 

	margin-top:0px;

	

	}

.diaose .more-l a{ color: #fff;

    display: block;

    text-align: center;

	font-size:16px;



	

	}

.diaose .more-l a:hover{color:#fff;

background:#DD2920;

 border-radius: 8px;

 border:none

}

.diaose .more-l:hover{-webkit-transition : 0.3s ease 0s; color:#fff !important}



/*内页视频*/

.page_video{  height:auto; width:100%;}

.page_video .title{ width:100%; margin:0 auto; height:50px; overflow:hidden; text-align:left; color:#008AD0}

.page_video ul{ width:100%;}

.page_video ul li{ width:380px; float:left; margin-right:30px; margin-bottom:10px;}

.page_video ul li:hover{box-shadow:-1px 15px 25px #e9e9e9;}

.page_video ul li:nth-child(3n){ float:right; margin-right:0 !important;}

.page_video ul li dl{ width:380px; margin:0 auto; height:240px; overflow:hidden;}

.page_video ul li dl img{ width:100%; -webkit-transition : 0.3s ease 0s;}

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

.page_video ul li dt{ font-size:18px; color:#444; line-height:30px; font-weight:bold; padding:20px; text-align:center}

.page_video ul li dd{ font-size:16px; color:#666666; padding:0 20px; line-height:30px; height:60px;}

.page_video ul li .more{ padding:20px; line-height:25px; font-size:14px; color:#006cb9; width:100px; overflow:hidden; position:relative;}

.page_video ul li .more dl{ width:18px; position: absolute; right:0; top:23px; overflow:hidden;}

.page_video 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;}

.page_video 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;}

.page_video ul li:nth-child(8){width:790px; float:right; margin-right:0; margin-bottom:100px;}

.page_video ul li:nth-child(8) dl{ width:100%; height:403px;}

.page_video 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:16px; color:#333; line-height:30px;}

.aboutus .left dt p{ font-size:16px; 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:left; 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_licheng{ background: url(../images/licheng_bg.jpg) center; height:880px; overflow:hidden;}



/*内页经营理念*/

.jingyinglinian{  }

.jingyinglinian .title{ width:250px; margin:0 auto; height:50px; overflow:hidden;}

.jingyinglinian .title dl{ width:auto; float:left; font-size:32px; color:#006cb9; font-weight:bold; line-height:50px;}

.jingyinglinian .title dt{ width:8px; height:13px; margin:27px 12px; float:left;}

.jingyinglinian .title dd{ width:auto; font-size:18px; color:#006cb9; font-weight:bold; float:left; line-height:30px; margin-top:20px; text-transform:uppercase;}

.jingyinglinian .title dt img{ width:100%;}

.jingyinglinian .text{ width:100%; line-height:35px; font-size:16px; color:#666666; text-align: center;}

.jingyinglinian ul{ width:100%; margin-top:0px;}

.jingyinglinian ul li{ width:580px; float:left; margin-right:30px; margin-bottom:30px; position:relative; height:300px}

.jingyinglinian ul li:hover{box-shadow:-1px 15px 25px #e9e9e9;}

.jingyinglinian ul li:nth-child(2n){  margin-right:0;}

.jingyinglinian ul li dl{ width:580px; margin:0 auto; overflow:hidden;  position:relative; display: inline-block; }

.jingyinglinian ul li .before{background: rgba(0, 0, 0, 0.2);position:absolute; bottom:0; left:0; top:0; z-index:1 !important; width:100%; height:100%}

.jingyinglinian ul li dl img{ width:100%; -webkit-transition : 0.3s ease 0s; z-index:2;   height:100%}

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

.jingyinglinian ul li dt{ font-size:22px; color:#fff; line-height:30px; font-weight:bold;   position:absolute; bottom:16px; text-indent:1em; z-index:1}

.jingyinglinian ul li dd{ font-size:16px; color:#666666;  line-height:30px; height:60px;}



/*内页荣誉证书*/

.contact_fuwu .honor{ width:100%; height:auto; overflow:hidden;}

.contact_fuwu .honor ul{ width:100%;}

.contact_fuwu .honor ul li{ width:calc(25% - 15px); float:left; margin-right:20px; overflow:hidden;}

.contact_fuwu .honor ul li p{ text-align:center; line-height:36px}

.contact_fuwu .honor ul li:nth-child(4n){ float:right; margin-right:0;}

.contact_fuwu .honor ul li img{ width:100%; -webkit-transition : 0.3s ease 0s;}

.contact_fuwu .honor ul li:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}

.contact_fuwu .honor ul li a{ font-size:16px; line-height:36px}

.contact_fuwu .honor ul li a:hover{ color:#008AD0 !important }









/*内页优势*/

.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;}



/*新闻动态*/

.home_news{overflow:hidden; margin-top:100px; padding-top:60px}

.home_news .title{ width:100%; height:50px; overflow:hidden; margin-bottom:50px}

.home_news .title dl{ width:auto; float:left; font-size:32px; color:#000; font-weight:bold; line-height:50px;}

.home_news .title dt{ width:8px; height:13px; margin:23px 12px; float:left; color:#008AD0;}

.home_news .title dd{ width:auto; font-size:18px; color:#008AD0; font-weight:bold; float:left; line-height:30px; margin-top:20px; text-transform:uppercase;}

.home_news .title dt img{ width:100%;}

.home_news .title .more{ width:130px; height:40px; background-color:#fff; border:1px #008AD0 solid; text-align:center; line-height:40px; border-radius:5px; -webkit-transition : 0.3s ease 0s; float:right; margin-top:10px;}

.home_news .title .more a{ color:#008AD0; display:block; font-size:16px; font-weight:600}

.home_news .title .more:hover{ background-color:#008AD0; -webkit-transition : 0.3s ease 0s;}

.home_news .title .more:hover a{ color:#fff;}

ul.i_news_list li{ line-height:1.5em; padding-bottom:0px; margin:0 0 35px; border-bottom:1px #f3f3f3 solid; width:100%; float:left}

ul.i_news_list li:last-child{ margin-bottom:0}

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:18px; 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:#333;  }

ul.i_news_list li h3 a:hover{ color:#008AD0; }

ul.i_news_list li .n_info{ width:70%}
  ul.i_news_list li .n_info h3{text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;}
    ul.i_news_list li .n_info p{    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;}

ul.i_news_list li p{ color:#666; padding:10px 0; font-size:14px; padding-left:98px; width:100%; font-size:14px; line-height:30px}



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



/*新闻动态*/

.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:#021F55; 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:20px; margin-top:0px}

.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 .right .tel{ font-size:32px; font-weight:900; line-height:60px; width:384px; float:left; }

.foot .right .tel p{ font-size:14px; font-weight:normal; margin:0;}





.foot .left .fx{ width:100%; height:40px;}

.foot .left dd{ width:37px; float:left; margin-right:18px; float:left;}

.foot .left dd img{ width:100%; -webkit-transition : 0.3s ease 0s;  transition: transform 1s;}

.foot .left dd:hover img{/*-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;*/ transform: rotate(360deg); }

.foot .left .copy{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#fff; line-height:2; margin-top:12px;}

.foot .left .copy a{ color:#fff;}

.foot .left .copy a:hover{ color:#999999}

.foot .right{ width:735px; float:right;}

.foot .right .footnav{ height:60px; line-height:40px; border-bottom:1px #4D6288 solid; overflow:hidden; margin-bottom:18px;}

.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:#e52029;}

.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:260px; float:right; margin-top:13px}

.foot .right .fr dl{ width:110px; 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;  border-radius:14px;}

.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:60px; 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:40px; font-size:16px; color:#333}

.contactus_youshi ul li img{ margin-right:10px; vertical-align: middle; margin-top:-5px}





.page_title{ width: auto; height: auto; overflow:hidden; margin:0  auto 0px; text-align:center;   display: flex;

   justify-content: center;}

.page_title dl{ width:auto; float:left; font-size:40px; color:#000; font-weight:bold; line-height:50px; text-align: center}

.page_title dt{ width:10px; height:20px; margin:25px 12px; float:left;} 

.page_title dd{ width:auto; font-size:24px; color:#008AD0; font-weight:900; float:left; line-height:30px; margin-top:20px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}

.page_title dt img{ width:100%;}



.unit_title {

	width: 100%;

	text-align: center;

	font-size: 1.846em;

	font-weight: 700;

	color: #f48201;

	margin: 20px 0 0;

	padding-bottom: 20px

}

.unit_box {

	width: 100%;

	max-width: 1200px;

	border-bottom: 1px solid #e5e5e5;

	border-top: 1px solid #e5e5e5;

	margin-bottom: 20px

}

.unit_box ul {

	padding: 0;

	margin: 0;

	list-style: none

}

.unit_box ul li.current {

	width: calc(16.666666666666666666666666% - 4px);

	line-height: 50px;

	text-align: center;

	font-size: 1.1em;

	display: inline-block;

	position: relative;

	-webkit-transition: all 300ms;

	-moz-transition: all 300ms;

	-o-transition: all 300ms;

	-ms-transition: all 300ms;

	transition: all 300ms;

	color:#008AD0 !important

}

.unit_box ul li.current a {

	color:#008AD0 !important;

	border-top:3px solid #008AD0

}

.unit_box ul li.current a:before {

	width: 12px;

	height: 10px;

	position: absolute;

	right: calc(50% - 6px);

	bottom: 15px;

	content: url(../images/arrow.png);

}

.unit_box ul li {

	width: calc(16.666666666666666666666666% - 4px);

	line-height: 50px;

	text-align: center;

	font-size: 1.1em;

	display: inline-block;

	position: relative;

	-webkit-transition: all 300ms;

	-moz-transition: all 300ms;

	-o-transition: all 300ms;

	-ms-transition: all 300ms;

	transition: all 300ms

}

.unit_box ul li a {

	color: #333;

	font-weight: 700;

	display: block

}

.unit_box ul li:hover:before {

	width: 12px;

	height: 10px;

	position: absolute;

	right: calc(16.666666666666666666666666% - 6px);

	bottom: 15px;

	top:-3px !important;

	content: url(../images/arrow.png)

}

.unit_box ul li:nth-child(5):after {

	width: 0;

	height: 0

}

.unit_box ul li:hover {

	color:#008AD0 !important;

	border-top:3px solid #008AD0;

	margin-top:-3px

}

.unit_box ul li:hover a {

	color:#008AD0 !important;

}

.ellipsis{ width:33.3333333333333333333333333%; float:left}

@media screen and (min-width: 1025px) {

/*	.unit_box ul li:after {

		width: 1px;

		height: 15px;

		position: absolute;

		right: 0;

		top: calc(50% - 7px);

		background: #ccc;

		content: '';

		-webkit-transition: all 300ms;

		-moz-transition: all 300ms;

		-o-transition: all 300ms;

		-ms-transition: all 300ms;

		transition: all 300ms

	}*/

}

@media screen and (max-width: 1024px) {

	/* 手機+平板 */

	.unit_box ul {

		display: flex;

		flex-wrap: wrap;

	}

	.unit_box ul li.current,.unit_box ul li{

		width: 50%;

	}

}