/*-----  全局  ----*/
*{margin:0px;padding:0px; border-width:0;box-sizing:border-box;  text-transform:capitalize}
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:#333333;}
a:hover,a:active{text-decoration:none;color:#0067D0;}
ul li{list-style:none;}
/*通用*/
/*通用*/
#content {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}



.w100%{width: 100%;}
.w1500{ width:1500px; margin:0 auto; height:auto}
.w1440{ width:1440px; margin:0 auto; height:auto}
.w1300{ width:1300px; margin:0 auto !important; height:auto}
.w1200{ width:1200px; margin:0 auto !important; height:auto}
.w722{ width:722px; margin:0 auto;}
.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;}
.mb20{ margin-bottom:20px !important}
.mb30{ margin-bottom:30px !important}
.mb40{ margin-bottom:40px !important}
.mb50{ margin-bottom:50px !important}
.mb80{ margin-bottom:80px !important}
.mb100{ margin-bottom:100px !important}
.mb110{ margin-bottom:110px !important}
.mb120{ margin-bottom:120px !important}
.mb130{ margin-bottom:130px !important}
.mt120{ margin-top:120px}
.mt100{ margin-top:100px}
.mt130{ margin-top:130px !important}
.mt260{ margin-top:260px !important}
.w50%{ width:50%}
.center{ text-align:center}
.clear{clear:both;}
.join img{ padding:0; margin:0; display:block; vertical-align:top; }

/*头部*/
.header{    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    transition: all .3s;
  }
.head{ padding:15px 0 15px 0; height:104px; margin:0 auto; position:relative;}
.header.fix {
    background-color:#003873;
}
.logo{ width:166px; float:left;}

