/* Write your styles */
ul,li,dl,dt,dd,h1,h2,h3,p{ list-style:none; margin:0; padding:0;}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:#2278c7;}
.am-container{max-width: 1230px;}
.am-alert-danger{ width:100%; position:fixed; left:0; top:0; margin:0;}
hr{margin:.5rem 0;border-top: 1px solid #dedede;}
html {background: #fafafa;}
/* body{max-width: 1920px;background: #fff;box-shadow: 0px 1px 3px #c8c8c8;margin: 0 auto;}*/
img{ max-width:100%;}
.selectTdClass{background-color:#edf5fa !important}
table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd !important}
table{margin-bottom:10px;border-collapse:collapse;display:table; width:100% !important;}
td,th{padding: 5px 10px !important;border: 1px solid #DDD;line-height:1.4;}
caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
th{border-top:1px solid #BBB;background-color:#F7F7F7;}
table tr.firstRow th{border-top-width:2px;}
.ue-table-interlace-color-single{ background-color: #fcfcfc; } 
.ue-table-interlace-color-double{ background-color: #f7faff; }
td p{margin:0;padding:0;}
.header{ border-bottom:1px solid rgba(255,255,255,.1); height:90px; position:absolute; left:0; top:0; width:100%; z-index:1230;}
header .am-container{ position:relative;}
header .logo{ position:absolute; left:1.5rem; top:0;height:90px; line-height:90px;}

header nav{ width:70%; margin:0 auto;}
header nav>ul{display: flex;}
header nav>ul>li{flex: 1; line-height:90px; text-align:center; position:relative;}
header nav>ul>li.on>a{color:#2278c7; border-bottom:2px solid #2278c7;}
header nav>ul>li>a{ color:#fff; display:inline-block; line-height:86px;}
header nav .subnav{position:absolute;width:100%;background-color:#fff;box-shadow:0 13px 42px 11px rgba(0,0,0,.05);height:auto;z-index:199;top:105%;left:0;border-top:2px solid #2278c7;overflow:hidden;opacity:0;visibility:hidden;transition:all .36s ease}
header nav>ul>li .subnav{line-height:26px}
header nav>ul>li .subnav a{font-weight:500;color:#666;padding:12px 10px;line-height:22px;display:block;transition:all .2s ease-in-out;font-size:14px}
header nav>ul>li:hover .subnav{opacity:1;visibility:visible;top:90px}
header nav>ul>li .subnav a{font-weight:500;color:#666;background:0 0;line-height:22px;display:block;transition:all .2s ease-in-out;font-size:14px; border-bottom:1px solid rgba(0,0,0,.06)}
header nav>ul>li .subnav a:hover{color:#2278c7}

.pintlink{ position:absolute; right:1.5rem; top:50%; margin-top:-19px;}
.pintlink a{ display:inline-block; padding:0 25px; font-size:1.4rem; border-radius:40px; border:1px solid #2278c7; color:#fff; height:38px; line-height:38px;}
.pintlink a:hover{ background:#2278c7;}

nav .am-close{ display:none;}

.header.ophe{ position:relative; background:#fff;}
header.ophe nav>ul>li>a{ color:#333;}
header.ophe nav>ul>li.on>a,header.ophe nav>ul>li:hover>a{color:#2278c7;}
header.ophe .pintlink a{ color:#333;}
header.ophe .pintlink a:hover{ color:#fff;}

header.ophe .menu-bar{ border-color:#333;}
header.ophe .menu-bar:before,header.ophe .menu-bar:after{ background:#333;}

.banner .am-slider-a1{ box-shadow:none;}
.banner .am-slider .am-slides>li{ background-position:center; background-repeat:no-repeat; background-size:cover; height:100%;}
.banner .am-slider .am-slides>li a{ display:block; width:100%; height:100%;}
.banner .am-slider-a1 .am-control-nav{ bottom:15px;}
.banner .am-slider-a1 .am-control-nav li a{ width:12px; height:12px;background-color:#fff;border:2px solid #fff; box-shadow:none;}
.banner .am-slider-a1 .am-control-nav li a.am-active{ background-color:rgba(0,0,0,0); border:2px solid #2278c7;}

.tbaner{ background:#272733;  padding-top:120px;min-height:420px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.tbaner .am-container{ position:relative;}
.tbaner img{ float:right; position:relative;}
.tbaner .txt { width:46%; color:#fff;  position:absolute; left:1.5rem; height:100%; top:0;}
.tbaner .txt .tit{ font-size:32px; margin-bottom:15px;}
.tbaner .txt .note{ font-size:14px; margin-bottom:20px; line-height:2;}
.tbaner .txt .more a{ display:inline-block; font-size:20px; background:#2278c7; color:#fff; padding:8px 30px;}
.tbaner .txt .more a:hover{ background:#1661a7;}



.trbaner{ background:#272733; position:relative;}
.trbaner img{width:100%;}
.trbaner .am-container{ position:relative; height:100%;}
.trbaner .txt { width:46%; color:#fff;  position:absolute; left:1.5rem; height:100%; top:0;}
.trbaner .txt .tit{ font-size:32px; margin-bottom:15px;}
.trbaner .txt .note{ font-size:14px; margin-bottom:20px; line-height:2;}
.trbaner .foxj{ position:absolute; left:0; width:100%; top:0; height:100%; z-index:22;}


.am-pd{ padding:80px 0;}
.bgr{ background:#f5f5f5;}
.ue-title{ text-align:center;}
.ue-title .tit{ font-size:32px;}
.ue-title .note{ font-size:16px; color:#999;word-break: break-all;word-wrap: break-word;white-space: pre-wrap;}

.wlwpt-list{ margin-top:40px;}
.wlwpt-list ul{ position:relative; margin:0 -15px;}
.wlwpt-list ul li{ text-align:center; padding:0 15px;}
.wlwpt-list ul li i{ display:inline-block; max-width:100px;}
.wlwpt-list ul li a{ display:block; cursor:pointer; padding:30px 0;}
.wlwpt-list ul li a:hover{ box-shadow:0 1px 2px rgba(0,0,0,.1)}
.wlwpt-list ul li .tit{ font-size:1.8rem; color:#333; margin-bottom:15px;}
.wlwpt-list ul li .note{ font-size:1.4rem; color:#999; max-width:80%; margin:0 auto; min-height:44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.zh-sys{ background:#233278;}
.zh-sys .ue-title .tit{ color:#fff;}

.zhsys-list{ margin-top:40px; position:relative;}
.zhsys-list ul li{ width:34%; float:left; position:relative; padding-top:15px;}
.zhsys-list ul li:before{ content:""; display:block; width:106px; height:9px; background:url(../images/yline.png) center no-repeat; position:absolute;}
.zhsys-list ul li:after{content:""; position:absolute; display:block;width: 8px;height: 8px;border-radius: 50%;box-shadow: 0 0 15px rgba(47, 204, 255, 0.5);background: radial-gradient(rgba(47, 204, 255, 0.7), rgba(47, 204, 255, 0.2));opacity: 0;transition: all .3s;}
.zhsys-list ul li:hover:after{ opacity:1;}
.zhsys-list ul li i{ position:absolute;}
.zhsys-list ul li a{ color:#fff; cursor:pointer;}
.zhsys-list ul li a .tit{ font-size:20px; transition:.2s all;}
.zhsys-list ul li a:hover .tit{ color:#2277e6}
.zhsys-list ul li a .note{ color:rgba(255,255,255,.6); font-size:1.4rem;}

.zhsys-list ul li:first-child{ padding-right:90px; text-align:right; margin-bottom:120px;}
.zhsys-list ul li:first-child:before{ right:-60px; top:66px;transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg); 
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); }
.zhsys-list ul li:first-child:after{left:96%; top:40%;}
.zhsys-list ul li:first-child:hover:after{left:109.2%; top:89%;}
.zhsys-list ul li:first-child i{ right:0; top:0;}

.zhsys-list ul li:nth-child(2){ float:right; margin-bottom:120px; padding-left:90px;}
.zhsys-list ul li:nth-child(2):before{ left:-60px; top:60px;transform:rotate(135deg);
-ms-transform:rotate(135deg); 
-moz-transform:rotate(135deg); 
-webkit-transform:rotate(135deg); 
-o-transform:rotate(135deg); }
.zhsys-list ul li:nth-child(2):after{left:1%; top:40%;}
.zhsys-list ul li:nth-child(2):hover:after{left:-11%; top:84%;}
.zhsys-list ul li:nth-child(3){padding-right:90px; text-align:right;}
.zhsys-list ul li:nth-child(3) i{ right:0; top:0;}
.zhsys-list ul li:nth-child(3):before{ right:-60px; top:20px;transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 
-moz-transform:rotate(-45deg); 
-webkit-transform:rotate(-45deg); 
-o-transform:rotate(-45deg); }
.zhsys-list ul li:nth-child(3):after{left:96%; top:35%;}
.zhsys-list ul li:nth-child(3):hover:after{left:109.2%; top:-12%;}
.zhsys-list ul li:nth-child(4){ float:right; padding-left:90px;}
.zhsys-list ul li:nth-child(4):before{ left:-60px; top:30px;transform:rotate(225deg);
-ms-transform:rotate(225deg); 
-moz-transform:rotate(225deg); 
-webkit-transform:rotate(225deg); 
-o-transform:rotate(225deg); }
.zhsys-list ul li:nth-child(4):after{left:1%; top:40%;}
.zhsys-list ul li:nth-child(4):hover:after{left:-11%; top:-3%;}
.zhsys-list ul li:nth-child(2) i,.zhsys-list ul li:nth-child(4) i{ left:0; top:0;}



.teck-advantage-center{position:absolute;top:52px;left:50%;width:219px;height:219px;margin-left:-110px;border-radius:50%;background:url(../images/ptimg.png) center center no-repeat;background-size: 80% 80%;}
.teck-advantage-center .icons {display: block;height: 100%;width: 100%;/*background: url(../images/yuan.png) center center no-repeat;*/}
.teck-advantage-center .icons.circle-tag {
/*transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
animation: circle-icon 5s linear infinite;
-ms-animation: circle-icon 5s linear infinite;*/}

@keyframes circle-icon {
  0% {
	  
    transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
  }
  100% {
	 
    transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
  }
}

.product-list{ margin-top:40px;}
.product-list ul{ position:relative; margin:0 -15px;}
.product-list ul li{ padding:15px; text-align:center;}
.product-list ul li i{ display:block; overflow:hidden;}
.product-list ul li a{ display:block; padding-bottom:15px;overflow:hidden;border:1px solid #fff;}
.product-list ul li a i img{transition: all .7s;}
.product-list ul li a:hover i img{transform: scale(1.06);}
.product-list ul li a:hover{ border:1px solid #2278c7;}
.product-list ul li .txt{ padding-top:10px;}
.product-list ul li .tit{ font-size:18px;}
.product-list ul li .note{ font-size:14px; color:#999;}


.am-more{ text-align:center; margin-top:30px;}
.am-more a{ display:inline-block; font-size:1.8rem; padding:8px 60px; border:1px solid #ddd;}
.am-more a:hover{ background:#2278c7; color:#fff;}


.sloution{ background:#32333b;}
.sloution .ue-title .tit{ color:#fff;}
.swiper-solution{ margin-top:40px;}
.swiper-solution .item{ height:420px; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;}
.swiper-solution .item a{ position:relative; width:100%; height:100%; display:block; background:rgba(50,50,59,.8)}
.swiper-solution .item a:hover{background: rgba(1, 75, 144, 0.8);}
.swiper-solution .item a .line{ width:40px; height:2px; background:#2278c7; margin:0 auto;}
.swiper-solution .item a .tit{ font-size:18px; color:#fff; margin-top:10px; margin-bottom:10px;}
.swiper-solution .item a .note{ font-size:1.4rem; padding:0 8%; color:#fff; opacity:0; height:0;transition: all .3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.swiper-solution .item a:hover .note{ opacity:1; height:66px;}
.tb{display: table;width: 100%; height:100%;}
.tbc{display: table-cell;vertical-align: middle;width: 100%;height: 100%; text-align:center;}

.s-next,.s-prev{ opacity:0;}
.swiper-solution:hover .s-next{ opacity:.6;}
.swiper-solution:hover .s-prev{ opacity:.6;}

.yyly{ background:#f5f5f5;}
.yyly-list{ margin-top:40px;}
.yyly-list ul{ position:relative; margin:0 -10px;}
.yyly-list ul li{ padding:10px;}
.yyly-list ul li a{ display:block; background:#fff; padding:30px 15px; text-align:center; position:relative; top:0; cursor:pointer;}
.yyly-list ul li a:hover{box-shadow:0 6px 15px rgba(0,0,0,.1); top:-5px;}
.yyly-list ul li span{ font-size:18px; color:#333; display:block; margin-top:10px;}

.homead{ text-align:center; font-size:24px; color:#fff; padding:3% 0; background:url(../images/adbg.jpg) center no-repeat; background-size:cover;}

footer{ background:#191919; padding-top:80px; padding-bottom:60px;}
.foot-tit{ font-size:22px; color:#fff; margin-bottom:10px;}


.footnav{ width:20%; float:left; height:230px; border-right:1px solid rgba(255,255,255,.1)}
.footnav ul li{ line-height:36px;}
.footnav ul li a{ color:#999;}
.footnav ul li a:hover{ color:#fff;}
.foot-add{width: 37%;padding-left: 4%;float:left; height:230px; border-right:1px solid rgba(255,255,255,.1)}
.foot-add p{ line-height:36px; color:#999;}
.foot-add p a{ color:#999;}
.foot-contact{ width:28%; padding-left:4%; float:left; height:230px;}
.foot-contact p{ line-height:36px; color:#999;}
.foot-contact p a{ color:#999;}
.foot-ewm{ width:140px; float:right; text-align:center;}
.foot-ewm span{ display:block; font-size:14px; color:#666; margin-top:8px;}



.danimg{ margin-top:40px; text-align:center;}
.ptjg{ background:#f8fcff; position:relative;}
.ptjg .pg-canvas{ position:absolute; left:0; top:0; opacity:.5;}
.ptjg .am-container{ position:relative; z-index:999;}
.ptyoushi-list{ margin-top:40px; overflow: hidden;}
.ptyoushi-list ul{ position:relative; margin:0 -14px;}
.ptyoushi-list ul li{ padding:20px;}
.ptyoushi-list ul li .item{ box-shadow:0 1px 6px rgba(0,0,0,.1); padding:30px;}
.ptyoushi-list ul li .item i{ display:block; float:left; margin-right:20px;}
.ptyoushi-list ul li .item .txt .tit{ font-size:18px; margin-bottom:10px;}
.ptyoushi-list ul li .item .txt .note{ font-size:14px; color:#999; min-height:110px;}


.jf_xtjj{ background:#f8fcff; position:relative;}
.jf_xtjj .pg-canvas{ position:absolute; left:0; top:0; opacity:.5;}
.jf_xtjj .am-container{ position:relative; z-index:999; max-width:1360px;}


.xtgnlist{ margin-top:30px;}
.xtgnlist ul{ position:relative; margin:0 -20px;}
.xtgnlist ul li{ padding:25px 20px; text-align:center; margin-bottom:25px;}
.xtgnlist ul li i{ display:block;}
.xtgnlist ul li .tit{ font-size:20px; margin-top:5px; margin-bottom:4px;}
.xtgnlist ul li .note{ font-size:14px; color:#999; max-width:78%; margin:0 auto;}


.xttd-list{ margin-top:20px;}
.xttd-list ul{ position:relative; margin:0 -20px;}
.xttd-list ul li{ padding:20px; margin-bottom:20px;}
.xttd-list ul li .item{ position:relative; padding-left:50px;}
.xttd-list ul li .item i{ display:inline-block; position:absolute; left:0; top:2px;}
.xttd-list ul li .item .tit{ font-size:18px; margin-bottom:4px;}
.xttd-list ul li .item .note{ font-size:12px; color:#999;}

.znbjier{ position:relative; margin-top:40px;}
.znbjier .hd{ width:23.5%;background:#242424;}
.znbjier .hd ul li{ background:#242424; color:#fff; text-align:center; cursor:pointer; padding:20px 15px;transition: all .2s linear;}

.znbjier .hd ul li i{ display:block;}
.znbjier .hd ul li span{ display:block; font-size:18px; margin-top:5px;}
.znbjier .hd ul li:nth-child(even){ background:#292929;}
.znbjier .hd ul li.on,.znbjier .hd ul li.on:nth-child(even){background:-webkit-linear-gradient(to right, #03bfe7, #1162fe); background:linear-gradient(to right,#03bfe7, #1162fe);}

.znbjier .bd{ position:absolute; right:0; top:0; width:77.5%; height:100%; background:#f8f7fc;}
.znbjier .bd ul{ position:relative; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center;}





.am-path{ height:50px; line-height:50px;border-bottom:1px solid #eee; color:#999; font-size:14px;}
.nybox{ padding:30px 0; background:#f5f5f5;}
.nymainleft{ width:254px; float:left;}
.cpfl{ background:#fff;}
.cpfl .tit{ font-size:22px; padding:15px 0 15px 25px; background:#00579d; color:#fff;}
.cpfl .tit:before{content: "\f196"; margin-right:10px; position:relative; top:2px; font-size:24px;}

.sideMenu{ padding:10px;}
.sideMenu h3{padding:10px 32px 10px 15px;cursor:pointer;font-size:14px; font-weight:normal; color:#333; background:#f5f5f5; position:relative;}
.sideMenu h3:after{ position:absolute;content: "\f067"; right:10px; top:50%; margin-top:-11px; font-weight: lighter; color:#999;}
.sideMenu ul .nLi{border-bottom: 6px solid #fff;}
.sideMenu ul .nLi.on  h3:after{content: "\f068";}
.sideMenu ul .nLi h3:hover,.sideMenu ul .nLi h3.activ{ background:#2278c7; color:#fff;}
.sideMenu ul .nLi h3:hover a,.sideMenu ul .nLi h3.activ a{ color:#fff;}
.sideMenu ul .nLi h3:hover:after,.sideMenu ul .nLi h3.activ:after{ color:#fff;}
.sideMenu ul .nLi.on .sub{display:block}
.sideMenu ul .nLi .sub{padding:8px 0;color:#999;display:none; margin:0;}
.sideMenu ul .nLi .sub li{height:38px;line-height:38px;list-style:none;border-bottom:1px dashed #eee; padding-left:15px; }
.sideMenu ul .nLi .sub li:hover,.sideMenu ul .nLi .sub li.activ{background:#2278c7; color:#fff; border-bottom:1px solid #fff;}
.sideMenu ul .nLi .sub li a{display:block;width:100%;height:100%;font-family:microsoft yahei;font-size:14px;color:#333;text-decoration:none;box-sizing:border-box}
.sideMenu ul .nLi .sub li a:hover,.sideMenu ul .nLi .sub li.activ a{ color:#fff;}
.sideMenu ul .nLi .sub li.activ{}


.nymain-right{ width:77%; float:right;}
.nyprolist ul{ position:relative; margin:-10px -10px 0 -10px;}
.nyprolist ul li{ padding:10px;}
.nyprolist ul li a:after,.nyprolist ul li a:before{ content:""; display:block; clear:both;}
.nyprolist ul li a{ display:block; background:#fff; text-align:center;border: 1px solid #fff;}
.nyprolist ul li a i{ /*width:40%; float:left; */ display:block;overflow:hidden;}
.nyprolist ul li a i img{transition: all .7s; width:100%;}
.nyprolist ul li a:hover img{transform: scale(1.06);}
.nyprolist ul li a:hover{ border:1px solid #2278c7;}
.nyprolist ul li a .txt{ /*width:60%; float:right;*/ padding:20px;}
.nyprolist ul li a .txt .tit{ font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom:4px; color:#333;}
.nyprolist ul li a .txt .note{ font-size:12px; margin-bottom:6px; color:#999;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;}
.nyprolist ul li a .txt .more{ display:inline-block; font-size:12px; color:#999; border-bottom:1px solid #999;    transition: .5s; display:none;}
.nyprolist ul li a:hover .txt .more{ padding:0 8px;color:#00579d; border-bottom:1px solid #00579d;}



.fenye ul li{ font-size:1.4rem;}
.fenye ul li a{ border-radius:2px;}
.am-pagination>.am-active>a, .am-pagination>.am-active>a:focus, .am-pagination>.am-active>a:hover, .am-pagination>.am-active>span, .am-pagination>.am-active>span:focus, .am-pagination>.am-active>span:hover{background-color: #00579d;border-color: #00579d;}



.nyjbox{ padding:30px;}

.solo-list ul{ position:relative; margin:0 -15px;}
.solo-list ul li{ padding:15px;}
.solo-list ul li a{ display:block; background:#f5f5f5;}
.solo-list ul li a:after,.solo-list ul li a:before{ content:""; display:block; clear:both;}
.solo-list ul li a i{ width:40%; float:left; display:block; overflow:hidden;}
.solo-list ul li a i img{transition: all .7s;}
.solo-list ul li a:hover i img{transform: scale(1.06);}
.solo-list ul li a .txt{ padding:15px; width:60%; float:left;}
.solo-list ul li a .txt .tit{ font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom:5px;}
.solo-list ul li a .txt .note{ font-size:14px; color:#999;}

.down-list{ margin-top:15px;}
.down-list ul{ position:relative; margin:0 -25px;}
.down-list ul li{ padding:15px 25px;}
.down-list ul li a:after,.down-list ul li a:before{ content:""; display:block; clear:both;}
.down-list ul li a{ background:#fff; display:block; padding:20px;}

.down-list ul li a i{ float:left; margin-right:15px;}
.down-list ul li a .tit{ font-size:18px; color:#333;}
.down-list ul li a .note{ font-size:12px; color:#999;}
.down-list ul li a .btn{ float:right; margin-right:10%; display:inline-block; background:#4da9ff; color:#fff; padding:4px 20px; border-radius:20px; font-size:14px;}
.down-list ul li a .btn:hover{ background:#408dd5}

.down-fl { padding:18px 0;}
.down-fl ul li{ text-align:center;}
.down-fl ul li i{ display:inline-block; position:relative; top:-12px;}
.down-fl ul li .txt{ display:inline-block; text-align:left;}
.down-fl ul li .txt .tit{ font-size:18px; color:#333;}
.down-fl ul li .txt .note{ color:#999; font-size:12px;}
.down-fl ul li.on .txt .tit{ color:#4da9ff;}
.down-fl ul li.on .txt .note{ color:#a6d4ff;}

.lxzzbox{ max-width:1000px; margin: 30px auto 0 auto;}
.lxzzbox ul li{ padding:0 25px;}
.lxzzbox ul li .item{ border:1px solid #eee; padding:25px 60px;}
.lxzzbox ul li .item i{ float:left; margin-right:30px;}
.lxzzbox ul li .item .note{ font-size:22px; color:#4da9ff;}


.sqbbox{ width:540px; position:fixed; background:#fff; padding:30px; left:50%; top:50%; margin-left:-280px; margin-top:-213px; border-radius:10px; z-index:1601; display:none;}
.sqbbox .tit{ font-size:18px; font-weight:bold; text-align:center; margin-bottom:15px;}
.sqbbox .am-close{ position:absolute; right:15px; top:15px;}
.sqbgform .am-form-field{ border:none; outline:none; background:#f5f5f5; padding:1.2rem; margin-bottom:1.5rem;}
.sqbgform .am-btn{ padding:1.2rem;}

.sqmask{ background:rgba(0,0,0,.6); width:100%; height:100%; position:fixed; left:0; top:0; z-index:1600; display:none;}


.about-jj .abjj-txt .abjj-left{ width:46%; float:left;}
.about-jj .abjj-txt .abjj-left .tit{ height:47px; background:url(../images/rzyiot.png) 0 center no-repeat; font-size:32px; line-height:32px; margin-top:38px; margin-bottom:20px;}
.about-jj .abjj-txt .abjj-left .txt{ line-height:2; color:#777;}
.about-jj .abjj-txt .abjj-right{ width:50%; float:right;}

.ape-title{ text-align:center;}
.ape-title .entit{ font-size:16px; color:#999;text-transform:uppercase}
.ape-title .tit{ font-size:32px; color:#4da9ff; line-height:32px;}
.qywh-list{ margin-top:40px;}
.qywh-list ul li{ text-align:center;}
.qywh-list ul li .tit{ font-size:22px; margin-top:10px; margin-bottom:8px;}
.qywh-list ul li .note{ color:#999;}



.team-list{ margin-top:40px;}
.team-list ul li{ width:25%; float:left; padding:10px; height:200px;}
.team-list ul li a{ display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;    transition: all .3s linear; cursor:pointer;}
.team-list ul li a:hover{ }
.team-list ul li:first-child{ width:50%; height:400px;}
.team-list ul li img{ display:none;}

.nyproxq{ background:#fff;}
.nyprohead{ padding:30px;}
.nyprohead .thumb{ width:48%; float:left;}
.nyprohead .thumb img{ width:100%;}
.nyprohead .txt{ width:50%; padding-left:15px; float:right;}
.nyprohead .txt pre{ font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; padding:0; border:none; background:none; line-height:2; color:#666;}
.nyprohead .txt .box{width: 100%; margin-top:30px;}
.nyprohead .txt .box .zx{display: block;width: 172px;height: 53px;float: left;font-size: 20px;color: #fff;line-height: 53px;background: #00579d;
    border-radius: 50px;text-align: center;text-decoration: none;}
.nyprohead .txt .box .zx img{position: relative;top: 0;margin-left: 12px;}
.nyprohead .txt .box .phone{float: left;padding-left: 42px;;background: url(../images/proDetailsIntro_phone.png) no-repeat left center;margin-left: 15px;margin-top: 6px;}
.nyprohead .txt .box .phone span{display: block;font-size: 13px;color: #666666;}
.nyprohead .txt .box .phone em{display: block;font-size: 24px;color: #f1251f;font-family: arial; line-height:24px;}


.xiangxi02{clear:both;overflow:hidden;padding: 0 30px 30px 30px;}
.xiangxi02 .hd2{margin-bottom:25px;font-size:22px;font-weight:400;line-height:60px;padding-left:50px; background:url(../images/icon_po.png) 15px center no-repeat #f5f5f5;}

.xiangxi03{color:#333;line-height:2;overflow:hidden}
.biaoxs{ line-height:2; padding:10px;}

.xgnews {border-top: 10px solid #f5f5f5;padding-bottom: 30px;}
.xgnews .xgbt{ padding:15px 0; margin:0 30px; font-size:22px; border-bottom:1px solid #eee;}
.xgnews .xgnewli{ padding:15px 15px 0 15px;}
.xgnews .xgnewli ul li{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom:10px}
.xgnews .xgnewli ul li a{ color:#333;}
.xgproli{ padding:15px;}
.xgproli ul li{ padding:0 10px;}
.xgproli ul li a{ display:block; text-align:center;}
.xgproli ul li a span{ display:block; color:#333; background:#f5f5f5; padding:10px;}

.swipere-ply .swiper-button-black{ background-size:24px 18px; opacity:.6;}


.arctice-left{ width:74%; float:left;}

.arc-head{ border-bottom:1px dashed #eee; text-align:center;}
.arc-head h1{ font-size:22px; font-weight:normal;}
.arc-head .achsub{ font-size:12px; color:#999; padding:10px 0;}
.arctice-boy{ padding:20px 0; line-height:2;}
.d_page{ border-top:1px dashed #eee; padding-top:20px;}

.arctice-right{ width:20%; float:right;}

.sideright .tit{background: #00579d; font-size:20px; text-align:center; padding:12px 0; color:#fff;}
.sideright ul li{ background:#f5f5f5; font-size:14px; text-align:center; margin-top:1px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.sideright ul li a{ display:block; padding:10px;}



.articlelist{ background:#fff;  }
.articlelist ul li{ padding:20px;border-bottom: 1px solid #f8f8f8;transition: all .2s linear;}
.articlelist ul li:hover{box-shadow: 0 1px 5px 3px rgba(0,0,0,.07);}
.articlelist ul li .thumb{ width:20%; float:left;  overflow:hidden;}
.articlelist ul li .thumb img{transition: all .25s ease-in-out;}
.articlelist ul li .thumb:hover img{transform:scale(1.1)}
.articlelist ul li .text{ width:78%; float:right;}
.articlelist ul li .text .tit{ font-size:18px; font-weight:bold; color:#555;}
.articlelist ul li .text .tit:hover{ color:#cc2932;}
.articlelist ul li .text .note{color:#888; padding:10px 0; font-size:1.4rem;}
.articlelist ul li .text .sub{ color:#999; margin-top:10px; font-size:12px;}
.articlelist ul li .text .sub span{ display:inline-block; margin-right:20px;}
.articlelist ul li .text .sub span i{ margin-right:4px;}

.certify{position:relative;width:100%; }
.certify .swiper-container{ margin-top:40px;}
.certify .swiper-slide{width:330px;height:420px;background:#fff; position:relative;border:4px solid #fff; }
.certify .swiper-slide:after{ content:""; display:block; width:100%; height:100%; /*background:rgba(0,0,0,.2);*/ position:absolute; left:0; top:0;transition: all .3s;}
.certify .swiper-slide.swiper-slide-active:after{ opacity:0;}
.certify .swiper-slide img{display:block}
.certify .swiper-slide p{line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0}
.certify .swiper-pagination{width:100%;bottom:20px}
.certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1}
.certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color:#fff}
.certify .swiper-button-prev{left:0px;width:56px;height:56px; background-color:#7eb3f5; border-radius:50%;background-size: 50px 30px;}
.certify .swiper-button-next{right:0px;width:56px;height:56px; background-color:#7eb3f5; border-radius:50%;background-size: 50px 30px;}

.yqlink{ background:#000; color:rgba(255,255,255,.6); font-size:14px; padding:10px 0;}
.yqlink a{ display:inline-block; padding:4px 10px;color:rgba(255,255,255,.6);}

.nescok{ background:#fff; padding:30px;}


.m-fnav{ width:100%; height:60px; background:#fff; position:fixed; left:0; bottom:0;box-shadow: 0 0 2px 2px rgba(0,0,0,.05); z-index:1200;}
.m-fnav ul li a{ display:block; padding-top:5px;}
.m-fnav ul li a i{ display:block; overflow:hidden; width:32px; margin:0 auto;}
.m-fnav ul li a i b{ width:64px; display:block;}
.m-fnav ul li a i b img{ width:32px;}
.m-fnav ul li.on a i b{ margin-left:-32px;}
.m-fnav ul li.on a { color:#2277c7}
.m-fnav ul li a span{ display:block; font-size:1.2rem; text-align:center;}

.poster-main{position: relative;margin: 50px auto;}
.poster-main .poster-list .poster-item{position: absolute;left: 0;top: 0;}
.poster-main .poster-btn{position: absolute;top: 0;cursor: pointer;}
.poster-main .poster-prev-btn{left: 0;background: url("../images/xtl.png") no-repeat center center;}
.poster-main .poster-next-btn{right: 0;background: url("../images/xtr.png") no-repeat center center;}




@media screen and (max-width: 1024px){
body{ max-width:750px;}	


.header{ height:60px;}
header .logo{ height:60px; line-height:60px;}
header .am-container{ height:100%;}
.pintlink{ right:5.5rem; margin-top:-16px;}
.pintlink a{ padding:0 20px; height:32px; line-height:30px; font-size:1.2rem;}
.menu-bar{ display:block; width:26px; height:18px; float:right; position:relative; top:20px; border-bottom:2px solid #fff;}
.menu-bar:after{ content:""; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; top:0;}
.menu-bar:before{ content:""; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; top:50%;}
nav .am-close {position: absolute;right: 32%;top: 4px;color: #fff;text-shadow: none;opacity: .5;font-size: 2.6rem;display: block;}
.nav-warp{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000;background: rgba(0,0,0,.8); display:none;}
header nav{width: 100%;height: 100%;position: fixed;left:-100%;;top: 0;z-index: 1601;transition: all .3s linear;pointer-events: none;}
header nav.active{ left:0;}
header nav>ul{width: 60%;position: relative;background: #fff;height: 100%;z-index: 1601;pointer-events: auto;overflow-y: auto;margin: 0; display:block;}
header nav>ul>li{ width:100%;border-bottom: 1px solid #eee; display:block; float:none; height:auto; line-height:56px; padding:0;}
header nav>ul>li>a{ color:#333; display:block; line-height:56px;}
header nav>ul>li.on>a{ border:none;}
header nav>ul>li.sh>a{pointer-events: none;}
nav>ul>li .subnav{ position:relative; top:0; height:0;padding:0; background:#f5f5f5;}
header nav>ul>li:hover .subnav{top:0; height:auto;padding: 10px 0;}
header nav>ul>li .subnav:before{border-bottom: 5px solid #f5f5f5;}
nav .am-close {position: absolute;right: 32%;top: 4px;color: #fff;text-shadow: none;opacity: .5;font-size: 2.6rem;display: block;}
.nav-warp{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000;background: rgba(0,0,0,.8); display:none;}
.tbaner .txt{ position:absolute; width:auto; z-index:999; left:0; top:0; margin:0 1rem; background:rgba(0,0,0,.6); border-radius:20px; padding:20px;text-align:center;}
.tbaner{ height:auto;min-height:200px; padding-top:75px; padding-bottom:20px;}
.tbaner .txt .tit{ font-size:16px; margin-bottom:0;}
.tbaner .txt .note{ font-size:12px; margin-bottom:10px;}
.tbaner .txt .more a{ font-size:12px;}
.tbaner .img{ text-align:center;}
.tbaner .img img{ float:none; max-width:300px;}
.am-pd{ padding:40px 0;}
.wlwpt-list{ margin-top:10px;}
.zhsys-list ul li{ width:36%;}
.footnav{ display:none;}
.foot-add{ padding-left:0;}
.foot-add p{ font-size:14px; line-height:2;}
.foot-contact{ width:38%;}
.foot-contact p{ font-size:14px; line-height:2;}
	}






@media screen and (max-width: 640px){
.cndns-right{ display:none;}
.am-pd{ padding:20px 0;}
.ue-title .tit{ font-size:20px;}
.ue-title .note{ font-size:12px;white-space: normal;}
.danimg{ margin-top:15px;}
.banner .am-slider .am-slides>li{ overflow:hidden;}
.banner .am-slider .am-slides>li img{ width:150%; max-width:150%; margin-left:-25%;}
.trbaner{ overflow:hidden;}
.trbaner>img{ max-width:150%; }
.trbaner .txt .tit{ font-size:18px; font-weight:bold; margin-bottom:0;}
.trbaner .txt .note{ display:none;}
.wlwpt-list ul li a{ padding:10px 0;}
.wlwpt-list ul li .tit{ font-size:1.4rem; margin-bottom:4px;}
.wlwpt-list ul li .note{ font-size:1.2rem;max-width:100%;}
.pingtai{ overflow:hidden;}
.swiper-solution .item a i img{ width:60px;}
.zhsys-list ul li{ width:100%; float:none !important; margin-bottom:15px !important;     padding-left:75px !important; padding-right:0 !important; text-align:left !important;}
.zhsys-list ul li:before,.zhsys-list ul li:after{ display:none;}
.zhsys-list ul li i{left:0 !important;top:10px !important; right:auto !important;}
.zhsys-list{ margin-top:15px;}
.teck-advantage-center{ display:none;}
.zhsys-list ul li a .tit{ font-size:14px;}
.zhsys-list ul li a .note{ font-size:12px;}
.product-list{ margin-top:15px; overflow:hidden;}
.product-list ul{ margin:0 -5px;}
.product-list ul li{ padding:5px;}
.product-list ul li .tit{ font-size:1.4rem;}
.am-more a{ padding:4px 20px; font-size:1.2rem;}
.swiper-solution{ margin-top:15px;}
.swiper-solution .item{ height:280px;}
.swiper-solution .item a .tit{ font-size:14px;}
.swiper-solution .item a .note{ font-size:1.2rem; display:none !important;}
.swiper-button-next, .swiper-button-prev{ background-size:20px 15px;}
.s-next, .s-prev{ opacity:.6;}
.yyly-list{ margin-top:15px;}
.yyly-list ul{ margin:0 -5px;}
.yyly-list ul li{ padding:5px;}
.yyly-list ul li span{ font-size:14px;}
.yyly-list ul li a{ padding:15px 10px;}
.homead{ font-size:1.6rem;}
.foot-add{ display:none;}
.foot-ewm{ width:20%;}
.foot-contact{ width:78%; height:auto;}
.foot-tit{ font-size:16px;}
footer{ padding:30px 0 70px 0;}
.nescok{ background:#fff; padding:10px;}
.trbaner .txt{ width:80%;}
.ptyoushi-list{ margin-top:15px;}
.ptyoushi-list ul{ margin:0 -2px;}
.ptyoushi-list ul li{ padding:5px;}
.ptyoushi-list ul li .item i{ width:80px;}
.ptyoushi-list ul li .item .txt .tit{ font-size:16px;}
.ptyoushi-list ul li .item .txt .note{ font-size:12px; min-height:inherit;}
.xtgnlist{ margin-top:15px;}
.xtgnlist ul{ margin:0 -5px;}
.xtgnlist ul li{ padding:5px;}
.xtgnlist ul li i img{ width:60px;}
.xtgnlist ul li .tit{ font-size:14px;}
.xtgnlist ul li .note{ font-size:1.2rem; max-width:100%;}

.xttd-list{ overflow:hidden; margin-top:5px;}
.xttd-list ul{ margin:0 -10px;}
.xttd-list ul li{ padding:10px; margin-bottom:0;}
.xttd-list ul li .item .tit{ font-size:14px;}

.znbjier .hd{ width:100%;}
.znbjier .hd ul{ display:flex;}
.znbjier .hd ul li{flex:1; padding:6px 4px;}
.znbjier .bd{ position:relative; height:200px; width:100%;}
.znbjier .hd ul li i img{ width:20px;}
.znbjier .hd ul li span{ font-size:1.2rem;}


.nybox{ padding:1.5rem 0;}
.nymainleft{ width:100%; float:none;}
.sideMenu{ display:none;}
.cpfl{ min-height:inherit !important;}
.nymain-right{ width:100%; float:none;}
.nyprolist ul{ margin:0 -5px;}
.nyprolist ul li{ padding:5px;}
.cpfl .tit{ font-size:18px;padding: 8px 0 8px 15px; position:relative;}
.cpfl .tit:before{ font-size:20px; }
.cpfl .tit:after{ position:absolute;   content: "\f107"; right:1rem; top:50%; margin-top:-16px; font-size:20px;}
.nyprolist{ margin-top:5px;}

.nyprolist ul li a .txt{ padding:1rem;}
.nyprolist ul li a .txt .tit{ font-size:1.2rem; margin-bottom:0;}
.nyprolist ul li a .txt .more{ display:none;}
.nyjbox{ padding:0;}
.solo-list  ul{ margin:5px -5px;}
.solo-list  ul li{ padding:5px;}
.solo-list ul li a .txt{ padding:8px;}
.solo-list ul li a .txt .tit{ font-size:14px;}
.solo-list ul li a .txt .note{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.nybox{ overflow:hidden;}
.down-fl ul li i{ display:block; top:0;}	
.down-fl ul li i img{ width:30px;}
.down-fl ul li .txt{ display:block; text-align:center;}	
.down-fl ul li .txt .tit{ font-size:14px;}	
.down-fl ul li .txt .note{ font-size:1rem;}	
.lxzzbox ul li .item{ padding:15px;}
.lxzzbox{ margin:15px auto 0 auto;}

.sqbbox{ width:90%; left:5%; margin-left:0;}
.douhao{ display:none;}
.about-jj .abjj-txt .abjj-left{ width:100%; float:none;}
.about-jj .abjj-txt .abjj-left .tit{ text-align:center;background: url(../images/rzyiot.png) center no-repeat; background-size:auto 24px; font-size:18px; font-weight:bold; height:24px; line-height:24px; margin:0;}
.about-jj .abjj-txt .abjj-left .txt{ font-size:1.2rem; margin-top:8px;}
.about-jj .abjj-txt .abjj-right{ width:100%; float:none; margin-top:8px;}
.ape-title .entit{ font-size:12px;}
.ape-title .tit{ font-size:18px;}
.qywh-list{ margin-top:15px;}
.qywh-list ul li{ margin-bottom:10px;}
.qywh-list ul li .tit{ font-size:1.4rem; margin:5px 0;}
.qywh-list ul li .note{ font-size:1.2rem;}
.qywh-list ul li img{ width:38px;}
.team-list{ margin-top:10px;}
.team-list ul li{ width:50%; height:140px; padding:5px;}
.team-list ul li:first-child{ width:100%; height:200px;}

.nyprohead{ padding:1rem;}
.nyprohead .thumb{ width:100%; float:none;}
.nyprohead .txt{ width:100%; float:none; padding-left:0; padding-top:1rem;}
.nyprohead .txt h1{ font-size:1.8rem;}
.nyprohead .txt hr{ margin:1rem 0;}
.nyprohead .txt .box .zx{ font-size:1.2rem; width:120px; height:40px; line-height:40px;}
.nyprohead .txt .box .zx img{ width:16px; height:auto;}
.nyprohead .txt .box .phone{ background-size:20px auto; margin-top:0; padding-left:29px;}
.nyprohead .txt .box .phone span{ font-size:1.2rem;}
.nyprohead .txt .box .phone em{ font-size:1.6rem;}
.xiangxi02{ padding:0 1rem 1rem 1rem;}
.xiangxi02 .hd2{ font-size:16px; line-height:40px; margin-bottom:1rem;}
.xiangxi03{ font-size:1.2rem !important; padding:0; overflow-x:auto;}
.xgnews{ display:none;}
.xiangxi02 table{ font-size:1.2rem !important;}
.xiangxi02 table td{ padding:4px 1px !important;}

.arctice-right{ display:none;}
.arctice-left{ width:100%; float:none;}
.arc-head{ padding-top:15px;}
.arc-head h1{ font-size:16px;}
.arctice-boy{ padding:10px 0; font-size:1.2rem; overflow-x:auto;}
.d_page{ font-size:1.2rem; padding-top:15px; padding-bottom:15px;}

.articlelist ul li .text .tit{ font-size:14px;}
.articlelist ul li .text .sub{ margin-top:5px;}
.articlelist ul li .text .sub span{ margin-right:5px;}
.articlelist ul li .text{ float:none; width:100%;}
.articlelist ul li .text .note{ font-size:1rem; padding:0; margin-top:8px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;}
.articlelist ul li .thumb{ margin-right:8px; display:none;}
.articlewdlist ul li .tit{ font-size:14px;}
.articlewdlist ul li .note{ font-size:1rem;}

.certify .swiper-container{ margin-top:15px;}
.certify .swiper-slide{ width:240px; height:330px;}
.certify .swiper-button-next,.certify .swiper-button-prev{ width:30px; height:30px; background-size:20px 14px;}
.lxzzbox ul li{ width:100%; padding:0;}
.lxzzbox ul li .item i{ margin-right:10px;}
.poster-main .poster-next-btn,.poster-main .poster-prev-btn{ background-size:30px 30px;}
.poster-main{ margin:15px auto;}
	}