body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p,th,td{border:0;font-size:100%;margin:0;outline:0;padding:0; font-family: "微软雅黑";}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
img{vertical-align:top; border:0; border:none;}
a{ text-decoration:none; outline:none; color:#fff;}
input,select{ outline:none;}
li{list-style: none;}
a:hover{ color:#fff;}
a:focus{outline:none;}
a:hover,a:visited,a:active,a:link{text-decoration: none;}
.clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
.clearfix{display:block;}
.body{color: #000; overflow-x: hidden; margin: 0; padding: 0;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{margin: 0; padding: 0;}

.banner{width: 100%; padding: 0; float: none; position: relative;}
.banner img{width: 100%;}

.banner .banner_word{position: absolute;left: 20%;top: 26%; color: #fff; display: block;}
.banner .banner_word strong{ font-size: 38px; display: block; margin-bottom: 15px;}
.banner .banner_word p{ font-size: 16px;}
.banner .banmo{ display: none; }

.pcNav{width: 100%; background: #014380; height: 80px;}
.pcNav .navlist{width: 870px; margin: 0 auto;}
.pcNav .navlist li{float: left; position: relative; width: 124px;}
.pcNav .navlist a{font:normal 16px/80px "微软雅黑"; color: #fff; display: block; text-align: center;}
.pcNav .navlist li:hover,.pcNav .navlist li.cur{background:#3a94da;}
.mobnav{height: 50px; position: relative;  background:#014380;}
.mobMenu {position: absolute; top: 50%; margin-top: -12px; right: 20px; background-size: 100%; width: 28px; height: 25px; background: url(../img/menu.png) no-repeat 0 0;}

.mask { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.6; z-index: 998;}
.mobi_navfixed {display:none; position: fixed; width: 225px; right: -225px; top: 0; height: 100%; background: #373D41; z-index: 9999;}
.navfixed_con {position: relative; z-index: 100; width: 100%; height: 100%; overflow-y: auto;}
.navfixed_con>ul>li {border-bottom: 1px solid #000; border-top: 1px solid #586269;}
.navfixed_con>ul>li.noBorder{border-top: none;}
.navfixed_con>ul>li>.same>a {padding-left: 20px; font-size: 14px; color: #fff; height: 50px; line-height: 50px; background: url(../img/mobArrow.png) no-repeat 180px center; display: block;}

#footer .footerInner{width: 100%; background: #333333; color: #fff; padding-bottom: 16px;}
.fooer-Link{padding-left: 0;}
.fooer-Link>a{color: #fff; margin: 0 5px; font-size: 14px;}
.fooer-Link .otherLink {display: inline-block; padding-top: 16px; position: relative; z-index: 10; padding-left: 4px;}
.fooer-Link .otherLink span {cursor: pointer; color: #fff; position: relative; font-size: 14px;}
.fooer-Link .otherLink span i { font-size: 12px; margin-left: 8px; position: absolute; top:8px;}
.otherlinkCon {display: none; position: absolute; left: 0; bottom: 33px; background: #fff; border-bottom: 2px solid #e0002a; box-shadow: 2px 0px 1px #b3b3b3, -2px 0px 1px #b3b3b3; }
.otherlinkCon a {display: block; height: 40px; line-height: 40px; text-align: center; width: 128px; color: #333333; text-decoration: none;}
.footer-record {padding-top: 16px; font-size: 14px; padding-right: 0;}
.footer-record p {margin-bottom: 0; color: #fff;}
.footer-record a {color: #fff;}
.otherlinkCon a:hover{color: #fff;background: #e0002a;}

.base-title-box{height: 102px; color: #fff; margin:0 auto; text-align: center; font-size: 32px; padding-left: 20px; margin-bottom: 30px; line-height: 99px; background: url(../img/title1.png) no-repeat center center; width: 411px;}


.con1{background:#d4edf9; padding: 35px 0 0;}
.con1 p{color: #014380; font-size: 16px; line-height: 27px;}
.con1 .t1pic{width: 100%; text-align: center; margin-top: 30px;}
.con1 .txt{ width: 900px; margin: 0 auto;}


.con2{padding: 35px 0 0 0; background: #fff;}
.con2 .title2{background: url(../img/title1.png) no-repeat center center; width: 411px;}
.con2 p{color: #014380; font-size: 16px; line-height: 27px;}
.con2 .t1pic{width: 100%; text-align: center; margin-top: 30px;}
.con2 .business_com{width: 100%; }
.con2 .business_com li{ margin: 50px auto; text-align: center; }
.con2 .txt{ width: 900px; margin: 0 auto;}
.con2 .content-box{ height: 496px; background: url(../img/con2-bg.jpg) left bottom no-repeat; margin-top: -20px;}
.con2 .content-box .top-title{ padding-top: 45px; text-align: center; font-size: 26px; color: #3ba2e2; font-weight: bold;}
.con2 .content-box .list{ margin-top: 35px; padding-left: 100px; color:#7d7b7b;}
.con2 .content-box .list dl{ float: left; margin-right: 40px; padding-left: 25px; border-left: 1px solid #57a7e3; position: relative;}
.con2 .content-box .list dl .bot{ width: 12px; height: 12px; background-color: #57a7e3; border-radius: 100%; position: absolute; top: 0; left: -6px;}
.con2 .content-box .list dl dt{ font-size: 18px; color: #8cb5e8; font-weight: bold; margin-bottom: 10px; margin-top: -5px;}
.con2 .content-box .list dl dd{ font-size: 14px; line-height: 24px;}
.con2 .content-box .list dl strong{ font-size: 18px; font-weight: bold;}

.con2 .content-box .list .dl_1{ width: 360px; height: 295px;}
.con2 .content-box .list .dl_2{ width: 225px; height: 152px;}
.con2 .content-box .list .dl_3{ width: 295px;}
.con2 .content-box .list .dl_3 dd{ line-height: 22px;}

.con6{padding: 35px 0 0 0; background: #d4edf9;}
.con6 .title2{background: url(../img/title1.png) no-repeat center center; width: 411px;}
.con6 p{color: #014380; font-size: 16px; line-height: 27px;}
.con6 .business_com{width: 100%; }
.con6 .business_com li{ margin: 50px auto; text-align: center; }
.con6 .txt{ width: 900px; margin: 0 auto;}
.con6 .content-box{ height: 496px; background: url(../img/con2-bg.jpg) left bottom no-repeat; margin-top: -20px;}
.con6 .content-box .top-title{ padding-top: 45px; text-align: center; font-size: 26px; color: #3ba2e2; font-weight: bold;}
.con6 .content-box .list{ margin-top: 35px; padding-left: 100px; color:#7d7b7b;}
.con6 .content-box .list dl{ float: left; margin-right: 40px; padding-left: 25px; border-left: 1px solid #57a7e3; position: relative;}
.con6 .content-box .list dl .bot{ width: 12px; height: 12px; background-color: #57a7e3; border-radius: 100%; position: absolute; top: 0; left: -6px;}
.con6 .content-box .list dl dt{ font-size: 18px; color: #8cb5e8; font-weight: bold; margin-bottom: 10px; margin-top: -5px;}
.con6 .content-box .list dl dd{ font-size: 14px; line-height: 24px;}
.con6 .content-box .list dl strong{ font-size: 18px; font-weight: bold;}

.con6 .content-box .list .dl_1{ width: 360px; height: 295px;}
.con6 .content-box .list .dl_2{ width: 225px; height: 152px;}
.con6 .content-box .list .dl_3{ width: 295px;}
.con6 .content-box .list .dl_3 dd{ line-height: 22px;}

.con7{padding: 35px 0; background: #d4edf9;}
.con7 .container{ width: 1012px; }
.con7 .title2{background: url(../img/title2.png) no-repeat center center; width: 342px;}
.con7 .t2pic{width: 100%; text-align: center;}
.con7 .t2pic img{width: 100%;} 
.con7 .t2List{color: #01437F; font-size: 18px; line-height: 2em; margin: 0 auto; float: inherit; padding: 40px 0 15px;}
.con7 .t2List li span{color:#0BC5E1; margin-right: 10px;}
.con7 p{color: #014380; font-size: 16px; line-height: 2.7em; text-align: center;}

.con3{ padding: 35px 0; background:#fff;}
.con3 .title2{background: url(../img/title2.png) no-repeat center center; width: 342px;}
.con3 .container,.con4 .container,.con5 .container{position: relative;}
.con4 .container,.con8 .container,.con5 .container{ width: 1200px; }


.con3 p{color: #014380; font-size: 16px; line-height: 2.7em; text-align: center;}
.con3 .product_com{ width: 840px; margin: 0 auto; text-align: center; }
.con3 .product_com li{ margin-top: 30px; }
.con3 .product_com .product_com_list{ width: 206px; margin:28px auto; position: relative;}
.con3 .product_com .product_com_list a{color: #000;}
.con3 .product_com .product_com_list span{ width: 206px; height: 34px; line-height: 34px;  font-size: 16px; text-align: center; display: block; border-radius: 8px; margin: 13px auto;}
.con3 .product_com .product_com_list .small_cion{ position: absolute; left: -25px; top:13px;}
.con3 .product_com .gradient01 span{ background: -webkit-linear-gradient(left, #cae7f6 , #f6fbfe); }
.con3 .product_com .gradient02 span{ background: -webkit-linear-gradient(left, #cdeef8 , #eef9fd); }
.con3 .product_com .gradient03 span{ background: -webkit-linear-gradient(left, #cdf3f8 , #e9fafc); }


.con8 {padding: 35px 0; background: #1c77b9;}
.con8 .title3{background: url(../img/title3.png) no-repeat center center; width: 342px; color: #1c77b9;}
.con8 p{color: #fff; font-size: 16px; line-height: 2.7em; text-align: center;}
.con8 .application_com li{ border-radius: 18px; border: #2089d5 solid 6px; position: relative;width: 377px; margin: 30px 11px 40px; }
.con8 .application_com li img{border-radius: 12px;}
.con8 .application_com li span{position: absolute;left: 0;bottom: 0;background:#4cafe2;width: 100%;height: 40px;line-height: 40px;font-size: 26px;display: block;color: #fff;
    text-align: center; border-bottom-left-radius:12px;border-bottom-right-radius:12px;}

.con4{background:#d4edf9; padding: 35px 0;}
.con4 .title4{background: url(../img/title4.png) no-repeat center center; width: 263px; color: #fff; padding-left: 22px;}
.con4 .left{padding-right:20px; float: left;}
.con4 .right{padding-left:20px; padding-right:0px; float: right;}
.con4 .left .lCon{background: #fff; padding-bottom: 50px;}
.con4 .left .lCon img{width: 100%;}
.con4 .left p{font:bold 19px/2em "微软雅黑"; color:#01437F; text-align: center; padding-bottom: 10px;}
.con4 .left .lCon p{color:#01437F; font-size: 14px; line-height: 1.5em; text-align: left; padding: 0px 30px; padding-top: 15px; font-weight: normal; height: 78px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.con4 .left .lCon a.xqbtn{width:70px; height: 23px; line-height: 23px; text-align: center; color: #fff; font-size: 14px; background: #1B77B9; display: block; border-radius: 15px; position: absolute; right: 40px;}
.con4 .right .lCon a.xqbtn{right:20px;}

.con5{background: #fff; padding:35px 0;}
.con5 .title5{background: url(../img/title5.png) no-repeat center center; width: 263px; color: #fff; padding-left: 22px;}
.mList1{margin:0 15px 55px;}
.mList li{margin-top: 8px;}
.mList li a{border-bottom: 1px dashed #3ba2e2; font-size: 18px; color: #000; line-height: 50px;}
.mList li .mLeft{float: left; padding-left:0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #01437F; width: 625px; margin-right: 15px;}
.mList1 li .mLeft span{margin-right:10px; color: #3ba2e2;}
.Videoplay{position: relative; cursor: pointer; cursor: pointer;}
.Videoplay img{width: 100%;}
.Videoplay .play{position:absolute; width: 106px; height: 106px; margin-left: -53px; margin-top: -53px; left: 50%; top: 50%;}

.popVideo{position:relative;}  
.popVideo .bg{position:fixed; z-index:10000; top: 0px; left: 0px; height: 100%; width: 100%; opacity: 0.7; background-color: rgb(0, 0, 0); display: none;}
.popVideo .VideoLayer{position:fixed; top:50%; left:50%; background-color:#212121; display:none; z-index: 10001; cursor: pointer;}
.popVideo .VideoLayer .close{ width:25px; height:25px; background:url(../img/zcClose.png) center center no-repeat; position:absolute; top:8px; right:8px; z-index:9; cursor:pointer;}
.popVideo .VideoLayer .VLcont {width:100% !important; height:100% !important;}
.popVideo .VideoLayer .VLcont video{width:100% !important; height: 100% !important;}	
.close,.close:hover{opacity:1;}

.Con6 img{width:100%;}
.zltitle{margin:20px 0 0; border-bottom: 1px dashed #3ba2e2; height: 60px;}
.zltitle h2{font:normal 30px/2em "微软雅黑"; float: left;}
.zltitle h2 span{color:#3ba2e2; line-height: 30px; margin-right: 10px;}
.zltitle .crumbs{ font-size: 14px; color:#707070; margin-top: 25px;}
.zltitle .crumbs a{color: #707070;}
.topTit {font-size: 30px; margin: 50px 0 40px;}
.xqCon {padding-bottom: 40px;}
.xqCon p {font: normal 16px/1.5em "微软雅黑"; text-indent: 2em; margin-bottom: 16px;}
.xqCon .base-title-box{ margin-top: 30px;}
.xqCon .base-title-box.case{ background-image: url(../img/title4.png);}
.mList li .mRight{color: #737373;}

.alCon{margin-top: 20px;}
.alCon li{margin-bottom: 25px; background: #efefef;}
.alCon li .pic{float: left;}
.alCon li .pic img{width: 100%;}
.alCon li .txt{float: right; padding-left: 20px;}
.alCon li .txt h3{font: bold 19px/2em "微软雅黑"; color: #01437F; text-align: left; padding-bottom: 10px; margin-top: 16px;} 
.alCon li .txt p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; font-size: 14px; line-height: 1.5em; color:#01437F;} 
.alCon li .txt .xqbtn{width: 70px; height: 23px; line-height: 23px; text-align: center; color: #fff; font-size: 14px; background: #1B77B9; border-radius: 15px; margin-top: 10px; display: inline-block; margin-right: 10px;}
.alCon li .txt .xq{text-align: right;}



.solution_form{width: 100%;margin-top: 53px;overflow: hidden; padding-bottom:50px;}
.solution_form ul{margin: 0;padding: 0;}
.solution_form ul li{list-style: none;box-sizing: border-box;}
.solution_form ul li .img{ text-align:center;}
.solution_form_tit{height: 47px;background: #2698d6;font-size: 16px;color: #fff;line-height: 47px;padding-left: 30px;}
.solution_clear{padding: 0;margin: 0;}
.solution_txt1{text-align: center;padding: 35px 0;font-size: 16px;text-align: center;display:inline-table;}
.solution_txt11{background: #e5f1fa;}
.solution_txt12{background: #ef8d9f;}
.solution_txt13{background: #e5f1fa;}
.solution_txt24{background: #ef8d9f;}
.solution_txt25{background: #e5f1fa;}
.solution_logo{display:table-cell;vertical-align:middle;overflow: hidden;}
.solution_logo img{width: 20px;height: 20px;}
.solution_logo p{padding: 5px 0px;margin: 0; text-indent: inherit;}
.solution_txt2{border-right: 2px solid #e3e5e6;border-bottom: 2px solid #e3e5e6;font-size: 14px;color: #7a7a7a;line-height: 24px;padding: 35px;background:#FFF;}
.solution_txt21 p,.solution_txt22 p{line-height: 24px;}
.solution_txt21 span{color: #2698d6;}
.solution_txt22 span{color: #e8405f;}
.solution_txt23 p{line-height: 24px;}
.solution_txt23 span{color: #e8405f;}
.xqCon .solution_tit2 {font-size: 24px; padding: 0; margin: 0; line-height: 24px; margin-top:25px; text-align: center;}
.color_blue {color: #2698d6;}
.xqCon .solution_case {
    width: 100%;
    overflow: hidden;
    border: 2px solid #c5e0f4;
    margin-top: 27px;
    margin-bottom: 37px;
}
.xqCon .solution_case ul {
    width: 100%;
    margin: 0;
    padding: 24px 0;
    overflow: hidden;
}
.xqCon .solution_case ul li {
    list-style: none;
    line-height: 30px;
    font-size: 16px;
    color: #7a7a7a;
}
.xqCon .solution_case ul li a {
    color: #7a7a7a; display: block; text-align: center;
}



/*20180716HLL新增*/
.blue{ color: #3e9fd8; font-size: 26px; }
.solution_form .application{ width: 328px; height: 208px; position: relative; margin-bottom: 37px; }
.solution_form .application img{border: #3a94da solid 1px;}
.solution_form .application span{position: absolute; left: 0; bottom: 0; background: rgba(1,67,128,0.8); width: 100%; height: 40px; line-height: 40px; font-size: 18px; display: block; color: #fff; text-align: center;}
.solution_form .application_list{ width: 100%; font-size: 16px; line-height: 43px; overflow: hidden; }
.solution_form .application_list a{ color: #000;}
.solution_form .application_list span{width: 100%; float: left; display: block; background:url(../img/icon07.png) center right no-repeat;   }
.solution_form .application_list span img{ margin: 8px 10px 0 0; }
.solution_form ul li{width: 330px;}
.solution_form .left{float: left;}
.solution_form .right{float: right;}
.solution_form .middle{margin: 0 27px;padding: 0 28px;border-left: #e3e5e6 solid 1px;border-right: #e3e5e6 solid 1px;width: 385px; height: 500px;}

.product_form .product_list{ width: 252px;text-align: center; position: relative; margin: 0 auto;}
.product_form .product_list a{ border: #c5e0f4 solid 1px; width: 252px; height: 44px; line-height: 44px; text-align: center; font-size: 16px; color: #000; display: inline-block; margin:12px auto; background-color: #fff; }
.product_video{ width: 1000px; margin: 0 auto; }
.product_list::before{content:"·"; border-radius: 50px; color: #c5e0f4; overflow: hidden; display: block; background-color: #c5e0f4;  width: 16px; height: 16px; margin: 20px auto 10px; text-align: center; }
.product_list::after{content:"·"; border-radius: 50px; color: #c5e0f4; overflow: hidden; display: block; background-color: #c5e0f4;  width: 16px; height: 16px; margin: 10px auto 0; text-align: center; }
.product_form .product_list .linebg1{ position: absolute; border-right: #c5e0f4 solid 2px; left: 50%; margin-left: -1px; top: 0; height: 390px; width: 2px; z-index:-1; }
.product_form .product_list .linebg2{ position: absolute; border-right: #c5e0f4 solid 2px; left: 50%; margin-left: -1px; top: 0; height: 254px; width: 2px; z-index:-1; }

.case-list .col-sx-12{ padding: 0 15px;}
.case-list .block-box{ margin: 15px 0; -moz-box-shadow:1px 0 8px rgba(11,11,11,0.2); -webkit-box-shadow:1px 0 8px rgba(11,11,11,0.2); box-shadow:1px 0 8px rgba(11,11,11,0.2);}
.case-list .block-box .pic{ float: left; width: 50%;}
.case-list .block-box .pic img{ display: block; width: 100%;}
.case-list .block-box .cont{ float: left; width: 50%; height: 197px; padding: 0 35px; position:relative; display:table;}
.case-list .block-box .cont p{ font-size: 15px; color: #5d5d5d; line-height: 24px; font-weight: bold; text-indent: 0; display:table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:0;}

.scfg-map-box{ width: 778px; margin: 0 auto; position: relative;}
.scfg-map-box img{ display: block; width: 100%;}
.scfg-map-box .txt-box{ width: 330px; position: absolute; left: 0; bottom: 0;}
.scfg-map-box .txt-box dl{ margin-top: 28px; font-size: 14px;}
.scfg-map-box .txt-box dl dt{ font-size: 16px; color: #fff; font-weight: bold;}
.scfg-map-box .txt-box dl dt span{ display: inline-block; width: 83px; line-height: 30px; text-align: center; border-radius: 2px;}
.scfg-map-box .txt-box dl dt.bg1 span{ background-color: #0070c0;}
.scfg-map-box .txt-box dl dt.bg2 span{ background-color: #6ecfda;}
.scfg-map-box .txt-box dl dt.bg3 span{ background-color: #be0000;}
.scfg-map-box .txt-box dl dd{ margin-top: 10px;}
.scfg-map-box .txt-box dl dd .icon{ display: inline-block; vertical-align: middle; margin-right: 15px;}
.scfg-map-box .txt-box dl dd .icon img{ width: auto;}
.scfg-map-box .txt-box dl dd .txt{ display: inline-block; vertical-align: middle;}

.scfg-txt-box{ width: 793px; margin: 0 auto; padding-top: 35px;}
.scfg-txt-box .block-box{ margin-top: 28px;}
.scfg-txt-box .block-box .col-sx-12{ padding: 0 15px;}
.scfg-txt-box .block-box .title-box{ height: 43px; line-height: 43px; background: url(../img/scfg-title-bg.png) no-repeat; font-size: 20px; color: #fff; padding: 0 18px; border-radius: 43px;}
.scfg-txt-box .block-box .cont-box{ margin-top: 15px; line-height: 21px;}
.scfg-txt-box .block-box .cont-box .top-title{ font-size: 20px; color: #1289d5; font-weight: bold; margin-bottom: 10px;}
.scfg-txt-box .block-box .cont-box a{ color: #000;}
.scfg-txt-box .block-box .cont-box p{ text-indent: 0; margin-bottom: 0;}

.jzys-list-box ul{ margin: 0 -42px;}
.jzys-list-box li{ padding: 0 42px; float: left; width: 20%; font-size: 14px; line-height: 24px; height: 390px; border-right: 1px solid #e3e5e6;}
.jzys-list-box li .icon{ text-align: center;}
.jzys-list-box li .txt{ margin-top: 20px; text-align: justify;}
.jzys-list-box li:last-child{ border-right: 0;}
.jzys-cont-box{ margin-top: 35px;}
.jzys-cont-box img{ display: block; width: 100%;}

.pic-box-block{ width:770px; margin:0 auto;}
.pic-box-block .pic{ float:left; width:290px;}
.pic-box-block .pic img{ display:block; width:100%;}
.pic-box-block .txt{ float:right; width:460px; font-size:16px; margin-top:20px;}


/*20191218HLL新增*/
.lzjr-bluefive-box{ width: 100%; overflow: hidden; margin: 50px auto 80px; }
.lzjr-bluefive-box li{ width: 20%; float: left; overflow: hidden; margin: 0 auto;}
.lzjr-bluefive-box li a{background: url(../img/lzjr-bluebg.png) no-repeat; width: 185px; height: 181px; background-size: 100%; display: flex;align-items: center;justify-content: center; margin: 0 auto;}
.lzjr-bluefive-box li a p{ color: #fff; font-size: 16px;line-height: 26px; text-align: center; font-weight: bold; }
.catchvpn-box{ width: 100%;background: url(../img/vpnbg.jpg) no-repeat; height: 118px; margin: 30px auto; }
.catchvpn-box .catchvpn-tit{ font-size: 22px; line-height: 118px; color: #fff;display: inline-block;float: left;margin-left: 140px;text-shadow: 0px 3px 3px #1c1e22; }
.catchvpn-box .vpncode{background: url(../img/vpncode-bg.png) no-repeat; height: 80px; line-height: 80px; width: 316px; display: inline-block;float: left;text-align: center;margin-left: 45px;margin-top: 20px; overflow: hidden;}
.catchvpn-box .vpncode strong{font-size: 40px; color: #73fafd; text-align: center;}
.catchvpn-box .vpnRefresh{display: inline-block;float: left;width: 140px;height: 40px; border-radius: 30px;margin: 40px 0 0 40px;box-shadow: 0px 4px 4px #1c1e22;}
.catchvpn-box .vpnRefresh .Refresh{background:#5194d4; width: 140px; border: none; border-radius: 30px; color: #fff; font-size: 18px;line-height: 40px;text-shadow: 0px 3px 3px #1c1e22; }

.operating-how{width: 350px;margin: 0 auto; text-align: center; overflow: hidden;}
.operating-how .swiper-slide img{ width: 100%; }
.operating-how .swiper-pagination{ width: 350px; display: block; text-align: center; }
.operating-how .swiper-pagination span{ display: inline-block; margin:15px 5px; }

.banner .pcbanner-left{ width: 42.34375%; height: 100%; position: absolute; left: 0; top: 0; }
.banner .pcbanner-right{ width: 57.65625%; height: 100%; position: absolute; right: 0; top: 0; }


.pthxnr-pic-list li{ float: left; width: 33.333333%;}
.pthxnr-pic-list li .pic{ width: 328px; margin: 0 auto; position: relative;}
.pthxnr-pic-list li .pic img{ display: block; width: 100%;}
.pthxnr-pic-list li .pic .fadeOut{ position: absolute; top: 0; left: 0; display: none;}
.pthxnr-pic-list li .pic:hover .fadeOut{ display: block;}

.ys-list ul{ margin: 0 -20px;}
.ys-list li{ float: left; width: 33.333333%;}
.ys-list li .pic img{ display: block; width: 200px; margin: 0 auto;}
.ys-list li .cont{ margin-top: 30px; font-size: 16px; line-height: 1.5; height: 96px; text-align: justify; padding: 0 20px; border-right: 1px dashed #2698d6;}
.ys-list li:last-child .cont{ border-right: 0;}

.sycj-list li{ float: left; width: 33.333333%; line-height: 30px; font-size: 16px; position: relative; padding-left: 46px; margin-top: 32px;}
.sycj-list li .icon{ width: 30px; height: 30px; position: absolute; left: 0; top: 0;}



@media (max-width: 767px) {
  .banner .banner_word{ display: none;}
  .banner .banpc{ display: none;}
  .banner .banmo{ display: block; }
  .fooer-Link {text-align: center;}
  .otherlinkCon{left: -40px;}
  .footer-record {font-size: 12px; padding-top: 4px;}
  .footer-record p {text-align: center;}
  .con1,.con2,.con3{padding: 15px 0;}
  .base-title-box{font-size: 15px; padding-left: 15px; margin-bottom:5px; width: 242px; height: 60px; background-size: 242px 60px; line-height: 60px;}
  
  .con1 .t1pic img{width: 100%;}
  .con1 .t1pic{margin-top: 15px;}
  .con1 p{color: #014380; font-size: 14px;}
  .con1 .txt{ width: 100%;}

  .con2 .business_com li{ width: 100%; margin: 10px auto; }
  .con2 p{color: #014380; font-size: 14px;}
  .con2 .title2{width: 180px; height: 50px; background-size: 180px 50px; line-height: 48px;}
  .con2 .txt{ width: 100%;}
  
  .con2 .content-box{ background-size: 100%;}
  .con2 .content-box{ height: auto; margin-top: 0;}
  .con2 .content-box .top-title{ padding-top: 30px; font-size: 18px;}
  .con2 .content-box .list{ padding-left: 0; margin: 25px 10px 0 10px;}
  .con2 .content-box .list .dl_1,.con2 .content-box .list .dl_2,.con2 .content-box .list .dl_3{ width: 100%; height: auto; min-height: 80px; margin-bottom: 20px; margin-right: 0;}
  
  
  
  .con7 .title2{width: 180px;height: 50px;background-size: 180px 50px;line-height: 48px;}
  .con3 .title2{width: 180px;height: 50px;background-size: 180px 50px;line-height: 48px;}
  .con8 .title3{width: 120px;height: 46px;background-size: 120px 46px;line-height: 44px;}

  .con3 .right{padding-left: 0; margin-top: 20px;}
  .con3 .txt .top{width: 241px; left: 50%; margin-left: -120.5px; height: 65px; line-height: 65px; }
  .con3 .txt{padding:40px 15px 38px;}
  .con3 .title3,.con4 .title4,.con5 .title5{width: 120px; height: 46px; background-size: 120px 46px; line-height: 44px; padding-left: 11px;}
  .con3 .container .more,.con4 .container .more,.con5 .container .more{top: 16px;}
  .con4 .left{padding-right:0px;}
  .con4 .right{padding-left:0px; padding-right:0px; margin-top: 20px;}
  .mList li .mLeft {width:100%; line-height: 1.5em; float: initial; margin-right:0px;}
  .popVideo .VideoLayer .VLcont{width: 100% !important; margin: 0 auto;}
  .popVideo .VideoLayer .VLcont video{width: 100% !important;}
  .popVideo .VideoLayer{width:100%; height: auto; left: 0; top:30%;}
  .Videoplay .play{width: 53px; height: 53px; margin-left: -26.5px; margin-top: -26.5px;}
  .topTit{margin: 30px 0 20px;}
  .xqCon{padding-bottom: 20px;}
  .zltitle{margin-top: 0;}
  .con4 .left .lCon a.xqbtn{margin-top: 5px;}
  .con5{padding-bottom: 0;}
  .alCon li .txt{padding:0 15px; margin-bottom: 20px; }
  .alCon li .txt h3{padding-bottom:0px; margin-top: 10px;}
  /*20180716HLL新增*/
  .solution_form ul li{ width: 100%; }
  .solution_form .application{ width: 100%; height: auto; margin-bottom: 20px; }
  .solution_form .application img{ width: 100%; }
  .solution_form .application_list{ margin-bottom: 20px;}
  .solution_form .middle{margin:0;padding:0;border:none;width: 100%; height: auto;}
  .product_video{ width: 100%; }
  .con3 .container .product_com{ width: 100%; }
  .con3 .product_com .product_com_list .small_cion {position: absolute;left: -26px;top: 13px;}
  .con3 .product_com li{ margin-top: 10px; }
  .con4 .container,.con7 .container,.con8 .container,.con5 .container{width: 100%;}
  .con8 .application_com li{width: 80%;margin: 10px 10%;text-align: center;}
  .con8 .application_com li img{ width: 100%; }
  
  .solution_form{ margin-top: 20px; padding-bottom: 0;}
  .case-list .block-box .cont{ height: 127px; padding: 0 15px;}
  .case-list .block-box .cont p{ font-size: 13px; line-height: 22px;}
  
  .scfg-map-box{ width: 100%;}
  .scfg-map-box .txt-box{ width: 100%; position: inherit;}
  .scfg-map-box .txt-box dl{ margin-top: 15px;}
  .scfg-map-box .txt-box dl dt{ font-size: 14px;}
  
  .scfg-txt-box{ width: 100%;}
  .scfg-txt-box{ padding-top: 0;}
  .scfg-txt-box .block-box .title-box{ height: 35px; line-height: 35px; background-position: top center; background-size: cover; font-size: 16px;}
  .scfg-txt-box .block-box .cont-box{ margin-top: 5px;}
  .scfg-txt-box .block-box .cont-box .top-title{ font-size: 16px; margin-top: 10px;}
  
  .jzys-list-box{ padding: 0 15px; margin: 0;}
  .jzys-list-box ul{ margin: 0 -15px;}
  .jzys-list-box li{ padding: 0 15px; width: 100%; height: auto; margin-top: 15px; border-right: 0;}
  .jzys-list-box li .icon{ float: left; width: 32%;}
  .jzys-list-box li .icon img{ display: block; width: 100%;}
  .jzys-list-box li .txt{ float: right; width: 62%; margin-top: 10px;}
  .jzys-cont-box{ margin-top: 20px;}
  
  .topTit{ font-size:18px;}
  .pic-box-block{ width:100%;}
  .pic-box-block .pic{ width:42%;}
  .pic-box-block .txt{ width:54%; font-size:14px;}

  /*20191218HLL新增*/
.lzjr-bluefive-box{  margin: 20px auto; }
.lzjr-bluefive-box li{ width: 50%;}
.lzjr-bluefive-box li a{ width: 160px; height: 157px; background-size: 100%; margin: 0 auto;}
.lzjr-bluefive-box li a p{ font-size: 14px;line-height: 24px;}

.catchvpn-box{ width: 100%; margin: 30px auto; overflow: hidden; height: 165px;background-size: cover;}
.catchvpn-box .catchvpn-tit{ width: 100%; text-align: center; font-size: 18px; line-height: 18px;margin-left: auto; margin: 15px 0; text-shadow: 0px 3px 3px #1c1e22; }
.catchvpn-box .vpncode{background: url(../img/vpncode-bg.png) no-repeat;height: 51px;line-height: 51px;width: 200px;display: block;text-align: center;margin-left: auto;margin: 0 auto;overflow: hidden;background-size: 100%;float: none;}
.catchvpn-box .vpncode strong{font-size: 30px; color: #73fafd; text-align: center;}
.catchvpn-box .vpnRefresh{display: block;float: none;width: 130px;height: 34px; border-radius: 30px;margin:10px auto;box-shadow: 0px 4px 4px #1c1e22;}
.catchvpn-box .vpnRefresh .Refresh{background:#5194d4; width: 130px; border: none; border-radius: 30px; color: #fff; font-size: 14px;line-height: 34px;text-shadow: 0px 3px 3px #1c1e22; }

.operating-how{width: 100%;}
.operating-how .swiper-pagination{ width: 100%; }

.pthxnr-pic-list li{ width: 100%;/* margin: 10px 0; */}
.pthxnr-pic-list li .pic{ width: 100%; text-align: center;}
.pthxnr-pic-list li .pic img{ width: 80%; margin: 10px auto 0 auto;}
.pthxnr-pic-list li .pic .fadeOut{ position: initial; display: inline-block;}

.ys-list li{ width: 100%; margin-top: 20px;}
.ys-list li .pic img{ width: 45%;}
.ys-list li .cont{ margin-top: 15px; height: auto;}

.sycj-list li{ width: 100%; margin-top: 15px;}



}

@media (min-width:768px) {
	.container{width:100%} 
    .con3 .right{padding-left: 10px;}
    .con3 .txt .top{width: 80%;}

    
}

@media (min-width:992px){
	.container{width:992px; padding-left:0; padding-right: 0; margin: 0 auto;}	
	.popVideo .VideoLayer{width:700px; height: 500px; margin-left:-350px; margin-top:-250px;}

}
@media (min-width:1200px){
	.container{width:1100px; padding-left: 0; padding-right: 0;}
	.con3 .right{padding-left:50px; }
	.popVideo .VideoLayer{width: 700px; height: 500px; margin-left:-350px; margin-top:-250px;}
	.mList li .mRight{float: right;}


}

.news_center_content h4{margin: 40px 0px 20px; font-size: 18px; line-height: 46px; height: 46px; background-color: #f5f5f5; padding: 0 15px 0 45px;}
.news_center_content h4.icon1{ background: url(http://www.dcits.com/statics/images/dcits/icon/icon1.png) 15px center no-repeat #f5f5f5;}
.news_center_content h4.icon2{ background: url(http://www.dcits.com/statics/images/dcits/icon/icon2.png) 15px center no-repeat #f5f5f5;}
.news_center_content h4.icon3{ background: url(http://www.dcits.com/statics/images/dcits/icon/icon3.png) 15px center no-repeat #f5f5f5;}
.news_center_content h4.icon4{ background: url(http://www.dcits.com/statics/images/dcits/icon/icon4.png) 15px center no-repeat #f5f5f5;}
.news_center_content h4.icon5{ background: url(http://www.dcits.com/statics/images/dcits/icon/icon5.png) 15px center no-repeat #f5f5f5;}
.news_center_content h4.icon6{ background: url(http://www.dcits.com/statics/images/dcits/icon/icon6.png) 15px center no-repeat #f5f5f5;}
.news_center_content h4.icon7{ background: url(http://www.dcits.com/statics/images/dcits/icon/icon7.png) 15px center no-repeat #f5f5f5;}
.news_center_content h4.icon8{ background: url(http://www.dcits.com/statics/images/dcits/icon/icon8.png) 15px center no-repeat #f5f5f5;}
.news_center_content h4.icon9{ background: url(http://www.dcits.com/statics/images/dcits/icon/icon9.png) 15px center no-repeat #f5f5f5;}
.news_center_content h4.icon10{ background: url(http://www.dcits.com/statics/images/dcits/icon/icon10.png) 15px center no-repeat #f5f5f5;}