body {background: #f5f5f5;font: 14px 'Microsoft Yahei', 'Microsoft Jhenghei', Tahoma, 'Simsun';line-height: 1.5;}



.clearfix:after{content:"."; height:0; display:block; visibility:hidden; clear:both; font-size:0;}
.clearfix{zoom:1;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;border: 0;}
a {text-decoration: none;}
ul,li,ol{ list-style-type:none;}
img {border: 0;}
body {font-family: "Microsoft YaHei";}
/*头部开始*/




.bxyheader {position: fixed;top: 0;left: 0;z-index: 100000;width: 100%;height: 70px;background-color: #222;}
.bxylogo {margin-left: 12px;display: inline;float: left;}
.bxylogo a {display: block;width: 170px;height: 70px;}
.bxyhr {margin-right: 12px;margin-top: 19px;display: inline;float: right;}
.bxyclick {float: left;}
.bxyclick li {float: left;width: 32px;height: 32px;overflow: hidden;line-height: 32px;margin-left: 18px;display: inline;}
.bxyclick li.bxytel {width: 160px;}
.bxytel span {color: #fff;font-size: 14px;}
.bxytel img {float: left;margin-right: 10px;}
.bxynav {float: left;}
.bxynav ul{float: left;margin-right: 51px;}
.bxynav li {float: left;padding: 0 18px;height: 32px;line-height: 32px;text-align: center;}
.bxynav li a {color: #fff;font-size: 20px;display: block;}
.bxynav li a:hover {color: #c70c1f;}
.bxycur a {color: #c70c1f!important;}
/*头部结束*/



.hd_btns{position: absolute;right:0;top: 10px;color: #fff !important;background: #33aaff;border:1px solid #33aaff;border-radius:3px;padding: 0 33px;line-height: 40px;}
.hd_btns:hover{box-shadow:0 0 5px #33aaff;}

.hd_btns .reg{color: #33aaff;}

.hd_nav{width:1000px;margin: auto}
.hd_nav li{color: #fff;width: 14.2%;float: left;text-align: center}
.hd_nav li a{color: #fff;}
.hd_nav li:hover a,.hd_nav li.cur a{color: #33aaff;}

.container{ width: 1200px;margin: auto;}


.pageMain {padding: 100px 0 60px;}
.pageMainL {width:64%;float: left;}
.pageMainL .position{background: url(../images/position_icon.png) no-repeat left;padding-left: 20px;line-height: 44px;border-bottom: 1px dotted #909090;font-size: 12px;color: #888;}
.pageMainL .position a {color: #666;padding: 0 8px;}
.pageMainL .position a:hover {color: #c70c1f;}


.newList li {border-bottom: 1px dotted #909090;position: relative;padding: 10px 0;color: #484848;}
.newList li a {color: #222;}
.newList li a:hover {color: #c70c1f;}
.newList li .title{line-height: 56px;display: block;font-size: 20px;height: 56px;overflow: hidden;font-weight: normal;}
.newList li .img {width:30%;float: left;height: 100px;margin-right:6%;overflow: hidden}
.newList li .img:hover img {transform: scale(1.05);}
.newList li p {height: 48px;overflow: hidden;font-size: 12px;line-height:2;text-indent: 24px;}
.newList li span {display: block;font-size: 14px;text-align: right}

.showTitle {color: #222;font-size: 22px;line-height:2.5;}
.showInfo {color: #888;font-size: 12px;}
.showContent {padding: 20px 0;color: #484848;font-size: 14px;line-height:1.5;}
.showContent img {max-width: 100%!important;height: auto!important;}
.showNext {font-size: 14px;}
.showNext a {color: #484848;height: 30px;line-height: 30px;display: block}
.showNext a:hover {color: #c70c1f;}

/*pages*/

.pagination {text-align: center;margin: 20px 0;}
.pagination li {display: inline-block;padding: 0 12px;line-height: 34px;margin-right: 5px;font-size: 16px;border: 1px solid #dddddd;}
.pagination li a {display: block;color: #555555;}
.pagination li a:hover {background: #f5f5f5;color: #0099ff;}
.pagination li.thisclass {background: #09f;color: #fff;}




.pageMainR {width:26%;background: #fff;float: right;padding: 40px 1%;}
.pageMainR .texta {color: #484848;font-size: 14px;line-height: 30px;text-align: justify;}
.pageMainR .texta span,.texta a{color: #394259;border-bottom: 1px dotted #394259;}
.pageMainR .texta a:hover {color: #c70c1f;}

.pageMainR .rSearch {padding-top: 10px;overflow: hidden;font-size: 12px;}
.pageMainR .rSearch input {width: 220px;line-height: 24px;text-indent: 2px;border: 1px solid #484848;color: #333;font-size: 12px;float: left;}
.pageMainR .rSearch button {line-height: 24px;text-align: center;color: #fff;display: inline-block;background: #484848;border: none;cursor: pointer;float: left;}

.pageMainR .rTitle {line-height: 24px;border-left: 4px solid #c70c1f;padding-left: 10px;font-size: 20px;color: #222;margin-bottom: 3px;margin-top: 20px;}

.rNav {margin-bottom: 14px;}
.rNav li {font-size: 14px;padding-left: 12px;line-height: 40px;border-bottom: 1px dotted #c3c6cd;}
.rNav li a,.rHotNews li a,.rHotLabel li a {color: #484848;}
.rNav li a:hover,.rHotNews li a:hover,.rHotLabel li a:hover  {color: #c70c1f;}

.rHotNews {margin: 10px 0;}
.rHotNews li {height: 32px;line-height: 32px;padding-left: 12px;font-size: 13px;overflow: hidden;background: url(../images/bxybyeli.jpg) no-repeat left;}
.rHotNews li span {float: right;font-size: 12px;}

.rHotLabel li {margin-right: 15px;line-height: 32px;color: #484848;font-size: 13px;display: inline-block}

@media screen and (max-width:1200px){
	.head{line-height:50px;font-size: 14px;}
	.head .headBox{width:96%;}
	.head .hd_logo{width: 150px;}
	.hd_btns{top: 10px;padding: 0 15px;line-height:30px;}
	.hd_nav{width: calc(100% - 180px);padding-left: 75px;}

	.container{ width:96%;}

    .pageMain {padding:50px 0;}
    .pageMainL {width:65%;}

    .newList li .title{line-height:46px;font-size:18px;height:46px;}

    .pagination li {padding: 0 5px;line-height:26px;font-size: 12px;}

    .pageMainR {width:30%;padding:20px 1%;}
    .pageMainR .rSearch input {width: 200px;}
    .pageMainR .rTitle {font-size:16px;}
    .rNav li {font-size: 12px;}
    .rHotNews li,.rHotLabel li {font-size: 13px;}


}
@media screen and (max-width:991px){
	.head{line-height:30px;font-size: 14px;}
	.head .headBox{padding-top: 60px;}
	.head .hd_logo{}
	.hd_btns{padding: 0 15px;line-height:30px;}
	.hd_nav{width:100%;padding: 0}
	.hd_nav li{width:12.5%;}
}
@media screen and (min-width:320px) and (max-width:640px){
	body {font-size: 12px;}
	.head{position: initial;}
	.hd_nav li{width:33%;}
	.container{ width:100%;}

    .pageMain {padding:20px 0;}
    .pageMainL,.pageMainR {width:96%;float: none;padding: 10px 1%;margin: auto}

    .newList li {padding:5px 0;}
    .newList li .title{line-height:30px;font-size:14px;height:30px;}
    .newList li .img {height:70px;margin-right:3%;}
    .newList li p {text-indent:15px;}
    .newList li span {font-size: 12px;}
    .pagination li {padding: 0 5px;line-height:26px;font-size: 12px;}

    .pageMainR .rSearch input {width: 200px;}
    .pageMainR .rTitle {font-size:16px;}
    .rNav li {font-size: 12px;}
    .rHotNews li,.rHotLabel li {font-size: 13px;}
}



.bannerPage {margin-top:70px;}
.aboutCont {padding-top: 45px;}
.aboutCont .tab {}

.tab-menu {text-align: center;}
.tab-menu li {background: #40444b;float: left;line-height: 40px;margin-right: 46px;font-size: 18px;}
.tab-menu li a {display: block;color: #fff;padding: 0 50px;transition: all 1s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;}
.tab-menu li a:hover, .tab-menu .selected a {background: #d3433e;}

.tab .tab-box {padding: 52px 0 90px;font-size: 15px; line-height: 1.5}
.tab .tab-box img{max-width:100%;}
.tab .hide {display: none;}

@media screen and (min-width:320px) and (max-width:640px){
	.bannerPage {margin:0;}
	.aboutCont {padding-top:15px;}

	.tab-menu li {line-height:30px;margin-right:15px;font-size: 14px;}
	.tab-menu li a {padding: 0 15px;;}

	.tab .tab-box {padding:20px 10px;font-size: 12px; }
}

















/*底部开始*/

.bxyfoot {width: 100%;overflow: hidden;background: #ffffff;color: #888;}
.bxyfoot a {color: #222;}
.bxyfoot a:hover {color: #222;}
.bxyfootyq {padding: 22px 0;overflow: hidden;border-bottom: 1px solid #212121;}
.bxyfootxx {color: #222;padding:20px 0;text-align: center;}


/*右侧浮动QQ开始*/

.float_qq {
	position: fixed;
	top: 200px;
	right: 0;
	width: 50px;
	height: 203px;
	z-index: 6666;
}
.float_qq li {
	width: auto;
	height: 50px;
	z-index: 20;
}
.float_qq li.float_qq1, .float_qq li.float_qq4 {
	position: absolute;
	left: 0;
	width: 62px;
}
.float_qq li.float_qq1 {
	top: 0;
}
.float_qq li.float_qq2 {
	position: absolute;
	top: 51px;
	left: 0;
	width: 126px;
}
.float_qq li.float_qq3 {
	position: absolute;
	top: 102px;
	left: 0;
	width: 172px;
}
.float_qq li.float_qq4 {
	top: 153px;
}
.float_qq4 {
	position: absolute;
	top: 153px;
	left: 0;
}
.float_qq li a {
	display: block;
	font-family: "Microsoft Yahei";
	color: #FFF;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	background-color: #000;
	opacity: 0.8;
	border-radius: 6px;
}
.float_qq li a img {
	display: block;
	float: left;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: 12px 12px 14px 14px;
}
.float_qq li a:hover {
	background-color: #c70c1f;
	opacity: 1;
}
.float_shwx {
	position: absolute;
	top: -226px;
	left: -216px;
	background: url(../images/float_wxbd.png) no-repeat bottom right;
	width: 216px;
	height: 216px;
	padding-bottom: 9px;
	display: none;
}
.float_shwx img {
	display: block;
	padding: 14px;
	background-color: #FFF;
	width: 188px;
	height: 188px;
}
/*右侧浮动QQ结束*/


.feiruidr{    float: right;    padding: 5px;    border: 1px solid #fff;}
.feiruidr a{color:#fff;}
#center{margin-top:70px;}


.xin{width:1000px;margin:0px auto;background:white;padding-bottom:50px;overflow:hidden;}
.xin div{width:900px;margin:0px auto;padding-top:30px;text-indent:20px;color:#333333;line-height:200%;font-size:16px;}
.xin h1{padding-top:50px;text-align:center;}
.xin img{text-align:center;margin-top:50px;margin-bottom:50px;}




@media screen and (max-width:991px){
.scd{width:100%;}
.s_bg{width:100%;}
.xin{width:100%;background:white;padding-bottom:50px;}
.xin div{width:96%;margin:0px auto;padding-top:30px;text-indent:20px;color:#333333;word-wrap: break-word;}
.xin h1{padding-top:50px;text-align:center;}
.xin img{text-align:center;margin-top:50px;margin-bottom:50px;}
}


.foot-1{width:100%;overflow:hidden;background:#373D41;}
.foot-2{width:1000px;margin:0px auto;color:#969696;padding-top:50px;overflow:hidden;margin-bottom:20px;}
.foot-2-1{float:left;}
.foot-2-2{float:left;}
.foot-2-2 ul {}
.foot-2-2 ul li{float:left;padding-right:5px;}
.foot-2-2 ul li a{color:#969696;}
.foot-2-2 ul li a:hover{color:black;}


.foot-3{border-top:1px solid #8D8686;padding-top:20px;}
.foot-3 ul{}
.foot-3 ul li{text-align:center;padding-top:10px;}
.foot-3 ul li a{    color: #969696;}


.slides1{ background:url(../images/in-banner.jpg.gif) no-repeat;width:100%;}
.slides2{ background:url(../images/ke-banner.jpg.gif) no-repeat;width:100%;}
.slides3{ background:url(../images/ar-banner.jpg.gif) no-repeat;width:100%;}
@media screen and (max-width: 768px){
	.foot-2{width:92%;}
	.danye{width:96%;margin:0px auto;}
	.danye_one{width:96%;}
	.banner_s img{
		width: 100%;
    display: block;
    object-fit: cover;
    margin: 0px auto;
    height: 236px;
	}
	.flexslider .slides img
	{
	width: 100%;
    display: block;
    object-fit: cover;
    margin: 0px auto;
    height: 236px;
	}
	.news_con{width:90%;margin:0px auto;overflow:hidden;}
.in-2{width:100%;}
.in-2-1{font-size:25px;padding-top:70px;}
.in-2-2{font-size:16px;}
.in-1{height:360px;background-size:cover;}
	
}
@media screen and (min-width: 769px){
	.in-2{width:1200px;}
	.in-2-1{font-size:41px;padding-top:170px;}
	.in-2-2 {
    font-size: 20px;}
	.in-1{height:700px;}
}
.news_con p img {text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    margin: 0px auto;
}}

.news_con p {    letter-spacing: 1px;
				color: #333;
				font-size: 16px;}


.in-1{width:100%;overflow:hidden;background:url(/skin/images/index-1.jpg) no-repeat center;}
.in-2{margin:0px auto;overflow:hidden;text-align:center;color:#ffffff;}
.in-2-1{   
    text-shadow: 0px 1px 3px #374252;
}
.in-2-2{}
.in-2-3{width:192px;height:43px;border:1px solid #9EB5FA;margin:0px auto;line-height:39px;margin-top:30px;color:white;}
.in-2-3:hover{background:white;color:#3C6EF5;}




@media screen and (max-width: 768px){
	

	.containt-div {
		width:100%;
		margin: 0px auto;
		color: white;
		margin-top: 50px;}
	.bn_1{text-align:center;}
	.bn_2{text-align:center;}
	.bn_3{text-align:center;margin:0px auto;margin-top:50px;}
	.se-1-3{justify-content: center;
    display: flex;}
	.se-1-3{}
	.se-1-3{}
	
}
	

@media screen and (min-width: 769px){
	
	.containt-div{width:1200px; margin: 0px auto;
    color: white;
    margin-top: 160px;}
	
	
	.bn_3{

    margin-top: 110px;

}
}





.qxt-banner{width:100%;overflow:hidden;background:url(/skin/images/qxt-banner.jpg) no-repeat center top;height:520px;}
.se-1-3 ul{}
.se-1-3 ul li{    float: left;
    font-size: 14px;
    background: url(/skin/images/se-2.png) no-repeat center left;
    margin-right: 35px;
    padding-left: 10px;
	margin-top:10px;
	}

.containt-div {
   
}

 .bn_1 {
    top: 63px;
    left: 0;
    font-size: 34px;
    color: #fff;
    font-weight: bold;
    margin-top: 90px;
    animation: slideRight 1s 0.1s ease both;
    -webkit-animation: slideRight 1s 0.1s ease both;
    -moz-animation: slideRight 1s 0.1s ease both;
}



.bn_2{
    top: 145px;
    left: 0;
    font-size: 16px;
    color: #E6E3FD;
    line-height: 1.7;
    animation: slideRight 1s 0.2s ease both;
    -webkit-animation: slideRight 1s 0.2s ease both;
    -moz-animation: slideRight 1s 0.2s ease both;
	margin-top:20px;
}

.bn_3{
	width: 220px;
    height: 50px;
    text-align: center;
    border: 1px solid #A7A1EB;
    font-size: 16px;
    line-height: 45px;


    animation: slideUp 1s 0.3s ease both;
    -webkit-animation: slideUp 1s 0.3s ease both;
	color:white;
}


.dxjg-banner{width:100%;overflow:hidden;background:url(/skin/images/dxjg-banner.jpg) no-repeat center top;height:520px;}
.gywm-banner{width:100%;overflow:hidden;background:url(/skin/images/gywm-banner.jpg) no-repeat center top;height:520px;}
.lb-banner{width:100%;overflow:hidden;background:url(/skin/images/lb-1.jpg) no-repeat center top;height:420px;}
.lb-1{margin:0px auto;overflow:hidden;}
.lb-1-1{    color: white;
    font-size: 34px;
    text-align: center;
    font-size: 34px;
    margin-top: 170px;
    text-shadow: 2px 4px 14px #374252;}
.lb-1-1 h1{font-weight:normal}
.lb-1-2{width:222px;height:47px;border:1px solid #8D99B5;color:white;font-size:16px;text-align:center;line-height:44px;margin:0px auto;margin-top:30px;}

@media screen and (min-width: 769px){
	.lb-1{width:1200px;}
	.sense ul li{width:50%;}
}

@media screen and (max-width: 768px){
	.lb-1{width:100%;}
	.sense ul li{width:100%;}
	.ws404-3{width:100%;}
}


}
.dxjg-banner {
    width: 100%;
    overflow: hidden;
    background: url(/skin/dxjg-banner.jpg) no-repeat center top;
height: 520px;}



.scd .b_h,.scd_em .b_h{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #bbb; position:relative; text-align:left; position:relative;}
.scd .b_h .name,.scd_em .b_h .name{ display:inline-block; *display:inline; zoom:1; height:60px; line-height:60px; color:#FFF; background:#0051AD; padding:0 30px;}
.scd .b_h .name img,.scd .b_h .name span,.scd_em .b_h .name img,.scd_em .b_h .name span{display:inline-block; *display:inline; zoom:1; height:41px; line-height:41px; vertical-align:top; margin-top:10px; font-size:24px; color:#FFF;}
.scd .b_h .name img,.scd_em .b_h .name img{ width:41px; height:41px; margin-right:3px;}
.scd .b_h .pst,.scd_em .b_h .pst{ width:60%; text-align:right; position:absolute; right:10px; top:0px; font-size:14px; color:#555555; height:60px; line-height:60px;}
.scd .b_h .pst a,.scd_em .b_h .pst a{ font-size:14px; color:#555;}
.scd .b_h .pst a.on,.scd .b_h .pst a:hover,.scd_em .b_h .pst a.on,.scd_em .b_h .pst a:hover{ color:#0257B9;}
.scd .scd_m{ width:100%; padding:50px 0;}
@media screen and (max-width:510px) {
.header .head , .nav_m,.f_sq,.i_service ul,.i_newm,.step ul,.i_news,.i_box,.i_casem,.foot,.scd_em,.scd{width:90%; margin:0px auto;}
.flex-direction-nav a{ display:none;}
.i_newm dl dd{ width:155px;}
.i_nm .tu, .i_nm .tu img{ width:90%; height:auto;}
.i_nm .wen li .title p, .i_nm .wen li .l_m .des_c{ width:268px;}
.a_lm dl dd{ width:203px;}
.i_casem ul li .li_m p{ width:300px;}
.i_casem ul li .li_m p a em{ width:210px;}
.f_m .share a{ margin-left:10px;}
.d_nav{ border:0px;}
.d_nav a{ margin-bottom:10px;}
.scd .b_h{ height:auto;}
.scd .b_h .pst{ position:static; text-align:left; width:90%; height:auto; line-height:150%; padding:15px 5%;}
.scd .b_h .name, .scd_em .b_h .name{ width:260px;}
.news_m ul li .time{ width:60px;}
.news_m ul li .li_m{ width:225px}
.pages a{ margin:0 3px;}
.contact dl dt{ display:none;}
.contact dl dd{ width:100%;}
}






.z_banner {
    background: url(/skin/images/0555.jpg) center top repeat;
    text-align: center;
    padding: 170px 0;
overflow: hidden;}
.z_banner_title {
    font-size: 34px;
    color: #fff;
    margin-bottom: 10px;
}
.banner_button {
    margin-top: 30px;
}
.banner_button a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 30px;
    border: solid 1px #fff;
    color: #fff;
}


.turn-page ul {
    font-size: 0;
    margin-bottom: 60px;
}

.turn-page li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 100px;
    text-align: center;
}
.turn-page li::before {
    z-index: 11;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    transition: all 0.36s ease-out;
}

.turn-page li span {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    margin-top: 20px;
}
.turn-page li a {
	text-align:center;
    z-index: 22;
    position: relative;
    display: block;
    padding: 0 15px;
    padding-top: 5px;
    font-size: 16px;
    color: #fff;
}

.turn-page li img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.conter{text-align:center;line-height:130%;}
.news_con{font-size:16px;}

.news_con p{line-height:32px;}
.news_con p a{color:#5B5B5B}




.ws404{width:100%;background:#F0F0F0;overflow:hidden;margin-top:100px;}
.ws404-1{text-align:center;}
.ws404-2{margin:30px 0 0 0 ;padding:0 0;font-size:18px;font-weight:bold;font-family:arial;letter-spacing:0.5px;}
.ws404-3{width:1200px;margin:0px auto;overflow:hidden;}
.ws404-3 ul{font-size:14px;color:#949494;font-weight:normal;}
.ws404-3 ul li{height:32px;line-height:38px;}
.ws404-3 ul li a {color:#ED583D;font-weight:bold;}
.ws404-4{margin:0px auto;margin-top:54px;padding:0 0;font-size:18px;font-weight:bold;font-family:arial;letter-spacing:0.5px;}
.ws404-5{margin-top:36px;margin-bottom:56px;text-align:center;}



.text{text-align:center;padding-bottom:30px;}
.pst{margin-left:20px;padding-top:20px;}
.pst a{color:#666666;}




.tag-1{overflow:hidden;}
.tag-2{float:left;width:80px;height:80px;background: url(/skin/images/tag-1.jpg) no-repeat center top;}
.tag-3{float:left;margin-left:25px;}
.tag-3 h1{font-size:24px;color:#333333;font-weight:normal;}
.tag-3 p{font-size:16px;color:#999999;margin-top:10px;}

.tag-4{width:100%;border-bottom:2px solid #F0F0F0;overflow:hidden;margin-top:40px;}
.tag-4 p{border-bottom:2px solid #3da6f7;color:#3da6f7;float:left;font-size:18px;}
.tag-4 p span{color:#444444;}



.news_module{ width:1200px; margin:0 auto; overflow:hidden;}

.news_module .left_side{ width:200px; float:left;    padding-bottom: 30px;}

.tree_menu{ width:100%;}

.tree_menu ul{ line-height:50px;}

.tree_menu ul li{ border-bottom:1px solid #e6e6e6; font-size:14px;}

.tree_menu ul li a{ color:#222; display:block;}

.tree_menu ul li a:hover{ color:#257DFF;}

.tree_menu ul li.on a{ color:#257DFF;}

.tree_menu ul li a i{ background:url(../images/common.png) no-repeat; width:16px; height:16px; display:inline-block; margin:0 12px 0 20px; vertical-align:-3px;}

.tree_menu ul li a i.t1{ background-position:-29px 0; vertical-align:-5px}

.tree_menu ul li a i.t2{ background-position:-29px -24px;}

.tree_menu ul li a i.t3{ background-position:-29px -57px;}

.tree_menu ul li a i.t4{ background-position:-29px -86px;}

.tree_menu ul li a i.t5{ background-position:-29px -116px;}

.tree_menu ul li a:hover i.t1{ background-position:0px 0; vertical-align:-5px}

.tree_menu ul li a:hover i.t2{ background-position:0px -24px;}

.tree_menu ul li a:hover i.t3{ background-position:0px -57px;}

.tree_menu ul li a:hover i.t4{ background-position:0px -86px;}

.tree_menu ul li a:hover i.t5{ background-position:0px -116px;}



.tree_menu ul li.on a i.t1{ background-position:0px 0; vertical-align:-5px}

.tree_menu ul li.on a i.t2{ background-position:0px -24px;}

.tree_menu ul li.on a i.t3{ background-position:0px -57px;}

.tree_menu ul li.on a i.t4{ background-position:0px -86px;}

.tree_menu ul li.on a i.t5{ background-position:0px -116px;}


.green_bt{ width:100%; height:88px; background:#257DFF; display:block; color:#fff; margin-top:30px; transition:all 1s ease-in-out;}

.green_bt:hover{ background:#018904;}

.green_bt span { background:url(../images/common.png) no-repeat -59px 0; width:35px; height:35px; display:inline-block; margin:27px 12px 0 30px; vertical-align:-3px; float:left;  }

.green_bt ul{ float:left;}

.green_bt ul h2{ font-size:16px; margin:32px 0 2px 0;}

 

.blue_bt{ width:100%; height:88px; background:#208dd8; display:block; color:#fff; margin-top:20px; transition:all 1s ease-in-out;}

.blue_bt:hover{ background:#005fa0;}

.blue_bt span { background:url(../images/common.png) no-repeat -105px 0; width:35px; height:35px; display:inline-block; margin:27px 12px 0 30px; vertical-align:-3px; float:left; }

.blue_bt ul{ float:left;}

.blue_bt ul h2{ font-size:16px;  margin:32px 0 2px 0;}


.news_module .right_side{ width:1100px; margin:0px auto; }

.news_list{ width:100%; margin:50px auto; clear:both; overflow:hidden; padding-bottom:50px; border-bottom:1px dotted #c0c2c3;}

.news_list .pic{ float:left; display:block; width:270px; height:180px; }

.news_list .pic a{ display:block; width:100%; height:100%;}

.news_list ul{ width:620px; float:right; margin-right:25px; text-align:left; color:#666; font-size:14px; line-height:24px;}

.news_list ul li{ margin-bottom:7px;line-height:249%;}

.news_list ul h1 a{ font-size:24px; color:#222; display:block; margin-bottom:5px; font-weight:normal;}

.news_list ul h1 a:hover{ color:#257DFF; text-decoration:none;}

.news_list ul a{ color:#257DFF;}

.news_list ul a:hover{ text-decoration:underline;}

.support_type {
	margin: 20px 0;
	overflow:hidden;
}

.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul{ margin:0 auto; display:inline-block;}
.pagess li{padding:0 13px; line-height:36px; display:inline-block; font-size:14px; border:1px solid #ddd; margin-left:-1px; float:left; background-color:#FFF; cursor:pointer;}
.pagess li.thisclass,.pagess ul li.thisclass a,.pagess ul li.thisclass a:hover{color:#fff !important; background-color: #257DFF;}





@media screen and (max-width:470px){

 

.news_box_list{ width:100%;}

.news_box_list dl{ width:100%; font-size:14px;}

.news_box_list dl h2{ font-size:18px; margin:5px 0;}

.news_box_list dl img{ width:100%;}

.news_box_list dl dt{ padding:0 12px;}

.about_box h1{ font-size:22px; line-height:45px;}

.main_about .bottom dl{ float:none; width:90%; margin:10px auto; }

.main_about .bottom dl dd{ height:auto;}

.main_about .bottom dl dt h2{ font-size:20px; line-height:32px; }

.solution{ padding-bottom:10px;}

.project{ margin:25px auto 0 auto;}

.project_gray{ padding-bottom:0px;}

.project_con{ margin:15px auto 0 auto; }

.project_con dl{ width:100%; margin:30px auto 0 auto; float:none;  }

.project_con dl dt{ padding:0 12px; line-height:22px;}

.project_con dl{ width:100%; margin:15px auto 30px auto; float:none;  }

.client{ padding-top:40px;}

.path{ padding-top:0;}

.demand_table label span{ top:13px;}

.news_banner{  height:250px;} 

.news_banner h1{ font-size:18px; line-height:30px;}

.news_banner h1 p{ font-size:14px; line-height:20px;}

.news_banner h1 span{ font-size:14px; }

  

.news_con_banner{ height:250px;} 

.news_con_banner h1{ font-size:22px;line-height:32px; width:90%; margin:0 auto;  margin-top:130px; }

 

.case_con_banner{  height:280px;} 



.team{ width:100%;} 

 

.demand_table .btn{ float:none;}

.demand_table .row p.xin{ float:none; }

 

.demand_bottom .con .xinwe{ width:100%; margin:0 auto;}

.demand_bottom .con .xinwe dl{ width:50%; margin:20px 0px; line-height:22px;}

.demand_bottom h2{ font-size:20px;} 





.jion_banner{ width:100%; height:280px; }

.partner_con .list{ width:96%; height:auto; margin:20px auto; float:none;} 

.partner_con .list .pic{ height:180px;}

.partner{ padding-top:35px;}



.link li{ width:50%; margin:0; text-align:center; }

.service1{ padding-top:35px;}

.service1 .con{ border-bottom:0;}



.solution h1{ margin-top:0px;}

.solution .con{ width:100%;}

.solution .con dl{ width:100%; height:auto; float:none; margin:0 auto 30px auto;}

.solution .con dd{ height:240px;}

.solution .con dl dt{ padding:0 12px;}



.blog_banner{ height:220px;}

 



.blog_tab ul li{ display:block; float:left; width:46%; margin:5px 2%;}

.tree_menu ul li{ display:block; float:left; width:46%; margin:5px 2%;}

.case_con dl h3 a{ font-size:18px; color:#333; }

 



.demand_box{ padding-top:35px;}

.job .con{ margin-top:0;}

.job{ margin-top:30px;}

.partner_con{   margin:0 auto;}



.who{ width:100%;}

.who p{ padding:0 22px; margin-top:15px; line-height:24px; }



.team .top{ width:100%;}

.team .top p{ padding:0 22px; margin-top:15px; line-height:24px;}



.main_about .bottom{ margin:40px auto 10px auto;}

.main_about .bottom dl{ margin:10px auto 35px auto;}

.team_box{ padding-top:40px;}

.team .top{ width:100%;  margin:15px auto 0 auto;}

.team .top p{ line-height:24px; padding:0 22px;}

.team_con{ margin:45px auto;}

.news_list ul li{ margin-bottom:4px; line-height:22px;}

.news_con p{ font-size:16px;}

.news_con .show{ margin-top:30px;}

.news_box{ padding-top:30px;}

.news_box_list dl h2{ margin-top:12px;}

.news_box_list dl h2 a{ font-size:18px;}

.news_box_list dl dt{ margin-bottom:4px; line-height:22px;}

a.allnews{ margin:30px auto 0 auto;}

.news_box{ padding-bottom:60px;}

.link .btn{ margin:40px auto 60px auto;}

.nicelab li h1{ font-size:20px; margin:10px auto 2px auto;}

.nicelab li p{ line-height:22px;}

.nicelab ul{ margin-top:35px;}

.nicelab{ padding-bottom:35px;}

 .news_list .pic{  height:240px; }

 .news_box_list dl dd{ height:240px;}

 .case_con_banner_big{ height:280px;}

 .case_con_banner_con{ height:280px;}

.examples .jise_big{ height:350px;}

}



@media screen and (max-width:760px){

.public{ width:470px;}

.mian_tab ul li a{ margin:0 10px;}

.about_box{ height:330px;}

.examples .jise_b{ height:320px;}

.examples .jise{ height:400px; }

.examples .jise_s{ height:300px;}



.main_about .bottom dl dd{ height:200px;}

.main_about .bottom dl dt h2{ font-size:14px; }



.project_con dl{  width:45%;  margin:15px 2.5%;  }



.news_box_list{ width:100%;}

.news_box_list dl h2 a{ font-size:18px; margin-top:10px; display:inline-block;}

.news_box_list dl{ width:100%;  margin:30px auto 0 auto; float:none;}

.news_box_list dl dt{ padding:0 12px; line-height:22px; font-size:14px; margin-top:5px;} 

.news_box_list dl dd{ width:100%; height:320px;}

.news_box_list dl.last{ margin:30px auto 0 auto; float:none;}

.news_banner{  height:280px;}

.news_banner h1 p{ font-size:16px; line-height:20px;}

.news_con_banner{  height:280px;} 

.news_con_banner h1{ font-size:26px; margin-top:170px;}

 

.case_con_banner{  height:380px;}

 

.news_module{ width:100%;}

.news_module .right_side{ width:100%;}

.news_list{ border:0; height:auto; margin:20px auto 35px auto; padding-bottom:0;}

.news_list ul h1 a{ font-size:18px;}

.news_list .pic{ width:100%;float:none; text-align:center;}

.news_list .pic img{ width:100%;}

.news_list ul{ padding:0 12px; width:auto; float:none; margin-top:20px;}

.news_con_top .con{ width:90%;}

.news_con{ width:90%;}

.news_con_top .con strong{ display:none;} 

.team{ width:100%;} 

.team_con .left_cor{ width:100%; clear:both; float:none; margin:0 auto; }

.team_con .left_cor .boxgrid{ width:100%;}

.team_con .right_cor{ width:100%; clear:both; float:none; margin:0 auto;  }

.team_con .right_cor .boxgrid{ width:100%; border:1.5px solid #fff; } 





 

.demand_table label{ float:none; margin:20px auto 0 auto;  }

.demand_table{ width:90%; margin:20px auto;}

 

.demand_table .txt.w1{ width:92%; } 

.demand_table .txt.w2{ width:92%; }

.demand_table .btn{ margin-left:0; width:99%;  font-size:16px;   height:52px;}

.demand_table .row p.xin{ line-height:35px; margin-right:0;}



.demand_bottom{ width:90%; margin:30px auto; overflow:hidden; }

.demand_bottom .con ul{ float:none;  }

.demand_bottom .con .xinwe{ float:none; margin:20px auto 0 auto;}

.demand_bottom .con .xinwe dl{ margin:0 5px;}



 

.case .tabs{  border-bottom:0px;}

.case .tabs a{ display:block; border-bottom:1px solid #d8d8d8; height:45px; line-height:45px;}

.case .tabs a:hover{ height:44px; line-height:44px;}

.case{ width:100%;}

.case_con dl{ width:100%;  margin:0 auto; height:auto; margin-bottom:35px;   float:none; font-size:14px;}

.case_con dl dd{  height:220px;}

.case_con dl dt{ padding:0 12px;}

 



.job{ width:90%; margin:0 auto;}

.job .list{ width:100%; margin:40px auto; float:none; clear:both;}

.job .list .pic{ text-align:center;}

.partner_con{ width:100%; } 

.partner_con .list{ width:45%; height:320px; margin:2.5%;} 

.partner_con .list .pic{ height:180px;}



.link li{ width:31%; margin:0 1%; }



 

.service1 .con{ width:90%; margin-top:20px; padding-bottom:0px;}

.service1 dl{ width:50%; margin:20px 0%; text-align:center;}

 

.client{ width:100%;}

 

.service1 .title h1{ font-size:24px; margin:5px 0;}

.project .title h1{ font-size:24px; margin:5px 0;}

.solution h1{ font-size:24px; margin:5px 0;}

.path h1{ font-size:24px; margin:5px 0;}

.client .title h1{ font-size:24px; margin:5px 0;}

.client .title h4{ font-size:24px; margin:15px 0;}

.demand  h1{ font-size:24px; margin:5px 0;}

.who h1{ font-size:24px; margin:5px 0;}

.team h1{  font-size:24px; margin:5px 0;}

.job .top h1{  font-size:24px; margin:5px 0;}

.follow h1{  font-size:24px; margin:5px 0;}

.partner h1{  font-size:24px; margin:5px 0;}

.link h1{  font-size:24px;margin:35px 0 25px 0;}

.blog_banner{ height:260px;}

.case_con.blog_bg{ margin-top:22px;} 

.case_con.blog_bg dl{ height:auto; padding-bottom:30px; margin:0;}

.follow{ padding-top:35px;}

.partner_con .list ul h2{ font-size:18px; margin:5px 0;}

.partner_con .list ul{ font-size:14px;}



.solution .con h3{ font-size:18px;}

.solution .con dl dt{ font-size:14px; line-height:22px;}



.case_con_banner_big{ height:360px;}

.case_con_banner_con{ height:360px;}

.examples .jise_big{ height:400px;}

.client_list li{ width:35%; height:auto;  margin:12px 7.5%; }

.client_list.big li{ width:35%; height:auto;  margin:12px 7.5%; }

}