@charset "utf-8";
html { }
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:13px;background:#f7f7f7; color:#666; font-family:"微软雅黑","宋体";}
ul,li { list-style: none; }
img { border:0; }
input:focus,textarea:focus{ outline:none; }
input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
*{text-overflow: ellipsis;}


a {
	text-decoration: none;
	outline:none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #CC0000;
}

.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }

/*header头部的CSS布局*/
.main{width:1200px;margin:0 auto;padding:0;}
.header{height:auto; background:url(../images/header_bg.jpg) no-repeat top;}

.header .top{height:50px;line-height:50px; overflow:hidden; border-bottom:1px solid #3a5276;}

.header .top .top_left{float:left;background:url(../images/top_t.png) no-repeat left; padding-left:30px;}
.header .top .top_left a{color:#ffffff;}

.header .top .top_right{float:right;}
.header .top .top_right a{float:left;color:#ffffff;display:block; background:url(../images/top_rt_line.jpg) no-repeat;margin:0 2px;padding-left:28px;}
.header .top .top_right a:first-child{width:30px;border:none;}
.header .top .top_right a:last-child{padding-left:48px;}



.header .center{height:84px; overflow:hidden; margin-top:14px;}
.header .center .logo{height:auto;float:left;}
.header .center .logo img{max-width:100%;}

.header .center .tel{height:55px;float:right;color:#ffffff;background:url(../images/tel.png) no-repeat left center;margin-top:10px;padding-left:52px;}
.header .center .tel font{font-size:10px; line-height:28px;}
.header .center .tel p{font-size:28px; line-height:16px;}

.header .nav{height:55px;line-height:55px;background-color:#268cc4;}
.header .nav ul{text-align:left;margin:0;padding:0;}
.header .nav ul li{float:left;margin:0 34px;position:relative;}
.header .nav ul li a{display:block;font-size:16px;color:#ffffff;}
.header .nav ul li a:after{content:"";display:block;width:0px; position:absolute; bottom:0; left:0;height:3px;margin:0 auto;background:#fff;opacity:0;transition:0.2s;}
.header .nav ul li a:hover:after{width:100%;opacity:1;}

.header .nav ul li ul{position:absolute;z-index:4;width:200px;top:59px;left:-34px;background-color:#268cc4;text-align:left;opacity:0;visibility:hidden;transition:0.2s;}

.header .nav ul li ul li{height:38px;line-height:38px;float:none;margin:0;}
.header .nav ul li ul li a{display:block;font-size:14px;padding-left:18px; margin:0 15px;border-bottom:1px dashed rgba(255,255,255,0.2);}
.header .nav ul li ul li:hover{background-color:#8cc25c;}
.header .nav ul li:hover>ul{opacity:1;visibility:visible;top:55px;}
.header .nav ul li ul li:hover>ul{ left:100%; top:0px;}
.header .nav ul li ul li a:after{display:none}


@media (max-width:720px){
	.main{ width:96%; padding:0 2%;}
	.header{ display:none;}

	.app_header{ padding:15px 0; height:auto; overflow:hidden; background:url(../images/header_bg.jpg) no-repeat top; border-bottom:5px solid #268cc4;}
	.app_header .app_logo{ width:180px; height:45px; float:left;}
	.app_header .app_logo img{ width:100%;}
	
	.app_header .morenav{ float:right; display:block; background:#268cc4 url(../images/app_nav_line.png) no-repeat center center; width:40px; height:40px; margin-top:2px;}
	.app_header .morenavon{}
	.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
	.app_header .navon{height:72px;}
	
}





/*banner的CSS布局*/
.banner{ width:100%; height:680px; overflow:hidden; position:relative;}

.banner .hd{ height:15px; overflow:hidden; position:absolute;right:0; left: 0; width:80px; margin: 0 auto; bottom:40px;z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;}
.banner .hd ul li{ float:left; margin-right:6px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;border-radius:100%; }
.banner .hd ul li.on{ background:#f00; color:#fff;}

.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle;}
.banner .bd li a{ cursor:move}
.banner .bd li a .img{ width:100%;height:680px; background-position: center top; background-repeat: no-repeat; }
.banner .bd li a .img img{ max-width: 100%;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:56px; height:56px;background:url(../images/banner_arrow.png) no-repeat left 0; filter:alpha(opacity=50);opacity:0.5;}
.banner .next{ left:auto; right:3%; background-position:right 0;}
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner .prevStop{display:none;}
.banner .nextStop{display:none;}



/*mobile  banner*/
.focus{margin:0 auto; position:relative; overflow:hidden;  display:none }
.focus .hd{ display:none }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FE6C9C;  }
.focus .bd{ position:relative; z-index:0;}
.focus .bd li a{ width:100%; display:block;background-repeat:no-repeat;background-position:center center;background-size:cover; height:230px;}

@media (max-width:720px){
	.banner{display:none !important;}
	.focus{display:block;}
}


/*pro方案的CSS布局*/
.pro{height:auto;overflow:hidden;background-color:#268cc4; padding:60px 0;}
.pro ul{text-align:center;margin:0;padding:0;}
.pro ul li{width:24%;float:left;margin:0 0.5%;position:relative;}
.pro ul li a{display:block;font-size:16px;color:#ffffff;line-height:40px;transition:0.5s;}

.pro ul li a .img{width:250px;height:250px;overflow:hidden;border-radius:100%;border:8px solid #7dbadc; background:#FFF; margin:0 auto;}
.pro ul li a .img img{ max-width:100%;}

.pro ul li a span{display:block;padding:20px 0 5px;}	
.pro ul li a .p_more{ width:38px; height:48px; margin:0 auto;}
.pro ul li a .p_more img{ max-width:100%;}

.pro ul li a:hover .img{ border:8px solid #8cc25c;}
.pro ul li a:hover{ margin: -10px 0 0; transition: 0.5s;}

.pro ul li a:hover .img img{ opacity:0.9;}


@media (max-width:720px){
	.pro{height:auto;overflow:hidden;background-color:#268cc4; padding:6% 0;}
	.pro ul li{width:24%;}
	.pro ul li a{font-size:14px;line-height:22px;}
	.pro ul li a .img{width:120px;height:120px;border:5px solid #7dbadc;}

	
	.pro ul li a span{padding:10px 0;}	
	.pro ul li a .p_more{ width:28px; height:28px;}
	
	
	.pro ul li a:hover .img{ border:5px solid #8cc25c;}
	.pro ul li a:hover{ margin: -3px 0 0;}
	
}

@media (max-width:550px){
	.pro ul li a .img{width:100px;height:100px;}
}

@media (max-width:470px){
	.pro ul li a .img{width:80px;height:80px;}
}

@media (max-width:380px){
	.pro ul li{width:49%; margin-bottom:10px; height:230px;}
	.pro ul li a .img{width:120px;height:120px;}
	.pro ul li a:hover{ margin:0;}
}





/*about的CSS布局*/
.about{height:auto;overflow:hidden;background-color:#ffffff;}
.about .a_title{height:auto;line-height:50px;display:block;font-size:40px;color:#333;
	background:url(../images/about.png) no-repeat center right;}
.about .a_title a{ color:#333;}

.about .about_left{width:40%;float:left;padding:45px 5%;}

.about .about_left .a_desc{height:auto;line-height:30px;padding:45px 0;}
.about .about_left .a_img{height:auto;overflow:hidden;}
.about .about_left .a_img img,.about .about_left .a_desc img{max-width:100%;}

.about .about_right{width:50%;height:auto;float:right;}
.about .about_right img{ max-height:100%;}


@media (max-width:720px){
	.about .a_title{ font-size:26px; text-align:center;background:url(../images/service_line.png) no-repeat center;}
	.about .about_left{width:96%; padding:6% 2%;}
	.about .about_left .a_desc{padding:15px 0; line-height:22px;}
	.about .about_right{ display:none;}
}




/*service专业服务的CSS布局*/
.service{height:auto;overflow:hidden;padding:60px 0 40px;background-color:#efefef;}
.service .service_title{font-size:40px;text-align:center;background:url(../images/service_line.png) no-repeat center;color:#333333;}

.service_img{height:auto;overflow:hidden; margin:40px 0;}
.service_img ul{text-align:center;margin:0;padding:0;}
.service_img ul li{ width:32%;height:auto;overflow:hidden;float:left; margin:0 0.6%;}
.service_img ul li a{display:block;font-size:18px;color:#666;line-height:30px;}

.service_img ul li a .ser_img{width:100%;height:auto;overflow:hidden;}
.service_img ul li a .ser_img img{max-width:100%;transition:0.5s;}

.service_img ul li a span{display:block;padding-top:15px;}

.service_img ul li a .ser_more{ width:38px;height:38px;overflow:hidden;margin:15px auto;background-repeat:no-repeat;
	background-position:center top;transition: 0.5s;}

.service_img ul li:hover a .ser_img img{transform:scale(1.1,1.1);}
.service_img ul li:hover a span{color:#fff;}

.service_img ul li:hover a .ser_more{background-position:center bottom;}

.service_img ul li:hover{background:url(../images/ser_li_bg.png) bottom no-repeat;transition:0.5s;}



@media (max-width:720px){
	.service{ padding:6% 0;}
	.service .service_title{font-size:26px;}
	.service_img{ margin:15px 0;}
	.service_img ul li a{font-size:14px;line-height:24px;}
	.service_img ul li a .ser_more{margin:10px auto;}
}




/*news新闻动态的CSS布局*/
.news{
	height:auto;
	overflow:hidden;
	padding:60px 0;
	background:url(../images/news_bg.jpg) no-repeat top;	
}
.news .news_title a{
	float: right;
	height: 70px;
	width: 180px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.news .news_title{position: relative;font-size:40px;text-align:left;background:url(../images/news_more.png) no-repeat right;color:#333333; margin-bottom:35px;}

.news .news_left{ width:560px;float:left;height:400px; overflow:hidden; position:relative;}

.news .news_left .hd{ height:15px; overflow:hidden; position:absolute;right:0; left: 0; width:80px; margin: 0 auto; bottom:30px;z-index:1; }
.news .news_left .hd ul{ overflow:hidden; zoom:1; float:left;}
.news .news_left .hd ul li{ float:left; margin-right:6px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;border-radius:100%; }
.news .news_left .hd ul li.on{ background:#f00; color:#fff;}

.news .news_left .bd{ position:relative; height:100%; z-index:0;}
.news .news_left .bd li{ zoom:1; vertical-align:middle;}
.news .news_left .bd li a{ cursor: w-resize}
.news .news_left .bd li a .img{ width:100%;height:400px; background-position: center top; background-repeat: no-repeat; }
.news .news_left .bd li a .img img{ max-width:100%;}

.news .news_right{width:605px;height:auto;overflow:hidden;float:right;}
.news .news_right .text_box{width:100%;height:auto;overflow:hidden;padding:20px 15px;border-bottom:1px dashed #b7b7b7;transition:0.5s;}
.news .news_right .text_box .date{width:100px;height:90px;float:left;overflow:hidden;color:#ffffff;text-align:center;background-color:#b7b7b7;}
.news .news_right .text_box .date font{
	display:block;
	font-size:24px;
	padding-top:20px;

	overflow: hidden;
}
.news .news_right .text_box .date span{display:block;}

.news .news_right .text_box .text{ width:460px; float:left;height:auto;line-height:22px;overflow:hidden;padding-left:20px;}
.news .news_right .text_box .text font{display:block;font-size:16px;padding-bottom:8px; color:#333;	white-space: nowrap; float:left; width:100%;text-overflow: ellipsis; overflow:hidden;}
.news .news_right .text_box .text span{display:block; color:#666;}

.news .news_right .text_box:hover{background-color:#2793cf;}
.news .news_right .text_box:hover .text font{color:#fff;}
.news .news_right .text_box:hover .text span{color:#fff;}
.news .news_right .text_box:hover .data{border-bottom:1px solid #ae0029;}
.news .news_right .text_box:hover .date{background-color:#2793cf;}
.news .news_right .text_box a{}

@media (max-width:720px){
	
.news .news_title{ font-size:26px; text-align:center;background:url(../images/service_line.png) no-repeat center; margin-bottom:0;}
.news .news_left{ display:none;}	
.news .news_right .text_box{ padding:8px 2%; width:96%;}
.news .news_right .text_box .text{ padding:0;}
.news .news_right{ float:none; width:100%;}
.news .news_right .text_box .date{ width:100%; float:none; height:25px; text-align:left; background-color:#FFF;}
.news .news_right .text_box .text{ width:100%; float:none; line-height:22px;}
.news .news_right .text_box .date font{display:inline; color:#999; font-size:14px; line-height:26px;}
.news .news_right .text_box .date span{ display:none;}
.news .news_right .text_box .text font{padding-bottom:0; font-size:14px;}
.news .news_right .text_box:hover .date font{color:#fff;}
	
}



/*system系统的CSS布局*/
.system{heiht:auto;overflow:hidden;padding:40px 0;background-color:#8ec45d;}
.system ul{text-align:center;margin:0;padding:0;}
.system ul li{width:auto;float:left;display:block;margin:0 96px;border-right:2px solid #bbdc9e;}

.system ul li:first-child{margin:0px;}
.system ul li:last-child{margin:0px;border:none;}

.system ul li .lcon{width:auto;float:left;}
.system ul li .lcon img{max-width:100%;}

.system ul li font{display:block;float:left;font-size:18px;color:#ffffff;padding:35px 96px 0px 25px;}



@media (max-width:720px){
	.system{ padding:5% 0; display:none;}
	.system ul li{ width:33%;border-right:none; margin:0;}
	.system ul li .lcon{float:none;}
	.system ul li .lcon img{max-width:80%;max-height:80%;}
	.system ul li font{float:none; padding:15px 0 0; font-size:14px;}
}


/*footer底部的CSS布局*/
.footer{height:auto;overflow:hidden;background:url(../images/footer_bg.jpg) no-repeat top;}
.footer .footer_box{width:auto;float:left;padding:25px 0;margin-right:50px;}
.footer .footer_box ul{text-align:left;margin:0;padding:0;}
.footer .footer_box ul li{width:auto;height:auto;line-height:25px;margin-right:30px;}
.footer .footer_box ul li a{font-size:14px;color:#ffffff;}
.footer .footer_box .econtent{font-size:14px;color:#ffffff; float:left; width:100%;}
.footer .footer_box .font{height:40px;overflow:hidden;display:block;margin:25px 0;font-size:18px;color:#ffffff;background:url(../images/footer_line1.jpg) no-repeat bottom left;}

.footer .footer_box .p{height:40px;overflow:hidden;display:block;margin:25px 0;font-size:18px;color:#ffffff;background:url(../images/footer_line2.jpg) no-repeat bottom left;}

.wechat{height:auto;overflow:hidden;float:right;padding:75px 0;}
.wechat .we_img{height:auto;overflow:hidden;margin-right:10px;}
.wechat .we_img img{max-width:100%;}

.wechat p{font-size:12px;color:#ffffff;padding:10px 32px 0;}

.bottom{height:auto;overflow:hidden;padding:20px 0;background-color:#2793cf;}
.bottom .b_left{height:auto;overflow:hidden;float:left;font-size:14px;color:#ffffff;}
.bottom .b_right{height:auto;overflow:hidden;float:right;}
.bottom .b_right a{font:14px;color:#ffffff;}

.liuyan{ width:140px; height:210px;background:#2ba1e2; position:fixed; z-index:999; bottom:130px; right:5px; color:#FFF;}

.liuyan .ly_tel{ height:44px; padding:12px 10px; text-align:center; background:#7dc041;}
.liuyan .ly_tel font{ display:block; font-size:18px;}
.liuyan .ly_tel span{ font-size:12px;}

.liuyan .ly_QQ{ width:58px; height:43px; margin:15px auto; padding-bottom:15px; border-bottom:1px dashed rgba(255,255,255,0.4);}
.liuyan .ly_QQ:hover{ opacity:0.8}
.liuyan .ly_wx{ width:58px; height:43px; margin:15px auto; position:relative;}
.liuyan .ly_wx:hover{ opacity:0.8}
.liuyan .ly_wx .wxewm{ width:80px; height:80px; position:absolute; right:130px; top:-15px; opacity:0; transition:0.5s;}
.liuyan .ly_wx .wxewm img{ max-width:100%;}
.liuyan .ly_wx:hover .wxewm{ opacity:1; right:92px;}

/**返回顶部**/
.backTop{width:140px; height:49px; background:#165d85 url(../images/dingbu.jpg) no-repeat center center; position:fixed; bottom:81px; right:5px; z-index:99999999;}

@media (max-width:720px){
.footer{ display:none;}
.bottom{ text-align:center; line-height:24px; margin-bottom:54px;}
.bottom .b_left{float:none;}
.bottom .b_right{float:none;}


/*app悬浮*/
.app_botm{ overflow:hidden; background:#8ec45d; position:fixed; bottom:0; left:0; right:0; height:54px; z-index:9999;}
.app_botm ul{ margin:0; padding:8px 0 0; text-align:center;}
.app_botm ul li{ width:30%; display:inline-block;}
.app_botm ul li .pic{}
.app_botm ul li a{ color:#FFF;}

}






/**内页**/


.com_ban{ overflow:hidden; height:auto; background-repeat:no-repeat; background-position:top center;}


.common{ overflow:hidden; margin:200px auto 50px; padding:40px 40px; background:#FFF; width:1160px; box-shadow:1px 0px 25px rgba(0,0,0,0.08);}


.com_left{ width:240px; float:left;}
.com_left .c_lt_title{ height:40px; background:#268cc4;color:#FFF; font-size:26px; padding:15px 0 15px 25px;}
.com_left .c_lt_con_title{ height:40px; background:#7dc041;color:#FFF; font-size:26px; padding:15px 0 15px 25px;}
.com_left .com_list{ overflow:hidden; height:auto;}
.com_left .com_list ul{ padding:5px 0; background:rgba(0,0,0,0.03); margin:0; }
.com_left .com_list ul li{line-height:22px; padding:15px 10px;position:relative;transition:0.5s; border-bottom:1px dashed rgba(0,0,0,0.2);}

.com_left .com_list ul li a{ color:#666;padding:4px 20px 4px 35px; display:block;  font-size:16px; font-weight:600;}
.com_left .com_list ul ul{ margin:10px 0;}
.com_left .com_list ul ul li{ padding:8px 0 8px 10px;}
.com_left .com_list ul ul li a{  font-weight:400;padding:0 20px 0 25px; font-size:13px;}
.com_left .com_list ul li:hover{ background:rgba(0,0,0,0.5);}
.com_left .com_list ul li:hover a{color:#FFF;}
.com_left .com_list ul li:last-child{border-bottom:none;}
.com_left .com_list ul li:before{ content:""; width:4px; height:4px; background:rgba(0,0,0,0.6); border-radius:100%; position:absolute; top:23px; left:30px;}
.com_left .com_list ul li ul li:before{ content:""; width:3px; height:3px; background:rgba(0,0,0,0); position:absolute; top:20px; left:30px;}
.com_left .com_contact1 b{ color:#333;}
.com_left .com_contact2{ overflow:hidden; height:70px; margin:25px 0 0;}
.com_left .com_contact3{ overflow:hidden; height:70px; margin:10px 0 0;}



.com_right{ width:880px; float:right;}

.com_nav{
	background:url(../images/h_icon.png) no-repeat;
	overflow:hidden;
	padding:0 0 10px;
	border-bottom:1px solid #F2F2F2;
	margin-bottom:20px;
	text-align: left;
	text-indent: 35px; line-height:28px;
}
.com_nav span,.com_nav span{
font-weight:bold; font-size:16px;color:#333;
}
/*.com_nav ul{ padding:0; margin:0; text-align:center;}
.com_nav ul li{ float:left; height:28px; line-height:28px;}
.com_nav ul li a{ padding:0 2px; color:#666; font-size:13px;}
.com_nav ul li:first-child{ background:url(../images/h_icon.png) no-repeat; padding-left:35px;}
.com_nav ul li:last-child a{ color:#333; font-weight:bold; font-size:16px;}*/

.com_desc{ overflow:hidden; padding:0; line-height:26px;}


/**内页产品**/
.com_product_box{ overflow:hidden; margin-top:10px; float:left; width:100%;}
/*.com_product_box ul{ overflow:hidden; margin:0; padding:0;}*/
.com_product_box .list{ margin:0 16px 20px 0; float:left; height:250px; overflow:hidden; text-align:center;background:rgba(0,0,0,0.03); }
.com_product_box .list a{ color:#fff; font-size:14px;display:block; overflow:hidden; width:90%; margin:0 auto; text-overflow:ellipsis; white-space:nowrap; background:#2ba1e2;}
.com_product_box .list .pic{ text-align:center; width:280px; height:198px; overflow:hidden;}
.com_product_box .list .pic img{  display:block; max-width:100%; transition:0.5s;}
.com_product_box .list .pic a:hover img{ border-color:#999;  }
.com_product_box .list .title{ line-height:30px; height:30px; padding:1px 0;}
.com_product_box .list:hover .title{ transition:0.5s; bottom:0;}
.com_product_box .list:hover .pic img{ transform:scale(1.1,1.1)}
.com_product_box .list:nth-of-type(3n){ margin-right:0;}
.com_product_box .list:hover a{ text-decoration:underline; color:#e70012;}


/**pc端_内页新闻**/
.pc_news_box{ overflow:hidden; margin-top:10px; float:left; width:100%;}
/*.pc_news_box ul{ overflow:hidden; margin:0; padding:0;}*/
.pc_news_box .picli{overflow:hidden; padding:25px; border:1px solid #f2f2f2; margin-bottom:20px; display:block;}
.pc_news_box .picli a{ color:#666; font-size:13px;}
.pc_news_box .picli a font{ display:block; width:100%; line-height:30px; font-size:16px; margin:5px 0; color:#333;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pc_news_box .picli a .n_pic{ width:250px; height:165px; float:left; overflow:hidden;}
.pc_news_box .picli a .n_pic img{ max-width:100%; transition:0.5s;}
.pc_news_box .picli a .n_desc{ overflow:hidden; color:#888;line-height:22px; float:right; width:550px;}
.pc_news_box .picli a .n_desc span{ line-height:24px; color:#268cc4; margin-top:10px; display:block;}

.pc_news_box .picli:hover a .n_pic img{ transform:scale(1.1,1.1); transition:0.5s;}

	/**内页新闻**/


.pc_news_box .li{overflow:hidden; padding:2% 0; border-bottom:1px solid #E0DDDD; display:none}
.pc_news_box .li a{ color:#666; font-size:13px;}
.pc_news_box .li a font{ display:block; float:right; width:18%; color:#999;}
.pc_news_box .li a .n_desc{ width:78%; float:left;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}	
.pc_news_box .li:first-child{ padding-top:0;}
@media (max-width:720px){
.pc_news_box .picli{ display:none}
.pc_news_box .li{ display:block}
	.liuyan,.backTop{ display:none !important;}
	.common{ overflow:hidden; margin:10% 2% 5%; padding:5% 4% 8%; background:#FFF; width:88%; box-shadow:1px 0px 25px rgba(0,0,0,0.08);}

	
	.com_left{ display:none;}
	.com_right{ width:100%; float:none;}
	
	/**内页案例**/
	.com_product_box{ overflow:hidden; margin-top:0;}
	.com_product_box ul{ overflow:hidden; margin:0; padding:0; text-align:center;}
	.com_product_box .list{ width:32.5%; margin:0 0 10px 0; float:none; display:inline-block; height:auto; overflow:hidden; text-align:center;background:rgba(0,0,0,0.03); }
	.com_product_box .list a{ color:#666; font-size:14px; display: block;overflow: hidden;width: 90%;margin: 0 auto;text-overflow: ellipsis;white-space: nowrap;}
	.com_product_box .list .pic{ width:100%; height:auto; overflow:hidden;}
	.com_product_box .list:hover .pic img{ transform:scale(1,1)}
	
	

}





@media (min-width:721px){
.app_header,.app_botm,.news_box{ display:none !important;}
}




#cms1 #info{
	color: #999999;
	text-align: center;
	font-size: 12px;
}

#cms1 h1.h1{
	text-align: center;
	margin: auto;
	font-size: 18px;
	line-height: 1.2;
	font-weight: lighter;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#cms1 #content{
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
#cms1 .nextpage{ clear:both; padding-top:15px; padding-bottom:15px;}
#cms1 .nextpage div{
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}
#pages{
	text-align: center;
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px;
}
#pages a{
	border: 1px solid #ddd;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	margin-right: 5px;
}
#pages a:hover,#pages a.select{
	background-color: #3399CC;
	border: 1px solid #3399cc;
	color: #FFFFFF;
}

#cms1 *,.pc_news_box *,.com_product_box *{ max-width:100%;}