@charset "utf-8";
/* CSS Document */
.hr_25{ margin-top:25px;}
.hr_10{ margin-top:10px;}
.hr_20{ margin-top:20px;}
.hr_50{ margin-top:50px;}
.hr_80{ margin-top:80px;}
.lans{ color:#0067C4!important;}
body{font-family:Verdana,arial,Times New Roman,Cambria,Cochin,Georgia, Times,'Times New Roman',serif,tahoma,sans-serif; font-size:14px; color:#333; }
.comwidth{width:1260px; margin:0 auto;}

/*头部*/
.top-head {height:95px;width: 100%;z-index: 1000; min-width:1280px; box-sizing: border-box;}
.top01 {width: 100%;height: 30px;line-height: 30px;background: #1f2229;color: #fff;overflow: hidden;}
.top01_center {text-align: left;float: right;}
.top01_center img {float: left;margin-top: 3px;}
.top02 {height:95px;width: 100%;}
.logo {width:260px;float: left;padding-top: 25px; padding-left:80px;}

/*---------------导航----------------*/
.nav{ height:93px; line-height:93px;  width:auto; max-width:960px; float:left; text-align:center;}
.nav .nav_list{ width: auto; margin:0 auto; height:93px; position:relative; z-index:99;}
.nav li{float:left;height:93px; width:108px; line-height:93px;position:relative;}
.nav li.last{background:none;}
.nav li a{float:left;display:block; width:100%; height:93px; text-align:center; line-height:93px;}
.nav li a:hover{text-decoration:none;}
.nav li a span{font-family:"Microsoft YaHei";text-align:center; color:#000; font-size:17px;}
.nav li a.selected{ border-bottom:3px solid #0067C4; color:#000;}
.nav li a.selected2{ border-bottom:3px solid #0067C4; color:#000;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;width:150px;position:absolute;top:95px;left:-19px; background:#0075c2; z-index:99;}
.nav li .submenu li{float:left;padding:0;height:40px; line-height:40px; border-bottom:1px solid #2b8ee7;}
.nav li .submenu li:last-child{border-bottom:none;}
.nav li .submenu li a{ font-weight:normal;float:none;padding:0;text-align:center;font-size:14px; font-family:"Microsoft YaHei";height:40px;line-height:40px;background:none; color:#fff;  width:150px;}
.nav li .submenu li a:hover{background:#fff;font-weight:normal; color:#333; text-decoration:none;}
.ss{ float:right; margin-top:20px;}
.ss p{ font-size:13px; color:#555555;}
.down-search-wrap {float: right;width: 170px;margin-top:10px;height: 30px;line-height: 30px;border: 1px solid #e6e6e6;}
.search-input { font-size: 14px; line-height: 30px !important; text-indent: 10px; background: none; border: none; display: inline-block;
float: left;width:140px; padding: 0;}
.search-submit {float: right;width: 30px;height: 30px;border: none;padding: 0;color: transparent;
background: url(../images/search-input-bg.png) no-repeat left center;}

/*banner*/
div.swipe-wrapper{ width: 100%; overflow: hidden; position: relative; z-index:99px;  }
div.swipe-wrapper li{ width: 100%; }
div.swipe-wrapper li img{ width: 100%;}
div.swipe-wrapper .dots{ width: 100%; text-align: center; padding: 24px 0; position: absolute; left: 0; bottom: 0; z-index: 99; }
div.swipe-wrapper .dots span{ display: inline-block; width: 63px; height: 5px; margin: 0 5px; background:url(../images/br_dot.png) no-repeat top center; cursor: pointer; }
div.swipe-wrapper .dots span.act{ width: 63px; background-image:url(../images/br_dot_hover.png); }
div.swipe-wrapper .btns{ width: 62px; height: 62px; background: no-repeat left center; position: absolute; top: 50%; margin-top: -31px; z-index: 99; cursor: pointer; }

/*滚动新闻*/
.top2{ width:100%; height:50px; line-height:50px; background:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,.2);}
.top2 span.s1{ width:65px; height:50px; line-height:50px; color:#0075c2; font-size:14px; font-weight:bold; float:left;}
.top2 span.s2{  float:left; height:50px; line-height:50px; font-size:14px;}
.top2 span.s2 a{ display:block;height:50px; line-height:50px; color:#666;}

/*特色产品*/
.title{ width:100%; text-align:center; }
.title h1{ font-size:36px; color:#333; font-weight:normal;}
.title h2{ font-size:12px; color:#858585; font-weight:normal; font-style:italic; text-transform:uppercase;}
.title_line{ height:2px; width:45px; background:#015db2; margin:10px auto 0;}

.product ul li{float:left; margin-right:15px; width:390px;height:300px; margin-top:30px; position:relative; overflow:hidden;}
.product ul li:nth-child(3n){ margin-right:0;}
.product ul li .pro_img{ width:100%; height:300px; position:absolute; z-index:2;}
.product ul li .pro_img img{ width:100%; height:300px;}
.product ul li .pro_txt{ width:94%; padding:0 3%;height:60px; line-height:60px; background:rgba(0,0,0,0.5); text-align:center; 
font-size:16px; color:#fff; position:absolute; bottom:0; left:0; right:0; z-index:3;}
.product ul li:hover .pro_txt{ padding-top:20%; height:80%; line-height:30px; transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.product ul li:hover .pro_img img{  transform: scale(1.04);transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}

/*优势*/
.advantage{ width:100%; padding-bottom:30px; border-bottom:1px solid #dddddd;}
.advantage .title{ width:100%; text-align:center; padding:30px 0 25px; background:#1367bd; position:relative;}
.advantage .title .title_img{ position:absolute; bottom:-20px; left:50%; margin-left:-20px;}
.advantage .title h1{ font-size:36px; font-weight:normal; color:#fff;}
.advantage .title h2{ font-size:12px; color:#83c4fe; font-weight:normal; font-style:italic; text-transform:uppercase;}
.advantage .title_line{ height:2px; width:45px; background:#fff; margin:10px auto 0;}

.ys_bj{ width:1200px; background:url(../images/20161029205643_989301359.jpg) center no-repeat; height:1020px; margin:0 auto;}
.ys1{ padding-top:50px; padding-left:100px;}
.ys2{ padding-top:140px; padding-left:100px;}
.ys3{ padding-top:130px; padding-left:790px;}
.ys4{ padding-top:45px; padding-left:610px;}
.font30{ font-size:28px; color:#015db2; font-weight:bold;}
.font14{ font-size:15px; color:#d0d0d0; line-height:32px; font-family:Arial; text-transform:uppercase; font-weight:bold;}
.font140{ font-size:14px; color:#333; line-height:30px; font-family:"Microsoft YaHei";}

/*About Us*/
.about .about_fl{ width:550px; height:320px; }
.about .about_fl img{ width:100%; max-height:320px; }
.about .about_fr{ width:600px; }
.about .title{ margin-bottom:35px;}
.about .about_fr p{ font-size:14px; line-height:30px;}
.about_line{ width:30px; height:3px; background:#343434; margin:30px 0 50px;}
.about .about_more{ width:120px; height:35px; line-height:35px; text-align:center; background:#68b92e; margin-top:55px; }
.about .about_more a{ font-size:14px; color:#fff; }


/* News */
.news{ background:#f5f5f5; padding:50px 0;}
.picScroll-left{ width:1200px;  overflow:hidden; position:relative; }
.picScroll-left .hd{ overflow:hidden; width:100%; text-align:center; }
.picScroll-left .hd ul{ width:123px; margin:0 auto; overflow:hidden; zoom:1; margin-top:20px; zoom:1; text-align:center; }
.picScroll-left .hd ul li{ float:left;  width:30px; height:3px; overflow:hidden; margin-right:11px; text-indent:-999px; cursor:pointer; background:#ccc;}
.picScroll-left .hd ul li.on{ background:#015db2; }
.picScroll-left .bd{ margin-top:60px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right:54px;  width:364px; background:#fff; float:left; _display:inline; overflow:hidden; text-align:center;  }
 .picScroll-left .bd ul li .pic{ text-align:center; width:364px; height:215px; overflow:hidden;}
.picScroll-left .bd ul li .pic img{ width:100%; display:block;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}
.picScroll-left .bd ul li .tit{ background:#fff; padding:25px 0 45px;}
.picScroll-left .bd ul li .tit a{ display:inline-block; width:100%;}
.picScroll-left .bd ul li .tit .news_date{ background:#015db2; color:#fff; width:60px; height:60px;}
.picScroll-left .bd ul li .tit .news_date h1{ font-size:22px; font-weight:bold;}
.picScroll-left .bd ul li .tit .news_date h2{ font-size:12px;}
.picScroll-left .bd ul li .tit .news_txt{ width:284px; text-align:left;}
.picScroll-left .bd ul li .tit .news_txt h3{ font-size:16px; color:#333; line-height:30px;}
.picScroll-left .bd ul li .tit .news_txt p{font-size:12px; color:#666;}

/*合作单位*/
.unit{ margin-top:60px;}
.unit ul li{ float:left; width:183px; height:93px; line-height:90px; text-align:center; vertical-align:middle; border:1px solid #cecece;
margin-right:18px; margin-top:20px; }
.unit ul li:nth-child(6n){ margin-right:0;}

/*底部*/
.footer{ background:#005bac; }
.footer ul{ padding:40px 0 30px;}
.footer ul li{ padding:0 19px;float: left; /*border-right:1px solid #101010;*/}
.footer ul li:first-child{ padding-left:0;}

.footer ul li p{font-size: 16px;color: #ffffff;line-height: 50px;}
.footer ul li a{display: block;width: 100%;color: #fff;font-size: 12px; color:#fff; line-height:26px;filter:alpha(opacity=30);transition:all 0.3s linear;}

.foot{ background:#267dcc; height:50px; line-height:50px; text-align:center;}
.foot p{ color:#fff; font-size:11px;}
.foot a{color:#fff; }

/*--------------------二级------------------*/
.ban{ width:100%;}
.ban img{ width:100%;}

/*内页-----About Us*/
.ab_left{ width:250px; height:auto; overflow:hidden; background:#fff; margin-top:20px;}
.ab_right{ width:900px; height:auto; overflow:hidden; background:#fff;margin-top:20px;}
.ab_left_top{ padding-left:30px; width:100%; height:65px; line-height:65px; vertical-align:middle;}
.ab_left_list{ margin-top:0px; margin-left:0px;}
.ab_left_list li{  width:100%; background:#e8e8e8; margin-top:10px; height:60px; line-height:60px; vertical-align:middle;}
.ab_left_list li a{ font-size:16px; display:block; text-align:center;text-decoration:none;color:#656565;font-size:16px;border-bottom:1px solid #ededee;}
.ab_left_list li .about_on{text-decoration:none; border-left:8px solid #1d50a3;}

.ab_right_top{ line-height:65px;border-bottom:2px solid #1d50a3; }
.ab_right_top .ab_tit{ font-size:24px; color:#1d50a3;}
.ab_right_top .ab_tit font{ font-size:16px; color:#1d50a3; text-transform:uppercase;}
.ab_right_top .ab_location{ font-size:14px; color:#999;}
.ab_right_top .ab_location a{color:#999;}
.ab_right_top .ab_location .cur{color:#f18101;}

.ab_right_con{ width:900px; overflow:hidden;  height:auto; line-height:30px; overflow:hidden; margin-top:15px;}
.ab_right_con h1{ text-align:center; font-size:24px; color:#333;}
.ab_right_con img{ max-width:100%; }
.ab_right_con p{ text-indent:2em; font-size:14px; color:#656565;}

.lis_top dl{ overflow:hidden; font-weight:normal;}
.lis_top dl dt{ display:block; height:77px;color:#474749; font-size:24px; width:52px; padding:23px 28px 0; text-align:center;background:url(../images/pr_h3.gif) no-repeat;float:left; }
.lis_top dl dd{ width:750px; float: right; color:#767676; line-height:24px; font-size:14px; display:block;}
.lis_top dl dd h3 a{ display:block; font-size:22px; color:#454545; font-weight:normal; height:30px;margin-bottom:3px;}
.lis_con dl { overflow:hidden; border:1px solid #c9c9c9; /*height:227px;*/ margin-bottom:21px;}
.lis_con dt { float:left; width:273px;}
.lis_con dt img { width:272px; height:227px; padding:10px; border-right:1px solid #e2e2e2;}
.lis_con dd { float: right; width:560px; padding-right:19px;}
.lis_con dd h4 { height:24px; line-height:24px; padding:38px 0 0 0px; margin-bottom:10px;}
.lis_con dd h4 a { font-size:20px; color:#1773ca; font-weight:normal;}
.lis_con dd p { color:#757575; line-height:23px; font-size:13px; height:98px; overflow:hidden; margin-bottom:5px;}
.lis_con dd em{ display:block; text-align:right; font-size:13px;}
.lis_con dd em a{ display:inline-block; width:91px; height:26px; line-height:26px; text-align:center;color:#1773ca; border:1px solid #1773ca;}

/*产品页*/
.product_con li {float:left; width:258px; padding:10px; border:1px solid #c9c9c9; margin-right:30px; margin-top:30px; }
.product_con li:nth-child(3n){margin-right:0px; }
.product_con li .product_img{ width:258px; height:189px; }
.product_con li .product_img img{ width:100%; max-height:189px; }
.product_con li .product_txt{ font-size:16px; color:#424242; text-align:center; line-height:50px;}

/*分页*/
.fenye{ padding:30px 0; text-align:right;}
.fenye a{ display:inline-block; height:30px; text-align:center; color:#737373; font-size:14px; line-height:30px;}
.fenye a:hover,.fenye .cur{ color:#fff; background:#1d50a3; border:1px solid #1773ca;}
.fenye .page{ width:50px; background:#ddd; color:#fff;}

/*新闻页*/
.ul-news li{ padding:25px 0 25px; border-bottom:1px dotted #ddd; margin-top:5px;}
.ul-news li:first-child{ padding-top:0;}
/*.ul-news li:hover {border-color: transparent;box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.15);}*/
.ul-news li .pic { margin-right:20px; width:150px;}
.ul-news li .txt h4 a{ font-size:16px; color:#333; line-height:30px;}
.ul-news li .txt p{ font-size:12px; color:#999; }
.ul-news li .txt .time{ font-size:12px; color:#999;line-height:30px; float:left;}
.ul-news li .txt .btn { float: right;font-size: 14px;color: #fff;line-height: 22px;width: 88px;height: 22px;text-align: center;border-radius: 22px;background-color: #999;-webkit-transition: .3s;-o-transition: .3s; transition: .3s; margin-right:20px; margin-top:10px;}
.ul-news .item:hover .btn { background-color: #0068b7;}

/*Our Client*/
.customer li{ float:left; width:202px; height:98px; border:1px solid #c9c9c9; margin-right:28px; text-align:center; line-height:98px; margin-top:28px;}
.customer li:nth-child(4n){ margin-right:0px;}

/*新闻内容*/
.col-title {/* margin: 0 140px;*/text-align: center;}
.col-title h1 {padding: 23px 0 12px;font-size: 22px;line-height: 32px;font-weight: normal;color: #101010; border-bottom:1px solid #e5e5e5;}
/*.col-title .info { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;line-height: 35px;color: #999;}*/
.cont{ /*margin:20px 20px 50px;*/ margin:20px 0;}
.cont p{ text-indent:2em; line-height:34px; font-size:14px; color:#333;}
.cont span{line-height:32px; font-size:14px; color:#666;}

.cont .name{ font-family:"Microsoft Yahei"; font-size:24px; font-weight:bold; color:#333; line-height:60px; text-indent:0; text-align:left;}
.nx_bottom { padding-top: 40px; border-top: 1px solid #eee; }
.nx_bottom span.fl { width: calc(100% - 170px); }
.nx_bottom span.fl em { display: block; font-size: 14px; color: #666; line-height: 27px; font-style:normal;}
.nx_bottom span.fl em a { display: inline-block; width: calc(100% - 4em); font-size: 14px; color: #333; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nx_bottom span.fl em a:hover { color: #0281CC;}
.nx_bottom a.fr { width: 140px; height: 54px; background: #999; font-size: 14px; color: #fff; text-align: center; line-height: 54px; }
.nx_bottom a.fr i { display: inline-block; margin-right: 10px; font-size: 20px; vertical-align: middle; }
.nx_bottom a.fr:hover { background: #0281CC; }

/*Contact Us*/

.contact h1{ font-size:24px; color:#333; font-weight:bold; line-height:60px; }
.contact p{ font-size:16px; color:#333; line-height:36px;}


@media screen and ( min-width:1920px ) {
.top_fr{ padding:25px 30px 0 30px; width:170px; text-align:center; }
.top_yuyan{float:right;  padding:30px 30px 0 30px;}
.top_yuyan a{font-size:15px;}
.logo {width:260px;float: left;padding-top: 25px; padding-left:80px;}
}


/*2024-6-25*/
.top_fr{ background:#0067C4; float:right; height:70px; padding:25px 20px 0 20px; width:200px; text-align:center; }
.top_yuyan{float:right;  padding:30px 20px 0 20px;}
.top_yuyan img{ padding-top:5px;}
.top_yuyan a{font-size:16px;padding-left:5px; color:#333;}



@media screen and ( max-width: 1610px ) {
.nav li{width:105px;}
.nav li .submenu{left:-22px;}
.top_fr{ padding:25px 10px 0 10px; width:180px;}
.top_yuyan{float:right;  padding:30px 20px 0 20px;}
.top_yuyan a{font-size:15px;}

}

@media screen and ( max-width: 1440px ) {
.logo {width:260px;float: left;padding-top: 25px;}

.nav li{width:85px;}
.nav li a span{font-size:16px;}
.nav li .submenu{left:-32px;}
.top_fr{ padding:25px 10px 0 10px; width:170px;}
.top_fr img{ width:90%;margin:0 auto;}

.top_yuyan{float:right;  padding:30px 20px 0 20px;}
.top_yuyan a{font-size:15px;}

}



@media screen and ( max-width: 1366px ) {
.logo {width:260px;float: left;padding-top: 25px; padding-left:8px;}

.nav li{width:85px;}
.nav li a span{font-size:16px;}
.nav li .submenu{left:-32px;}
.top_fr{ padding:25px 0px 0 0px; width:170px;}
.top_fr img{ width:90%;margin:0 auto;}

.top_yuyan{float:right;  padding:30px 3px 0 3px;}
.top_yuyan a{font-size:15px;}

}





.bjhui{ background-color:#f5f5f5; width:100%; padding-top:30px;}
.public_div{position: relative;width: 1200px;padding: 0px 20px;margin: 0px auto;max-width: calc(100% - 40px);}
.clear{clear: both;}

.xfgIndex_swiper01{position: relative;width: 100%;overflow: hidden;margin-top: 94px;}
.xfgIndex_swiper01 .swiper-slide a{display: flex;text-align: center;justify-content: center;overflow: hidden;align-items: center;}
.xfgIndex_swiper01 .swiper-button-prev{background-image: url('static/image/index_left.png');width: 46px;height: 46px;background-size: cover;left: 5px;}
.xfgIndex_swiper01 .swiper-button-next{background-image: url('static/image/index_right.png');width: 46px;height: 46px;background-size: cover;right: 5px;}
.xfgIndex_swiper01 .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 4px;background-color: #e99311;opacity: 1;}
.xfgIndex_swiper01 .swiper-pagination-bullet-active{background-color: #e99311;width: 24px;}

.xfgIndex_jjfa{position: relative;width: 100%;padding-top: 28px;padding-bottom: 92px;overflow: hidden;}
.xfgIndex_title01{position: relative;text-align: center;width: 100%;}
.xfgIndex_title01 p.one{color: #2d2e2e;font-size: 48px;letter-spacing: 1px;line-height: 60px;padding: 47px 0px;position: relative;}
.xfgIndex_title01 p.one:after{content: '';position: absolute;height: 3px;width: 60px;background-color: #e99311;bottom: 0px;left: 50%;margin-left: -30px;}
.xfgIndex_title01 div.two{color: #585959;font-size: 16px;line-height: 30px;padding-top: 42px;padding-bottom: 54px;}
.xfgIndex_swiper02{position: relative;padding: 7px 25px;}
.xfgIndex_swiper02 .swiper_banner_two{position: relative;width: 100%;overflow: hidden;}

.xfgIndex_swiper02 .swiper-slide{position: relative; overflow: hidden; width: calc(25% - 7.5px); background:#FFF; height:260px;cursor: pointer;}

.xfgIndex_swiper02 .swiper-slide img{position: absolute;  top: 50%;  left: 50%; transform: translate(-50%, -50%); 
    max-width: 100%;     max-height: 100%;    height: auto;  width: auto;}

.xfgIndex_swiper02 .swiper-button-prev{background-image: url('../images/index_left.png');width: 46px;height: 46px;background-size: cover;left: -23px;}
.xfgIndex_swiper02 .swiper-button-next{background-image: url('../images/index_right.png');width: 46px;height: 46px;background-size: cover;right: -23px;}
.xfgIndex_swiper02 .swiper-slide .xs_more{position: absolute;background-color: rgba(0,0,0,0.5);z-index: 5;height: 59px;bottom: 0px;width: 100%;left: 0px;
transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.xfgIndex_swiper02 .swiper-slide .xs_more p{line-height: 39px;padding: 10px 0px;font-size: 18px;color: #fff;text-align: center;display: block;position: absolute;width: 100%;
transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;top: 0px;}
.xfgIndex_swiper02 .swiper-slide .xs_more a{width: 88px;padding-right: 7px;display: block;margin: 0px auto;background-color: #e99311;font-size: 12px;color: #fff;text-align: center;
	line-height: 30px;background-image: url('../image/index_jt.png');background-repeat: no-repeat;background-position: 67px center;position: absolute;margin-left: -47px;
	left: 50%;top: calc(50% + 10px);opacity: 0;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.xfgIndex_swiper02 .swiper-slide:hover .xs_more{height: 100%;}
.xfgIndex_swiper02 .swiper-slide:hover .xs_more p{padding: 5px 0px;top: calc(50% - 40px);}
.xfgIndex_swiper02 .swiper-slide:hover .xs_more a{opacity: 1;}
.xfgIndex_swiper02 .swiper-slide:hover .xs_more a:hover{background-color: #c87f10;}
@media screen and ( max-width: 1075px ) {

	/*首页-解决方案*/
	.xfgIndex_title01 p.one{font-size: 38px;line-height: 52px;padding: 40px 0px;}
	.xfgIndex_title01 p.two{font-size: 15px;padding-top: 37px;padding-bottom: 40px;}
	.xfgIndex_swiper02 {padding: 7px 35px;}
	.xfgIndex_swiper02 .swiper-slide{width: calc(33.333% - 6.666px);}
	.xfgIndex_swiper02 .swiper-button-prev{left: -12px;}
	.xfgIndex_swiper02 .swiper-button-next{right: -12px;}
}
@media screen and ( max-width: 480px ) {

	/*首页-解决方案*/
	.xfgIndex_jjfa {padding-top: 25px;padding-bottom: 60px;}
	.xfgIndex_title01 p.one{font-size: 28px;line-height: 40px;padding: 28px 0px;}
	.xfgIndex_title01 p.two{line-height: 26px;padding-top: 25px;padding-bottom: 28px;}
	.xfgIndex_swiper02 .swiper-slide{width: 100%;}
}