*,
*::before,
*::after {
  box-sizing: border-box;
}


html,body
{ font-size:14px; font-family:Arial, Helvetica,sans-serif; line-height:24px}
body{-webkit-text-size-adjust:none}
a {
	color:#333;
	-webkit-transition:color 0.3s ease 0s;
	transition:color 0.3s ease 0s
}
img{ vertical-align:top}
.kong{ overflow:hidden; clear:both; height:40px; width:100%}

.space1{ overflow:hidden; clear:both; height:10px;}
.space2{ overflow:hidden; clear:both; height:20px;}
.space3{ overflow:hidden; clear:both; height:30px;}
.space4{ overflow:hidden; clear:both; height:40px;}
@media only screen and (max-width: 600px) {
.space2{ overflow:hidden; clear:both; height:20px;}
.space3{ overflow:hidden; clear:both; height:20px;}
.space4{ overflow:hidden; clear:both; height:20px;}
}
/*--------------------首页----------------*/
.main_box{ width:1300px; overflow:hidden; margin:0 auto;}
@media only screen and (max-width: 1366px) {
.main_box{ max-width:1200px; overflow:hidden; width:96%; margin:0 auto;}
}




.hui_bg{ background:#F4F4F4; width:100%; padding:100px 0px 100px 0px; overflow:hidden; }
.bai_bg{ background:#ffffff; width:100%; padding:100px 0px 100px 0px; overflow:hidden; }

@media only screen and (max-width: 1366px) {
.bai_bg{ background:#ffffff; width:100%; padding:60px 0px 60px 0px; overflow:hidden; }
.hui_bg{ background:#F4F4F4; width:100%; padding:60px 0px 60px 0px; overflow:hidden; }
}

@media only screen and (max-width:1190px) {
.hui_bg{ background:#F4F4F4; width:100%; padding:40px 0px 40px 0px; overflow:hidden; }
.bai_bg{ background:#ffffff; width:100%; padding:40px 0px 40px 0px; overflow:hidden; }
}

@media only screen and (max-width:900px) {
.hui_bg{ background:#F4F4F4; width:100%; padding:30px 0px 30px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:30px 0px 30px 0px; overflow:hidden; }
}

.mvideo_more{width:120px; height:44px; line-height:45px; font-size:15px; color:#bdbdbd; margin:2px auto 10px; text-align:center; border:1px solid #dfdfdf;  display:block; background:#fff}
.mvideo_more:hover i{opacity:1; margin-left:10px;}
.mvideo_more i{ opacity:0;transition: all 0.36s ease 0s;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}



.index-title-box {
    width:100%;
    position:relative;
    text-align:center;
    padding:0px 0 10px 0;
}
.index-title-box i {
    font-family:Arial;
    font-size:100px;
    color:#f5f5f5;
    line-height:32px;
}

.index-title-box .box .ch {
    font-size:32px;
    line-height:32px;
    color:#0D7BD9;
    margin-bottom:12px;
}
.index-title-box .box s {
    width:150px;
    height:1px;
    background:#eaeaea;
    display:block;
    margin:auto;
    margin-bottom:2px;
}
.index-title-box .box s span {
    width:30px;
    height:1px;
    background:#0D7BD9;
    display:block;
    margin:auto;
}
.index-title-box .box .en {
    font-size:14px;
    line-height:30px;
    color:#444;
    text-transform:uppercase;
}


@media only screen and (max-width:950px){
.index-title-box {
    width:100%;
    position:relative;
    text-align:center;
    padding:0px 0 10px 0;
}

.index-title-box .box .ch {
    font-size:28px;
	line-height:28px;
	
	}
}




/*-----------about us--------------*/
.sy_about_bg{ overflow:hidden;width:100%;background:#E2EBDA url(../images/about_bg.jpg) no-repeat center; background-size:auto 100%; min-height:500px}


.about_M a { text-align:center; margin-top:20px;width:102px;height:28px;display:block;line-height:28px;font-size:13px;color:#666;border:1px solid #ccc}
.about_M a:hover {background:#007FCF;color:#fff;border:1px #007FCF solid}

.about_M1 a { text-align:center; width:102px;height:28px;display:block;line-height:28px;font-size:13px;color:#A5A5A5;border:1px solid #A5A5A5; margin: auto;margin-top:20px;}
.about_M1 a:hover {background:#007FCF;color:#fff;border:1px #007FCF solid}

.sy_about_box{ width:80%; overflow:hidden;background:rgba(255,255,255,.8); box-shadow:0 0 20px 1px rgba(0,0,0,.2);border-radius:8px; margin:0 auto;margin-top:120px; padding:20px 30px 20px 30px; margin-bottom:120px}
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:40px 0px 40px 0px}
.sy_about_box dl dt{margin:0px; padding:0px; overflow:hidden; margin-bottom:15px}
.sy_about_box dl dt h3{ font-size:24px; font-weight:normal; color:#000000; line-height:160%}
.sy_about_box dl dt p{ margin:0px; font-size:18px}
.sy_about_box dl dd{margin:0px; padding:0px; overflow:hidden;}

.sy_about_tu{ height:auto; width:auto; float:left; display: block;width:40%; margin-right:30px; margin-top:30px}
.sy_about_tu img{ width:100%; height:auto}



@media only screen and (max-width:1199px) {
.sy_about_bg{ overflow:hidden;width:100%;background:#0090E2 url(../images/about_bg1.jpg) no-repeat center; background-size: cover; min-height:100px}

}


@media only screen and (max-width:1000px) {
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:15px 0px 20px 0px}
.sy_about_box{ width:92%; overflow:hidden;background:rgba(255,255,255,.8); margin:0 auto; margin-top:50px; margin-bottom:50px;box-shadow:0 0 20px 1px rgba(0,0,0,.2);padding:10px 2% 10px 2%}

.sy_about_box dl dt h3{ font-size:20px; font-weight:normal; color:#000000; line-height:160%}
}



@media only screen and (max-width:750px) {
.sy_about_tu{ height:auto; width:100%; float: none; margin:0 auto; margin-top:20px; margin-bottom:10px; display:none}
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:15px 0px 30px 0px}
.sy_about_box dl dt{margin:0px; padding:0px; overflow:hidden; margin-bottom:15px}
.sy_about_box dl dt h3{ font-size:24px; font-weight:normal; color:#000000; line-height:160%}
.sy_about_box{ width:auto; overflow:hidden;background:rgba(255,255,255,.8); margin:0 auto; margin-top:50px; margin-bottom:50px;box-shadow:0 0 20px 1px rgba(0,0,0,.2);padding:10px 20px 10px 20px}

}



/*-------home-news------- */
.sy_news_L{ overflow:hidden; float:left; width:52%; background:#FDFDFD; margin:0% 1% 1% 1%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}	
.sy_news_R{ overflow:hidden; float: right; width:44%;}		



.mvideo_more1{width:160px; height:42px; line-height:42px; font-size:16px; color:#bdbdbd; margin:20px auto 10px; text-align:center; border:1px solid #eee;  display:block; background:#fff}
.mvideo_more1:hover i{opacity:1; margin-left:10px;}
.mvideo_more1 i{ opacity:0;transition: all 0.36s ease 0s;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


/*-------内页栏目-----------*/

.sub_box{ overflow:hidden;  background:#F7F7F7 url(../images/lm_bg.jpg) repeat-x; border-bottom:1px solid #E6E6E6}

.list_lm{ line-height:60px; text-align:center; color:#fff; font-weight:700; font-size:18px;background:#037FD6; margin-bottom:6px}
.list_lm span{ margin-right:10px; overflow:hidden;}

.l-sub{width:360px; margin:0 auto;overflow:hidden;padding:0px;margin-bottom:20px; margin-top:10px}
.l-sub li{ overflow:hidden; text-align:center; width:48%; float:left; margin:0px 1%;list-style:none;line-height:36px;}
.l-sub a{ display: block; color: #666; font-size:16px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; border:1px solid #777; border-radius:20px;height:38px;}
.l-sub a:hover,.l-sub a:active,.l-sub li.active a{color: #0093DD; font-size:16px; text-decoration:none; height: 38px; line-height:36px;}
.l-sub li.active a{ height:38px;display: block;color:#0093DD;font-size:16px; border:1px solid #0093DD;line-height:36px;text-decoration:none; text-align:center; border-radius:20px}



.l-sub1{width:520px; margin:0 auto;overflow:hidden;padding:0px;margin-bottom:40px; margin-top:40px}
.l-sub1 li{ overflow:hidden; text-align:center; width:31.333%; float:left; margin:0px 1%;list-style:none;line-height:36px;}
.l-sub1 a{ display: block; color: #666; font-size:16px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; border:1px solid #777; border-radius:20px;height:38px;}
.l-sub1 a:hover,.l-sub1 a:active,.l-sub1 li.active a{color: #0093DD; font-size:16px; text-decoration:none; height: 38px; line-height:36px;}
.l-sub1 li.active a{ height:38px;display: block;color:#0093DD;font-size:16px; border:1px solid #0093DD;line-height:36px;text-decoration:none; text-align:center; border-radius:20px}


@media (max-width: 800px) {
.list_lm{ line-height:46px; text-align:center; color:#fff; font-weight:700; font-size:18px;background:#037FD6; display:none}
}


@media (max-width: 768px) {

.l-sub{width:280px; margin:0 auto;padding:0px;margin-bottom:20px; margin-top:5px}
.l-sub li{ overflow:hidden; text-align:center; width:48%; float:left; margin:0px 1%;list-style:none;line-height:36px;}
.l-sub a{ display: block; color: #666; font-size:14px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; border:1px solid #777; border-radius:20px;height:36px;}
.l-sub a:hover,.l-sub a:active,.l-sub li.active a{color: #0093DD; font-size:14px; text-decoration:none; height: 36px; line-height:36px;}
.l-sub li.active a{ height:36px;display: block;color:#0093DD;font-size:14px; border:1px solid #0093DD;line-height:36px; text-decoration:none; text-align:center; border-radius:20px}



.l-sub1{width:100%; margin:0 auto;padding:0px;margin-bottom:20px; margin-top:20px}
.l-sub1 li{ overflow:hidden; text-align:center; width:31.333%; float:left; margin:0px 1%;list-style:none;line-height:36px;}
.l-sub1 a{ display: block; color: #666; font-size:14px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; border:1px solid #777; border-radius:20px;height:36px;}
.l-sub1 a:hover,.l-sub1 a:active,.l-sub1 li.active a{color: #0093DD; font-size:14px; text-decoration:none; height: 36px; line-height:36px;}
.l-sub1 li.active a{ height:36px;display: block;color:#0093DD;font-size:14px; border:1px solid #0093DD;line-height:36px; text-decoration:none; text-align:center; border-radius:20px}

}



/*-------about-xx-----------*/

.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:48%; margin-bottom:20px;}
.about_L_txt{ font-size:14px; line-height:180%;overflow:hidden; padding:0px; margin:0px;}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:48%; margin-bottom:20px}
.about_R img{ width:100%; height:auto; vertical-align:top}
.about_L img{ width:100%; height:auto; vertical-align:top}
.gsjs_bt{font-size: 36px;width: 100%;margin: 0px 0px 25px 0px;line-height: 44px; color:#111}


@media only screen and (max-width:1100px){
.about_L_txt{ font-size:16px; line-height:200%;overflow:hidden; padding:0px; margin:0px;}
}
@media only screen and (max-width:900px){
.gsjs_bt{font-size: 24px;width: 100%;margin: 0px 0px 5px 0px;line-height: 30px;}
}

@media only screen and (max-width:750px){
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:48%; margin-bottom:20px; margin-top:10px}
.about_L_txt{ font-size:14px; line-height:170%;overflow:hidden; padding:0px; margin:0px;}

.gsjs_bt{font-size: 20px;width: 100%;margin: 0px 0px 5px 0px;line-height:26px;}
}


@media only screen and (max-width:600px){
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:100%; margin-bottom:20px; margin-top:0px}
.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:100%; margin-bottom:20px}
.gsjs_bt{font-size: 20px;width: 100%;margin: 0px 0px 15px 0px;line-height:26px;}
}





.dh_k{ overflow:hidden;background:#F6F6F6;}
.wzdh_k{ overflow:hidden; border-bottom:#CCCCCC 0px solid;line-height:46px; float:left; width:100%}
.wzdh_k span{background:url(../images/i_home.png)no-repeat left 11px; padding-left:12px; font-size:14px; line-height:26px;float:left; display:block}
@media only screen and (max-width:650px) {
.wzdh_k{font-size:12px;}
.wzdh_k span{ font-size:12px;}
.wzdh_k span a{ font-size:12px;}
}




.lm_btK{ overflow:hidden; background:#0090E2;height:100px; color:#FFFFFF; font-size:26px; text-align:center; display:block; margin-bottom:5px}
.lm_btK span{ line-height:100px;color:#fff;text-transform:uppercase; font-weight:bold}

.l-sub3{overflow:hidden;padding:0px; display:block; margin-bottom:10px}
.l-sub3 li{ overflow:hidden;line-height:46px; height: 46px; text-align:center;list-style:none;font-size:16px; width:100%; border-bottom:#fff 1px solid; background:#eee;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom:5px}
.l-sub3 a{ display: block; color: #333; font-size:16px; height: 46px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.l-sub3 a:hover,.l-sub3 a:active,.l-sub3 li.active a{color: #fff; font-size:16px; text-decoration:none; height: 46px; background:#4AACD0;line-height:46px; }
.l-sub3 li.active a{color: #fff; font-size:16px;text-decoration:none; height:46px; background:#0090E2;}
.l-sub3 li:last-child{border-bottom:#DCEDF4 0px solid;}

@media only screen and (max-width:800px) {
.l-sub3{overflow:hidden;padding:0px; display:block}
.l-sub3 li{ overflow:hidden;line-height:46px; height: 46px; text-align:center;list-style:none;font-size:14px; width:32.33%; border-bottom:#fff 0px solid; background:#eee;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; float:left;margin:0px 0.5%;margin-bottom:2px}
.l-sub3 a{ display: block; color: #333; font-size:14px; height: 46px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.l-sub3 a:hover,.l-sub3 a:active,.l-sub3 li.active a{color: #fff; font-size:14px; text-decoration:none; height: 46px; background:#4AACD0;line-height:46px; }
.l-sub3 li.active a{color: #fff; font-size:14px;text-decoration:none; height:46px; background:#0090E2;}
}

@media only screen and (max-width:600px) {
.l-sub3 li{ overflow:hidden;line-height:40px; height: 40px; text-align:center;list-style:none;font-size:14px;width:32.33%; border-bottom:#fff 0px solid; background:#eee;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; float:left;margin:0px 0.5%; margin-bottom:2px}
.l-sub3 a:hover,.l-sub3 a:active,.l-sub3 li.active a{line-height:40px; height: 40px;font-size:14px;}
.l-sub3 li.active a{line-height:40px; height: 40px;font-size:14px;}
.l-sub3 a{ line-height:40px; height: 40px;font-size:14px;}
}



.boxleft{ overflow:hidden; padding:0px; margin:0px; float:left; width:20%;}
.boxright{ overflow:hidden; padding:0px; margin:0px; float: right; width:77%; display: block}
@media only screen and (max-width:1024px) {
.boxleft{ width:23%; overflow:hidden; float:left; display:block}
.boxright{ width:74%; overflow:hidden; float: right; display:block}
}
@media only screen and (max-width:800px) {
.boxleft{ width:100%; overflow:hidden; float:left; margin-bottom:10px}
.boxright{ width:100%; overflow:hidden; float: left;}

.lm_btK{ display:none}
}

.xw_left{ overflow:hidden; padding:0px; margin:0px; float:left; width:70%;}
.xw_right{ overflow:hidden; padding:0px; margin:0px; float: right; width:27%; display: block}


.R_newslist{ padding:0px 0px;overflow:hidden;  margin:0px; }
.R_newslist li{ padding:0px 0px;overflow:hidden;  margin:0px; width:100%; padding:14px 0px; border-bottom:#CCCCCC 1px dashed}
.R_newslist li h3{ padding:0px 0px;overflow:hidden;  margin:0px; font-weight:normal; font-size:16px; color:#111; line-height:170%;}
.R_newslist li h4{ padding:0px 0px;overflow:hidden;  margin:0px; font-weight:normal;color:#777; font-size:14px; line-height:200%}
.R_newslist li:hover h3{ color:#0090E2; }
.title_tj{font-size:20px;line-height:24px;color:#666; border-top:#top 1px solid; margin-bottom:20px}

@media (max-width: 1000px) {
.xw_left{ overflow:hidden; padding:0px; margin:0px; float:left; width:100%;}
.xw_right{ overflow:hidden; padding:0px; margin:0px; float: right; width:30%; display: none}

}



.r_name{ width:100%; height:33px; border-bottom:2px solid #ddd; position:relative; margin-bottom:15px}
.r_name span{ display:inline-block; *display:inline; zoom:1; height:33px; line-height:33px; font-size:16px; color:#0090E2; border-bottom:2px solid #0090E2; padding:0px 10px; font-weight:bold; background:url(../images/z_line.png) no-repeat left center; }



.box_left_al{ overflow: hidden; display:block}
@media (max-width: 800px) {
.box_left_al{ overflow: hidden; display: none}
}

.lm_k_bg span{font-size:18px;line-height:40px; padding-left:0px }
.lm_k_bg{ background:#037FD6; boverflow:hidden;text-align:center;height:40px; color:#FFFFFF; font-size:18px; font-weight:bold}
.tj_tu{ overflow:hidden; margin-top:10px; background:#F5F5F5}
.tj_tu ul{ overflow:hidden; margin:10px 15px 0px 15px; padding:0px;}
.tj_tu ul li{ list-style:none; border-bottom:#CCCCCC 1px dotted; margin-bottom:10px;overflow:hidden; width:100%}
.tj_tu ul li dl{overflow:hidden; margin:0px; padding:0px;}
.tj_tu ul li dl dt{overflow:hidden; margin:0px; padding:0px;line-height:22px; max-height:66px}
.tj_tu ul li dl dt a{overflow:hidden; margin:0px; padding:0px;font-size:14px}
.tj_tu ul li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:18px}
.tj_tu ul li dl dt:hover a{ color:#0070D9}
.tj_pic{ float:left;width:110px; height:73px;  margin-right:10px; overflow:hidden; position:relative; margin-bottom:10px}
.tj_pic:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}

.tj_pic img{ width:100%; height:100%;}

@media (max-width: 1200px) {
.tj_pic{ float:left;width:80px; height:53px;  margin-right:10px; overflow:hidden; position:relative; margin-bottom:10px}
.tj_tu ul li dl dt{overflow:hidden; margin:0px; padding:0px;line-height:22px; max-height:44px}
}



/*-------banner-----------*/
.top_kong{ overflow:hidden; clear:both; height:90px; width:100%;}


.fixed_1{ width:100%; height:300px ;background:#177CD1 url(../images/big_bg1.jpg) no-repeat center; background-size:cover;display:block; overflow:hidden}
.fixed_1_1{ width:100%; height:150px ;background:#177CD1 url(../images/big_bg1_cp.jpg) no-repeat center; background-size:cover;display:block; overflow:hidden}

.fixed_2{ width:100%; height:300px; background:#177CD1 url(../images/big_bg1_cp.jpg) no-repeat center; background-size:cover;display:block; overflow:hidden}
.fixed_3{ width:100%; height:300px; background:#177CD1 url(../images/big_bg3.jpg) no-repeat center; background-size:cover;display:block; overflow:hidden}
.fixed_4{ width:100%; height:300px; background:#177CD1 url(../images/big_bg4.jpg) no-repeat center; background-size:cover;display:block; overflow:hidden}
.fixed_5{ width:100%; height:300px; background:#177CD1 url(../images/big_bg5.jpg) no-repeat center; background-size:cover;display:block; overflow:hidden}
.fixed_6{ width:100%; height:300px; background:#177CD1 url(../images/big_bg6.jpg) no-repeat center; background-size:cover;display:block; overflow:hidden}


@media only screen and (max-width:1100px) {
.top_kong{ overflow:hidden; clear:both; height:48px; width:100%;}

.fixed_1{ width:100%; height:200px; background:#177CD1 url(../images/big_bg1.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_2{ width:100%; height:200px; background:#177CD1 url(../images/big_bg1_cp.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_3{ width:100%; height:200px; background:#177CD1 url(../images/big_bg3.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_4{ width:100%; height:200px; background:#177CD1 url(../images/big_bg4.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_5{ width:100%; height:200px; background:#177CD1 url(../images/big_bg5.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_6{ width:100%; height:200px; background:#177CD1 url(../images/big_bg6.jpg) no-repeat center center; background-size:cover; display:block;}
}

@media only screen and (max-width:900px) {
.fixed_1{ width:100%; height:150px; background:#177CD1 url(../images/big_bg1.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_2{ width:100%; height:150px; background:#177CD1 url(../images/big_bg1_cp.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_3{ width:100%; height:150px; background:#177CD1 url(../images/big_bg3.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_4{ width:100%; height:150px; background:#177CD1 url(../images/big_bg4.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_5{ width:100%; height:150px; background:#177CD1 url(../images/big_bg5.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_6{ width:100%; height:150px; background:#177CD1 url(../images/big_bg6.jpg) no-repeat center center; background-size:cover; display:block;}

}




.dh_k{ overflow:hidden; padding:5px 0px;border-bottom:#eee 1px solid;margin-bottom:15px; }
.wzdh_k{ overflow:hidden; border-bottom:#CCCCCC 0px solid;line-height:25px; padding-top:1px; float:left;}
.wzdh_k span{font-size:14px; line-height:30px;padding-top:5px; }
.r_wzk1{ float:right; width:auto; font-size:12px; display:block;}
.r_wzk1 a{color:#444}

@media only screen and (max-width: 600px) {
.shangxy li dl dt dd{overflow:hidden; margin:0px; padding:0px; font-size:12px; color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-bottom:5px}
}

/*----------cplist---------------*/

.gs_cplist{ overflow:hidden; margin:0px;  padding:10px 0px; width:100%}
.gs_cplist li{ overflow:hidden; margin:0px; padding:0px; width:33.33%; float:left; margin-bottom:10px}
.gs_cplist dl{ overflow:hidden; margin:0px; padding:0px; width:90%; margin:0 auto;margin-top:8px; margin-bottom:8px;  border:#eee 1px solid; padding:3%; background:#fff}
.gs_cplist dl dd h3{margin:0px; padding:0px; font-size:16px; font-weight: normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:38px;  text-align:center; padding-top:5px;}
.gs_cplist dl dd p{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#888; height:45px;}
.gs_cplist dl dt{ height:240px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%; height:auto;height:100%; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }

.gs_cplist li:hover dl{box-shadow:0 0 15px 1px rgba(0,0,0,.2);  border:#0080CA 1px solid; background:#0090E2}
.gs_cplist li:hover dd h3{ color: #fff}
.gs_cplist li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.gs_cplist li:hover dl dd p{ color: #fff;}

@media only screen and (max-width:1024px) {
.gs_cplist dl dt{ height:190px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%;  height:auto; min-height: 190px;  vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_cplist dl dd h3{margin:0px; padding:0px; font-size:16px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:38px; text-align:center; padding-top:0px;}
}

@media only screen and (max-width:1000px) {
.gs_cplist dl dt{ height:140px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%;  height:auto; min-height: 140px;  vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_cplist dl dd h3{margin:0px; padding:0px; font-size:14px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:38px;}
}
@media only screen and (min-width: 660px) and (max-width: 700px) {
.gs_cplist dl{ overflow:hidden; margin:0px; padding:0px; width:90%; margin:0 auto;margin-top:8px; margin-bottom:8px;  border:#eee 1px solid; padding:2%; background:#fff}
.gs_cplist dl dt{ height:120px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%;  height:auto; min-height: 120px;  vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_cplist dl dd h3{margin:0px; padding:0px; font-size:14px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:38px; }
}

@media only screen and (max-width:659px) {
.gs_cplist dl dt{ height:110px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%;  height:auto; min-height: 110px;  vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_cplist dl dd h3{margin:0px; padding:0px; font-size:14px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:38px; }

}

@media only screen and (max-width:600px){
.gs_cplist dl dt{ height:100px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%;  height:auto; min-height: 100px;  vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_cplist dl dd h3{margin:0px; padding:0px; font-size:14px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:38px; }

}

@media only screen and (max-width:450px){
.gs_cplist li{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left; margin-bottom:10px}
.gs_cplist dl dt{ height:105px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%;  height:auto; min-height: 105px;  vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_cplist dl dd h3{margin:0px; padding:0px; font-size:14px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:38px;}
.gs_case_sm{margin:0px; padding:0px; text-align:center; position:absolute; z-index:2; width:100%; bottom:0; left:0; padding:0px 2% 8px 2%;}
.gs_case_sm h3{ line-height:22px}
.gs_case_sm p{ line-height:20px}
}

@media only screen and (max-width:320px){
.gs_cplist dl dt{ height:80px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%;  height:auto; min-height: 80px;  vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}


/*-----产品---------*/
.cplist{ overflow:hidden; margin:0px; padding:10px 0px ;}
.cplist li{ width:33.3333%; margin:0px; padding:0px; list-style:none; margin-bottom:20px; overflow:hidden; float:left}
.cplist li dl{ margin:0px; padding:0px; overflow:hidden; max-width:310px; width:96%; margin:0 auto; background:#F8F8F8; margin-bottom:10px; padding-bottom:10px}
.cplist li dl dt{ margin:0px; padding:0px; overflow:hidden;}
.cplist li dl dt img{ width:100%; height:auto; vertical-align:top; height:207px}
.cplist li dl dd{ margin:0px; margin:2px 10px; overflow:hidden;}
.cplist li dl dd p{ font-size:16px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:30px; margin-top:5px; text-align:center}

.cplist li:hover dl dt img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.cplist li:hover dl{box-shadow:0 0 10px 1px rgba(0,0,0,.1); background:#FFFFFF}
.cplist li:hover dl dd p{ color:#037FD6}


@media only screen and (max-width:1200px) {
.cplist li dl{ margin:0px; padding:0px; overflow:hidden; max-width:220px; width:96%;  margin:0 auto; background:#F8F8F8; margin-bottom:10px; padding-bottom:10px}
.cplist li dl dt img{ width:100%; height:auto; vertical-align:top; height:150px}
.cplist li dl dd p{ font-size:14px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:30px; margin-top:5px; text-align:center}
}

@media only screen and (max-width:700px) {
.cplist li dl{ margin:0px; padding:0px; overflow:hidden; max-width:195px; width:94%;  margin:0 auto; background:#F8F8F8; margin-bottom:10px; padding-bottom:10px}
.cplist li dl dt img{ width:100%; height:auto; vertical-align:top; height:130px}
}

@media only screen and (max-width:600px) {
.cplist li dl{ margin:0px; padding:0px; overflow:hidden; max-width:160px; width:94%;  margin:0 auto; background:#F8F8F8; margin-bottom:10px; padding-bottom:10px}
.cplist li dl dt img{ width:100%; height:auto; vertical-align:top; height:107px}
}


@media only screen and (max-width:500px) {
.cplist li dl{ margin:0px; padding:0px; overflow:hidden; max-width:180px; width:94%;  margin:0 auto; background:#F8F8F8; margin-bottom:10px; padding-bottom:10px}
.cplist li dl dt img{ width:100%; height:auto; vertical-align:top; height:120px}
.cplist li{ width:50%; margin:0px; padding:0px; list-style:none; margin-bottom:20px; overflow:hidden; float:left}
}

@media only screen and (max-width:400px) {
.cplist li dl{ margin:0px; padding:0px; overflow:hidden; max-width:170px; width:94%;  margin:0 auto; background:#F8F8F8; margin-bottom:10px; padding-bottom:10px}
.cplist li dl dt img{ width:100%; height:auto; vertical-align:top; height:113px}
.cplist li{ width:50%; margin:0px; padding:0px; list-style:none; margin-bottom:15px; overflow:hidden; float:left}
}

@media only screen and (max-width:350px) {
.cplist li dl{ margin:0px; padding:0px; overflow:hidden; max-width:100%; width:94%;  margin:0 auto; background:#F8F8F8; margin-bottom:10px; padding-bottom:10px}
.cplist li dl dt img{ width:100%; height:auto; vertical-align:top;}
.cplist li{ width:100%; margin:0px; padding:0px; list-style:none; margin-bottom:10px; overflow:hidden; float:left}
}


/*-----应用---------*/
.fangan1{ overflow:hidden; margin:0px; padding:0px}
.fangan1 li{ overflow:hidden; margin:0px; padding:50px 0px; float:; width:100%;float:left}
.fangan1 li dl{ overflow:hidden; margin:0px; padding:0px 20px;}
.fangan1 li dl dt{ overflow:hidden; margin:0px; padding:0px; color:#222; line-height:200%; font-size:18px; font-weight:bold;padding:0px 20px; padding-top:10%}
.fangan1 li dl dd{ overflow:hidden; margin:0px; padding:0px;color:#666; line-height:190%; font-size:16px;padding:0px 20px;}

.fangan1_tu{overflow:hidden; margin:0px; padding:0px; position:relative; float:left; width:50%;}
.fangan1_tu img{ max-width:100%; width:auto; height:auto; vertical-align:top; text-align:center}

.fangan1 li:nth-child(2n-1) .fangan1_tu{ float:left; }
.fangan1 li:nth-child(2n) .fangan1_tu{ float: right;}
.fangan1 li:nth-child(2n){ background:#fff}
.fangan1 li:nth-child(2n-1){ background:#eee}

@media only screen and (max-width:1100px) {
.fangan1 li{ overflow:hidden; margin:0px; padding:30px 0px; float:; width:100%;float:left}
.fangan1_tu{overflow:hidden; margin:0px; padding:0px; position:relative; float:left; width:50%;}
}

@media only screen and (max-width:550px) {
.fangan1 li{ overflow:hidden; margin:0px; padding:30px 0px; float:; width:100%;float:left}
.fangan1 li:nth-child(2n-1) .fangan1_tu{ float:left;}
.fangan1 li:nth-child(2n) .fangan1_tu{ float: left;}
.fangan1_tu{overflow:hidden; margin:0px; padding:0px; position:relative; float:left; width:100%;}
.fangan1_tu img{ max-width:100%; width:auto; height:auto; vertical-align:top; text-align:center}
.fangan1 li dl dt{ overflow:hidden; margin:0px; padding:0px; color:#222; line-height:200%; font-size:18px; font-weight:bold;padding:0px 10px; padding-top:10px; text-align:center}
.fangan1 li dl dd{ overflow:hidden; margin:0px; padding:0px;color:#666; line-height:190%; font-size:14px;padding:0px 10px;}
}







.content_bt_k{overflow:hidden; padding:0px 10px 20px 10px; background:#F5F5F5 ;margin-bottom:10px}
.content_info{width:100%; border-bottom:#ccc 0px solid; font-size:12px; color:#666666; padding-bottom:4px; line-height:25px; margin-top:5px; text-align:center; overflow:hidden}
.content_bt{ width:100%; line-height:30px; font-size:24px; font-weight:bold; margin-bottom:15px; text-align:center; color:#111}
.content_time{width:100%; border-bottom:#eee 1px solid; font-size:12px; color:#666666;padding-bottom:4px; margin-bottom:10px; line-height:25px; text-align:center}
.i_date{ background:url(../images/i_time.png) no-repeat left center; padding-left:22px; margin-right:5px; background-size:18px 18px;}
.i_from{ background:url(../images/i_t1.png) no-repeat left center; padding-left:20px; margin-right:10px; background-size:18px 18px;}
.i_View{ background:url(../images/i_View.png) no-repeat  left center; padding-left:25px; background-size:20px 20px;}


.main_nr{overflow: hidden;padding: 0px 0px 10px 0px;font-size: 16px;line-height: 200%; color:#333333}
.main_nr img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.main_nr h2{ color:#222}
.main_nr h3{ color:#222}
.main_nr h4{ color:#222}
.main_nr h5{ color:#222}
.main_nr strong{ color:#222}
@media only screen and (max-width:800px) {
.main_nr{overflow: hidden;padding: 10px 0px;font-size: 14px;line-height: 190%;}
}


.content_txt{line-height:180%; color:#333333; font-size:16px; overflow:hidden; padding:0px 0px 10px 0px;}
.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}
.content_txt_tu{overflow:hidden; text-align:center}
.content_txt_tu img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}


.B_back{ float:right; width:auto; font-size:12px; display:block;}
.B_back a{color:#444}

.B_back{width:72px;height:30px;text-align:center;float:right;font-size:12px; line-height:30px; background:#ccc;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-webkit-border-radius:5px; }
.B_back a{display:block; color:#fff; font-size:14px;}
.B_back a:hover{ background:#17a3ea;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-webkit-border-radius:5px;}

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

.content_txt{line-height:200%; color:#333333; font-size:14px; overflow:hidden; padding:0px 0px 10px 0px;}
.content_bt{ width:100%; line-height:25px; font-size:18px; padding-top:10px;font-weight:bold; text-align: center;}
}


/*-----page------*/
.next_k{ padding:0px;margin-top:15px; border-top:#eee 1px solid;margin-bottom:10px}
.next_k ul{margin:0px; padding:0px; margin-top:10px}
.next_k ul li{ line-height:25px; margin:0px; padding:0px; color:#666666; font-size:12px; list-style:none; width:100%}
.next_k ul li a{font-size:12px}

.page_k{ text-align:center; padding:10px; font-size:12px;border-top:#CCCCCC 0px solid; margin-top:15px;}
.page_k a{ font-size:12px}
.page_k a:hover{ font-size:12px}





/*-----faq---------*/

.subNavBox{margin:2px auto; margin-top:20px}
.subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-weight:bold;font-size:18px;color:#333;
line-height:24px;padding-left:10px;background:#EEEEEE url(../images/job-icon1.png) no-repeat;background-position:98% 50%; min-height:50px;overflow:hidden;color:#222; margin-bottom:15px; overflow:hidden; border-radius:5px 5px 0px 0px; font-weight:normal}
.subNav p{line-height:24px;overflow:hidden; padding-top:12px; margin-bottom:5px}


.subNav:visited{color:#222;}
.currentDd{color:#00997A;}
.currentDt{background:#0090E2 url(../images/job-icon2.png) no-repeat;background-position:98% 50%; color:#FFFFFF}
.navContent{display: none;border-bottom:solid 0px #e5e3da;}


@media (max-width: 800px) {
.subNav{font-size:16px;}
.subNav p{line-height:24px;overflow:hidden; padding-top:12px}
}



.tel_box{color:#FFA800; display:block}
.top_tel{ overflow:hidden; margin-top:8px}
.top_tel dl{ overflow: hidden;color:#FFA800;}
.tel_tu{float: left;overflow: hidden; margin-top:8px; line-height:22px;}
.tel_tu img{ vertical-align: middle; width:35px; height:auto;}
.top_tel dl dt{ font-size:14px;color:#777;  line-height:18px; font-weight:bold; overflow:hidden; margin:0px; font-weight:normal; padding-top:4px}
.top_tel dl dd{font-family:"impact","arial";  line-height:20px; overflow:hidden; margin: 0px; padding:0px;letter-spacing:1px;}
.top_tel dl dd a{ font-size:20px;color:#FFA800;font-family:"impact","arial"; }
.header .nav  .top_tel dl dd a{font-size:20px;color:#FF6600; } 


.ab_head_k{ display:block; overflow:hidden}
.ab_headline{background:url(../images/ad_line.png) no-repeat center 63px;text-align:center;height:50px; line-height:50px; font-size:22px; color:#2985cf;padding-top:20px;}
.ab_headline span{ display:inline-block;padding:0 25px; background:#fff; font-size:68px; color:#999;}
.ab_headline span img{margin-right:10px; vertical-align:middle;}
.ab_headline b{ color:#aaa;}
.big_title{ text-align:center;}
.big_title h1{ font-size:12px; margin-top:8px;font-family:Arial, Helvetica, sans-serif; color:#999;}
.big_title h2{ font-size:24px; color:#EB0113; line-height:34px; margin-top:-3px}

.nrzhwz{ float: right; margin-top:20px; overflow:hidden; display:block}
.nrzhwz .txt1{font-size: 14px; line-height: 39px;}
.nrzhwz img{vertical-align:middle; line-height: 30px; margin-right:4px; margin-top:-3px}
.nrzhwz .tx1t a{padding: 0 9px;color: #7d7d7d;}

@media (max-width: 1190px) {
.ab_head_k{ display: none; overflow: hidden}
}


.main_R{ overflow:hidden; float:right; width:20%; display:block}
.main_L{ overflow:hidden; float:left; width:78%;margin-bottom:20px; line-height:14px}


@media screen and (max-width:1024px) {
.main_R{ overflow:hidden; float:right; width:25%;}
.main_L{ overflow:hidden; float:left; width:73%; margin-bottom:20px}
}

@media screen and (max-width:900px) {
.menuTitle{ display:none}
.main_R{ overflow:hidden; float:left; width:100%;}
.main_L{ overflow:hidden; float:left; width:100%; margin-bottom:10px}
}


.link_txt{ overflow:hidden; margin-top:15px; width:100%; float:left; display:block}
.link_txt ul{ margin:0px; overflow:hidden; padding:0px;}
.link_txt ul li{ width:auto; float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding:0px 0px 0px 10px}
.link_txt ul li a{ font-size:12px; color:#666}
.lm_bg_link{ height:32px; border-bottom:#B1B1B1 1px solid; overflow:hidden}
.lm_link_txt{ height:32px;padding:0px 2px; line-height:34px; float:left;color:#333; font-size:16px;width:120px; font-weight:bold}


/*-----------down---------------*/
.down_nav_bg{ overflow:hidden; width:100%;  padding:40px 0px 60px 0px; background:#333333; display:block;}
.down_nav { float:left; width:60%;display:block; overflow:hidden}
.down_nav li{ overflow:hidden; margin:0px; padding:0px; float:left; width:25%}
.down_nav li dl{ overflow:hidden; margin:0px; padding:0px; color:#fff}
.down_nav li dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:16px; margin-bottom:5px; }
.down_nav li dl dd{ overflow:hidden; margin:0px; padding:0px; color:#F8EAE2; font-size:14px;white-space:nowrap;text-overflow:ellipsis;}
.down_nav li dl dt  a{font-size:16px;color:#fff; overflow:hidden; padding-bottom:4px;white-space:nowrap;text-overflow:ellipsis;}
.down_nav li dl dd a{ color:#B3B3B3;}
.down_nav li dl dd a:hover{ color:#0D7BD9}


.wx_K{float:left; overflow:hidden; width:40%;}
.wx_box{ overflow:hidden; float:left; width:auto; text-align:center; margin-right:30px; color:#fff}
.wx_box img{ width:100px; height:100px;}
.wx_box p{ margin:0px; line-height:30px; padding:0px; font-size:16px}


.wx_K dl{ overflow:hidden; margin:0px; padding:0px;}
.wx_K dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:16px; margin-bottom:6px; color:#fff}
.wx_K dl dd{ overflow:hidden; margin:0px; padding:0px; color:#B3B3B3;}
.wx_K dl dt a{border-bottom:1px #666 solid; font-size:16px;color:#B3B3B3; overflow:hidden; padding-bottom:4px;overflow:hidden}
.wx_K dl dd a{ color:#B3B3B3;}
.wx_K dl dd a:hover{ color:#FFAE00}

.wx_K dl dd h3 { font-size:26px; color:#F67401; margin:0px; padding:0px; margin-bottom:10px; font-weight:normal;}
.wx_K dl dd h3 a{ font-size:26px; color:#F67401; }

.down_bg{ background:#222; padding:10px 0px; color:#fff; font-size:12px}
.down_cop{ width:auto; color:#fff; float:left; line-height:180% }
.down_cop a{color:#fff; }
.d_lm{ float:right;line-height:180% }



@media only screen and (max-width:1024px) {
.down_nav { float:left; width:60%;display:block}
.wx_K{ width:40%; float:right; overflow:hidden}
.wx_box{ overflow:hidden; float:left; width:auto; text-align:center; margin-right:20px}

.down_nav_bg{ overflow:hidden; width:100%;  padding:40px 0px 40px 0px; display:block;}
}


@media only screen and (max-width:900px) {
.down_bg{ background:#444; padding:10px 0px; color:#fff; font-size:12px}

.down_cop{ width:auto; color:#fff; float:left; width:100%; line-height:20px}
.d_lm{ float:left; width:100%}
.wx_box{ overflow:hidden; float:left; width:auto; text-align:center; margin-right:10px}
.down_nav { float:left; width:60%;display:block}
.wx_K{ width:40%; float:right; overflow:hidden}
.wx_box img{ width:120px; height:120px;}
.down_nav li dl dd{ font-size:12px}


}

@media only screen and (max-width:740px) {
.down_nav{ display:none}
.wx_K{ width:100%; float:left; overflow:hidden; display:block}
.wx_box img{ width:120px; height:120px;}
.wx_box{ overflow:hidden; float:left; width:auto; text-align:center; margin-right:20px}
.wx_K dl dd{ overflow:hidden; margin:0px; padding:0px;line-height:190%}
}




/* actGotop */
.b_top{ overflow:hidden; display:none}
@media only screen and (max-width:740px) {
.b_top{ overflow:hidden; display: block}
}
.actGotop{position:fixed;_position:absolute;bottom:60px;right:2%;width:40px;height:40px;display:none; z-index:92}
.actGotop a,.actGotop a:link{width:40px;height:40px;display:inline-block; text-align:center; background: url(../images/up.png) no-repeat center}
.actGotop a:hover{ background: url(../images/up.png) no-repeat center;outline:none;}




.container_map{width:100%;height:300px; margin:0 auto; width:100%; margin-top:10px}



.lx_left{ float:left; width:47%; margin:0px; padding:0px}
.lx_Right{ float: right; width:47%; margin:0px; padding:0px}

.lx_map_L{ float:left; width:49%; margin:0px; padding:0px}
.lx_map_R{ float: right; width:49%; margin:0px; padding:0px}


@media (max-width: 700px) {
.lx_left{ float:left; width:100%; margin:0px; padding:0px}
.lx_Right{ float: right; width:100%; margin:0px; padding:0px}
.lx_map_L{ float:left; width:100%; margin:0px; padding:0px; margin-bottom:15px;}
.lx_map_R{ float: right; width:100%; margin:0px; padding:0px}


.container_map{width:100%;height:220px; margin:0 auto; width:100%; margin-top:10px}
}






/*----留言---- */
#contact-wrap{ margin-bottom:40px; overflow:hidden}

#contact-form textarea{height: 120px;}
.book_sm{ font-size:14px; line-height:24px; color:#222;margin-bottom:15px}
.book_sm span{ color:#FFBA00}
.msg-title{font-size: 22px;text-align: center;margin-bottom: 15px;color: inherit;color:#FFE3C1;}
.add-msg-form .cf-column{padding-bottom: 20px;position: relative;}
.add-msg-form .cf-tarea{clear: both;}
.add-msg-form input{box-sizing: border-box;padding: 0 15px;border: 1px solid #ddd;height: 40px;line-height: 40px;color: #444;width: 100%;margin-bottom: 0; font-size:14px;}
.add-msg-form textarea{box-sizing: border-box;border: 1px solid #ddd;color: #333;min-height: 150px;padding: 15px;color: #444;width: 100%;margin-bottom: 0;font-size:14px;}
.add-msg-form .submit-button{box-sizing: border-box;width:30%;line-height: 40px;height: 40px;padding: 0px 15px;border: 0px;color: #fff;position: relative; background:#0090E2 url(../images/an_bg.png);cursor: pointer; font-size:16px; margin:0 auto}
.add-msg-form .submit-button:hover, .add-msg-form .submit-button:active{background-color: #CB1919; font-size:16px}
.add-msg-form em{position: absolute;bottom: 0;z-index: 1111;float: left;left: 20px;}







/*-------联系我们-----------*/
.lx_box{ overflow:hidden; margin:0px; padding:0px; margin:0 auto; background:#fff; max-width:1300px; width:98%;}

.lxwmlist{ overflow:hidden; margin:0px; padding:0px;}
.lxwmlist li{ overflow:hidden; margin:0px; padding:0px; float:left; width:33.3333%; padding:30px 0px 30px 0px}
.lxwmlist li dl{ overflow:hidden; margin:0px; padding:0px; width:90%; margin:0 auto;padding:30px 0px}
.lxwmlist li dl dt{ overflow:hidden; margin:0px; padding:0px; text-align:center; color:#222}
.lxwmlist li dl dt img{ height:92px; width:auto; vertical-align:top}
.lxwmlist li dl dt h3{ font-size:20px;overflow:hidden; margin:0px; padding:0px;text-transform:uppercase;margin-top:20px;margin-bottom:15px}

.lxwmlist li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:16px;text-align:center; line-height:28px}

.lxwmlist li:nth-child(2)  dl{ border-left:#DFDFDF 1px solid;border-right:#DFDFDF 1px solid}

@media (max-width:1190px) {
.lxwmlist li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:14px;text-align:center; line-height:26px}
}

@media (max-width:700px) {
.lxwmlist li dl{ overflow:hidden; margin:0px; padding:0px; width:90%; margin:0 auto;padding:10px 0px}
.lxwmlist li:nth-child(2)  dl{ border-left:#DFDFDF 0px solid;border-right:#DFDFDF 0px solid}
.lxwmlist li{ overflow:hidden; margin:0px; padding:0px; float:left; width:100%; padding:5px 0px 5px 0px;border-bottom:#DFDFDF 1px solid}
.lxwmlist li:last-child{border-bottom:#DFDFDF 0px solid}
}


/*---------留言----------*/
.big_bt{padding:0px; margin:0px; padding-bottom:0px; font-size:18px; line-height:180%; color:#111}



.odform-tit{font-weight:normal;font-size:22px;color:#595757;line-height:40px;text-align:center;border-bottom:1px solid #c9cacb;margin:0;padding:10px 0}
.odform-tit img{height:40px;vertical-align:middle;margin-right:15px}
.odform{ overflow:hidden; margin:15px 0px;}
.input-group1{margin-bottom:10px;position:relative; width:100%;}
.input-group1 span{ color:#FF0000}
.input-group1 label{padding:0px 0;position:absolute;color:#333; font-size:14px; }
.input-group1 input{margin-left:5em;padding:4px 6px;box-sizing:border-box;background:#fff;border:1px solid #D9D9D9;border-radius:5px;color:#595757;width:78%; font-size:14px; line-height:25px}
.input-group1 select{margin-left:5em;padding:2% 6px;box-sizing:border-box;background:#fff;border: #efeff0 1px solid;border-radius:5px;color:#595757;width:78%; font-size:14px; line-height:25px}
.input-group1 textarea{margin-left:5em;padding:4px 6px;box-sizing:border-box;background:#fff;border:1px solid #D9D9D9;border-radius:5px;color:#595757;width:78%; font-size:14px; height:100px}
.odform button{background:#423B33;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px;width:120px;font-size:16px; font-weight:bold;cursor: pointer; line-height:30px; margin:0 auto}
.an_ly{ width:120px; margin-left:72px}
.btntj{background:#167BC5;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px;width:120px;font-size:16px; font-weight:bold;cursor: pointer; line-height:30px; }
.btntj1{background:#FF0013;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px;width:140px;font-size:16px; font-weight:bold;cursor: pointer; line-height:30px;margin:0 auto}

.tp_lybt{margin:20px 0px 10px 0px; font-size:16px; font-weight:bold;border-radius:5px;}
.tp_lybt a{ font-size:16px; color:#FFFFFF; text-shadow:none}






.B_back{width:56px;height:26px;text-align:center;float:right;font-size:12px; line-height:26px; background:#ccc;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-webkit-border-radius:5px;}
.B_back a{display:block; color:#fff; font-size:12px;}
.B_back a:hover{ background:#0090E2;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-webkit-border-radius:5px;}



.fx_k{ overflow:hidden; height:auto; padding:20px 0px 10px 0px;}





.sy_zs{margin:0px; padding:0px; overflow:hidden; margin:0 auto; max-width:1300px; width:96%; margin-top:5px; margin-bottom:30px}

.zzzs_box{ float:left; width:25%; margin:15px 0px; padding:0px; overflow:hidden;}
.zzzs {overflow: hidden; display:table; margin:0 auto;} 
.zzzs li{border:1px solid #eee; width:240px; height:333px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; padding:4px; background:#F5F5F5} 
.zzzs .zzzs_tu { *position:absolute; top:50%; z-index:8 } 
.zzzs .zzzs_tu img { *position:relative; top:-50%; left:-50%; max-width:240px; width:auto; max-height:333px; height:auto;} 
.zzzs_box p{text-align:center;overflow:hidden; padding:0px; margin:0px; font-size:14px; color:#333333; line-height:40px; height:40px; text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


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

.zzzs li{border:1px solid #eee; width:200px; height:289px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; padding:4px} 
.zzzs .zzzs_tu { *position:absolute; top:50%; z-index:8 } 
.zzzs .zzzs_tu img { *position:relative; top:-50%; left:-50%; max-width:200px; width:auto; max-height:289px; height:auto} 

}


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

.zzzs li{border:1px solid #eee; width:150px; height:217px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; padding:4px} 
.zzzs .zzzs_tu { *position:absolute; top:50%; z-index:8 } 
.zzzs .zzzs_tu img { *position:relative; top:-50%; left:-50%; max-width:150px; width:auto; max-height:217px; height:auto} 

}

@media only screen and (max-width:700px) {
.sy_zs{margin:0px; padding:0px; overflow:hidden; margin:0 auto; max-width:900px; width:96%; margin-top:2px; margin-bottom:10px}
.zzzs li{border:1px solid #eee; width:130px; height:188px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; padding:4px} 
.zzzs .zzzs_tu { *position:absolute; top:50%; z-index:8 } 
.zzzs .zzzs_tu img { *position:relative; top:-50%; left:-50%; max-width:130px; width:auto; max-height:188px; height:auto} 
.zzzs_box p{text-align:center;overflow:hidden; padding:0px; margin:0px; font-size:14px; color:#333333; line-height:40px; height:40px; text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

}

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

.zzzs li{border:1px solid #eee; width:115px; height:166px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; padding:4px} 
.zzzs .zzzs_tu { *position:absolute; top:50%; z-index:8 } 
.zzzs .zzzs_tu img { *position:relative; top:-50%; left:-50%; max-width:115px; width:auto; max-height:166px; height:auto} 
.zzzs_box p{text-align:center;overflow:hidden; padding:0px; margin:0px; font-size:12px; color:#333333; line-height:30px; height:30px; text-align:center}

}

@media only screen and (max-width:567px) {
.zzzs_box{ float:left; width:50%; margin:5px 0px; padding:0px; overflow:hidden;}

.zzzs li{border:1px solid #eee; width:150px; height:217px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; padding:4px} 
.zzzs .zzzs_tu { *position:absolute; top:50%; z-index:8 } 
.zzzs .zzzs_tu img { *position:relative; top:-50%; left:-50%; max-width:150px; width:auto; max-height:217px; height:auto} 

}




/* ----------首页案例-----------*/
.case_box{ max-width:1216px; width:96%; margin:0 auto; overflow:hidden}

.case_list{ overflow:hidden; padding-top:20px}
.case_list li{ float:left; width:33.33%; overflow:hidden; margin-bottom:15px;}
.case_list li dl{ width:96%; overflow:hidden; margin:0px; padding:0px;margin:0 auto}
.case_list li dl dt{ width:100%; overflow:hidden; margin:0px; padding:0px}
.case_list li dl dt img{ width:100%; height:280px;vertical-align:middle;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.case_list li dl dd{width:100%; overflow:hidden; margin:0px; padding:5px 0px; font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:200%; text-align:center; color:#222}
.case_list li dl dt a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.case_list li dl a dd{ background:#F6F6F6;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.case_list li:hover dl dd{background:#0072D5;color:#fff;}


@media only screen and (min-width: 700px) and (max-width: 768px) {
.case_list li{ float:left; width:33.33%; overflow:hidden; margin-bottom:10px;}

.case_list li dl{ width:96%; overflow:hidden; margin:0px; padding:0px; margin:0 auto}
.case_list li dl dt{ width:220px;  overflow:hidden; margin:0px auto; padding:0px}
.case_list li dl dt img{ width:220px; height:160px;vertical-align:middle;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.case_list li dl dd{width:220px; overflow:hidden; margin:0px; padding:0px; font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:30px; margin:0 auto}
.case_list li dl a dd{ background:#fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.case_list li dl a:hover dd{ background:#fff; color:#FF7E00}
}

@media only screen and (max-width:699px){
.case_list li{ float:left; width:49%; overflow:hidden; margin-bottom:10px;}
.case_list li:nth-child(2n-1){ float:left; width:49%; text-align:left}
.case_list lili:nth-child(2n){ float:right; width:49%;text-align:right} 
.case_list li dl a dd{ background:#fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.case_list li dl a:hover dd{ background:#fff;color:#FF7E00}
.case_list li dl{ width:96%; overflow:hidden; margin:0px; padding:0px; margin:0 auto}
.case_list li dl dt{ width:100%; overflow:hidden; margin:0px; padding:0px}
.case_list li dl dt img{ width:100%; height:220px;vertical-align:middle;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

}

@media only screen and (max-width:570px){
.case_list li dl dt img{ width:100%; height:150px;vertical-align:middle;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

}

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

.case_list li{ float:left; width:49%; overflow:hidden; margin-bottom:10px;}
.case_list li:nth-child(2n-1){ float:left; width:49%; text-align:left; }
.case_list lili:nth-child(2n){ float:right; width:49%; text-align:right} 

.case_list li dl{ width:96%; overflow:hidden; margin:0px; padding:0px; margin:0 auto}
.case_list li dl dt{ width:100%; overflow:hidden; margin:0px; padding:0px}
.case_list li dl dt img{ width:185px; height:135px;vertical-align:middle;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.case_list li dl dd{width:100%; overflow:hidden; margin:0px; padding:0px; font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:30px}
.case_list li dl a dd{ background:#fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.case_list li dl a:hover dd{ background:#fff;}
}

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

.case_list li{ float:left; width:49%; overflow:hidden; margin-bottom:10px;}
.case_list li:nth-child(2n-1){ float:left; width:49%; text-align:left}
.case_list lili:nth-child(2n){ float:right; width:49%; text-align:right} 

.case_list li dl{ width:96%; overflow:hidden; margin:0px; padding:0px;  margin:0 auto}
.case_list li dl dt{ width:100%; overflow:hidden; margin:0px; padding:0px}
.case_list li dl dt img{ width:152px; height:111px;vertical-align:middle;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.case_list li dl dd{width:100%; overflow:hidden; margin:0px; padding:0px; font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:30px}
.case_list li dl a dd{ background:#fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.case_list li dl a:hover dd{ background:#fff;}
}




.sy_md{ overflow:hidden; padding:40px 0px 0px 0px; margin:0px}

.sy_md li{ float:left; float:left; width:33.33333%; margin:0px; line-height: normal; padding:0px;}
.sy_md li dl{ overflow:hidden; margin:0px; padding:0px; text-align:center; width:90%; margin:0 auto}
.sy_md li dl dt{ overflow:hidden; margin:0px; padding:0px;}
.sy_md li dl dt h3{ overflow:hidden; margin:0px; padding:0px; font-size:18px; line-height:200%; color:#222}
.sy_md li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:14px; line-height:24px;}

.sy_md li dl dt img{ overflow:hidden; margin:0px; padding:0px; height:80px; width:auto}

.sy_md li dl:hover dt img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.sy_md li dl:hover dt h3{ color:#1195DB}

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

.sy_md li dl dt h3{ overflow:hidden; margin:0px; padding:0px; font-size:16px; line-height:22px; color:#222; padding:10px 0px}
.sy_md li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:14px; line-height:20px;}

}


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

.sy_md li dl dt h3{ overflow:hidden; margin:0px; padding:0px; font-size:16px; line-height:22px; color:#222; padding:6px 0px}
.sy_md li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:20px;}

}

@media only screen and (max-width: 450px) {
.sy_md{ overflow:hidden; padding:10px 0px 0px 0px; margin:0px}
.sy_md li{ float:left; float:left; width:100%; margin:0px; line-height: normal; padding:0px; margin-bottom:10px}
.sy_md li dl dt h3{ overflow:hidden; margin:0px; padding:0px; font-size:16px; line-height:22px; color:#222; padding:6px 0px}
.sy_md li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:20px;}

}




.sy_m_news{ overflow:hidden; margin:0px; padding:20px 0px 20px 0px;}
.sy_m_news li{ overflow:hidden; margin:0px; padding:0px; float:left; width:48%; margin-bottom:15px; margin-left:1%; margin-right:1%; background:#fff; padding:15px}
.sy_m_news li dl{overflow:hidden; margin:0px; padding:0px;}
.sy_m_news li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; color:#222;white-space:nowrap;text-overflow:ellipsis; margin-bottom:5px}
.sy_m_news li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:14px; color:#555; line-height:24px; max-height:48px;}
.sy_m_news li dl dd p{ font-size:13px; color:#888; background:url(../images/n_time.png) no-repeat; padding-left:20px; padding-bottom:5px}

.sy_m_news_tu{ margin:0px; margin:0px; overflow:hidden; margin-right:20px; width:200px; height:120px; position:relative; float:left}
.sy_m_news_tu img{ width:100%; height:100%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.sy_m_news li:hover .sy_m_news_tu img{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.sy_m_news li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1)}
.sy_m_news li:hover dl dt{ color:#0069C1}



@media only screen and (max-width: 1000px) {
.sy_m_news_tu{ margin:0px; margin:0px; overflow:hidden; margin-right:20px; width:150px; height:90px; position:relative; float:left}
.sy_m_news li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:14px; color:#222;white-space:nowrap;text-overflow:ellipsis; margin-bottom:2px}
.sy_m_news li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:12px; color:#555; line-height:22px; max-height:44px;}
.sy_m_news li dl dd p{ font-size:12px; color:#888; background:url(../images/n_time.png) no-repeat; padding-left:20px; padding-bottom:1px}
.sy_m_news li{ overflow:hidden; margin:0px; padding:0px; float:left; width:48%; margin-bottom:15px; margin-left:1%; margin-right:1%; background:#fff; padding:10px}
}

@media only screen and (max-width: 730px) {
.sy_m_news li{ overflow:hidden; margin:0px; padding:0px; float:left; width:100%; margin-bottom:15px; margin-left:0%; margin-right:0%; background:#fff; padding:10px}
.sy_m_news_tu{ margin:0px; margin:0px; overflow:hidden; margin-right:15px; width:120px; height:72px; position:relative; float:left}
.sy_m_news li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:12px; color:#555; line-height:22px; max-height:22px;}
}








.dzlc_box{overflow:hidden; margin:0px; padding:0px;}
.dzlc_box li{ overflow:hidden; margin:0px; padding:0px; list-style:none; float:left; width:18%; margin-left:1%; margin-right:1%;margin-bottom:15px; margin-bottom:15px;background:#61A7E4; border-radius:8px; padding-bottom:20px}
.dzlc_box li dl{ overflow:hidden; margin:0px; padding:5px 15px 15px 15px;  margin:0 auto;}
.dzlc_box li dl dt h3{ overflow:hidden; margin:0px; padding:0px; font-size:30px; font-weight:normal; margin-bottom:5px; color:#fff; text-align:center;font-family: "impact","arial";}
.dzlc_box li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:14px;color:#fff; line-height:24px; min-height:48px;}
.dzlc_box_tu{ margin:0px; padding:0px; text-align:center;overflow:hidden; margin-bottom:5px; position:relative; margin-top:20px}
.dzlc_box_tu img{ width:60px; height:60px;}

.dzlc_box li:hover .dzlc_box_tu img{transform:rotateY(360deg);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.dzlc_box li:hover{ background:#2589BD}

@media only screen and (max-width:1180px) {
.dzlc_box li dl{ overflow:hidden; margin:0px; padding:5px 10px 15px 10px;  margin:0 auto;}
}

@media only screen and (max-width:900px) {
.dzlc_box_tu img{ width:40px; height:40px;}
.dzlc_box li dl{ overflow:hidden; margin:0px; padding:5px 4px 5px 4px;  margin:0 auto;}
.dzlc_box li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:14px;line-height:24px; min-height:72px;}
}


@media only screen and (max-width:600px) {
.dzlc_box_tu img{ width:50px; height:50px;}

.dzlc_box li{ overflow:hidden; margin:0px; padding:0px; list-style:none; float:left; width:96%; margin-left:2%; margin-right:2%;margin-bottom:15px; margin-bottom:15px; border-radius:8px; min-height:50px; height:auto;}

.dzlc_box li dl{ overflow:hidden; margin:0px; padding:5px 20px 25px 20px;  margin:0 auto;}
.dzlc_box li dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:14px;line-height:24px; text-align: center; min-height:24px; height:auto;}
}



.index-ti {width: 100%;height: 154px;text-align: center;line-height: 154px;background: url(../images/index-ti-bg.png) no-repeat center center;}
.index-ti h3 {font-size: 32px;color:#0D7BD9;font-weight: normal;}

.div_pc_w{ overflow:hidden; margin:0px; padding:0px; display: block}

@media only screen and (max-width:1000px) {
.div_pc_w{ overflow:hidden; margin:0px; padding:0px; display:none}
}






.title_bt{ overflow:hidden; line-height:30px; font-size:18px; color:#333333; margin-bottom:10px; background:url(../images/bt_bg.jpg)  no-repeat left center; padding-left:15px; font-family:Helvetica;font-weight:600;}
.title_bt span{ font-size:14px; font-weight:300; color:#999999;text-transform:uppercase;}
.title_bt .m_more{ float:right; width:50px; line-height:30px; color:#444; text-align:center; font-size:14px;text-transform:uppercase; font-family:Helvetica;font-weight:300; }


.sy_main_box{width: 94%; margin:0 auto;padding: 0px;overflow:hidden; margin-top:20px; margin-bottom:20px}
.line_1{overflow:hidden; clear:both; height:6px; background:#eee; width:100%}

.w_navlist{ overflow:hidden; padding:0px; margin:0px; background: #fff; }
.w_navlist li{ overflow:hidden; padding:0px; margin:0px; float:left; width:33.3333%; border-bottom: #e3e3e3 1px solid; border-right: #e3e3e3 1px solid}
.w_navlist li dl{ overflow:hidden; padding:8px 0px; margin:0px; text-align:center}
.w_navlist li dl dt{ overflow:hidden; padding:4px 0px 0px 0px; margin:0px;}
.w_navlist li dl dt img{ width:50px; height:50px; vertical-align:middle;}
.w_navlist li dl dd{ overflow:hidden; padding:4px 0px; margin:0px; font-size:16px; line-height:200%;}
.w_navlist li dl dd a{ color:#222; font-size:16px;}

.w_navlist li:nth-child(1){border-bottom: #e3e3e3 1px solid; border-right: #e3e3e3 1px solid}
.w_navlist li:nth-child(2){border-bottom: #e3e3e3 1px solid; border-right: #e3e3e3 1px solid}
.w_navlist li:nth-child(3){border-bottom: #e3e3e3 1px solid; border-right: #e3e3e3 0px solid}
.w_navlist li:nth-child(4){border-bottom: #e3e3e3 0px solid; border-right: #e3e3e3 1px solid}
.w_navlist li:nth-child(5){border-bottom: #e3e3e3 0px solid; border-right: #e3e3e3 1px solid}
.w_navlist li:nth-child(6){border-bottom: #e3e3e3 0px solid; border-right: #e3e3e3 0px solid}

@media only screen and (max-width:660px) {
.w_navlist li dl dt img{ width:40px; height:40px; vertical-align:middle;}	
	
}


.sy_wplist{ overflow:hidden; margin:0px; padding:0px; margin:0 auto}
.sy_wplist li{ overflow:hidden; margin:0px; padding:0px; width:25%; float:left;display:inline;  margin-bottom:10px;margin-top:10px}
.sy_wplist li dl{ overflow:hidden; margin:0px;width:94%; margin:0 auto;}
.sy_wplist li a{ display:inline}
.sy_wplist li dl dt{overflow:hidden; font-weight:normal;color:#222; text-align:center;}
.sy_wplist li dl dd{ overflow:hidden; margin:0px;font-size:16px;line-height:30px;margin-top:5px;white-space:nowrap;text-overflow:ellipsis; line-height:26px; text-align: center}
.sy_wplist li dl dt img{width:100%;height:auto; vertical-align:top;}


@media only screen and (max-width:800px) {
.sy_wplist li{width:50%;}
}