﻿/* 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: #434343;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x: hidden;}
ul,li {list-style: none;}
img {border: none;}
i,em{font-style:normal}
a {text-decoration: none;color: #555;}
a:hover{color: #4562ac;}
/* 公用 */
.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;}
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-top: 20px;}
.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: 30px;font-size: 14px;}
.weiling{width:121px;height:18px;background: url(../images/weiling_1.png) no-repeat center center;background-size: 100%, 100%;margin-right: 10px;}
.weiling:hover{background: url(../images/weiling_hover.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_hover.png) no-repeat;background-size: 100%, 100%}
/* 背景颜色 */
.gray{background: #f2f2f2;}
.change_bg{ background:linear-gradient(to left,#0058ab,#0082d5,#0058ab);height: 70px;}
.cpys_box{padding-bottom:70px;}
/* 头部欢迎条 */
.header_top li{float: left;line-height: 40px;}
a.welcome{display: inline-block;line-height: 40px;}
.header_top li a i{margin-right: 5px;color: #2c73b7;}
.header_top li a{position: relative;}
.header_top li.partition{margin:0 8px;}
.header_top li a .qr_code{position: absolute;left: 0;top: 30px;display: none;}
.header_top li:hover a .qr_code{display: block;}
/* logo */
.header_logo{padding: 20px 0;}
.header_logo .logo{display:block;width:330px;}
.header_logo .logo img{display:block;width: 100%;}
.header_tel span{margin-right: 10px;display: inline-block;}
.header_tel .header_tel_text p{font-size: 14px;color: #777777;}
.header_tel .header_tel_text h3{font-size: 24px;line-height: 28px;color: #0057aa;font-weight: normal;}
/* 导航 */
.navBar{position:relative; z-index:1; height:70px; line-height:70px; }
.nav{ position:relative; font-size:14px; }
.nav a{ color:#333;  }
.nav h3{  font-weight:normal;font-size: 100%; padding-top: 20px;}
.nav .m{ float:left;  position:relative; z-index:1; }
.nav .on h3 a{background: #fff;color: #0057aa;}
.nav .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; margin: 0 13px;}
.nav h3 a{ display:block; width:124px; text-align:center; font-weight:bold; color: #fff;height: 30px;line-height: 30px;}
.nav .sub{  display:none;position:absolute; left:0; top:50px; z-index:1; width:124px; border:1px solid #E6E4E3; border-top:0;  background:#fff;box-sizing: border-box; }
.nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px;   }
.nav .sub li a{ display:block;  border-bottom:1px solid #E6E4E3;height:36px; line-height:36px; color:#666;}
.nav .sub li a:hover{ color:#0057aa;}
.nav .block{ height:3px; width:130px; background:#FE7700; position:absolute; left:0; top:57px; overflow:hidden; }
.nav h3:hover a{background: #fff;color: #0057aa;}
/* banner */
.focusBox { position: relative; width:100%; height:560px; overflow: hidden; }
.focusBox .pic{height: 100%;}
.focusBox .pic li{height: 100%;}
.focusBox .pic img { width:100%; height:560px; display: block; }
.focusBox .prev,
.focusBox .next { width:45px; height:99px; position:absolute; top:200px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox .prev { background-image:url(../images/index.png); background-position:-112px 0; left:0 }
.focusBox .next { background-image:url(../images/index.png); background-position:-158px 0; right:0 }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
/* 通用标题 */
.ty_title{height: 64px;position: relative;width: 100%;text-align: center;padding-top: 70px;}
.ty_title h2{font-size: 64px;line-height: 54px;text-transform:Uppercase;color: #f8f8f8;}
.ty_title .ty_title_top{position: absolute;left: 0;right: 0;margin: auto;top: 70px;}
.ty_title_top h4{font-size: 24px;color: #0064b6;height: 22px;text-transform:Uppercase;margin-bottom: 7px;}
.ty_title_top span{display: block;width: 20px;height: 1px;background: #bebebe;margin:0 auto 5px;}
.ty_title_top p{font-size: 20px;}
/*  */
.cpys{margin-top: 54px;}
.cpys_left{width: 600px;}
.cpys_right{width: 550px;}
.cpys_right li{height: 80px;margin-bottom: 42px;}
.cpys_right li .cpys_icon{float: left;margin-right: 20px;transition: all .5s;}
.cpys_right li .cpys_icon img{display: block;width: 80px;height: 80px;}
.cpys_right li .cpys_step{float: left;}
.cpys_right li .cpys_number{display: inline-block;float: left;padding-top: 12px;margin-right: 16px;}
.cpys_right li .cpys_step_msg{width: 394px;float: left;padding-top: 19px;}
.cpys_right li h3{line-height: 32px;font-size: 24px;color: #0064b6;}
.cpys_right li p{line-height: 30px;color: #a2a2a2;font-size: 14px;}
.cpys_five{width: 100%;}
.cpys_five .cpys_icon{float: left;margin-right: 20px;transition: all .5s;}
.cpys_five .cpys_icon img{display: block;width: 80px;height: 80px;}
.cpys_five .cpys_number{display: inline-block;float: left;padding-top: 12px;margin-right:16px; }
.cpys_five .cpys_step_msg{width: 1046px;float: left;padding-top: 19px;}
.cpys_five .cpys_step_msg h3{line-height:32px;font-size: 24px;color:#0064b6;}
.cpys_five .cpys_step_msg p{line-height:30px;color:#a2a2a2;}
.cpys li:hover .cpys_icon{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}
.cpys_five:hover .cpys_icon{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}
/* 产品展示 */
.cpzs_text{width: 628px;margin:20px auto;font-size: 14px;text-align: center;line-height:30px;}
.w1200{width: 1200px;margin: auto;overflow: hidden;}
.picScroll-left{ overflow:hidden; position:relative;padding: 30px 0 70px;}
.picScroll-left .hd{ width:1400px;position: absolute;left: 0;right:0;top: 200px;margin:auto;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;overflow:hidden;cursor:pointer;width: 46px;height: 120px;}
.picScroll-left .next{background:#fff url(../images/arrow_btn_10.png) no-repeat center;float: left;}
.picScroll-left .prev{background:#fff url(../images/arrow_btn_13.png) no-repeat center;float: right;}
.picScroll-left .next:hover{background:#fff url(../images/arrow_btn_10_hover.png) no-repeat center;float: left;}
.picScroll-left .prev:hover{background:#fff url(../images/arrow_btn_13_hover.png) no-repeat center;float: right;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden;padding-right:30px;}
.picScroll-left .bd ul li .pic{  background: #f2f2f2;}
.picScroll-left .bd ul li .pic a{position: relative;display: block;}
.picScroll-left .bd ul li .pic .img_box img{display:block;width: 380px;height: 360px;}
.picScroll-left .bd ul li .title{ line-height:24px; }
.classify_text{height: 60px;background: #fff;font-size: 16px;line-height:60px;text-align: center;position: relative;z-index: 99;}
.classify_text p{position: absolute;width: 100%;height: 100%;z-index: 99;}
.img_title {height: 60px;line-height: 60px;position: relative;width: 100%;z-index: 99;}
.img_title h4{display: inline-block;font-size: 16px;color: #fff;padding-left: 36px;}
.img_title img{position: absolute;right: 26px;top: 22px;width: 60px;}
.shade{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 100, 182, 0.8) url(../images/honor_icon_03.png) no-repeat center;display: none}
.picScroll-left a:hover .shade{display: block;}
.picScroll-left a:hover .classify_text{background: #0064b6;}
.picScroll-left a:hover .classify_text p{color: #fff;}
/* 业务 */
.ywfw_box{margin-top: 37px;padding-bottom: 70px;}
.ywfw_box li{width: 380px;height: 193px;float: left;text-align: center;margin-right: 30px;padding-top: 47px;transition: all .5s;}
.ywfw_box li img{display: block;margin: auto;transition: all .5s;}
.ywfw_box li h3{font-size: 18px;font-weight: normal;line-height: 50px;}
.ywfw_box li p{font-size: 14px;line-height: 18px;width: 300px;margin: auto;}
.ywfw_box li:nth-child(3n){margin-right: 0;}
.ywfw_box li:hover{background: linear-gradient(to left,#0058ab,#0082d5,#0058ab);color: #fff;}
.ywfw_box li:hover img{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}
/*  企业简介 */
.across_bg{height: 330px;background: url(../images/across_bg_02.png) no-repeat;padding-top: 70px;}
.across_left{width: 180px;}
.across_left li{height: 30px;background: url(../images/across_left_bg_03.png) no-repeat;width: 180px;text-align: center;line-height: 30px;margin-bottom: 40px;}
.across_left li a{color: #fff;}
.across_right{text-align: right;}
.across_right_title{text-transform:Uppercase;color: #fff;display: inline-block;margin-bottom: 40px;}
.about_right_title{font-size: 80px;line-height: 70px;font-weight: bold;}
.about_left_title{margin-right: 20px;text-align: right;}
.about_left_title h3{font-size: 20px;line-height: 20px;padding-top:5px;}
.about_left_title span{display:inline-block;width: 20px;height: 1px;background: #fff;}
.about_left_title p{font-size: 20px;}
.across_msg{margin-bottom: 37px;width:660px}
.across_msg p{line-height: 30px;color: #fff;font-size: 14px;}
.read_more{display: inline-block;width: 146px;height: 34px;border: 1px solid #fff;line-height: 34px;text-align: center;color: #fff;text-transform: uppercase;}
.read_more:hover{background:#fff;}
/* 工程案例 */
.gcal{background: #fff url(../images/meteor_02.png) no-repeat;background-size: cover;padding-top: 30px;}
.gcal_box{margin-top:60px;}
.gcal_box li{float: left;width: 380px;height: 250px;margin-right: 30px;position: relative;margin-bottom: 30px;overflow: hidden;}
.gcal_box li .gcal_shadow{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 166px;background:rgba(0,0,0,.6);color:#fff;text-align: center;padding-top: 84px;display: none;}
.gcal_shadow h3{font-size: 24px;text-transform: uppercase;line-height: 40px;}
.gcal_shadow p{font-size: 16px;line-height: 34px;}
.gcal_shadow i{font-size: 26px;line-height: 58px;}
.gcal_box li img{transition: all .5s;display:block;width:100%;}
.gcal_box li:nth-child(3n){margin-right: 0;}
.gcal_box li:hover .gcal_shadow{display: block;}
.gcal_box li: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);}
.gcal_btn{display: block;margin: auto;width: 385px;padding-bottom: 70px;}
.gcal_btn a{display: inline-block;width: 180px;background: url(../images/across_left_bg_03.png) no-repeat;text-align: center;line-height: 30px;color: #fff;}
.gcal_btn a:first-child{margin-right: 20px;}
/* 新闻 */
/*新闻*/
.xwzx{background:#f2f2f2;padding-bottom: 80px;}
.index_news {width:100%; height: auto; overflow: hidden; padding-top: 70px; }
.tab-menu{width:100%;height:50px; line-height: 50px; }
.tab-menu ul{ display: table; margin: 30px auto 0;  width: auto; height: 50px;}
.tab-menu li {width:160px; height: 50px; line-height: 50px; text-align: center; background: #fff; float: left; margin: 0px 19px;}
.tab-menu li a{font-size: 16px; color: #777}
.tab-menu li.active a{color:#fff;}
.tab-menu li.active,.tab-menu li:hover{background:linear-gradient(to left,#0058ab,#0082d5,#0058ab);}
.tab-menu li:hover a{color:#fff;}
.index_news_list{width:100%; height: auto; overflow: hidden}
.index_news_top{width:100%; height: auto; overflow: hidden; margin-top: 30px;}
.index_news_top dl{width:380px; height: auto; float: left}
.index_news_top dl dt{width:380px; height: 280px; 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; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; color: #fff}
.index_news_top dl:hover dt img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_news_top ul{width:787px; height: auto;  overflow: hidden; float: right}
.index_news_top ul li{width:100%; height:119px; background: #fff; padding: 18px;}
.index_news_top ul li .news_pic{width:156px; float: left; height: 100%;}
.index_news_top ul li .news_pic img{width:100%;  height: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.news_info{margin-left: 180px;}
.news_info h3{width:100%; height: 30px; line-height: 30px; font-size: 16px; color: #4d4d4d;}
.news_info p{width:570px; height: 48px; line-height: 24px; font-size: 14px ;color: #777777; margin: 10px 0}
.news_info span{font-size:14px; color: #777777;}
.index_news_top ul li:first-child{margin-bottom: 30px;}
.index_news_ul{width:100%; height: auto; margin-top:30px; }
.index_news_ul li{width:360px; height: 60px; background: #fff; float: left; margin-bottom:20px; margin-right:30px;padding:0 10px;}
.index_news_ul li h3{width:240px; height: 60px; line-height: 60px; background: url(../images/xians.png) no-repeat left center; padding-left: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left;font-size: 14px; color: #777;font-weight: normal;}
.index_news_ul li span{font-size: 12px; color: #777777; float: right; line-height: 60px;}
.index_news_ul li:nth-child(3n){margin-right: 0px;}
.index_news_ul li:hover h3,.index_news_ul li:hover span{color:#2d66d9}
.index_news_top ul li:hover{background:linear-gradient(to left,#0058ab,#0082d5,#0058ab);}
.index_news_top ul li:hover h3,.index_news_top ul li:hover span,.index_news_top ul li:hover p{color:#fff;}
/* 底部 */
/*.footer{background: url(../images/footer_bg_02.jpg) no-repeat;color: #fff;padding-top: 70px;background-size: 100% 100%;padding-bottom: 50px;}
.footer a{color: #fff;}
.footer_left_title{margin-bottom: 32px;}
.footer_left_title h3{font-size: 22px;font-weight: normal;}
.footer_left_title h3 span{font-size: 14px;margin-left: 10px;}
.footer_left p{line-height: 26px;}
.link_btn span{margin: 0 7px;}
.link_title{font-size: 16px;}
.copy{margin-top: 50px;}
.message_icon{float: left;margin-right: 20px;}
.footer_right{width: 360px;;}
.message_site{width: 280px;float: right;margin-top: 20px;}
.message_site p{float: left;line-height: 20px;}
.message_site:nth-child(2){margin-right: 30px;text-transform: uppercase;}
.message_site:nth-child(3){margin-right: 60px;text-transform: uppercase;}

.footer_bot_link{line-height: 30px;margin-top: 20px;}
.footer_bot_link a{line-height: 30px;position:relative;}
.footer_bot_link a .footer_qr_code{position:absolute;left: 0;top: -120px;display:none;}
.footer_bot_link a img{vertical-align: middle;}
.footer_bot_link span{margin: 0 4px;}
.footer_bot_link a:hover .footer_qr_code{display:block;}*/

.tel_rx{width: 360px;}
.tel_tx_left img{margin-right: 15px;width: 50px;}
.tel_rx_right p{font-size: 16px;}
.tel_rx_right h3{font-size: 28px;}
.footer{ width: 100%; background: url(../images/footer_bg_02.jpg) no-repeat;color: #fff;padding-top: 65px;padding-bottom: 20px;}
.foot_center{width:210px; float: left; margin-top: 10px; }
/*.foot_center img{width:100%; height: 100%;}*/
.footer_nav{width:640px; height: auto; overflow: hidden; margin-left: 20px; float: left; margin-top: 15px;}
.footer_nav dl{width:90px; height: auto; float: left; text-align: center}
.footer_nav dl dt{font-size:12px; color: #fff; height: 30px; width: 100%}
.footer_nav dl dd{font-size: 12px; width: 100%; line-height:28px;}
.footer_nav dl dd a{color:#fff}
.footer_nav dl dd a:hover{opacity: .8;}

.footer_top_right{width:312px;  display: block; overflow: hidden; float: right;}
.footer_top_right .footer_img{width:136px; height:auto; float:left; margin-left:20px;}
.footer_img img{width:100%; height:100%;}
.footer_img p{width:100%; height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; }
.footer_img div{width:136px; background:#eeeeee; border-radius: 5px;  padding:8px;box-sizing: border-box;;}

.footer_ban{width:100%;}
.footer_zhichi{float: right}
.footer_zhichi p{float: left; margin-left: 20px;font-size: 12px; color:#fff;line-height:30px;}
.footer_zhichi .pt{width:127px;height: 18px; background: url(../images/weiling.png) no-repeat;margin-top: 4px;}
.footer_zhichi .js{width:115px;height: 18px; background: url(../images/wangshang.png) no-repeat;margin-top: 4px;}
.footer_zhichi .pt:hover{background: url(../images/weiling_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/wangshang_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 12px; color: #fff;}
.footer_zhichi i{ float: left;}
.f_brq{width:auto;height:100%; font-size: 12px; color:#fff; float: left}
.message_site {margin-bottom: 10px;line-height:28px;}
.message_site img{float: left;margin-right: 15px;}
.foot_center h3{font-size: 18px;margin-bottom: 10px;}

.ywfw_btn{display:block;background:url(../images/across_left_bg_03.png) no-repeat;color:#fff;margin:20px auto 0;width: 180px;height: 30px;line-height: 30px;text-align:center;transition: all .5s;}
.ywfw_btn:hover{color:#fff;}
/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:310px;
    width: 77px;
    z-index: 11;
}
.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: 48px;
    line-height: 48px;
    margin-top: 2px;
    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-te {
    background-position: -34px -52px;
}
.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: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
	    margin-top: 10px
}
.lxfx li {
    background:#0057aa;
    height: 70px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}
.lxfx li i.icon-en{
	background-position: -31px -47px;
}



