﻿/* reset */
body,ul,li,p,h1,h2,h3,h4,h5,h6,img,br,hr,table,tr,td,dl,dt,dd,form {margin: 0;padding: 0;}
body {font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑",STHeiti,MingLiu;font-size: 14px;color: #434343overflow-x: hidden;}
ul,li {list-style: none;}
img {border: none;}
i,em{font-style:normal}
a {text-decoration: none;color: #555;}
a:hover{color: #2562b3;}
/* 公用 */
.inner{width: 1200px;margin: auto;}
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.fl{float: left;}
.fr{float: right;}
.rel { position: relative; }
.abs { position: absolute; }
.fid { position: fixed; }
.flex{display: flex;}
.block{display: block;height: 100%;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.inputreset{outline: none}
.text_ov{overflow: hidden;white-space:nowrap; text-overflow:ellipsis; }
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;line-height: 0;}
.clearfix{zoom:1;}
a.linkstyle:hover{background: #DA251C;color: #ffff;border: 1px solid #DA251C;}
p.line4{line-height: 21px; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.scale1_1{transition: all .5s;}
.scale1_1:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
 /* 版权图片切换 */
.weiling,.wangshang{display: inline-block;margin-left: 10px;}
.footer_bot li{display: inline-block;margin-left: 17px;}
.footer_bot li a:hover{ -webkit-transition-property:background-image;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;}
.footer_bot li span{display: inline-block;float: left;line-height: 90px;font-size: 14px;}
.weiling{width:120px;height:18px;background: url(../images/weiling_1.png) no-repeat center center;background-size: 100%, 100%}
.weiling:hover{background: url(../images/weiling_2.png) no-repeat;background-size: 100%, 100%}
.wangshang{width:113px;height:20px;background: url(../images/wangshang_1.png) no-repeat;background-size: 100%, 100%;}
.wangshang:hover{background: url(../images/wangshang_2.png) no-repeat;background-size: 100%, 100%}
/* 导航 */
.header{padding: 16px 0;}
.logo{float: left;}
.nav{ height:67px;position:relative; z-index:1; width: 680px;float: right;line-height: 67px; }
.nav .nLi{ float:left;position:relative; display:inline;}
.nav .nLi h3{ float:left;font-weight: normal;}
.nav .nLi h3 a{display:block;padding: 0 14px;font-size: 14px;}
.nav .sub{ display:none; width:100%; left:0; top:67px;  position:absolute; padding:5px 0; border: 1px solid #E6E4E3;background: #fff;}
.nav .sub li{ zoom:1; line-height: 28px;}
.nav .sub a{ display:block;text-align: center;}
.nav .sub a:hover{background-color: #2562b3;color: #fff; }
.nav .on h3 a{color: #2562b3;}
.nav .on h3{background: url(../images/nav_icon_03.png) no-repeat;background-position: center 55px;}
.header_contact{float: right;line-height: 67px;font-size: 18px;color: #ddd;}
.header_contact span{color: #666;font-family:Arial;font-weight:bold;}
.header_contact img{vertical-align: middle;margin-right: 5px;margin-left: 10px;}
/* banner */
.fullSlide{ position:relative; width: 100%;overflow:hidden;height: 600px;}
.fullSlide .bd{ position:relative; z-index:0;height: 600px;}
.fullSlide .bd ul{ width:100% !important;}
.fullSlide .bd li{ width:100% !important; overflow:hidden; text-align:center;height: 600px;background-size: cover;}
.fullSlide .bd li a{ display:block;height: 600px;}
.fullSlide .hd{ width:1200px; position:absolute; left:0;right:0;bottom:30px;margin:0 auto;z-index:1; overflow:hidden;}
.fullSlide .hd ul{width: 75px;margin: auto;}
.fullSlide .hd ul li{margin:0 3px;display:inline-block;cursor:pointer;width: 10px;height: 10px;border: 3px solid #fff;border-radius: 50%;}
.fullSlide .hd ul .on{background: #fff;}
/* 走进国昱 */
.walk{padding:87px 0 98px 0;}
.walk_text h2{font-size: 30px;height: 62px;background: url(../images/title_1_05.png) no-repeat;background-position: bottom left;}
.walk_text{width: 580px;position: relative;}
.walk_msg{background: url(../images/walk-left_10.png) no-repeat;margin-top: 35px;float: left;padding-left: 58px;padding-bottom: 66px;}
.walk_msg h3{font-size: 20px;color: #2562b3;margin-bottom: 22px;}
.walk_msg .walk_msg_p{line-height: 26px;width: 480px;color: #9c9c9c;margin-bottom: 54px;}
.walk_msg ul li{display: inline-block;float: left;width: 64px;text-align: center;margin-right: 65px;}
.walk_msg ul li a{display: block;}
.walk_msg ul li:last-child{margin-right: 0;}
.walk_msg ul li p{margin-top: 12px;font-size: 14px;}
.walk_pic{width: 615px;float: right;}
.walk_pic img{display: block;width: 100%;transition: all .5s;}
.walk_pic_left{overflow: hidden;}
.walk_pic_left:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.walk_pic_top,.walk_pic_bot{overflow: hidden;}
.walk_pic_top:hover img,
.walk_pic_bot:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.walk_pic .walk_pic_top{margin-bottom: 5px;}
.walk_text .line{height: 1px;width: 100%;background: #dddddd;margin-top: 24px;position: absolute;bottom: 0;left: 6px;}
/* 通栏 */
.full_column{background: url(../images/full_column_bg_04.jpg) no-repeat;padding:87px 0;}
.full_column_left{color: #fff;width: 582px;border-right: 1px solid #4b84d0;}
.full_column_left h3{font-size: 18px;line-height: 32px;margin-bottom: 10px;}
.full_column_left h3 img{vertical-align: middle;}
.full_column_left p{line-height: 30px;font-size: 16px;}
.full_column_left .full_column_btn{display:block;font-size: 12px;width: 150px;height: 45px;line-height: 45px;color: #000;background: #fff;text-align: center;border-radius: 30px;margin-top: 40px;}
.full_column_left .full_column_btn:hover{background: #4b84d0;color: #fff;}
.full_column_right{width: 615px;color: #fff;}
.full_column_right li{float: left;width: 150px;font-size: 14px;text-align: center;margin-left: 55px;}
.full_column_right li img{transition: all .5s;}
.full_column_right li:hover img{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}
.full_column_right li h3{font-size: 48px;}
/* 通用标题 */
.ty_title{text-align: center;font-size: 30px;margin-bottom: 50px;margin-top: 80px;}
.ty_title h2{line-height: 48px;}
.ty_title p{font-size: 16px;color: #747474;line-height: 50px;}
/* 工程案例 */
.project_left{width: 50%;height: 545px;}
.project_left .pic,.project_left li a{display:block;width: 100%;height: 100%;}
.project_left li{height: 100%;width: 100%;}
.project_right{background: #f5f5f5;width: 50%;position: relative;}
.project_right_box{padding:94px 0 0 106px;height: 450px;}
.project_right_box h3{font-size: 28px;color: #186aab;line-height: 60px;margin-top: 20px;}
.project_right_box p{line-height: 26px;font-size: 14px;color: #a9a9a9;margin-bottom: 30px;}
.project_right_box .project_btn{background: #2562b3;color: #fff;width:135px;height: 40px;display: block;text-align: center;line-height: 40px;border-radius: 22px;border: 1px solid #2562b3;}
.project_btn:hover{background: #fff;color: #2562b3;}
.project_right .dot{position: absolute;left: 106px;bottom: 80px;}
.project_right .dot li{width: 8px;height: 8px;float: left;margin-right: 10px;border:1px solid #2a65b5;border-radius: 50%;}
.project_right .dot li.on{background: #2562b3;}
.pic,.project_right_box{position: relative;}
.pic .bothway_tab:first-child{display: block;}
.bothway_tab{position: absolute;display:none;}
.project_right_box .bothway_tab:first-child{display: block;}
/* 服务 */
.serve{position: relative;color: #fff;height: 330px;}
.serve_left{float: left;width: 50%;background: #0375d3;height: 100%;}
.serve_right{float: right;width: 50%;background: #195db2;height: 100%;}
.serve .inner{position: absolute;margin: auto;left: 0;right: 0;top: 60px;}
.serve_inner_left{width: 490px;}
.serve_inner_right{width: 490px;}
.serve h3{font-size: 30px;line-height: 53px;}
.serve p{font-size: 14px;line-height: 26px;margin-bottom: 20px;}
.serve .serve_inner_btn{display: block;width: 125px;height: 38px;border: 1px solid #fff;color: #fff;border-radius: 22px;text-align: center;line-height: 38px;}
.serve_inner_btn:hover{background: #fff;color: #2562b3;}
/* 新闻资讯滚动 */
.swiper-container1{overflow: hidden;position: relative;}
.swiper-container1 .swiper-slide {overflow: hidden;}.index_news_top{width:100%; height: auto; overflow: hidden; margin-top: 33px;}
.index_news_top dl{width:376px; height: auto;  float: left; margin-right:36px;}
.index_news_top dl dt{width:376px; height: 282px; overflow: hidden}
.index_news_top dl dt img{width:100%; height: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_news_top dl dd{width:100%; height: 60px; line-height: 60px; border-bottom: 1px dashed #bfbfbf; text-align: center}
.index_news_top dl dd a{font-size: 16px; color: #2562b3; font-weight: bold; }
.index_news_top dl:last-child{margin-right: 0px;}
.index_news_top dl:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_news_bottom{width:100%; height: auto; overflow: hidden; margin-top:15px;}
.index_news_bottom ul{width:100%; height: auto; overflow: hidden;}
.index_news_bottom ul li{width:356px; height:30px; line-height:30px; background: url(../images/xing.png) no-repeat left center; padding-left: 20px; float: left; margin-right: 36px;}
.index_news_bottom ul li p{width:270px; height: 100%; float: left; font-size: 14px; color:#666666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_news_bottom ul li span{float: right; font-size: 12px; color: #999999; }
.index_news_bottom ul li:nth-child(3n){margin-right: 0px;}
.index_news_bottom ul li:hover p,.index_news_bottom ul li:hover span{color:#2562b3;}
/* 产品展示滚动 */
.swiper-container2{overflow: hidden;margin-bottom: 102px;}
.swiper-container2 .swiper-slide{width: 270px;}
.swiper-container2 .image_box{display:block;width: 270px;overflow: hidden;border: 1px solid #ddd;}
.swiper-container2 .swiper-slide img{display: block;width: 100%;transition: all .5s;}
.swiper-container2 .swiper-slide:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.swiper-container2 .swiper-slide .product_box h3{font-size: 18px;line-height: 67px;border-bottom: 1px solid #e6e6e6;margin-bottom: 14px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis; }
.swiper-container2 .swiper-slide .product_box p{line-height: 26px;font-size: 14px;color: #aaabab;margin-bottom: 14px;min-height:104px;}
.swiper-container2 .swiper-slide .product_box a{display: block;width: 134px;line-height: 40px;background: #2562b3;color: #fff;text-align: center;border-radius: 22px;border: 1px solid #2562b3;}
.swiper-container2 .swiper-slide .product_box a:hover{background: #fff;color: #2562b3;border: 1px solid #2562b3;}
.new_swiper_box{margin-bottom: 80px;}
/* 底部 */
.footer{color: #fff;}
.footer a{color: #bdcae3;}
.footer a:hover{color: #fff;}
.footer_top{background: #2562b3;padding-top: 80px;padding-bottom: 45px;}
.footer_top li{width: 171px;float: left;}
.footer_top li a{line-height: 30px;font-size: 14px;}
.footer_top h3{margin-bottom: 22px;font-size: 18px;}
.footer_bot{background: #194886;line-height: 90px;}

.footer_link{width:100%; height:auto; line-height: 50px;  background: #fff; overflow: hidden}
.footer_link p{font-size: 14px; color: #666; float: left; width:70px;font-weight: bold;}
.footer_link .footer_a{width:1130px; float: left; height: 100%; }
.footer_link .footer_a a{font-size:14px; color: #666; margin: 0px 10px 0 0;}



.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 9999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -35px -24px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
	 font-size: 14px;
}
.lxfx li {
    background:#f08300;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}
@media  screen and (max-width: 1680px){
	.project_left {height: 500px;}
	.project_right {height: 500px;}
}
@media  screen and (max-width: 1400px){
	.project_left {height: 450px;}
	.project_right {height: 450px;}
	.project_right_box{padding:40px 0 0 60px;}
	.project_right_box .bothway_tab{width:540px;}
	.project_right .dot{bottom: 60px;left: 60px;}
}
@media  screen and (max-width: 1200px){
	.project_left {height: 400px;}
	.project_right {height: 400px;}
	.project_right_box{padding:40px 0 0 60px;}
	.project_right_box .bothway_tab{width:480px;}
	.project_right .dot{bottom: 20px;left: 60px;}
}


