/* 与 .wrap 同宽，避免窄屏 header/banner 右侧露白 */
html,body{min-width:1200px}
body{font-family:"微软雅黑"; font-size:12px; color:#666; padding:121px 0 0 0 !important;}

a,a:hover{ text-decoration:none; color:#777}

a:hover{color:#022e49}

.wrap{ width:1200px; margin:0 auto}

.col93{ color:#939393}

.lan{ color:#022e49}

.bgf7{ background:#f7f7f7}

.imgbox{}

.imgbox img{ max-width:100%; height:auto}





.logo1{ background:url(../images/logo1.png) no-repeat; display:inline-block; width:280px; height:48px; position:absolute; left:50%; margin-left:-140px; top:100px;}

.yuyxz{ width:300px; height:35px; position:absolute; left:50%; margin-left:-150px; bottom:240px;}

.yuyxz a{ display:inline-block; height:30px; width:88px; text-align:center; color:#fff; line-height:30px; border-radius:1px; font-size:16px;background:url(../images/icon2.png) repeat; }

.yuyxz a:hover{background:#012e4d }

.header{ background:#434343; height:120px; border-bottom:1px solid #444;z-index: 99999; width:100%; min-width:1200px; position:fixed; top:0;}

.logo2{ background:url(../images/logo2.png) no-repeat left center; display:inline-block; width:306px; height:120px; float:left; overflow:hidden}

.logo2 img{  height:120px; }

.nav{ float:right; position:relative; width:800px; padding-right:35px; }

.nav ul{ padding:0 !important; background:none !important}

.nav a{ display:block; float:left; width:100px; text-align:center;  padding:52px 0 0 0 !important; height:65px; line-height:65px; color:#fff; font-size:16px; }

.nav li.now{ background:#003366}

.nav .layui-nav .layui-nav-more{top: 84px;}

.nav .layui-nav .layui-this::after,.nav .layui-nav-bar, .layui-nav-tree .layui-nav-itemed::after{ background:#fff;}

.nav .layui-nav-child{ top:121px; width:auto; background:#003366; border:1px solid #012e4d}

.nav .layui-nav-child a{float:none; text-align:center;  padding:0px 10px !important;  color:#fff !important; height:32px; line-height:32px; border:none; font-size:12px; width:auto; }

.nav .layui-nav .layui-nav-child a:hover{ background:#242847}



.ssbox{ background:#2d2d2d; position:absolute; right:0; top:0; width:0;  overflow:hidden}

.ss_input{ border:1px solid #fff; border-radius:2px; height:30px; line-height:30px; width:298px; text-indent:0.5em; color:#cecece; font-size:13px;font-family:"微软雅黑"; background:#444; margin:10px}

.ss_btn{ background:url(../images/icon4.png) no-repeat center center #2d2d2d; position:absolute; display:none; right:0; bottom:0; width:35px; height:68px; cursor:pointer; border:none; z-index:10}

.ss_btn2{background:url(../images/icon4.png) no-repeat center center #2d2d2d; position:absolute; right:0; bottom:0; width:35px; height:68px; cursor:pointer; display:block; z-index:11; cursor:pointer}



.tbox1mbox{width:100%; min-width:1200px; height:350px; position:relative; z-index:1;overflow:hidden}

.tbox1mboxul { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:relative; z-index:1}

.tbox1mboxul li {display:block;width:100%;height:100%;list-style:none;padding:0;margin:0;position:absolute;background-size:cover;background-position:center center;background-repeat:no-repeat}

.tbox1mboxul li a { display:block; width:100%; height:100%; text-indent:-9999px}

#pagination1 {  position:absolute; right:0; bottom:15px; z-index:9900; width:100%; text-align:center; }

#pagination1 li { display:inline-block;width:12px;  height:12px;    margin:0 3px; }

#pagination1 li a { display:inline-block;background:#fff; width:12px;  height:12px; border-radius:50%; color:#fff; font-size:0; vertical-align:middle}

#pagination1 li.current a { background:#012e4d}

.wxxt{ float:left; width:760px; overflow:hidden}

.wxxt ul{ width:780px;}

.wxxt li{ float:left; border-radius:5px; position:relative; overflow:hidden; border:1px solid #fff; width:368px; height:290px; margin-bottom:20px; margin-right:20px; cursor:pointer}

.wxxt li img{width:368px; height:290px;cursor:pointer}

.wxxt li.now{ border:1px solid #79fffc} 

.wxxt li a{ display:none; width:80px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:14px; background:#022e49; position:absolute; left:50%; margin-left:-40px; bottom:15px;}

.wxxt li.now a{ display:block}

.wxxt li p{ text-align:center; color:#fff; line-height:40px; bottom:50px; left:0; width:100%; font-size:22px; position:absolute}

.wxxtr{ float:right; width:370px;}

.title{ height:20px; line-height:20px; background:url(../images/icon7.jpg) no-repeat left center; padding-left:10px; color:#333; font-size:18px;}

.cpsp{ width:370px; height:230px;}

.title2{ border-left:10px solid #022e49; background:#42464e; height:45px; line-height:45px; color:#fff; font-size:18px; padding:0 10px 0 15px;}

.xwli{}

.xwli li{ border-bottom:1px dashed #d7d7d7; padding:10px 0;}

.title3{ background:url(../images/icon8.jpg) repeat-x left center; height:30px; line-height:30px; text-align:center; width:600px; margin:0 auto;}

.title3 span{ display:inline-block; background:#fff; width:190px; text-align:center; height:30px; line-height:30px; font-size:26px; color:#171717;}

a.more{ background:#42464e; display:inline-block; width:60px; height:25px; line-height:25px; text-align:center; color:#fff; font-family:Arial;}

.gcal{ position:relative; overflow:hidden; width:1200px;}

.icon5{ background:url(../images/icon5a.jpg) no-repeat center center; display:inline-block; width:37px; height:37px; position:absolute; left:0; top:50%; margin-top:-18.5px;}

.icon5:hover{background:url(../images/icon5b.jpg) no-repeat center center;}

.icon6{ background:url(../images/icon6a.jpg) no-repeat center center; display:inline-block; width:37px; height:37px; position:absolute;right:0; top:50%; margin-top:-18.5px;}

.icon6:hover{background:url(../images/icon6b.jpg) no-repeat center center;}

.gcalm{ width:1078px; margin:0 auto; height:190px; position:relative; overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}

.gcalm ul{ position:absolute; left:0; top:0; width:auto;}

.gcalm li{ float:left; width:338px; height:190px; margin-right:32px; position:relative}

.gcalm li img{width:338px; height:190px;}

.gcalm li p{ background:url(../images/icon9.png) repeat; height:45px; line-height:45px; text-align:center; width:100%; color:#fff; font-size:18px; position:absolute; left:0; bottom:0}

.shlx{ float:left; border-right:1px solid #dcdcdc; padding-right:40px; width:395px; color:#575757; line-height:25px;}

.shlx a,.shlxr a{ color:#575757}

.shlxr{ border-right:1px solid #dcdcdc; padding:0 40px 0 30px; width:450px; float:left;color:#575757; line-height:25px;}

.shlxrr{ width:243px; float:right; text-align:center; color:#575757; font-size:16px; line-height:35px; padding-top:30px;}

.foot{ background:url(../images/icon10.jpg) repeat; padding:25px; line-height:25px; text-align:center; color:#999}

.img5{ width:100%; height:350px; background:url(../images/img5.jpg) no-repeat center center;}

.img5b{ width:100%; height:350px; background:url(../images/img5b.jpg) no-repeat center center;}

.img5c{ width:100%; height:350px; background:url(../images/img5c.jpg) no-repeat center center;}

.img5d{ width:100%; height:350px; background:url(../images/img5d.jpg) no-repeat center center;}

.img5e{ width:100%; height:350px; background:url(../images/img5e.jpg) no-repeat center center;}

.img5f{ width:100%; height:350px; background:url(../images/img5f.jpg) no-repeat center center;}

.weiz{ background:url(../images/icon11.jpg) no-repeat left center; border-bottom:1px solid #a2a2a2; height:35px; line-height:35px; padding-left:22px; color:#999; font-size:14px;}

.left{ float:left; width:250px;}

.title4{ border-left:10px solid #012e4d; background:#135786; height:60px; line-height:60px; padding-left:10px; color:#fff; font-size:24px;}

.fwxz{}

.fwxz a{ display:block; height:45px; line-height:45px; background:#ebebeb; color:#333; font-size:14px; text-align:center; margin-bottom:5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 10px;
    box-sizing: border-box;
}

.fwxz a:hover,.fwxz a.now{ color:#fff; background:#012e4d}

.right{ float:right; width:930px; min-height:300px;}

.gcal2{ width:930px; overflow:hidden}

.gcal2 ul{ width:960px;}

.gcal2 li{ float:left; margin:0 30px 15px 0; width:210px;}

.gcal2t{ border:1px solid #d9d9d9; padding:5px; height:128px;}

.gcal2t img{ width:198px; height:128px}

.jsfx{}

.jsfx li{ border-bottom:1px dashed #dfdede; background:url(../images/icon12.jpg) no-repeat 5px center; padding-left:25px; height:45px; line-height:45px; font-size:14px;}

.xiaz{}

.xiaz li{ border-bottom:1px dashed #dfdede; background:url(../images/icon13.jpg) no-repeat 5px center; padding-left:25px; height:45px; line-height:45px; font-size:14px;}

a.page1{ display:inline-block; width:57px; height:27px; color:#fff; background:#012e4d; line-height:27px}

a.page2{ display:inline-block; width:25px; height:25px; margin:0 3px; line-height:25px; border:1px solid #e1e1e1; background:#f8f8f8; color:#666; font-size:13px;}

a.page2:hover,a.page2now{ background:#135786; color:#fff;}

.xwzx{}

.xwzx li{ border-bottom:1px dashed #dfdede; padding:20px 0}

.xwzx li img{ float:left; width:200px; height:130px;}

.xwzxr{ float:right; width:715px;}

.xwzxr p{ line-height:20px; height:80px; color:#999}

.xwxq{}

.xwxq h1{ text-align:center; color:#012e4d; font-size:20px; line-height:45px; padding-bottom:5px;}

.xwxqt{ background:#f8f8f8; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; height:45px; line-height:45px; text-align:center; color:#999;}

.xwxqb{ border:1px solid #e8e8e8; background:#f8f8f8; padding:10px; line-height:20px; color:#888; font-size:14px;}

a.icon14{ background:url(../images/icon14a.jpg) no-repeat left center; color:#999; font-size:14px; display:inline-block; line-height:20px; padding-left:30px;}

a.icon14:hover{background:url(../images/icon14b.jpg) no-repeat left center;}

a.icon15{ background:url(../images/icon15a.jpg) no-repeat left center; color:#999; font-size:14px; display:inline-block; line-height:20px; padding-left:30px;}

a.icon15:hover{background:url(../images/icon15b.jpg) no-repeat left center;}

.gywm{ line-height:30px; font-size:14px; color:#666;}

.gywm h1{ font-weight:bold; font-size:18px;}

.gywmb{ position:relative; overflow:hidden; width:930px;}

.gywm img{ max-width:100%;max-height:100%;}

a.icon16a{ background:url(../images/icon16a.jpg) no-repeat center center; display:inline-block; width:30px; height:50px; position:absolute; left:0; top:50%; margin-top:-25px;}

a.icon16b{ background:url(../images/icon16b.jpg) no-repeat center center; display:inline-block; width:30px; height:50px; position:absolute; right:0; top:50%; margin-top:-25px;}

.gywmbm{ width:835px; margin:0 auto; height:176px; position:relative; overflow:hidden}

.gywmbm ul{ position:absolute; left:0; top:0; width:auto;}

.gywmbm li{ float:left; width:265px; height:176px; margin-right:20px; position:relative}

.gywmbm li img{width:265px; height:176px;}

.liuy{ border:1px solid #bababa; padding:25px; color:#666; font-size:14px;}

.liuym{ width:580px; margin:0 auto}

.liuym label{ float:left; text-align:right; width:90px; padding-right:10px; color:#666; font-size:14px; line-height:35px;}

.liuym_input{ border:1px solid #c6c6c6; height:35px; line-height:35px; box-sizing:border-box; text-indent:0.5em; color:#666; font-size:14px;font-family:"微软雅黑"; width:320px;}

.liuym_text{ border:1px solid #c6c6c6; height:130px; line-height:30px; box-sizing:border-box; text-indent:0.5em; color:#666; font-size:14px;font-family:"微软雅黑"; width:470px;}

.liuym_btn1{ width:125px; height:45px; border:none; color:#fff; text-align:center; background:#135786;font-family:"微软雅黑";}

.liuym_btn2{ width:125px; height:45px; border:none; color:#666; text-align:center; background:#e0e0e0;font-family:"微软雅黑";}

.map{ padding:15px; border:1px solid #ececec;}

.map img{ width:100%; height:auto}

.cpxx{}

.cpxx li{ position:relative; height:45px; margin-bottom:5px; z-index:20}

.cpxx li p{ height:45px; line-height:45px; background:#ebebeb; color:#333; font-size:14px; text-align:center}

.cpxx li span{ display:inline-block; height:45px; line-height:45px; width:25px; text-align:center; font-weight:bold; color:#999; position:absolute; right:0; top:0; font-size:18px; font-family:"宋体"}

.cpxxr{ position:absolute; left:250px; top:0; display:none; padding-left:6px;}

a.cpxxlink2{display:block; width:210px; padding:0 15px; height:35px; line-height:35px; margin-bottom:5px;background:#ebebeb; color:#333; font-size:14px;}

a.cpxxlink2:hover{color:#fff;background:#012e4d}

.cpxxr dt{ display:block; width:auto; height:35px; line-height:35px; margin-bottom:5px;background:#ebebeb; color:#333; font-size:14px; cursor:pointer }

.cpxxr dl.now dt{color:#fff;background:url(../images/icon18a.jpg) no-repeat 200px center #012e4d}

.cpxxr dd{ padding:5px 10px; display:none}

.cpxxr dl.now dd{ display:block}

.cpxxr dd a{ background:url(../images/icon18b.jpg) no-repeat 8px center #bcbcbc; padding-left:18px; display:block; height:30px; margin-bottom:3px; line-height:30px; color:#fff; font-size:12px;}

.cpxxr dd a:hover{ background-color:#012e4d}

.cpxx li.now p,.cpxx li.now p a{ color:#fff;background:#012e4d}

.cpxx li.gnow p,.cpxx li.gnow p a{ color:#fff;background:#012e4d}

.cpxx li.now span{ color:#fff;}

.cpxx li.now .cpxxr{ display:block}

a.cpxxlink{display:block; height:45px; line-height:45px; background:#ebebeb; color:#333; font-size:14px; text-align:center;}

a.cpxxlink:hover{color:#fff;background:#012e4d}

.cpli{ width:930px; overflow:hidden}

.cpli ul{ width:948px;}

.cpli li{ float:left; margin:0 18px 18px 0; position:relative; overflow:hidden; border:1px solid #d4d9df; width:296px; height:240px;}

.cpli li img{ max-width:296px; max-height:240px;}

.cplitxt1{ position:absolute; left:0; bottom:0; background:url(../images/icon17.png) repeat; height:45px; line-height:45px; text-align:center; color:#fff; font-size:16px; width:100%;}

.cplitxt2{ background:url(../images/icon17.png) repeat; position:absolute; left:0; bottom:-100%; color:#fff; font-size:16px; text-align:center; width:100%; height:240px; line-height:30px; display: block}

.cplitxt2 p,.cplitxt2:hover p{ padding-top:90px;color:#fff}

.cplitxt2 span,.cplitxt2:hover span{ color:#fff}

.quickView {background: #fff;}

.quickView .gallery  {position: relative;overflow: hidden; z-index:10}

.quickView .gallery .preview {float: left;display: block;position: relative; border:1px solid #d4d9df; width:690px; height:550px;}

.quickView .gallery .preview img {display: block;max-width:690px; max-height:550px;}

.quickView .gallery .swiper-container{
    height: 550px;
}
.quickView .gallery ul.thumbs {float: right; width:222px; display:block; padding-left:15px;padding-right: 10px;}

.quickView .gallery ul.thumbs li {margin: 0;cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quickView .gallery ul.thumbs li.empty {cursor: default;}

.quickView .gallery ul.thumbs li.empty .thumb {background: #eee;}

.quickView .gallery ul.thumbs li .thumb {background-color: #fff;display: block;width:220px;height:175px; border:1px solid #d4d9df;
    width: 220px;
    height: 175px;}

.quickView .gallery ul.thumbs li .thumb:hover{ border:1px solid #012e4d}

.quickView .gallery ul.thumbs li .thumb img {cursor: pointer;transition: all 0.1s;-moz-transition: all 0.1s;-webkit-transition: all 0.1s;-ms-transition: all 0.1s;-o-transition: all 0.1s;width:220px;height:175px;
    width: 100%;
    height: 100%;}

.quickView .gallery ul.thumbs li:first-child {padding-top: 0 !important;}



.sidebar .contact {

    background: #fff;

    border: 1px #eaeaea solid;

    padding: 0 15px 20px;

    margin-bottom: 15px;

    border-radius: 4px;

}

.sidebar .contact h2 span {

    float: left;

    display: block;

    background: #0595c7;

    color: #fff;

    font-weight: normal;

    font-size: 14px;

    padding: 4px 15px;

    margin-top: -1px;

}

.sidebar .contact h3 {

    padding-top: 5px;

    font-size: 18px;

    color: #0595c7;

    line-height: 36px;

}

.sidebar .contact .qq {

    padding-top: 10px;

}

.sidebar .contact .qq a {

    margin-right: 3%;

    border: 1px #eee solid;

    padding: 4px 10px 4px 25px;

    background: url(../images/qq.png) no-repeat 5px center;

    font-size: 13px;

    color: #666;

    transition: .2s;

    -moz-transition: .2s;

    -webkit-transition: .2s;

    -o-transition: .2s;

}



.index-slogan {

    display: block;

    padding: 20px 0;

    background-color: RGB(248,248,248);

    z-index: 998;

}

.wp {

    width: 1200px;

    min-width: 1200px;

    margin: 0 auto;

}

.index-slogan .service-subject {

    float: left;

    width: 24.2%;

    margin: 0 0.4%;

    overflow: hidden;

}

.index-slogan .m {

    float: left;

    width: 99.5%;

    height: 230px;

    padding: 1px 0;

    clear: both;

    display: block;

}

.index-slogan .m img {

    vertical-align: middle;

    width: 100%;

    height: 210px;

    object-fit: cover;

    border: 1px solid #999;

}

.index-slogan .title-sub {

    line-height: 40px;

    height: 30px;

    font-size: 18px;

    font-weight: 600;

    color: #333;

    text-align: center;

    clear: both;

    display: block;

}

.index-slogan .des {

    font-size: 16px;

    color: #333;

    line-height: 22px;

    height: 66px;

    overflow: hidden;

    clear: both;

    display: block;

    text-align: center;

}

.index_project{  background-color: RGB(248,248,248);     padding: 20px 0;}

.index_project .title3 span{  background-color: RGB(248,248,248);}







.footer {

	background: #090b1a;

	padding: 30px 0;

	min-width: 1200px;

	border-bottom: 1px #020205 solid

}

.footer dl {

	float: left!important;

	width: 24%!important;

	margin: 0!important;

	padding: 5px;

}

.footer a, .footer dd {

	color: #787d80;

}

.footer a:hover {

	color: #aaa;

}

.footer dt {

	line-height: 36px;

	height: 36px;

	margin-bottom: 5px;

	font-size: 16px;

	color: #eee;

}

.footer dd, .footer dd a {

	line-height: 26px;height: 26px;

	font-size: 13px; overflow:hidden;

}



.footer dd a {

	padding:0 10px 0 0; display:inline;

}



.footer .about {

	width: 180px;

	margin-right: 50px;

}

.footer .about dd, .footer .solution dd {

	/* float: left; */

	/* width: 50%; */

}

.footer .solution {

	width: 260px;

	margin-right: 50px;

}

.footer .flow {

	float: right;

	padding-left: 13px;

	text-align: center;

}

.footer .flow dt {

	height: 16px;

	line-height: 16px;

}

.footer .flow img {

	width: 90px;

	height: 90px;

	background: #fff;

}

.footer .flow .wx {

	margin-left: 15px;

}

.footer .flow .m p {

	line-height: 24px;

	font-size: 12px;

	color: #787d80;

	text-align: center;

}

.footer .flow .m{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flow .other-lan{
   margin-top: 20px;
   display: flex;

}

.flow .other-lan a{
    font-size: 16px;
    line-height: 28px;
    margin-left: 10px;
}

.flow .other-lan img{
    background-color: unset;
    width: 26px;
    height: 26px;
}

.bot-footer {

	background: #090b1a;

	min-width: 1200px;

	border-top: 1px solid #171a35;

}

.bot-footer p {

	line-height: 50px;

	text-align: center;

}

.bot-footer p, .bot-footer p em, .bot-footer p a {

	color: #787d80;

	font-size: 13px;

}

.bot-footer p em {

	padding: 0 3px;font-style: normal;

}