@media screen and (max-width: 889px) {
	.jiange{ padding-top:25px;}
	
#header {
	position: fixed;
	width: 100%;
	height: 50px;
	background: #00aef0;
	z-index: 999;
	left: 0;
	top: 0;
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

#header .search {
	position: absolute;
	-webkit-transition: opacity ease-out .4s;
	-moz-transition: opacity ease-out .4s;
	-o-transition: opacity ease-out .4s;
	transition: opacity ease-out .4s;
	width: 50px;
	height: 50px;
	right:0px;
	top: 0;
	padding: 10px;
	box-sizing: border-box;
	opacity: 0;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0); 
}


#header .search input {
	height: 30px; border:0px;
	width: 100%;
	border-radius: 40px;
	background: #fff;
	padding: 0 10px;
	font-size: 14px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

#header .search input::-webkit-input-placeholder {
	color: #666
}

#header .search input:-moz-placeholder {
	color: #666
}

#header .search input::-moz-placeholder {
	color: #666
}

#header .search input:-ms-input-placeholder {
	color: #666
}





#header.show-search .search {
	opacity: 1;
	width: 100%
}

#header.show-search .menu-btn,#header.show-search .search-btn {
	opacity: 0
}

	

.flex-box {
width: 100%;
	height: 50px; position:relative
}

	
	#header h1 { text-align:center;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	font-weight: 700;
	font-size: 18px;
	color: #fff
}

#header .menu-btn{ position:absolute;left:0px;top:0px;  
	min-width: 50px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	padding: 0 10px;
	text-align: left;
	border:none;  background:url(../images/nav.png) no-repeat left; margin-left:10px;
}

#header .menu-gb{position:absolute;left:0px;top:0px;  
	min-width: 50px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	padding: 0 10px;
	text-align: left;
	border:none;  background:url(../images/navgb.png) no-repeat left; margin-left:10px;
}

#header .search-btn{position:absolute;right:0px;top:0px;  
	min-width: 50px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	padding: 0 10px;
	text-align: left;
 border:none;  background:url(../images/navss.png) no-repeat left; margin-left:10px; z-index:22
}

.yycc{display:none; width:100%; position:fixed;top:0px;left:0px; height:100%;z-index: 99;}


	
.menu-gb{ display:none}
	
#menu {
    position: fixed;
    width: 235px;
    left:-235px;
    top: 50px;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    z-index: 1110;
	 height:100%;transition: all .5s; overflow:auto

}

.menu-open #menu {left:0px; transform: translate3d(0,0,0);
}



#menu {
    background: #2C4055;
}
	
#menu header {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 15px;
    border-bottom: 1px solid #223548;
}	
	
#menu .nav-list li>a {
    display: block;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
}	
#menu .nav-list .active>a {
    background: #00aef0;
    color: #fff;
}	
	
	

	
	
	
	
