﻿/*   
Template Name: Unify - Responsive Bootstrap Template
Description: Business, Corporate, Portfolio and Blog Theme.
Version: 1.2
Author: Html Stream
Website: http://htmlstream.com/preview/unify
*/



a{text-decoration:none!important}
a:active {
   outline:0 !important;
}
a:focus {outline:none; -moz-outline:none}
li{list-style:none}
p{margin:0;padding:0}
h1, h2, h3, h4, h5 {
	color:#555; 
	margin-top:5px; 
	text-shadow:none; 
	text-shadow:0 0 1px #f6f6f6;
	font-weight:normal !important; 
	font-family:'微软雅黑', sans-serif; 
} 
h1 i, h2 i, h3 i, h4 i, h5 i {
	margin-right:7px;
}
/* 首页 */
.center{background:#f9f9f9;width:100%;margin:0 auto;overflow:hidden;height:auto}
.center_n{width:1200px;margin:70px auto 50px;overflow:hidden}
.center_left{width:430px;float:left}
.center_right{width:450px;float:right}
.center_right img{width:100%;}
.center_p1{color:#005399;font-size:20px;font-weight:bold;margin-top:20px}
.center_p2{color:#5e5e5e;font-size:16px;margin:40px 0 0 0}
.center_p3{color:#999;font-size:14px;margin:10px 0 20px;text-indent:2em}
.center_p4{color:#5e5e5e;font-size:16px;margin:10px 0;}
.center_p5{color:#999;font-size:14px;margin:10px 0 20px;text-indent:2em}
.xfkf{width:160px;height:335px;float:right}
.kf{width:187px;height:335px;position:fixed;right:0;top:50%;border-radius:5px;background-color: #fff;display:block;z-index:100}
.zxun{width:100%;height:76px;background:#005399;border-radius:5px}
.cps1{padding:10px 20px 0;font-size:18px;color:#fff;text-align:center;font-weight:bold}
.cps2{padding: 10px 20px 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;}
.xf_tel{width:150px;height:32px;border:solid 1px #c2c2c2;border-radius:5px;margin:20px auto}
.xf_tel img{height:100%;float:left}
.xf_tel span{    
    height: 100%;
    font-size:14px;
	color:#666;
    display: flex;
    align-items: center;
    justify-content: center;}
.yincang{    width: 25px;
    height: 335px;
    float: left;
    border-right: solid 1px #005399;
    border-radius: 5px;
    background-color: #005399;cursor:pointer;
    }
.yincang p{height: 100%;
    /* text-align: center; */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    margin: 0 auto;
    line-height: 2em;
    width: 16px;}
.xfkf p{text-align:center}
.ewm{width:100px;height:100px;margin:0 auto}
.ewm img{width:100%;height:100%}

.list{background:#fff;width:100%;margin:0 auto;overflow:hidden;height:auto}
.index_c{width:1200px;margin:70px auto 80px;overflow:hidden}
.index_left{float:left;width:380px;height:auto}
.index_right{float:right;width:790px;height:auto}
.index_p1{font-size:22px;color:#005399;font-weight:bold;margin-top:10px}
.index_ct{border-top:solid 1px #e8e8e8;background:#f8f8f8;overflow:hidden;margin-top:10px;border-left:solid 1px #e8e8e8}
.index_ct_2{border-top:solid 1px #e8e8e8;background:#f8f8f8;overflow:hidden;margin-top:10px;border-left:solid 1px #e8e8e8}
.index_ct_2 ul{overflow:hidden}
.index_ct_2 li{list-style:none;float:left;font-size:16px;color:#333;padding:10px 20px;cursor:pointer;}
.index_ct ul{overflow:hidden}
.index_ct li{list-style:none;float:left;font-size:16px;color:#333;padding:10px 20px;cursor:pointer;}
.cup{background:#005399;color:#fff!important}
.more{    float: right;font-size: 12px;color: #999;height: 40px;display: flex; align-items: center;width: 85px;justify-content: center;}
.index_new{height:185px;position:relative}
.ui{margin-top:15px;position:absolute;top:0;width:100%;display:none}
.ui_2{margin-top:15px;position:absolute;top:0;width:100%;display:none}
.index_new li{text-indent:1em;line-height:2em}
.index_new a{font-size:14px;color:#666666}
.index_new span{float:right;font-size:12px;color:#999}
.xy{font-size:22px;font-weight:bold;color:#005399;border-bottom:solid 2px #333;padding-bottom:5px}
.xy_p{margin-top:10px}
.ld{    overflow: hidden;
    margin-top: 20px;
    border: solid 1px #edecec;}
.ld li{border-bottom:solid 1px #edecec;height:40px;display: flex;align-items: center;}
.ld a{font-size:14px;color:#666}
.ld li:hover .x_img{background: url(../images/an1.png)no-repeat 100%;}
.x_img{background: url(../images/an.png)no-repeat 100%; width: 20px;height:20px;margin:0 20px}
.win{width:370px;height:130px;background:#fafafa;border:solid 1px #edecec;margin-top:32px}
.win_p{font-size:14px;padding: 20px 70px 0px 20px;color:#666}
.win_p2{font-size:12px;padding:10px 20px 20px 20px;text-indent:2em;color:#999}
.index_left a{text-decoration:none;}
.win:hover{background:#1487de;}
.win:hover p{color:#fff}
.xian{margin-top:10px}
.urs{width:385px;height:250px;float:left;border:solid 1px #edecec;margin-bottom:15px}
.urs:nth-child(2n){margin-left:15px}
.urs img{margin:10px 0 0 30px;float:left}
.urs_p1{font-size:16px;color:#333}
.msk{float:left;margin-top:20px;margin-left:15px}
.mbk{float:left;margin-top:20px;margin-left:15px}
.urs_p2{font-size:14px;color:#666;    line-height: 1.5em;width: 240px;}
footer{background:#005399;width:100%;margin:0 auto;overflow:hidden}
.couf{width:1200px;margin:20px auto 0px;border-bottom:solid 1px #ccc ;overflow:hidden;padding-bottom:10px}
.couf span{font-size:14px;color:#fff;margin-left:10px}
.cpo{margin-bottom:10px}
.couf_l{float:left}
.couf_r{float:right;    height: 95px;display: flex;align-items: center;}
.bottom{width:1200px;margin:10px auto}
.bottom p{color:#fff;font-size:12px}
.lianxi-a{color:#fff}
.lianxi-a:hover{color:#fff}
.bannar{width:100%;margin:0 auto}
.bannar img{width:100%}
.index_new li:hover a{color:#005399}
.mbk a:hover .urs_p2{color:#005399}
.ld li:hover a{color:#005399}
/* 公司简介 */
.pod{width:1200px;margin:0 auto;overflow:hidden;height:40px;display:flex;align-items:center}
.pod p{font-size:12px;color:#999}
.about{width:100%;margin:0 auto 190px;overflow:hidden}
.about_c{width:1200px;margin:40px auto 0;overflow:hidden}
.about_left{width:250px;float:left}
.onbu{width:250px;height:130px;background:#005399;border:solid 1px #005399}
.eng{font-size:25px;color:#fff;padding:30px 30px 10px 30px}
.cn{font-size:30px;color:#fff;font-weight:bold;padding-top:10px;padding-left:30px}
.much{width:250px;height:60px;border-bottom:solid 1px #e4e4e4;display:flex;align-items:center;border-left:solid 1px #e4e4e4;border-right:solid 1px #e4e4e4;}
.much a{font-size:16px;color:#333}
.much p {
    margin-left: 20px;
    width: 220px;
}
.you{    width: 15px;
    float: right;
    background: url(../images/jt1.png)no-repeat 100%;
    height: 20px;}

.much p:hover a{color:#005399}
.much p:hover .you{background: url(../images/jt.png)no-repeat 100%;}
.about_right{width:900px;float:right}
.about_right img{max-width:100%;}
.ab_p{margin-top:55px;text-align:center;font-size:18px;color:#333;font-weight:bold;margin-bottom:40px}
.ab_p1{font-size:14px;color:#666;text-indent:2em;line-height:2em}
/* 新闻动态 */
.new_ms{width:900px;float:right;overflow:hidden}
.new_right{border-bottom:solid 1px #ccc;overflow: hidden;padding-bottom: 10px;margin-bottom:20px}
.new_img{float:left}
.new_img img{width:180px;height:130px}
.new_word{width:700px;float:right;height:auto}
.new_p1{font-size:16px;color:#333;padding:5px 10px;font-weight:bold}
.new_input{float:right;font-size:12px;color:#666; line-height: 31px;font-weight: normal;}
.new_p2{font-size:14px;color:#666;text-indent:2em;line-height:1.5em;height:auto;padding-top:10px}
.new_float{float:left;height:25px;margin-top:20px}
.new_float a{color:#005399;font-size:12px;}
.pages{width:100%;overflow:hidden;text-align:center;font-size:14px;color:#666;padding-top:60px}


/* 新闻详情 */
.show_new_center{width:100%;margin-top:55px; }
.show_new_center .p10{font-size:16px;text-align:center;font-weight:bold;color:#333}
.show_new_center .p11{margin:25px auto 0px;padding:0 20px;overflow:hidden;font-size:12px;text-align:center;color:#999}
.show_new_center .p12{text-align:left}
.show_new_center .p12 p{font-size:14px;color:#333;text-indent:2em;line-height:2em!important;}
.p12{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;padding:20px 0}
.show_new_center img{margin-top:10px auto;}
.show_page{width:100%;overflow:hidden;margin-top:20px}
.ppd{width:755px;margin:0 auto;font-size:14px;color:#666;line-height:2em}
.show_page{width:100%;overflow:hidden;margin-top:20px}
.left{float:left;color:#666;font-size:12px}
.left a{color:#666}
.left a:hover{color:#005399}
.right{float:right}
.right a{color:#666}

/* 故障详情 */
.guzhang{font-size:14px;color:#666;text-align:center;margin-top:40px}
.guzhang_1{text-align:center;font-size:14px;color:#666}
.gouq{font-size:16px;font-weight:bold;color:#333;text-align:center;margin-top:10px}

/* 可靠性之窗 */
.window{width:285px;height:210px;float:left;margin-left:20px;margin-bottom:20px}
.window img{width:100%;height:176px}
.window:nth-child(3n-2){margin-left:0}
.window p{background:#f6f6f6;color:#333;font-size:14px;height:30px;display:flex;align-items:center;justify-content:center}


/* 工程案例 */
.phone_gcal{display:none}
.gcal{width:285px;height:200px;float:left;margin-left:20px;margin-bottom:20px;position:relative}
.gcal:nth-child(3n-2){margin-left:0}
.gcal:hover .kuang{display:block}
.gcal:hover .bf{display:block}
.kuang{    position: absolute;
    top: 30px;
    height: 140px;
    left: 40px;display:none;z-index:11}
.word{    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
.gcal a{color:#fff}
.bf{ position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: rgba(10,10,10,0.5);display:none}
/* 服务流程 */
.cnuyss{text-align:center;padding-right:50px}
/* 联系我们 */
.lxwm_left{width:380px;float:left}
.lxwm_right{width:520px;float:left}
.lx_p1{font-size:16px;color:#333;font-weight:bold;margin:20px auto 40px}
.lx_p2{font-size:14px;color:#666;line-height:2em}

.position a{color:#999}
.phone_nav_r{display:none}
.phone_bottom{display:none}
.jituan_nav{display:none}
.phone_new_input{display:none}
.cl{display:none}
/* 手机端*/
@media screen and (max-width:790px){/*435px*/
body {
    padding-right: 0px!important;
    padding-left: 0px!important;
}
.header {
  
   display:none

}
	.phone_nav_r {
    display: block;
    width: 100%;
    height: auto;
    /* margin-top: 30px; */
    /* float: right; */
    position: relative;
    z-index: 11111;
    background-color: #fff;
    text-align: center;
}
.logo{display:none}
.nav-list{position: absolute;
    top: 133px;
    right: 0;
    width: 100%;
    background: #fff;
    display: none;
    z-index: 1111;}
.nav-list a{    color: #333;
    font-size: 1.5em;}
.phone_logo{margin-bottom:10px}
.phone_ul{    width: 79%;
    float: right;
    height: 50px;
    overflow: hidden;
	margin-right:5%}
.phone_ul li {
    float: left;
    width: 25%;
    line-height:3rem;
    background-color: #003f7d;
    color: #fff;
    border-radius: 5px;
}
.navlist-item{line-height:2em;    border-bottom: solid 1px #DCDBDB;}
.menu_1 {
        width: 10%;
    float: left;
    height: 50px;
    display: flex;
    align-items: center;margin-left:20px;justify-content:center
}
.menu_1 img{width:100%;height:40px}
.kf{display:none}
.center_n {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
.center_left {
    width: 100%;
    float: none;
}
.center_right {
    width: 100%;
    float: none;
	padding-bottom: 10px
}
.index_c {
    width: 90%;
    margin: 10px auto;
    overflow: hidden;
}
.index_left {
    float: none;
    width: 100%;
    height: auto;
}
.index_right {
    float: none;
    width: 100%;
    height: auto;

}
.index_ct li {
    list-style: none;
    float: left;
    font-size: 12px;
    color: #333;
    padding: 10px 10px;
}
.index_new span {
    float: right;
    font-size: 12px;
    color: #999;
    display: none;
}
.index_ct_2 li {
    list-style: none;
    float: left;
    font-size: 12px;
    color: #333;
    padding: 10px 10px;
}
.win {
    width: 99%;
    height: 130px;
    background: #fafafa;
    border: solid 1px #edecec;
    margin-top: 32px;
}
.urs {
    width: 99%;
    height: 250px;
    float: left;
    border: solid 1px #edecec;
    margin-bottom: 15px;
}
.urs:nth-child(2n) {
    margin-left: 0;
}
.swiper-pagination-bullet {
    width: 10px!important;
    height: 10px!important;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
}
.couf {
    width: 90%;
    margin: 20px auto;
    border-bottom: solid 1px #ccc;
    overflow: hidden;
    padding-bottom: 10px;
}
.couf_r {
    float: right;
    height: 95px;
    display: flex;
    align-items: center;
    display: none;
}
.bottom {
    width: 90%;
    margin: 10px auto;
}
/* 手机版尾部 */
.phone_bottom{ width:100%; height:54px; background:#000; position:fixed;_position: absolute;display:block;
_bottom: auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); bottom:0; z-index:999;}
.phone_bottom li{ float:left; width:25%; background:url(../images/fenge_10.jpg) right no-repeat; height:54px; text-align:center;}
.phone_bottom li .img{ height:20px; margin:10px 0 2px;}
.phone_bottom li .tit{ font-size:0.9em; color:#fff;}



footer {
    background: #005399;
    width: 100%;
    margin: 0 auto 50px;
    overflow: hidden;
}

.pod {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    height: 40px;
    display: flex;
    align-items: center;
}
.about_left {
    width: 250px;
    float: left;
    display: none;
}
.about_right {
    width: 100%;
    float: none;
    margin: 0 auto;
}
.about_c {
    width: 90%;
    margin: 0px auto 0;
    overflow: hidden;
}
.ab_p {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
}
.jituan_nav {
    margin-top: 20px;
    width: 100%;
    margin-bottom: 20px;
	overflow:hidden;
	display:block
}
.jituan_nav li {
    float: left;
    padding: 5px 10px;
    margin-right: 5px;
    font-size: 16px;
    color: #666;
}
.su{background:#01458e !important;color:#fff !important}
.about {
    width: 100%;
    margin: 0 auto 50px;
    overflow: hidden;
}
.new_ms {
    width: 100%;
    float: none;
    overflow: hidden;
    margin: 0 auto;
}
.new_word {
    width: 100%;
    float: none;
}
.new_img {
    float: none;
}
.ppd {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    color: #666;
    line-height: 2em;
}
.show_page {
    width: 90%;
    overflow: hidden;
    margin-top: 20px;
    margin: 0 auto;
}
.window {
    width: 285px;
    height: 210px;
    float: none;

    margin: 0 auto 20px;
}
.window:nth-child(3n-2) {
     margin: 0 auto 20px;
}
.gcal {
    width: 285px;
    height: 210px;
    float: none;
    margin-left: 20px;
    /* margin-bottom: 20px; */
    position: relative;
    margin: 0 auto 20px;
}
.gcal:nth-child(3n-2) {
    margin: 0 auto 20px;
}
.lxwm_right {
    width: 100%;
    float: none;
    padding-top: 20px;
    overflow: hidden;
}
.xy_p {
    margin-top: 40px;
}
.index_p1 {
    font-size: 27px;
    color: #005399;
    font-weight: bold;
    margin-top: 40px;
}
.bottom p {
    color: #fff;
    font-size: 12px;
    width: 280px;
}
.new_img img {
    width: 100%;
    height: 100%;
}
.new_input {
    
    display: none;
}
.phone_new_input{
    
    font-size: 12px;
    color: #666;
   
    font-weight: normal;
	display:block;
	text-indent:1em
}
.urs_p2 {
    font-size: 14px;
    color: #666;
    line-height: 1.5em;
    width: 200px;
}
.msk {
    float: left;
    margin-top: 20px;
    margin-left: 15px;
    width: 70%;
}
.index_new li:hover a{color:#666}
.mbk a:hover .urs_p2{color:#666}
.new_p2 {
    
    padding-top: 0px;
}
.phone_gcal{width: 285px;
    height: 210px;
    float: none;

    margin: 0 auto 40px;display:block}
.phone_gcal p{background:#f6f6f6;color:#333;font-size:14px;height:30px;display:flex;align-items:center;justify-content:center}
.gcal{display:none}
.lx_p1 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 20px auto 20px;
}
.bl{display:none}
.cl{display:block}
.couf span {
    font-size: 12px;
    color: #fff;
    margin-left: 10px;
}
.cpo img{width:20px}
}