.logo img{ width:100%;}
.nav{ width:1000px; float:right; margin-top:10px;}
.nav ul{ text-align:right}
.nav ul li{ width:auto; padding:5px 20px; float:left; line-height:40px; font-size:16px; position:relative;}
.nav ul li a{ color:#fff; display:block;}
.nav ul li.on a,.nav ul li a:hover{ border-bottom:2px #fff solid; color:#fff; 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%;}
.right-align {
  display: flex;
  justify-content: flex-end; /* 右对齐 */
  list-style-type: none; /* 如果需要移除列表项前的默认标记 */
  padding: 0; /* 移除默认的padding */
}
.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: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:2px;}

/*轮播*/
.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: 898px;overflow: hidden;position: relative;width:1920px;}
.kv_item {height: 898px;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:#fff;}
.js_nav li.active a, .js_nav li a:hover {background:#0067D0}
.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: 898px;overflow: hidden;position: relative;width: 2000px;}
.page_banner .kv_item {height:898px;overflow: hidden;/*padding: 0 500px;*/position: absolute;width: 100%;}

.contact_fuwu{ margin-top:70px; height:auto; overflow:hidden;}

.contact_fuwu1 .title{ width:100%; height:100px; overflow:hidden; position:relative; text-align:center;     display: flex;
   justify-content: center; }
.contact_fuwu1 .title dl{ position: absolute; z-index:1; font-size:38px;  color:#ededed; 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:#003873; height:55px; position: absolute; z-index:5; float:left; text-align:center}
.contact_fuwu1 .title dt:after{content:''; width:60px; height:4px; background-color:#B48F5C; 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:#0067D0; 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;}
/*关于*/
/*内页简介*/
.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;}
.insabout .more{ width:100%; height:auto; overflow:hidden;}
.insabout .more-l{ width: 130px;
    height: 40px;
    border: 1px solid #0067D0;
    text-align: center;
    line-height: 38px;
    border-radius: 20px;
    -webkit-transition: 0.3s ease 0s; margin-top:30px;}
.insabout .more-l a{    color: #0067D0;
    display: block;
    text-align: center;}
	.insabout .more-l a:hover{color: #fff;
}
.insabout .more-l:hover{ background-color:#f08300; -webkit-transition : 0.3s ease 0s; border: 1px solid #f08300; color:#FFF !important}

.comnum{ width:100%; float:left;     display: flex;
   justify-content: center; margin-left:-50px}
.comnum li{ float:left; text-align:left; width:25%; height:120px;  padding-top:10px; position:relative}
/*.comnum li:nth-last-child(1){ border-right:1px dotted #bcbcbc;}*/
.comnum li p:nth-child(3){ font-size:15px; font-weight:lighter; color:#666666; margin-top:0px; text-align:left}
.comnum li p{ font-size:18px; font-weight:lighter; color:#333; margin-top:5px; text-align: center; font-weight:600}
.comnum strong{ font-size:50px; color:#212121; font-family:Arial, Helvetica, sans-serif; line-height:50px; margin-right:6px; background: linear-gradient(to right, #0065cf, #009fe8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; font-weight:600}
.comnum li i{ display:inline-block; width:18px; height:18px;  margin-left:0px; color:#212121; font-size:18px; line-height:18px; position:absolute; top:20px; font-weight:bold; font-style: normal;background: linear-gradient(to right, #0065cf, #009fe8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.comnum li span{ color:#212121; font-size:15px; line-height:18px; font-weight:600;}

.about{height:auto; width:100%; overflow:hidden; background:url(../images/aboutbg.png) no-repeat center top; padding-top:0px;}
.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:#0067D0; border:1px #0067D0 solid; -webkit-transition : 0.3s ease 0s; font-size:16px; }
*/

.index_about_more .more{ width:100%; height:auto; overflow:hidden;}
.index_about_more .more-l{ width:150px; height:40px !important; background: linear-gradient(to right, #0065cf, #009fe8); text-align:center; line-height:40px; float:left; border:none; border-radius:0px; -webkit-transition : 0.6s ease 0s; margin-top:28px;}
.index_about_more .more-l a{ color:#fff; display:block;}
.index_about_more .more-l:hover{  background: linear-gradient(to right, red, orange); -webkit-transition : 0.6s ease 0s;  border:none;}
.index_about_more .more-r{ width:727px; height:100px; float:right; background-color:#006cb9; font-size:24px; color:#fff; text-align:right; padding:18px 30px;}
.index_about_more .more-r span{ font-size:14px;}


.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:#0067D0 !important }


/*总经理致辞*/
.insabout
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.insabout .zuo
{
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	padding-left:400px;
	padding-top:140px;
	position:relative
}
.insabout .zuo .tit
{
	font-size:34px;
	line-height:34px;
	color:#0067D0
}
.insabout .zuo .line
{
    width: 30px;
    height: 4px;
    background: linear-gradient(to right, #0065cf, #009fe8);
	margin-top:43px;
	
}
.insabout .zuo p.title
{
    font-size: 16px;
    color: #212121;
    float: left;
    line-height:36px;
	font-weight:400
}
.insabout .zuo .cont
{
	font-size:15px;
	line-height:32px;

	margin-top:40px;
}
.insabout .zuo .cont p
{
	font-size:15px;
	line-height:26px;
	color:#333;
	padding-right:30px

}
.insabout .zuo .shuzi
{
	position:absolute;
	top:65px; left:130px;
	font-size:100px; color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100

}
.insabout .you
{
	width:50%;
	height:auto;
	float:right;
	overflow:hidden;
	padding-top:25px;
}
.insabout .you img
{
	width:100%;
	height:auto;

}
.contact .title dl {
    font-size: 32px;
    color: #212121;
    font-weight: bold;
    position: relative;
    height:60px;
	text-align:center;
	position:relative;
}
/*
.contact .title dl:after {
    content: '';
    width:63px;
    height:4px;
    background-color: #456FB9;
    position: absolute;
    left: 50%;
    bottom: 0;
	margin-left:-31px
}*/


/*内页优势*/
.about_youshi{ padding:90px 0 0px 0; overflow:hidden; position:relative; height:760px; z-index:1}
.about_youshi ul{ width:90%; height:120px; position:absolute; top:626px; background: linear-gradient(to right,#0065cf, #009fe8); left:5%; border-radius:20px; z-index:9; padding:30px 0px 0 70px}
.about_youshi ul li{ width:33.3333333333333%; float:left;     display: flex;
   justify-content: center; }
   
.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:#fff; line-height:32px;}
.about_youshi ul li dt p{ font-size:14px; color:#fff; font-weight:500; line-height:24px; margin-top:6px}
.about_youshi ul li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}

/*产品中心*/
.pro{ width:100%; height:auto; overflow:hidden; padding-top:100px; background-color:#f6f9ff; padding-bottom:80px;}
.prolist{ width:1440px; 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:#0067D0; 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:#0067D0;}
.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 #0067D0 solid; margin:0 7px;}
.prolist .tab a:hover{ background:#0067D0; color:#fff; text-decoration:none;}
.prolist .tab a.on{ background:#0067D0; color:#fff; text-decoration:none;}
.prolist .tab dl{display:block; line-height:35px; float:right; text-decoration:none; color:#0067D0; border-radius:3px; font-size:40px;}

.prolist .procontent{ width:1440px; height:720px; margin-top:50px; overflow:hidden; position:relative;}
.prolist .procontent ul{ position:absolute; left:0; top:0; height:100px;}
.prolist .procontent li{ width:1440px; 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:#0067D0; font-weight:bold;}

/**/
.page_title{ width:100%; height:80px; overflow:hidden; position:relative;}
.page_title dl{ position: absolute; z-index:1; font-size:38px;  color:#ededed; font-weight:bold; float:left; line-height:80px; text-transform:uppercase;}
.page_title dt{ font-size:32px; font-weight:bold; color:#0067D0; height:55px; position: absolute; z-index:5; float:left;}
.page_title dt:after{content:''; width:60px; height:4px; background-color:#e52029; position:absolute; bottom:0; left:0;}
.page_title dd{ float:right; font-size:16px; margin-top:35px;}


/*推荐产品*/
.product{ height:auto; overflow:hidden; padding-top:50px;}
.product ul{}
.product ul li{ width:285px; height:auto; overflow:hidden; text-align:center; float:left; margin-right:20px; margin-bottom:10px; position:relative}
.product ul li:nth-child(4n){ float:right; margin-right:0;}
.product ul li dl{ width:100%; height:285px; overflow:hidden;}
.product ul li dl img{ width:100%; -webkit-transition : 0.3s ease 0s;


}
.product ul li dl:before {
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom;
    transition: 0.5s;
    z-index: 2;
	background:url(../images/jia.png) rgba(1, 143, 215, 0.8) center no-repeat;
}
.product ul li dl:hover:before {
    transform: rotate(0deg);
    transition: 0.5s;
}

.product ul li dl:before, .product ul li dl a:after {
    content: '';
    position: absolute;
}
.product ul li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);     transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transition: transform 1s;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;}
.product ul li dt{ font-size:16px; line-height:50px;}

/*新闻*/
ul.i_news_list li{ line-height:1.5em; padding-bottom:35px; margin:0 0 35px; border-bottom:1px #DDDDDD solid; width:100%; float:left; position:relative}
/*ul.i_news_list li:last-child{ border-bottom: none !important; }*/
ul.i_news_list li img{ transition: transform 0.5s; }
ul.i_news_list li img:hover{-webkit-transform: scale(1.1);
    transform: scale(1.1);  }
	
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:16px; 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;font-size: 1.5rem; width:76%;}
ul.i_news_list li h3 a:hover{ color:#0067D0; }
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:74%; font-size:14px; line-height:30px}
ul.i_news_list li .tags{ padding-left:98px; width:70%;}

ul.i_news_list li h4 a{ color:#9B9B9B; padding:9px 14px; width: auto; font-size:12px; line-height:26px; background:#F5F5F5; margin-right:14px}
ul.i_news_list li h4 a:hover{ color:#fff; background: linear-gradient(to right, #0065cf, #009fe8);}
ul.i_news_list li a.detail:hover{ color:#e50012; text-decoration:underline;}
.detail {
    position: absolute;
    top: 50px;
    left: 5px;
}
/*工程案例*/
.case{ width:100%; height:auto; background:#F6FAFF; padding-top:80px; padding-bottom:30px;}
.caselist{ width:1440px; height:auto; margin:0px auto;}

.caselist .top .title{ width:100%; float:left; height:auto; overflow:hidden; margin-bottom:40px; text-align:center}
.caselist .top .title dd{ width:100%; font-size:16px; color:#212121;float:left; line-height:30px; text-transform:uppercase; text-align:center; position:relative}
.caselist .top .title dd:after {
    content: '';
    width:30px;
    height: 4px;
   background: linear-gradient(to right, #0065cf, #009fe8);
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom:-8px;
}
.caselist .top .title dl{ width:100%; float:left; font-size:42px; color:#212121; line-height:60px;  text-align:center; font-weight:bold; margin-bottom:0}

.caselist .top .more{ width:100%; float:left; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:bold; margin-top:50px;}
.caselist .top .more a{ color:#fff;}
.caselist .top .more a:hover{ background:none; color:#0067D0;}

.caselist .tab{overflow:hidden; width:100%; float:left; margin-top:0px;     display: flex;
   justify-content: center; }
.caselist .tab a{ display:block; padding:10px 20px; float:left; text-decoration:none; color:#727273; border-radius:0px; border:1px #ccc solid; margin:0 10px;}
.caselist .tab a:hover{ background:#0067D0; color:#fff; text-decoration:none;}
/*.caselist .tab a.on{background: linear-gradient(to right, #0065cf, #009fe8); color:#fff; text-decoration:none;  border:1px #0067D0 solid; }*/
.caselist .tab dl{display:block; line-height:35px; float:right; text-decoration:none; color:#212121; 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:#0067D0; font-weight:bold;}

/*案例*/
.index_case{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:url(../images/honorbg.png) no-repeat center center; background-size:cover; padding-bottom:50px;}
.index_case .honor_title{ width:980px; color:#fff; margin:0 auto; font-size:18px; text-align:center; padding:15px 0;}
.index_case .ladyScroll{width:1420px;height:500px;position:relative; margin:0 auto; margin-bottom:0px; margin-top:40px;}
.index_case .ladyScroll .prev{width:52px;height:52px;position:absolute;top:210px;left:0;z-index:100; cursor:pointer; background:url(../images/l.png) no-repeat center top;}
.index_case .ladyScroll .next{ width:52px;height:52px;position:absolute;top:210px;right:0;z-index:100; cursor:pointer; background:url(../images/r.png) no-repeat center top;}

/*.index_case .ladyScroll .scrollWrap{width:98%;overflow:hidden;position:absolute; left:1%; right:1% }*/
.index_case .ladyScroll .scrollWrap{width:100%;overflow:hidden;position:absolute;}
.index_case .ladyScroll dl{float:left;width:355px;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:327px;overflow:hidden;  height:440px !important; padding-right:30px}
.index_case .ladyScroll  img{display:block;width: auto;    height: 100%;
    margin-left: 50%;
 
    transform: translateX(-50%);}
.index_case .ladyScroll  dd{width:327px;height:60px;line-height:60px;font-size:20px;color:#fff;text-align:center;overflow:hidden;position: relative; margin:0 auto; }
.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:150px; height:40px; background: linear-gradient(to right, #0065cf, #009fe8); text-align:center; line-height:40px; float:left; border-radius:0px; -webkit-transition : 0.6s ease 0s; margin-top:30px;}
.index_case .more-l a{ color:#fff; display:block;}
.index_case .more-l:hover{  background: linear-gradient(to right, red, orange); -webkit-transition : 0.6s 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;}
.index_case .more-r span{ font-size:14px;}


/*新闻动态*/
.news{overflow:hidden; margin-top:100px;}
.news .title{ width:100%; height:50px; overflow:hidden;}
.news .title dl{ width:auto; float:left; font-size:42px; color:#212121; 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; border:1px solid #0067D0;text-align:center; line-height:38px; border-radius:20px; -webkit-transition : 0.3s ease 0s; float:right; margin-top:10px;}
.news .title .more a{ color:#0067D0; display:block; text-align:center}
.news .title .more:hover{ background-color:#f08300; -webkit-transition : 0.3s ease 0s; border:1px solid #f08300;}
.news .title .more:hover a{ color:#fff;}

.fuwu ul{ width:100%; margin-top:50px;}
.fuwu ul li{ width:460px; 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:460px; margin:0 auto; height:300px; 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:16px; color:#333333; line-height:30px; font-weight:bold !important; padding:20px 10px; border-bottom:1px solid #ccc; margin-bottom:12px}
.fuwu ul li dd{ font-size:12px; color:#888; padding:0px; line-height:30px; height:30px;  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; font-size:14px; padding:0 10px}
.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%;}



/*底部*/
.foot{ width:100%; background-color:#19295E; margin:100px auto 0; padding:60px 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;}

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:40px;}
.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:bold; line-height:60px; width:460px; float:left; }
.foot .right .tel p{ font-size:14px; font-weight:normal; margin:0;}


.foot .left .fx{ width:100%; height:40px; overflow:hidden;}
.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:20px;}
.foot .left .copy a{ color:#fff;}
.foot .left .copy a:hover{ color:#999999}
.foot .right{ max-width:950px !important; float:right; width:100%}
.foot .right .footnav{ height:60px; line-height:40px; border-bottom:1px #3B4A7C solid; overflow:hidden; margin-bottom:18px;}
.foot .right .footnav ul{ margin-left:-20px}
.foot .right .footnav li{ width:auto; margin:0 20px; float:left;}
.foot .right .footnav li a{ color:#fff; font-size:14px}
.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:240px; float:right; margin-top:15px}
.foot .right .fr dl{ width:100px; text-align:center; line-height:30px; color:#fff; float:left; margin-left:20px;}
.foot .right .fr dl img{ width:100%;}


.call{width:100%; height:auto; overflow:hidden; padding:0px; float:left;}
.call .title{  margin-bottom:0px; width:33.33333333333333%; float:left;}
.call .title dl{ font-size:16px;margin-bottom:6px; }
.call .title dt{ font-size:30px; font-weight:bold; margin-bottom:40px; width:100%}


.mail1{width:100%; height: 100%; overflow:hidden;  padding:24px 0px 0px; float:left;}
.mail1 .title{ width:100%; margin-bottom:35px;}
.mail1 .title dl{ font-size:16px;}
.mail1 .title dt{ font-size:36px; font-weight:bold;}
.mail{width:100%; height:auto; overflow:hidden;}

.mail .w50{ width:49%; float:left; margin-right:1%;}
.mail .w100{ width:200px; float:left; margin-right:20px}
.mail textarea{ width:99%; float:left; margin-bottom:67px !important;}
.form-group{ width:200px; height:40px; overflow:hidden;  background: linear-gradient(to right, #0065cf, #009fe8);}
.mail .submit{ width:100%; height:40px; background: linear-gradient(to right, #0065cf, #009fe8); color:#fff; cursor:pointer;-webkit-transition : 0.3s ease 0s; font-size:16px; font-weight:600;}
.mail .submit:hover{ background: linear-gradient(to right, red, orange); -webkit-transition : 0.6s ease 0s; color:#FFF}
input,textarea{ background: none ;
	height:40px; line-height:40px; width:100%; padding:0 16px; margin-bottom:10px; border:1px #e6e6e6 solid; margin-bottom:30px; overflow: hidden; color:#FFF
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ /*WebKit browsers*/
font-size:16px; line-height:40px; color:#fff !important;
}
input::-moz-input-placeholder,textarea::-webkit-input-placeholder{ /*Mozilla Firefox*/
font-size:16px; line-height:40px; color:#fff !important;
}
input::-ms-input-placeholder,textarea::-webkit-input-placeholder{ /*Internet Explorer*/ 
font-size:16px; line-height:40px; color:#fff !important
}

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

.foot .fx{ width:100%; height:39px; overflow:hidden; margin:0 auto; margin-top:35px;}
.foot .fx dd{ width:39px; float:left; margin-right:26px; float:left;}
.foot .fx dd:nth-child(5){  margin-right:0px; }
.foot .fx dd img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.foot .fx dd:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}
/*内页联系*/
.youshi {
    position: relative;
}
.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:#0067D0; 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:#0067D0; font-weight:bold; float:left; line-height:30px; margin-top:20px; text-transform:uppercase;}
.page_title dt img{ width:100%;}


/*内页技术服务*/
.jishufuwu .honor{ width:100%; height:auto; overflow:hidden;}
.jishufuwu .honor ul{ width:100%;}
.jishufuwu .honor ul li{ width:calc(50% - 15px); float:left; margin-right:20px; overflow:hidden;}
.jishufuwu .honor ul li p{ text-align:center; line-height:42px; font-size:16px; font-weight:600}
.jishufuwu .honor ul li:nth-child(2n){ float:right; margin-right:0;}
.jishufuwu .honor ul li img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.jishufuwu .honor ul li:hover img{-webkit-transform: scale(1.05); transform: scale(1);}
.jishufuwu .honor ul li a:hover{ color:#0067D0 !important }



#index_feedback{ height:260px}
#index_feedback li{ height:260px; width:50%; float:left}
#index_feedback li.index_feedback{ padding:80px 0 0 12.1%}
#index_feedback li.index_tel{ padding:80px 0 0 50px}
#index_feedback li.index_feedback h3{ font-size:24px; color:#fff; font-family:"黑体"; font-weight:600}
#index_feedback li.index_tel h3{ font-size:24px; color:#111; font-family:"黑体"; font-weight:600}
#index_feedback li.index_tel h4{ font-size:42px;background: linear-gradient(to right, #0065cf, #009fe8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; font-family: Arial, Helvetica, sans-serif; font-weight:900; padding-top:20px}