.pc{ display:none}
.mm{ display: block}
body{color:#333;font-size:15px;line-height:1.5;background:#fff;min-width:100%;font-family:"微软雅黑","Microsoft Yahei",PingFangSC-Regular,"PingFang Regular",sans-self}
a{color:#333}
a:hover{color:#c2171d}
img{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
input,select,textarea{font-size:14px;color:#444;font-family:"Microsoft Yahei",sans-serif;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}
.wp{width:98%; max-width:98%; margin:0 auto; overflow:hidden}

    .float_left {
        float: left;
    }

    .float_right {
        float: right;
    }
    .nav_top {
        width: 100%;
        height: 50px;
        position: fixed;
        top: 0;
        z-index: 9999998;
        background: white;
    }


    .nav_logo {
        display: inline-block;
        width: 43.5px;
        height: 40px;
        margin: 5px 0 0 0;
    }

    .nav_logo a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .nav_logo_img {
        height: 100%;
    }

    .nav_nav_a {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 10px 3.3% 0 0;
    }
	
	
    .nav_nav {
        width: 100%;
        height: 100%;
    }

	
    .nav_div {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999999;
        display: none;
        width: 100%;
        height: 100%;
        background-color: rgba(13, 13, 13, .95);
        text-align: center;
    }

    .nav_ul {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 300px;
        width: 100%;
    }

    .cross_X {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
    }
	
    .nav_ul a {
        display: inline-block;
        width: 100%;
        font-size: 18px;
        line-height: 35px;
        color:#fff !important; 
    }







/* 焦点图 */
.slideBox { position:relative; overflow:hidden; width: 100%; max-width:100%; margin: 0px auto;}
.slideBox .hd { position:absolute; height:28px; line-height:28px; bottom:5px; right:50%; z-index:1; width:136px; margin-right:-69px; display:inline-table; text-align:center; }
.slideBox .hd li { display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px; }
.slideBox .hd li.on { background:#fff; }
.slideBox .bd { position:relative; z-index:0; }
.slideBox .bd li { position:relative; text-align:center; overflow:hidden; }
.slideBox .bd li img { background:url(../images/loading.gif) center center no-repeat; vertical-align:top; width:100%; height:auto;}
.slideBox .bd li a { -webkit-tap-highlight-color:rgba(0,0,0,0); }





.weibu{ overflow:hidden; width:100%; min-width:100%; background:#294d82;}
.weibu .weibuq{ overflow:hidden; width:98%; margin:0 auto; margin-top:0px;}
.weibu  .zc{ float: none; width:100%;}
.weibu  .zc ul{ float:left; width:100%; margin-right:0px; margin-bottom:20px;} 
.weibu  .zc ul span{ display: block; border-bottom:#28c4d4 1px solid; height:30px; line-height:30px; font-size:17px; text-align:left; text-align:5px; color:#FFF}
.weibu  .zc ul span a{color:#FFF}
.weibu  .zc ul li{height:25px; line-height:25px; text-align:left; text-align:5px; font-size:14px;}
.weibu  .zc ul  em{ font-style:normal; padding-left:10px;}
.weibu  .zc ul li a{ color:#a3b9ca}
.weibu  .zc ul li a:hover{color:#fff}
.weibu  .yc{ float: none; width:100%; text-align:left;}
.weibu  .yc .jj{ color:#a3b9ca; height:auto; line-height:20px; text-align:justify; text-justify:inter-ideograph; font-size:15px;}


.weibu  .yqlj{margin-top:-40px; height:auto; line-height:20px; text-align:left; text-align:justify; text-justify:inter-ideograph; font-size:15px; padding-bottom:10px;}
.weibu  .yqlj a{color:#a3b9ca; margin-right:10px; }
.weibu  .yqlj a:hover{color:#fff}

.weibu .bqs{ clear:both; text-align:center; color:#a3b9ca; padding-top:20px; padding-bottom:20px; font-size:15px; line-height:20px; border-top:#1e407d 1px solid; background:#18316c;}
.weibu .bqs  a{color:#a3b9ca;}
.weibu .bqs  a:hover{color:#fff}






.sy1{ width:100%; max-width:400px; height:auto; margin:20px auto; text-align:center;}
.sy1 .mc{ font-size:20px; height:30px; line-height:30px; margin-bottom:5px; overflow:visible; text-align:center;}
.sy1 .tp1{ left:2%; width:96%; height:220px; margin-top:0px; text-align:center; overflow:hidden; text-shadow:2px 2px 10px LightSlateGray;}
.sy1 .tp1 img{ width:100%; height:auto; min-height:220px;}
.sy1 .tp1 .index-main-inf{ width:100%; height:auto; overflow:hidden; top:15%;}
.index-main-inf span {
    text-align:left;
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    letter-spacing: 1px; display:block; padding-left:10px; padding-right:10px;
}
.index-main-inf span:first-of-type {
    text-align:left;
    font-size: 26px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.sy1 .sp1{ float:none; width:96%; height:220px; margin:0px auto; overflow:hidden; background:#505050;}
.sy1 .sp1 .sw_on_video{ width:100%; max-width:400px; height:100%; max-height:300px; min-height:220px;}
.sy1 .xmc{ text-align:center; font-size:16px; height:50px; line-height:25px; overflow:visible; margin-top:5px;}




.sy2{margin-top:30px;}
.sy2 .mc{ text-align:center; font-size:20px; height:15px; line-height:30px; margin-top:20px; margin-bottom:5px; overflow:visible;}
.sy2 ul{ width:100%; margin:0 auto; margin-top:35px;}
.sy2 ul li{ float:left; width:25%; margin-bottom:20px; text-align:center}
.sy2 ul li img{ float: none; display:block; width:68px; height:68px; margin:0 auto}
.sy2 ul li span{ float:none; display:block; width:100%; height:28px; line-height:28px; padding-left:0px; font-size:17px;}
.sy2 .xmc{ text-align:center; font-size:16px; height:50px; line-height:50px; overflow:hidden; width:180px; margin:0 auto; margin-top:5px; border:#09F 1px  solid}




.sy3{margin-top:30px;}
.sy3 .mc{ text-align:center; font-size:20px; height:50px; line-height:30px; margin-top:20px; margin-bottom:5px; overflow:visible;}
.sy3 ul{  margin-top:15px;}
.sy3 ul li{ float:left; width:50%; margin-bottom:5px; text-align:center; padding-left:5px; padding-right:5px;}
.sy3 ul li img{max-width:100%; height:auto;}


.solutions{ background:url(../images/tdbj.jpg) no-repeat top center; width:100%; height:360px;}
.solutions .mc{ text-align:center; font-size:24px; height:40px; line-height:40px; overflow:hidden; color:#FFF; margin-top:20px;}
.solutions ul {
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 0px; 
}
.solutions ul li{ float:left; width:25%; margin-bottom:5px; text-align:center}
.solutions ul li img{width:60px; height:60px;}
.solutions ul li span{ display:block; text-align:center; color:#FFF; height:25px; line-height:25px; font-size:16px; margin-top:-5px;}



.cp1{ padding-top:50px; padding-bottom:50px; width:100%; height:auto;}
.cp1 .tp{ float:none; width:100%; text-align:center; padding-top: 0px;}
.cp1 .tp img{max-width:100%; margin-bottom:-35px; margin-left:5%;}
.cp1 .wz{ float: none; width:100%; padding-top:10px; height: auto; background: none; padding-left:0px;}
.cp1 .wz .shuzu{ float:left; height:100px; font-size:76px; width:76px; font-weight:normal; letter-spacing:-8px; font-family:"微软雅黑"; color:#36a0da;}
.cp1 .wz .mc{ font-size:26px; height:43px; line-height:40px; margin-top:20px; color:#525252;}
.cp1 .wz .mc1{ font-size:18px; height:20px; line-height:20px; color:#36a0da;}
.cp1 .wz .jj{ font-size:15px; color:#525252; line-height:22px; margin-top:0px;}




.cp2{ padding-top:50px; padding-bottom:50px; width:100%; height:auto; background:#efefef;}
.cp2 .tp{ float:none; width:100%; text-align:center; padding-top: 0px;}
.cp2 .tp img{max-width:100%; margin-bottom:-35px; margin-left:5%;}
.cp2 .wz{ float: none; width:100%; padding-top:10px; height: auto; background: none; padding-right:0px;}
.cp2 .wz .shuzu{ float:left; height:100px; font-size:76px; width:76px; font-weight:normal; letter-spacing:-8px; font-family:"微软雅黑"; color:#f28d01;}
.cp2 .wz .mc{ font-size:26px; height:43px; line-height:40px; margin-top:20px; color:#525252;}
.cp2 .wz .mc1{ font-size:18px; height:20px; line-height:20px; color:#f28d01;}
.cp2 .wz .jj{ font-size:15px; color:#525252; line-height:22px; margin-top:0px;}





.about{ background:url(../images/gybj.jpg) no-repeat top center; width:100%; height:auto;}
.about .mc{ text-align:center; font-size:24px; height:40px; line-height:40px; overflow:hidden; color:#FFF; margin-top:40px; margin-bottom:20px;}
.about .gynr{ background:#FFF;  margin-top:20px;}
.about .gynr img{ max-width:100%; height:auto !important}
.about .gyjj{ background: url(../images/about1.jpg) no-repeat left top; width:100%; margin:0 auto; height: auto; padding-top:15x; padding-left:10px; padding-right:10px; line-height:25px; overflow:hidden;}
.about .gyjj .bt{ text-align:left; font-size:20px; height:25px; line-height:25px; overflow:hidden; margin-top:20px; margin-bottom:10px;}
.about .gyjj p{ width:100%; margin-bottom:10px; text-align:justify; text-justify:inter-ideograph;}
.about .gyjj ul{  margin-top:40px;}
.about .gyjj ul li{ float:left; width:50%; margin-bottom:15px; text-align:center;}
.about .gyjj ul li img{width:100%; height:auto;}





.down{ background:url(../images/xzbj.jpg) no-repeat top center; width:100%; height:auto;}
.down .mc{ text-align:center; font-size:24px; height:40px; line-height:40px; overflow:hidden; color:#FFF; margin-top:20px;}
.down .cplb{ float: none; width:100%; background:#dff0ff; margin-top:30px; padding:20px; overflow:hidden}
.down .cplb .tp{ text-align:center}
.down .cplb .tp img{ max-width:100%}
.down .cplb .mc{ font-size:24px; height:40px; line-height:40px;}
.down .cplb .qt{ font-size:15px; color:#999}
.down .cplb .jj{ font-size:15px; color: #666; line-height:24px; margin-top:10px;}
.down .cplb .xz{ margin-top:10px;}


.cpqt{ border-bottom: none; height: auto; line-height:40px; text-align:right}
.cpqt a{ padding-left:16px;}
.czxt{ float: none; width:100%; border-right: none; text-align:left}
.czxt .mc{ font-size:16px;}
.czxt .czjj{ padding-top:0px; line-height:25px; margin-bottom:20px;}
.qtxx{ float: none; width:100%; display:inline-table; text-align:center  }
.qtxx a{ display:block; margin-top:10px; margin-left:10px; margin-right:10px; }





.buy{ background:url(../images/gmbj.jpg) no-repeat top center; width:100%; height:200px;}
.buy .mc{ text-align:center; font-size:24px;  height:40px; line-height:40px; overflow:hidden; color:#FFF; margin-top:20px; margin-bottom:20px; }
.buy .jj{ text-align:center; font-size:16px;  line-height:25px; overflow:hidden; color:#FFF; padding-top:0px; padding-bottom:50px; margin-top:0px; }


.cpgn{ padding-top:10px;}
.cpgn .mc{ font-size:20px; text-align:center; padding-top:20px; padding-bottom:10px; }

.biaoge1 { float: none; width:100%; margin-bottom:10px;}
.biaoge2 { float: none; width:100%;}


.biaoge1 table{ width:100%; border-collapse: collapse;}
.biaoge1 th,td{padding: 0;}
.biaoge1 th{ background:#F3F3F3; height:40px; line-height:40px;}
.biaoge1 th,td{ border: 1px solid #ccc; text-align: center; }

.biaoge2 table{ width:100%; border-collapse: collapse;}
.biaoge2 th,td{padding: 0;}
.biaoge2 th,td{ border: 1px solid #ccc; text-align: center; }
.biaoge2 th{ background:#F3F3F3; height:40px; line-height:40px;}

.cpgn .jj{text-align:center; padding-top:20px; padding-bottom:40px; }


.fkewm{padding-top:30px;}
.fkewm .mc{ font-size:24px; text-align:center; padding-bottom:20px; }

.fkewm ul{ overflow:hidden; margin-left:0px;}
.fkewm ul li{ float:left; width:46%; margin-left:2%; margin-right:2%; margin-bottom:20px;}
.fkewm ul li img{width:100%;}
.fkewm ul liother{ margin-left:0px; width:100%; text-align: center; padding-left:25px; padding-right:25px;}
.fkewm ul liother .mc{ font-size:19px; text-align:center; padding-top:25px; padding-bottom:10px; color:#ff6c00;}
.fkewm .mc2{ text-align:center; margin-top:15px; margin-bottom:50px;}
.fkewm .mc2 a{ display:inline-block; width:180px; font-size:18px; color:#09F; border:#09F 1px solid; padding-left:10px; padding-right:10px; height:45px; line-height:43px;}
.fkewm .mc2 a:hover{ background:#09F; color:#FFF;}


.section {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-right: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.help{ background:url(../images/bzbj.jpg) no-repeat top center; width:100%;height:200px;}
.help .mc{ text-align:center; font-size:24px; height:40px; line-height:40px;  overflow:hidden; color:#FFF; margin-top:20px; margin-bottom:20px; }
  
  
  .help .sszx {
    width: 100%;
    margin: 0 auto;
}
  
  
.help .tj{ width:110px; height:32px; margin:0 auto; border:#FFF 1px solid; padding-left:10px; padding-right:10px; float:none}
.help .ss{ width:100%; float:none}
.help .tj a{ display:block; color:#FFF; height:32px; line-height:32px;}
#searchform{width:90%; background:#FFF; margin:0px auto; margin-top:15px;  overflow:hidden;position:relative;border-radius:6px;}
#searchform .s_t{width:100%;border:#2b99f6 3px solid;height:43px;line-height:43px;padding-left:25px;background:url(../images/search.png) left no-repeat;color:#999;display:inline; }
#searchform .so{ position:absolute;right:0px;top:0px;width:80px;height:43px;background:#2b99f6;border:0;color:#fff;text-align:center;cursor:pointer;display:inline;font-size:14px;}


.bzlb{ padding-top:20px; margin-bottom:30px;}
.bzlb .zc{ float: none; width:100%;}
.bzlb .zc .mc{ background:url(../images/help_title.jpg) no-repeat left;padding-left:10px; font-size:18px; height:30px; line-height:30px;}
.bzlb .zc ul{ margin-bottom:20px;}
.bzlb .zc ul li{ background:#f7f7f6; height:25px; line-height:25px; padding-left:10px; margin-top:5px; }
.bzlb .zc ul li a{ color:#3076cd}



.bzlb .yc{ float: none; margin-top:-22px; width:100%;}
.bzlb .yc .mc{ font-size:18px; height:30px; line-height:30px; margin-top:30px; font-weight:900;}
.bzlb .yc ul{ margin-top:5px;}
.bzlb .yc ul li{ background: url(../images/help_list.jpg) no-repeat left; padding-left:10px; }
.bzlb .yc ul li a{ color:#3076cd}

.tc-yc{z-index:9998;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;display:none;background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);background-color:rgba(0,0,0,0.5)}

.tjxx{ width:96%; margin:0 auto; display:none; position:fixed;top:70px;left:50%; margin-left:-48%; background: #FFF;z-index:9999; padding:20px;  border-radius: 10px;height:420px; overflow: auto}
.tjxx  .mc{ font-size:20px; height:30px; line-height:30px; text-align:center}
    .contact_usm_ul {
        width: 100%;
    }

    .contact_usm_li {
        border: 1px solid black;
        border-radius: 10px;
        padding: 6px 9px;
        margin: 28px 0;
    }

    .contact_usm_li_l {
        line-height: 12px;
    }

    .contact_usm_input {
        width: 80%;
        outline: none;
        border: none;
        margin-left: 5px;
    }

    .contact_usm_text {
        width: 100%;
        overflow: auto;
        word-break: break-all;
        margin-top: 2px;
        outline: none;
        border: none;
        resize: none;
    }

    .contact_usm_send { width:100%;
        border: 1px solid black;
        border-radius: 6px;
        padding: 5px 20px;
        background: white; margin-bottom:10px;
    }









.m-text2{margin-bottom:20px}
.m-text2 h1{font-size:24px; margin-bottom:22px; padding-top:20px; padding-bottom:20px; font-weight:400; color:#484a5a; border-bottom:1px #ccc dashed;}
.m-text2 .title{text-align:center;}
.m-text2 .title .info{color:#6C4523; display:inline-table}
.m-text2 .title .info .rq{display:inline-block; }
.m-text2 .title .info .cc{display:inline-block; margin-left:20px;}
.m-text2 .title .info em{ color:#F00;} 
.m-text2 .box{line-height:24px;font-size:14px;margin-bottom:23px;border-bottom:1px   #ccc dashed;padding-bottom:20px; padding-top:30px;}
.m-text2 .box img { max-width:100%;}
.arrow{ overflow:hidden}
.arrow .prev{ float:left; width:45%}
.arrow .prev span{ display:block; background:#48B5F6; height:34px; line-height:34px;border-radius: 6px; color: #FFF; text-align:center; width:100px;}
.arrow .next{ float: right; width:45%}
.arrow .next span{ display:block; background:#48B5F6; height:34px; line-height:34px;border-radius: 6px; color: #FFF; text-align:center; width:100px;}
.arrow a{ display:block; height:30px; line-height:30px; overflow:hidden; margin-top:10px;}

.bzej .section h3 {
    font-size: 18px;
    padding-left: 10px;
    border-left: 2px solid #21d376;
    line-height: 1;
    margin-top: 25px;
    margin-bottom: 10px;
}

.bzej .section h3 a {
    color: #374051;
}

.bzej .article-list {
    margin-bottom: 0px;
}

.bzej .article-list {
    margin-bottom: 3px;
}