@charset "utf-8";

body,html {
    font: 12px "microsoft yahei","SimHei", Arial, Helvetica, sans-serif;
    margin:0px;
    padding:0px;
}

ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {
    margin:0px;
    padding:0px;
    border:none;
    list-style:none;
    font-weight: normal;
}
a{
    text-decoration: none;
    color: #606060;
}
input,textarea,select{appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;border:none;}
.transtion{
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;}
img{
    border: none;
    vertical-align: middle;
}
@font-face{
    font-family: 'PINGFANG';
    src: url('PINGFANG MEDIUM.TTF');
}
.container{width: 1200px;margin:0 auto;}
.clear{clear:both;content: "";height: 0;float: none;}

.head{height: 107px;background-color: white;}
.head .container a.logo{display: block;height: 107px;line-height: 107px;float: left;}
.head .container a.logo img{}
.head .container .nav{float: right;margin:30px 20px;}
.head .container .nav ul{}
.head .container .nav ul li{display: inline-block;margin:0 12px;}
.head .container .nav ul li a{font-size: 16px;color: #333;line-height: 43px;display: block;border-bottom: 3px solid #fff;padding:0 10px;transition: all 0.3s;}
.head .container .nav ul li a.on{border-bottom: 3px solid #236FA9;color: #236FA9;font-weight: bold;}
.head .container .nav ul li a:hover{color: #236FA9;border-bottom: 3px solid #236FA9;font-weight: bold;}
.search{float: right;margin:38px 0 38px 30px;border-radius: 30px;/*background-color:  #2363A7;border:1px solid #2363A7;*/position: relative;}
.search #keyword{width: 0px;height: 30px;box-sizing: border-box;border-radius: 30px;background-color: #2363A7;color: white;font-size: 14px;}
.search #keyword::-input-placeholder{color: white;font-size: 14px;}
.search #keyword::-webkit-input-placeholder{color: white;font-size: 14px;}
.search #keyword::-ms-input-placeholder{color: white;font-size: 14px;}
.search .searchBtn{width: 30px;height: 30px;line-height: 30px;text-align: center;color: white;background:url(search2.png) no-repeat center center;border-radius: 30px;font-size: 0;background-color: #2363A7;transition: all 0.3s;position: absolute;right: 0;top: 0;z-index: 1;}
.search .searchBtn:hover{background-color: white;}


.head .container .search_img img{max-width: 100%;}

.banner{position: relative;}
.banner .hd{position: absolute;bottom: 30px;left: 0;right: 0;font-size: 0;z-index: 1;text-align: center;}
.banner .hd ul{display: inline-block;overflow: hidden;}
.banner .hd ul li{ float:left; margin:0 5px;  width:10px; height:10px; line-height:10px;background:#fff; cursor:pointer; border-radius: 50%;}
.banner .hd ul li:last-child{margin-right: 0;}
.banner .hd ul li.on{ background:#036f7f;  width: 30px;border-radius: 10px;}
.banner .bd{}
.banner .bd ul{}
.banner .bd ul li{height: 600px;}
.banner .bd ul li img{width: 100%;height: 100%;}

.title{width: 100%;border-bottom: 1px solid #ccc;height: 67px;}
.title .title_name{float:left;height: 68px;background:url(title_bg.png) no-repeat center bottom;color: #333;line-height: 68px;font-size: 20px;font-weight: bold;}
.title a.more{transition:all 0.3s;height:68px;line-height:68px;display: block;float: right;font-size: 16px;color: #666;text-transform: uppercase;font-family:PINGFANG; }
.title a.more:hover{font-weight: bold;color: #236FA9;}
.about-news{width: 1200px;margin:13px auto 0;height: 389px;}

.about{float: left;width: 583px;height: 100%;}
.about .about_con{display: block;width: 100%;height: 190px;margin-top: 22px;}
.about .about_con dt{width: 242px;float: left;height: 190px;}
.about .about_con dt img{width: 100%;height: 100%;}
.about .about_con dd{float: left;margin-left: 20px;width: 320px;}
.about .about_con dd h1{font-size: 16px;font-weight: bold;color: #4b4b4b;margin:15px 0 10px;}
.about .about_con dd h3{font-size: 12px;color: #666;margin-bottom: 25px;}
.about .about_con dd p{font-size: 14px;color: #595959;line-height: 24px;}
.about .about_con:hover dd h1{color: #236FA9;}

.about .about_list{width: 100%;height: 81px;margin-top: 29px;}
.about .about_list dl{float: left;}
.about .about_list dl:not(:last-child){margin-right: 18px;}
.about .about_list dl a{display: block;width: 180px;height: 79px;border:1px solid #e5e5e5;background-color: #F6F6F6;box-sizing: border-box;padding:19px 26px;transition: all 0.3s;}
.about .about_list dl a dt{float: left;line-height: 42px;}
.about .about_list dl a dt img{}
.about .about_list dl a dd{float: left;margin-left: 15px;}
.about .about_list dl a dd h3{font-size: 16px;color: #333;margin-top: 10px;transition: all 0.3s;}
.about .about_list dl a dd p{font-size: 16px;color: #ccc;text-transform: uppercase;opacity: 0;transition: all 0.3s;}
.about .about_list dl a:hover dd h3{margin-top: 0;}
.about .about_list dl a:hover dd p{opacity: 1;}

.news{float: right;width: 579px;height: 100%;}
.news dl{}
.news dl a{display: block;height: 190px;margin-top: 21px;width: 579px;}
.news dl a dt{float: left;width: 242px;height: 190px;position: relative;overflow: hidden;}
.news dl a dt img{width: 100%;height: 100%;transition: all 0.3s;}
.news dl a dt .date{position: absolute;z-index: 1;width: 67px;height: 67px;background-color: #236FA9;top: 0;left: 0;}
.news dl a dt .date p{color: white;font-size: 30px;text-align: center;line-height: 42px;}
.news dl a dt .date h3{font-size: 14px;color: white;text-align: center;}
.news dl a dd{float: left;margin-left: 20px;width: 317px;}
.news dl a dd h3{font-size: 16px;font-weight: bold;color: #4b4b4b;line-height: 30px;margin:10px 0 25px;}
.news dl a dd p{font-size: 14px;color: #666;line-height: 24px;}
.news dl:hover a dt img{transform: scale(1.1);}
.news dl:hover a dd h3{color: #236FA9;}

.news ul{margin-top: 21px;}
.news ul a{display: block;line-height: 30px;}
.news ul a p{font-size: 14px;color: #595959;float: left;position: relative;padding-left: 18px;transition: all 0.3s;}
.news ul a p:before{content: "";width: 6px;height: 2px;background-color: #379cea;position: absolute;left: 0;top: 50%;margin-top: -1px;transition: all 0.3s;}
.news ul a span{font-size: 14px;color: #999;display: block;float: right;}
.news ul a:hover p{padding-left: 30px;color: #236FA9;}
.news ul a:hover p:before{left: 12px;}

.product-server{width: 1200px;margin:0 auto;}
.product-server>h3{color: #333;font-size: 20px;font-weight: bold;line-height: 93px;margin-top: 15px;}
.product-server .box{height: 294px;}
.product-server .box li{float: left;}
.product-server .box li:last-child{float: right;}
.product-server .box li a{display: block;width: 583px;height: 294px;position: relative;}
.product-server .box li:last-child a{width: 579px;}
.product-server .box li a dt{width: 100%;height: 100%;}
.product-server .box li a dt img{width: 100%;height: 100%;}
.product-server .box li a dd{position: absolute;height: 100%;box-sizing: border-box;padding:115px 0;left: 20px;top: 0;}
.product-server .box li a dd h3{font-size: 16px;font-weight: bold;color: white;margin-bottom: 25px;}
.product-server .box li a dd p{font-size: 14px;color: rgba(255,255,255,.7);transition: all 0.3s;}
.product-server .box li a .side{position: absolute;width: 0px;height: 100%;background-color: #236FA9;right: 0;top: 0;box-sizing: border-box;padding:124px 0;transition: all 0.3s;}
.product-server .box li a .side h3{font-size: 16px;color: white;text-align: center;margin-bottom: 24px;text-decoration: underline;transition: all 0.3s;}
.product-server .box li a .side em{width: 0px;height: 1px;background-color: white;display: block;margin:0 auto;transition: all 0.3s;}
.product-server .box li:hover a dd p{color: white;text-decoration: underline;}
.product-server .box li:hover a .side{width: 158px;}
.product-server .box li a .side:hover h3{text-decoration: none;}
.product-server .box li a .side:hover em{width:30px;}

.case{width: 1200px;margin:0 auto;}
.case>h3{color: #333;font-size: 20px;font-weight: bold;line-height: 93px;margin-top: 15px;}
.case .case_list{position: relative;height: 496px;}
.case .case_list .hd{width: 480px;height: 50px;border:1px solid #dcdcdc;position: absolute;left: 0;right: 0;margin:auto;bottom:0;text-align: center;}
.case .case_list .hd a.next{display: inline-block;width: 55px;height: 13px;background:url(right.png) no-repeat center center;cursor: pointer;}
.case .case_list .hd a.more{font-size: 16px;color: #666;display: inline-block;line-height: 50px;margin:0 40px;}
.case .case_list .hd a.prev{display: inline-block;width: 55px;height: 13px;background:url(left.png) no-repeat center center;cursor: pointer;}
.case .case_list .hd a.prevStop{ background:url(left_dis.png) no-repeat center center; }
.case .case_list .hd a.nextStop{ background:url(right_dis.png) no-repeat center center; }
.case .case_list .hd a.more:hover{color:#236FA9;font-weight: bold;}

.case .case_list .bd{/*height: 400px;*/}
.case .case_list .bd .tempWrap{width: 1200px !important;}
.case .case_list .bd ul{/*height: 400px;*/}
.case .case_list .bd ul li{float: left;margin:30px 14px 30px 0;}
.case .case_list .bd ul li a{display: block;}
.case .case_list .bd ul li a dt{width: 290px;height: 290px;overflow: hidden;}
.case .case_list .bd ul li a dt img{width: 100%;height: 100%;transition: all 0.3s;}
.case .case_list .bd ul li a dd{font-size: 14px;color: #666;text-align: center;margin-top: 25px;transition: all 0.3s;width: 290px;}
.case .case_list .bd ul li:hover a dt img{transform: scale(1.2);}
.case .case_list .bd ul li:hover a dd{color:#236FA9;}

.foot{background-color: #F0F0F0;margin-top: 79px;}
.foot .container{height: 271px;}
.foot .lists{float: left;width: 940px;}
.foot .lists .foot_nav{margin-top: 35px;height: 21px;}
.foot .lists .foot_nav ul{}
.foot .lists .foot_nav ul li{float: left;width: 156px;}
.foot .lists .foot_nav ul li a{font-size: 16px;color: #4b4b4b;display: block;}
.foot .lists .foot_nav ul li a:hover{text-decoration: underline;color:#236FA9; }
.foot .lists .foot_list{}
.foot .lists .foot_list .list{float: left;width: 156px;margin-top: 20px;}
.foot .lists .foot_list .list ul{}
.foot .lists .foot_list .list ul li{line-height: 24px;}
.foot .lists .foot_list .list ul li a{font-size: 14px;color: #666;display: block;}
.foot .lists .foot_list .list ul li a:hover{text-decoration: underline;}
.foot .contact{float: right;width: 259px;border-left: 1px solid #c9c9c9;margin-top: 35px;padding-left: 30px;box-sizing: border-box;}
.foot .contact h1{font-size: 24px;color: #666;text-transform: uppercase;}
.foot .contact h3{font-size: 16px;font-weight: bold;color: #4b4b4b;margin-bottom: 25px;}
.foot .contact p{font-size: 14px;color: #4b4b4b;margin-bottom: 30px;}

.copyright{height: 106px;background-color: white;box-sizing: border-box;padding-top: 30px;}
.copyright ul{text-align: center;width: 1200px;margin:0 auto 10px;}
.copyright ul li{display: inline-block;}
.copyright ul li a{font-size: 16px;color: #666;display: block;padding:0 5px;border-right: 1px solid #ccc;}
.copyright ul li:last-child a{border-right:none;}
.copyright ul li a:hover{text-decoration: underline;}
.copyright p{font-size: 14px;color: #999;text-align: center;}
.copyright p a{font-size: 14px;color: #999;}

.inPage{width: 1200px;margin:22px auto;}

.inbanner{height: 334px;position: relative;}
.inbanner img{width: 100%;height: 100%;}
.inbanner .blue{position: absolute;width: 100%;height: 100%;background-color: rgba(72,129,171,.8);color: white;text-align: center;line-height: 334px;font-size: 36px;top: 0;}

.left_side{width: 229px;float: left;}
.left_side dl{padding:27px 20px;height: 104px;box-sizing: border-box;}
.left_side dl dt{float: left;width: 50px;height: 50px;}
.left_side dl dt img{width: 100%;height: 100%;}
.left_side dl dd{float: left;margin-left: 10px;width: 129px;}
.left_side dl dd h3{font-size: 16px;color: white;line-height: 24px;}
.left_side dl dd p{font-size: 16px;color: white;}
.left_side dl.contact{background-color: #FF6000;margin-bottom: 15px;display: block;}
.left_side dl.address{background-color: #236FA9;}

.inTitle{height: 121px;width: 100%;background: url(inTitle.png) no-repeat center center;box-sizing: border-box;padding:20px 0;}
.inTitle h3{font-size: 36px;color: white;text-align: center;margin-bottom: 5px;}
.inTitle p{font-size: 24px;color: white;text-align: center;}

.inChild{background-color:#F5F5F5;width: 100%;padding:16px 17px 16px;box-sizing: border-box;margin-bottom: 16px;}
.inChild ul{}
.inChild ul li{margin-bottom: 16px;}
.inChild ul li:last-child{margin-bottom: 0;}
.inChild ul li a{display: block;height: 50px;width: 192px;border:1px solid #dbdada;background-color: white;color: #666;font-size: 16px;line-height:50px;box-sizing: border-box;padding-left: 64px;position:relative;}
.inChild ul li a:before{content:"+";color: #236FA9;font-size: 20px;position: absolute;left: 18px;line-height: 48px;}
.inChild ul li a:hover{background-color: #236FA9;color: white;}
.inChild ul li a:hover:before{color: white;}
.inChild ul li a.on{background-color: #236FA9;color: white;}
.inChild ul li a.on:before{color: white;}

.content{width: 950px;float: right;}
.content .local{line-height: 50px;font-size: 16px;color: #999;border-bottom: 1px solid #d2d2d2;text-align: right;}
.content .local img{margin-right: 16px;line-height: 50px;}
.content .local a{font-size: 16px;color: #999;}

.inProduct{padding-top:49px;}
.inProduct dl{margin:0px 13px 49px;float: left;}
.inProduct dl a{display: block;width: 289px;height: 234px;position: relative;overflow: hidden;}
.inProduct dl a dt{width: 287px;height: 200px;outline:1px solid #e5e5e5;transition: all 0.3s;margin-left: 1px;margin-top: 1px;}
.inProduct dl a dt img{max-width: 100%;max-height: 100%;}
.inProduct dl a dd{font-size: 14px;color: #666;text-align: center;line-height: 30px;}
.inProduct dl a .hover{position: absolute;width: 100%;height: 0%;background-color: rgba(72,129,171,.6);z-index: 1;left: 0;right:0;bottom:0;margin:auto;box-sizing: border-box;transition: all 0.3s;}
.inProduct dl a .hover p{font-size: 14px;color: white;line-height: 24px;margin:0px 30px 93px ;}
.inProduct dl a .hover h3{font-size: 16px;font-weight: bold;color: white;margin:80px 30px 0px;line-height: 32px;}
.inProduct dl:hover a .hover{height: 100%;}
.inProduct dl:hover a dt{outline: none;}
.inProduct dl:hover a dd{opacity: 0;}

.inNews{box-sizing: border-box;padding:27px 25px 0;}
.inNews dl{}
.inNews dl a{display: block;height: 178px;}
.inNews dl a dt{float: left;width: 278px;height: 178px;}
.inNews dl a dt img{max-height: 100%;max-width: 100%;}
.inNews dl a dd{float: right;width: 595px;}
.inNews dl a dd h3{font-size: 20px;color: #333;margin:15px 0 20px;}
.inNews dl a dd p{font-size: 14px;color: #666;line-height: 24px;margin-bottom: 25px;}
.inNews dl a dd>em{font-size:14px;color:#666;font-style:normal;display: block;width: 148px;height: 35px;border:1px solid #236fa9;border-radius: 30px;text-align: center;line-height: 35px;transition: all 0.3s;}
.inNews dl:hover a dd>em{font-size: 16px;color: white;background-color:#2361A5; }

.inNews ul{margin-top: 30px;}
.inNews ul>a{display: block;line-height: 35px;height: 35px;}
.inNews ul a p{font-size: 16px;color: #666;float: left;position: relative;padding-left: 18px;transition: all 0.3s;}
.inNews ul a p:before{content: "";width: 5px;height: 5px;background-color: #379cea;position: absolute;left: 0;top: 50%;margin-top: -1px;transition: all 0.3s;}
.inNews ul a span{font-size: 16px;color: #999;display: block;float: right;}
.inNews ul a:hover p{padding-left: 30px;color: #236FA9;font-weight: bold;}
.inNews ul a:hover p:before{left: 12px;}

.inCase{box-sizing: border-box;padding:45px 0px 0;}
.inCase dl{margin:0 20px 40px;}
.inCase dl a{display: block;height: 350px;/* width: 435px; */}
.inCase dl a dt{float: left;width: 550px;height: 100%;}
.inCase dl a dt img{height: 100%;width: 100%;}
.inCase dl a dd{float: right;width: 320px;}
.inCase dl a dd h3{font-size: 18px;color: #666;margin:15px 0 20px;font-weight: bold;}
.inCase dl a dd p{font-size: 14px;color: #666;line-height: 24px;margin-bottom: 25px;}
.inCase dl a dd em{font-size:14px;color:#666;font-style:normal;display: block;width: 148px;height: 35px;border:1px solid #236fa9;border-radius: 30px;text-align: center;line-height: 35px;transition: all 0.3s;}
.inCase dl:hover a dd em{font-size: 16px;color: white;background-color:#2361A5; }

.danye{box-sizing: border-box;padding:35px 25px 0;}

.news_detail{}
.news_detail h3{font-size: 20px;color: #434343;font-weight: bold;text-align: center;}
.news_detail>span{font-size: 12px;color: #666;display: block;margin:20px 0;text-align: center;}
.news_detail .descript{border: 1px solid #ddd;color: #999;font-size: 12px;line-height: 20px;padding:10px;background:#f5f5f5;}
.news_detail .detail_con{min-height: 400px;margin-top: 15px;margin-bottom: 20px;}
.news_detail .detail_bottom .detail_con img{max-width: 100%;}
.news_detail .updown{}

.updown{width: 100%;padding:20px 10px;box-sizing: border-box;border-top: 1px solid #eee;}
.updown p{font-size: 14px;color: #444;line-height: 30px;}

/*页码*/
.layui-laypage{width: 100%;text-align: center;clear: both;margin:50px 0;}
.layui-laypage .layui-laypage-count{border:1px solid #ddd;padding:0px 15px;margin-right:5px;}
.layui-laypage .layui-laypage-count:hover{color: white;background-color: #2363A7;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#2363A7;}
.layui-laypage a{margin:0 5px;}
.layui-laypage .layui-laypage-curr{margin:0 5px;}
.layui-laypage a:hover{color: white;background-color: #2363A7;}
.layui-laypage-prev:hover{color: white;background-color: #2363A7;}
.layui-laypage-prev.layui-disabled{display: none;}
.layui-laypage span{margin-bottom: 0px;}

/*.innerForm{width:1200px;margin: 50px auto;}*/
form table{margin: 0 auto;}
form .tableft{text-align: right;font-size: 15px;}
form .tabright{font-size: 15px;}
form .tabright input{margin: 10px 0;width: 350px;}
form .tabright input.code{width: 200px;}
form .tabright textarea{resize: none;margin: 10px 0;width: 500px;height: 200px;}
.validateCode{height: 37px;vertical-align: top;margin-top: 11px;margin-left: 10px;}
form .layui-btn{width: 200px;margin-top: 20px;background: #2363A7;}

.lazyload p{font-size: 16px;line-height: 30px;color: #666;}
.lazyload p img{max-width: 100%;}