@charset "utf-8";
*{ margin:0; padding:0;}
* + html {
  z-index: 1;
}
* + html .search {
  z-index: 1;
}
body{ font-family:"微软雅黑","Microsoft YaHei UI"; color:#2E2E2E; font-size:12px;}
ul,li{ list-style:none;}
img{ border:none;}
a{ color:#2E2E2E; text-decoration:none;}
a:hover{ text-decoration:none; color:#2E2E2E;}
.fr{ float:right}
.fl{ float:left}
.c{ clear:both;}

.f36{font-size:36px; }
.f24{font-size:24px; }
.f11{font-size:11px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f22{font-size:22px; }
.f21{font-size:21px; }
.f20{font-size:20px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f34{font-size:34px;}
.f36{font-size:36px;}

.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}

.l20{ line-height:20px;}
.l22{ line-height:22px;}
.l24{ line-height:24px;}
.l26{ line-height:26px;}
.l28{ line-height:28px;}
.l30{ line-height:30px;}
.l34{ line-height:34px;}
.l44{ line-height:44px;}
.l54{ line-height:54px;}
.l60{ line-height:60px;}

.h10{ height:10px;}
.h20{ height:20px;}
.h30{ height:30px;}
.h40{ height:40px;}
.h50{ height:50px;}

.white{ color:#FFF}
.gry{ color:#5a5a5a}

.container{ width:1000px; margin:0 auto;}
.container1{ width:1110px; margin:0 auto;}
.container2{ width:1160px; margin:0 auto;}
/*头部*/
.topper{ width:100%; height:40px; line-height:40px;font-size:13px; background:#1E1E1E; color:#999;}
.topper a{ color:#999;}
.topper .t_ltn{ }

.header{ width:100%; background:#fff; padding:15px 0 0 0; position:fixed; z-index:9999; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.20); -webkit-box-shadow:0 2px 4px 0
rgba(0, 0, 0, 0.20);}
.logo{} 
.logo img{}
.h_wz{ margin:10px 0 0 20px; padding-left:20px; border-left:1px solid rgba(255,224,75,0.5); color:#ffe04b; font-size:17px; line-height:40px; letter-spacing:1px;}
.header .h_tel{ background:#ffe04b url(../Images/h_tel.png) no-repeat 20px center; padding:0 20px 0 52px; line-height:38px; height:38px; border-radius:30px; font-size:24px; font-weight:bold; margin-top:11px;}

/*导航栏*/
.nav ul{margin-top: 15px;}
.nav li{ float:left;text-align:right;}
.nav li:last-child{ background:none;}
.nav li a{ display:block; line-height:60px;  border-radius:34px; font-size:16px; color:#555;margin-left: 40px;}
.nav li:first-child a{ margin-left:0;}
.nav li a:hover,
.nav li a.cur{ color:#297bd0;}

.r_right{float: right;height: 25px;margin-bottom: -25px;}
.r_right a h3{width: 31px;height: 20px; background: url(../images/cn.jpg) no-repeat center left;float: left;margin-right: 20px;font-weight: normal;font-size: 14px;padding-left: 40px;}
.r_right a h4{width: 31px;height: 20px;background: url(../Images/en.jpg) no-repeat center left;float: left;font-weight: normal;font-size: 14px;padding-left: 40px;}
.r_right a img{float: left;margin-left: 40px;margin-top: -6px;}

/*首页标题*/
.Index_tit{ text-align:center;}
.Index_tit h3{ font-size:28px;color: #297bcf;}
.Index_tit p{ font-size:20px; color:#5a5a5a; letter-spacing:6px; margin-top:10px;}

/*案例*/
.Index_pro{padding:60px 0;}
.Index_pro .pro_list{margin-top:40px;}
.Index_pro .pro_list li{ float:left; width:235px; margin:0 20px 20px 0; overflow:hidden; position:relative;}
.Index_pro .pro_list li:nth-child(4n){ margin-right:0;}
.Index_pro .pro_list li a{ display:block;}
.Index_pro .pro_list li img{ width:100%; height:190px;}
.Index_pro .pro_list li h3{ background:#EEEEEE; height:54px; line-height:54px; text-align:center; font-weight:normal; font-size:15px; }
.Index_pro .pro_list li i{ display:block; width:100%; height:240px; background:rgba(0,0,0,0.4) url(../Images/case_bg.png) no-repeat center; position:absolute; z-index:999; opacity:0; top:-200px; left:0; transition:all 0.4s;}
.Index_pro .pro_list li:hover i{ top:0; opacity:1;}

/*新闻中心*/
.Index_new{padding:60px 0;background: #297bd0;}
.Index_new .Index_tit h3{color: #fff;}
.Index_new .Index_tit p{color:#fff;}
.Index_new .new_list{margin-top:40px;height: 160px;}
.Index_new .new_list li{width: 49.6%;float: left;}
.Index_new .new_list li:nth-child(2){width: 49.6%;float: right;}
.Index_new .new_list li img{width: 45%;height: 160px;float: left;border: 1px #eee solid;box-sizing: border-box;}
.Index_new .new_list li .txt{width: 55%;height: 160px;float: left;background: #fff;}
.Index_new .new_list li h3{font-size: 17px;color: #333;width: 90%;margin: 0 auto;margin-bottom: 15px;margin-top: 20px;}
.Index_new .new_list li p{font-size: 14px;color: #666;width: 90%;margin: 0 auto;line-height: 25px;}
.Index_new .new_list li a{color: #297bd0;font-weight: bold;}

/*联系*/
.lx{margin: 60px auto;}
.lx .container{width: 1000px;height: 450px;margin: 0 auto;background: url(../Images/lx_bg.jpg) no-repeat center;margin-top: 40px;}
.lx .txt{width: 400px;float: right;margin-top: 10px;}
.lx .txt h4{font-size: 24px;color: #333;margin: 30px 0;}
.lx .txt p{font-size: 15px;color: #666;line-height: 34px;margin-top: 40px;}
.lx .txt ul{margin-top: 30px;}
.lx .txt ul li{width: 400px;height: 75px;border-bottom: 1px dashed #d8d8d8;box-sizing: border-box;background: url(../Images/lx_ic1.png) no-repeat left center;}
.lx .txt ul li:nth-child(2){background: url(../Images/lx_ic3.png) no-repeat left center;}
.lx .txt ul li:nth-child(3){background: url(../Images/lx_ic4.png) no-repeat left center;}
.lx .txt ul li:nth-child(1):hover{background: url(../Images/lx_ic11.png) no-repeat left center;}
.lx .txt ul li:nth-child(2):hover{background: url(../Images/lx_ic33.png) no-repeat left center;}
.lx .txt ul li:nth-child(3):hover{background: url(../Images/lx_ic44.png) no-repeat left center;}
.lx .txt ul li i{font-size: 17px;color: #333;line-height: 75px;font-style: normal;padding-left: 60px;}
.lx .txt ul li:hover i{color: #297bd0;}


/*网站底部*/
.footer{ width:100%; background:#1A1A1A; padding-top:90px ; color:#959393; font-size:14px; border-bottom:1px solid #272727}
.f_nav{ border-top:1px solid #272727; border-bottom:1px solid #272727;}
.f_logo{ padding:20px 0;}
.f_nav_list{ }
.f_nav_list li{ float:left; width:100px; text-align:center;}
.f_nav_list li a{ display:block; color:#ffffff; line-height:90px; font-size:15px;}
.f_nav_list li a:hover{ color:#297bcf}
.f_Inf{ padding:50px 0; border-bottom:1px solid #272727;}
.f_copy,.f_copy a{ color:#666; line-height:24px;}
.f_tel{ background:url(../Images/f_tel.png) no-repeat center right; padding-right:70px; color:#ffffff; text-align:right; height:60px; padding-top:5px;}
.f_tel span{ display:block; font-weight:bold; font-size:24px;}
.f_yqlj{ line-height:50px; color:#666; opacity:0.5}
.f_yqlj a{ color:#666;}


/*内页banner*/
.ny_banner1{ background:url(../Images/ny_banner1.jpg) no-repeat center bottom;}
.ny_banner2{ background:url(../Images/ny_banner2.jpg) no-repeat center bottom;}
.ny_banner3{ background:url(../Images/ny_banner3.jpg) no-repeat center bottom;}
.ny_banner4{ background:url(../Images/ny_banner4.jpg) no-repeat center bottom;}
.ny_banner5{ background:url(../Images/ny_banner5.jpg) no-repeat center bottom;}
.ny_banner{ height:300px; position:relative; padding-top:90px;}
/*内页列表分类*/
.Inner_list{ width:100%; position:absolute; background:rgba(0,0,0,0.5); bottom:0; left:0; right:0;}
.Inner_list .ab_list{}
.Inner_list .ab_list li{ float:left; width:120px; height:48px; line-height:48px; text-align:center;}
.Inner_list .ab_list li a{ display:block; color:#ffffff; font-size:15px;}
.Inner_list .ab_list li:nth-child(1) a{ background:#297bd0;}
/*内页背景*/
.content{width:100%; background:#f6f6f6; padding:50px  0;}
/*内页内容*/
.cpright{ padding:50px; background: #fff; }
.rtop { overflow: hidden; border-bottom: 1px solid #dbdbdb;}
.rtop h5 { float: left; border-bottom: 3px solid #297bcf; font-weight: normal; line-height: 54px;}
.rtop h5 a { font-size:32px; color:#297bcf;}
.rtop span{ display:block; color:#999; font-size:15px;line-height: 54px;}
.rtop span em {color: #999; font-style: normal;}
.rtop span a { color: #999;}
.story{ margin-top:35px;}
.agent_con { line-height: 32px;}
.agent_con .age_li_about { font-size: 16px; color:#575757; text-align:justify;}
.agent_con .age_li_about img{ max-width:100%; height:auto;}
.rightbot { height: 3px; font-size: 0; overflow: hidden;  margin-bottom: 10px;}

/*内页产品中心*/
.age_li_pro {}
.age_li_pro li{ float:left; width:286px; margin-right:20px; border:1px solid #dddddd; margin-bottom:20px; text-align:center;box-sizing: border-box;}
.age_li_pro li:nth-child(3n){ margin-right:0;}
.age_li_pro li:hover{ box-shadow:#eee 0 0 5px 5px;}
.age_li_pro li:hover a{ color:#297bcf}
.age_li_pro li a{ display:block;}
.age_li_pro li img{width:286px; height:200px; padding-top:15px;}
.age_li_pro li .pro_t{ width:100%;height:50px; line-height:50px;text-align:center;}
.age_li_pro li .pro_t a{  font-size:15px;}
.pro_page{margin-top:30px; text-align:center;}

.age_li_pro1 {width:100%;}
.age_li_pro1 li{ float:left; width:210px; margin:10px 23px;}
.age_li_pro1 li img{width:208px; height:160px; border:1px solid #DBDBDB;}
.age_li_pro1 li .pro_t{width:100%;height:50px; line-height:50px; background:#707070; text-align:center;}
.age_li_pro1 li .pro_t a{ color:#fff; font-size:15px;}

.age_pro_show{}
.age_pro_show h1{height:50px; line-height:50px;text-align:center}
.age_pro_show .pro_lb{ text-align:center; font-size:13px; color:#999;}
.age_pro_show .pro_lb .span{ padding:0 30px;}
.age_pro_show .pro_lb a{ color:#999;}
.line{height:20px;  border-bottom:1px solid #DBDBDB; }
.pro_Inf{width:100%; text-align:center; margin-top:30px;}
.pro_Inf img{ max-width:800px; height:auto}
.pro_de{margin-top:50px;}
.pro_mInf{margin:20px 0;font-size: 14px; padding:0 20px; text-align:justify; line-height:24px;}
.pro_show_page{  line-height:26px; margin-top:30px;}

/*内页新闻中心*/
.age_li_new{ padding-top:20px;}
.age_li_new li{ padding-bottom:30px; margin-bottom:50px; border-bottom:1px solid #DBDBDB;}
.age_li_new li:hover{ border-bottom:1px solid #297bcf;}
.Inner_news{}
.age_li_new li .News_img{ border:1px solid #eeeeee;}
.age_li_new li .News_Inf{ width:670px;}
.age_li_new li .News_Inf h2{ font-weight:normal; font-size:16px; padding-bottom:10px; border-bottom:1px solid #dddddd;}
.age_li_new li .News_Inf h2 a{ color:#333;}
.age_li_new li:hover .News_Inf h2 a{ color:#297bcf;}
.age_li_new li .News_Inf .News_con{ font-size:14px; color:#666; padding-top:10px;}


/*内页新闻详情*/
.age_new_show h1{height:50px; line-height:50px;text-align:center; font-size:18px;}
.age_new_show .new_lb{ text-align:center;}
.age_new_show .new_lb .span{padding:0 30px;}
.new_show{margin-top:20px; font-size:16px; line-height:30px; color:#575757; text-align:justify}

/*内页联系我们*/
.Innner_cont{ padding-top:20px}
.Inner_lx{ width:420px; color:#333;margin: 0 auto;}
.Inner_lx h1{ font-size:30px;}
.lx_list{ margin-top:30px;}
.lx_list li{ height:80px; line-height:80px; border-bottom:1px solid #eeeeee; font-size:16px; background:url(../Images/lx01.png) no-repeat center left; padding-left:37px;}
.lx_list li:nth-child(2){ background:url(../Images/lx02.png) no-repeat center left;}
.lx_list li:nth-child(3){ background:url(../Images/lx03.png) no-repeat center left;}
.lx_list li:nth-child(4){ background:url(../Images/lx04.png) no-repeat center left;}
.lx_list li:nth-child(5){ background:url(../Images/lx05.png) no-repeat center left;}
.lx_list li:nth-child(6){ background:url(../Images/lx06.png) no-repeat center left;}
.lx_list li:nth-child(7){ background:url(../Images/lx07.png) no-repeat center left;}
.lx_list li:nth-child(8){ background:url(../Images/lx08.png) no-repeat center left;}
/*.lx_list li:last-child{ border-bottom:0;}*/

.Inner_rtn{ width:500px;}
.Inner_rtn h2{ width:206px; height:49px; background:#297bcf; color:#fff; font-weight:normal; text-align:center; font-size:18px; line-height:49px; margin-top:20px;}
.Inner_rtn p img{ width:130px; border:4px solid #297bcf; margin-top:30px; padding:5px;}
.map{ margin-top:40px;}

/*导航栏目*/
.ny_nav{margin-top: 30px;height: 120px;}
.ny_nav ul li{width: 210px;height: 50px;line-height: 50px;background: #eaeaea;float: left;margin-right: 20px;margin-bottom: 20px;border-radius: 5px;text-align: center;}
.ny_nav ul li:nth-child(4n){margin-right: 0px;}
.ny_nav ul li a{color: #333;font-size: 16px;display: block;}
.ny_nav ul li:hover{background: #297bd0;}
.ny_nav ul li:hover a{color: #fff;}

.map1{height: 400px;background:url(../Images/map.jpg) no-repeat center;}