@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:14px;background:#FFF; 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;}
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; }
.fl { float: left; }
.fr { float: right; }
.st_font{ font-family:"宋体";}

/*header头部的CSS布局*/

.main_box{width:1220px;margin:0 auto;padding:0;}

.h_top{ height: 48px; line-height: 48px; overflow: hidden; border-bottom: 1px solid #dedede;}


.h_top .fr{ height: auto; overflow: hidden; width: 320px;}

.h_top .fr .h_tel{ background: url(../images/h_top_icon1.png) no-repeat left center; width: 165px; float: left;}
.h_top .fr .h_tel font{ padding-left: 30px; color: #55585f; font-size: 16px;}

.h_top .fr .lan{ background: url(../images/h_top_icon2.png) no-repeat left center; width: 125px; float: right;}
.h_top .fr .lan ul{ margin: 0 0 0 30px; padding: 0;}
.h_top .fr .lan ul li{ width: 38px; float: left;}
.h_top .fr .lan ul li a{color:#c7c8cb; transition: 0.5s; text-transform: uppercase;}
.h_top .fr .lan ul li:first-child a{color:#55585f; text-decoration: underline;}
.h_top .fr .lan ul li:hover a{color:#55585f; transition: 0.5s; text-decoration: underline;}



.header{ height: auto;}

.logo{ width: 484px; float: left; padding: 15px 0 0;}
.logo img{ max-width: 100%;}

.app_logo{ width:230px; height: auto;overflow: hidden; float: left; display: none; margin-top: 5px;}
.app_logo img{ max-width: 100%;}
.app_en{ width: 30px; float: right; display: none; height: 30px; background: #0f3d9d; margin: 10px 8px 0 0; border-radius: 100%;}
.app_en a{ display: block; color: #fff; font-size: 14px; line-height: 30px; text-align: center;}


.nav_box { width: 680px; height: auto; float: right;}
.nav_box ul{ margin: 0; padding: 0;}
.nav_box ul li{ width: 94px; height: 90px; line-height: 94px; float: left; position: relative;}
.nav_box ul li a{ color: #666666; font-size: 16px; display: block; text-align: center; transition: 0.5s;}
.nav_box ul li a:hover{color: #FFF; background: #e70a0f; transition: 0.5s;}

.nav_box ul li ul{position:absolute;z-index:99999;width:130px;top:100px;left:0;background-color:rgba(255,255,255,0.95);opacity:0;padding:5px 10px 2px; visibility:hidden;transition:0.3s; border-bottom:3px solid #e70a0f;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.nav_box ul li ul ul{ top:0px; left:100%;}
.nav_box ul li ul li{width:130px;height:auto; line-height:44px; float:none; margin:0; border-bottom:1px dashed rgba(0,0,0,0.15); background: none;}
.nav_box ul li ul li a{ font-size:15px; color: #666; text-align: left; padding-left: 4px;}
.nav_box ul li:hover ul li a{ color: #666;}
.nav_box ul li:hover >ul{opacity:1;visibility:visible;top:90px;}
.nav_box ul li ul li:hover >ul{opacity:1;visibility:visible;left:140px;top:0px;}

.nav_box ul li ul li a:hover{color: #e70a0f; background: rgba(0,0,0,0.02);}
.nav_box ul li ul li:last-child{ border-bottom: none;}



@media (max-width:720px){
	.main_box{width:96%; margin:0 auto; padding:0 2%;}
	
	.h_top,.logo,.nav_box{ display: none;}
	
	.header{ height: auto; overflow: hidden; padding: 5px 0 0;}
	
	.header .app_logo,.header .app_en{ display:block;}
	
	.header .morenav{ float:right; display:block; background:#e70a0f url(../images/app_nav_line.png) no-repeat center;width:30px; height:30px; margin-top: 10px; border-radius: 100%;}
	.header .navon{height:52px;}

	.mm-pagedim-black #mm-blocker { opacity: 0; }
	.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
	.mm-listview li span{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}
		
	
}

/*PC-Banner*/
.banner {width: 100%;height: 600px;overflow: hidden;position: relative;}
.banner .hd {height: 18px;overflow: hidden;position: absolute;right: 0;left: 0;width: 100px;margin: 0 auto;bottom: 30px;z-index: 1;}
.banner .hd ul {overflow: hidden;zoom: 1; text-align: center;}
.banner .hd ul li {margin: 0 7px;width: 10px;height: 10px; display: inline-block; background: #FFF;cursor: pointer; border-radius: 100%;}
.banner .hd ul li.on {background: #e70a0f;}
.banner .bd {position: relative;height: 100%;z-index: 0;}
.banner .bd li {zoom: 1;vertical-align: middle;}
.banner .bd li a {}
.banner .bd li a .img {width: 100%;height: 700px;background-position: center top;background-repeat: no-repeat;}
.banner .bd li a .img img {max-width: 100%;}
.banner .prev, .banner .next {position: absolute;top: 46%;display: block;width: 30px;height: 60px;opacity: 0.6;transition: 0.5s;}
.banner .next {left: auto;right: 2%;background: url(../images/slider_arrow_rt.png)0 0 no-repeat;}
.banner .prev {left: 2%;right: auto;background: url(../images/slider_arrow_lt.png)0 0 no-repeat;}
.banner .prev:hover, .banner .next:hover {opacity: 1;}


/*APP-Banner*/
.app_banner_box {position: relative;margin: 0 auto;width: 100%;overflow: hidden;display: none;}
.app_banner_box .hd {position: absolute;bottom: 6px;width: 100%;height: 10px;}
.app_banner_box .hd ul {width: 100%;text-align: center;}
.app_banner_box .hd ul li {width: 4px;height: 4px;border-radius: 100%;margin: 0 4px;border: 1px solid rgba(255,255,255,0.8);display: inline-block;text-indent: 9999px;cursor: pointer;}
.app_banner_box .hd ul li.on {background: rgba(255,255,255,1);opacity: 1;border: 1px solid rgba(255,255,255,1);}
.app_banner_box .bd {position: relative;z-index: 0;}
.app_banner_box .bd li {position: relative;text-align: center;}
.app_banner_box .bd li img {vertical-align: top;width: 100%;}
.app_banner_box .bd li a {-webkit-tap-highlight-color: rgba(0,0,0,0);}

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



.i_title{ height: 80px; background: url(../images/i_titlt_line.jpg) no-repeat bottom left;}
.i_title font{ display: block; font-size: 34px; color: #0f3d9d; line-height: 50px; font-weight: 500;}
.i_title span{ display: block; color: #bbbbbb; line-height: 18px; text-transform: uppercase;}


.i_title_center{ background: url(../images/i_titlt_line.jpg) no-repeat bottom center; text-align: center;}


.i_more{ width: 150px; height: 46px; line-height: 46px; margin: 20px 0 0; background: #0f3d9d url(../images/i_more_li.png) 26px center no-repeat; transition: 0.5s;}
.i_more font{ padding-left: 54px; color: #FFF; font-size: 16px;transition: 0.5s;}
.i_more:hover font{ padding-left: 60px;transition: 0.5s; }
.i_more:hover{ background: #e70a0f url(../images/i_more_li.png) 20px center no-repeat; transition: 0.5s;}
.i_more a{ display: block;}
.i_more_center{ margin: 20px auto 0;}



.about_box{ height: auto; overflow: hidden; padding: 55px 0 35px; background:#eef2f5 url(../images/about_bg.jpg) no-repeat center top;}

.about_box .about_lt{ width:520px; float: left;}
.about_box .about_lt .a_desc{ line-height: 28px; color: #777; padding: 30px 0 15px;}
.about_box .about_lt .a_desc font{ font-size: 18px; color: #48515a; display: block; line-height: 30px; padding-bottom: 10px;}

.about_box .about_rt{ width:490px; float: right; margin-right: 30px;}

.about_box .about_rt ul{ margin: 0; padding:0;}
.about_box .about_rt ul li{ height: auto; overflow: hidden; padding-bottom: 26px;}
.about_box .about_rt ul li a{ color: rgba(255,255,255,0.8); font-size: 13px; line-height: 22px; transition: 0.4s;}
.about_box .about_rt ul li a .a_rt_icon{ width: 98px; height: 98px; float: left;}
.about_box .about_rt ul li a .a_rt_icon img{ max-width: 100%; transition: 0.4s;}
.about_box .about_rt ul li a .a_rt_font{ width: 350px; float: right; font-size: 13px;}
.about_box .about_rt ul li a .a_rt_font font{ display: block; font-size: 22px; line-height: 44px; transition: 0.4s; color: rgba(255,255,255,1);}
.about_box .about_rt ul li:hover a{ color: rgba(255,255,255,1); transition: 0.4s;}
.about_box .about_rt ul li:hover a .a_rt_icon img{ transform: rotateY(180deg); transition: 0.4s;}
.about_box .about_rt ul li:hover a .a_rt_font font{ text-decoration: underline; transition: 0.4s;}


@media (max-width:720px){
	
	.i_title{ height: 45px; background:url(../images/i_titlt_line.jpg) no-repeat bottom center; width: 96px; margin: 0 auto;}
	.i_title font{ font-size:24px; line-height: 36px; text-align: center;}
	.i_title span{ display: none;}
	
	.i_more{ height: 40px; line-height: 40px; margin: 15px auto 0;}
	.i_more font{ padding-left: 58px; font-size: 14px;}
	.i_more:hover font{ padding-left: 65px; }
	.i_more a{ display: block; text-align: left;}
	.i_more_center{ margin: 15px auto 0;}
	
	
	.about_box{ background: none; padding: 30px 0 25px;}
	.about_box .about_lt{ width:100%; float: none;}
	.about_box .about_lt .a_desc{ line-height: 28px; color: #777; padding: 15px 0 0;}
	.about_box .about_lt .a_desc font{ font-size: 16px; color: #48515a; display: block; line-height: 30px; padding-bottom: 5px;}

	.about_box .about_rt{ width:100%; height: auto; overflow: hidden; float: none; margin:25px 0 0;  background: linear-gradient(#979eae, #abb0bb); padding: 25px 0;}
	.about_box .about_rt ul{ text-align:center; }
	.about_box .about_rt ul li{ padding-bottom: 0; width: 29%; margin: 0 2.1%; float: left;}
	.about_box .about_rt ul li a{ color: rgba(255,255,255,0.8); font-size: 12px; line-height: 22px;}
	.about_box .about_rt ul li a .a_rt_icon{ width: auto; height: auto; float: none;}
	.about_box .about_rt ul li a .a_rt_font{ width: 100%; float: none; font-size: 12px;}
	.about_box .about_rt ul li a .a_rt_font font{ font-size: 18px; line-height: 36px;}	
	
}




.product_box{ height: auto; overflow: hidden; padding: 55px 0;}

.product_box ul{ margin: 40px 0 0; padding: 0;}
.product_box ul li{ width: 378px; float: left; margin: 0 0 25px 28px;}
.product_box ul li a{ color: #666666;transition: 0.5s;}

.product_box ul li a .pro_img{ width: 378px; height: 252px; overflow: hidden; position: relative;}
.product_box ul li a .pro_img img{ max-width: 100%; transition: 0.5s;}

.product_box ul li a .pro_font{ position: absolute; left: 0; right: 0; bottom: 40px; margin: 0 auto; z-index: 99; text-align: center;}
.product_box ul li a .pro_font font{ display: block; font-size: 20px; letter-spacing: 2px;}

.product_box ul li:hover a .pro_img img{ transition: 0.5s; transform: scale(1.2);}
.product_box ul li:hover a{ color: #e70a0f;transition: 0.5s;}


.product_box ul li:first-child{ padding: 40px 0 0;}

.product_box .pro_desc{ padding: 30px 50px 10px 0; color: #888888; line-height: 26px;}



@media (max-width:720px){

	.product_box{ padding: 0 0 30px;}
	.product_box ul{ margin:5px 0 0;text-align: center;}
	.product_box ul li{ width: 46%; float:none; margin:10px 1.5% 5px; display: inline-block;}
	.product_box ul li a .pro_img{ width: auto; height: auto;}	
	.product_box ul li a .pro_font{bottom: 20px;}
	.product_box ul li a .pro_font font{font-size: 16px;}
	.product_box ul li:first-child{ padding:0; margin:0 1.5% 0;}
	.product_box .pro_desc{ padding: 10px 0 0; line-height: 24px; font-size: 12px;}	
	
}



.sz_box{ height: auto; overflow: hidden; padding: 55px 0; background:#eef2f5 url(../images/sz_bg.jpg) no-repeat center top; background-attachment: fixed;}

.sz_box ul{ margin: 35px 0; height: auto; overflow: hidden; padding: 0; text-align: center;}
.sz_box ul li{ width: 266px; float:left; margin-left: 52px; position: relative;}
.sz_box ul li a{ display: block; color: #FFF; font-size: 20px; line-height: 30px;}
.sz_box ul li:first-child{ margin-left: 0;}
.sz_box ul li a .app_img{width: 254px; height: 254px; overflow: hidden;border-radius: 100%; border: 6px solid #fff;}
.sz_box ul li a .app_img img{ max-width: 100%; border-radius: 100%;}
.sz_box ul li a font{ display: block; position: absolute; opacity: 0; left: 0; right: 0; bottom: 15px; letter-spacing: 2px; z-index: 99; text-align: center; transition: 0.5s;}
.sz_box ul li a span{ display: block; background: #e70a0f;width: 120px; height:38px;line-height: 38px; z-index: 99; position: absolute; left: 0; right: 0; bottom:0;  color: #FFF; text-align: center; margin: 10px auto 0; transition: 0.8s; font-size: 13px; opacity: 0; letter-spacing: 2px;}
.sz_box ul li a:hover .app_img img{ opacity: 0.8;}
.sz_box ul li a:hover font{ bottom:138px; transition: 0.5s; font-size: 22px;text-shadow:0 0 15px rgba(0,0,0,0.8); opacity: 1;}
.sz_box ul li a:hover span{ bottom: 75px; transition: 0.8s; opacity: 1;}


@media (max-width:720px){	
	.sz_box{ padding: 25px 0; background: none; background-color: #eef2f5;}
	.sz_box ul{ margin: 10px 0;}
	.sz_box ul li{ width: 45%; margin:0 2.4%;}
	.sz_box ul li a{ font-size: 16px;}
	.sz_box ul li:first-child{ margin-left: 2.4%;}
	.sz_box ul li a .app_img{ width: auto; height: auto;  border:none;}
	.sz_box ul li a span{ height:32px;line-height: 32px; width: 84px;}
	.sz_box ul li a:hover font{ bottom:90px; font-size: 24px;}
    .sz_box ul li a:hover span{ bottom: 45px;}	
}

@media (max-width:360px){
	.sz_box ul li a:hover font{ bottom:78px; font-size: 20px;}
    .sz_box ul li a:hover span{ bottom: 38px;}	
	
}


.news_box{ height: auto; overflow: hidden; padding: 55px 0;}
.news_box ul{ margin: 40px 0 0; padding: 0; text-align: center;}
.news_box ul li{ width: 268px; display: inline-block; margin: 0 16px;}
.news_box ul li a{ color: #888888;}
.news_box ul li a .n_img{ width: 268px; height: 200px; position: relative;}
.news_box ul li a .n_img img{ max-width: 100%; transition:0.5s;}
.news_box ul li a .n_num{ width: 36px; height: 36px; line-height: 36px; background: #e70a0f; position: absolute; margin: 0 auto; border-radius:100%; left: 0; right: 0; bottom: -20px; z-index: 999; color: #fff; transition: 0.5s;}
.news_box ul li a .n_num span{ font-size: 18px; color: #fff;}

.news_box ul li a .n_font{ line-height: 24px; padding: 35px 0 15px;}
.news_box ul li a .n_font font{ display: block; line-height: 30px; color: #444444; font-size: 18px; transition: 0.5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_box ul li a .n_font p{ padding: 5px 0;}
.news_box ul li a .n_font i{ font-style: normal; font-size: 12px;}
.news_box ul li:hover a .n_img img{ opacity: 0.7; transition: 0.5s;}
.news_box ul li:hover a .n_num{ background: #0f3d9d; transition: 0.5s;}

.news_box ul li:hover a .n_font font{ text-decoration: underline; transition: 0.5s;}



.appli_box{ height: 78px; background: url(../images/app_bg.png) no-repeat center;}
.appli_box a{ display: block;}


@media (max-width:720px){
	
	.news_box{ padding: 30px 0;}
	.news_box ul{ margin: 10px 0 0;}
	.news_box ul li{ width: 40%; margin: 15px 1.2% 0;display:inline-block;}
	.news_box ul li a .n_img{ width: auto; height: auto;}
	.news_box ul li a .n_num{ width: 30px; height: 30px; line-height: 30px; bottom: -5px;}
	.news_box ul li a .n_num span{ font-size: 14px;}
	.news_box ul li a .n_font{ line-height: 22px; padding: 18px 0 0;}
	.news_box ul li a .n_font font{line-height: 26px;font-size: 16px;}
	.news_box ul li a .n_font p{ padding: 2px 0 0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	
	.appli_box{ display: none;}
		
}


.footer_box{ height: auto; overflow: hidden; padding: 35px 0; background:#373f50;}


.footer_box .f_nav{ width: 210px; float: left; margin:10px 20px 0 0;}
.footer_box .f_nav font{ display: block; font-size: 22px; color: #FFF; height: 46px; line-height: 24px; background: url(../images/f_nav_line.jpg) left bottom no-repeat; font-weight: 500;}
.footer_box .f_nav ul{ margin:20px 0 0; padding: 0;}
.footer_box .f_nav ul li{ line-height: 28px;}
.footer_box .f_nav ul li a{ color: rgba(255,255,255,0.7); transition: 0.5s;}
.footer_box .f_nav ul li:hover a{ color: rgba(255,255,255,1); transition: 0.5s; text-decoration: underline; }


.footer_box .f_nav:nth-child(5){ width: 260px; float: right;}


.footer_box .f_font{ height: auto; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.2); padding: 30px 0 0; color: #fff; margin-top: 30px;}
.footer_box .f_font a{ padding-left: 20px; color: rgba(255,255,255,0.6);}
.footer_box .f_font a:hover{ text-decoration: underline;color: rgba(255,255,255,0.8);}



@media (max-width:720px){
	
	.footer_box{ padding: 30px 0; margin: 10px 0 40px;}
	.footer_box .f_nav{ display: none;}
	.footer_box .f_font{ border-top:none; padding:0; margin-top:0; text-align: center; line-height: 20px;}
	.footer_box .f_font a{ display: block; line-height: 36px;}
	
}



.fixed{width:40px;height:auto;position:fixed;right:20px;bottom:60px;z-index:999; display: block;}
.fixed a{display:block; color:#888; margin-bottom:1px;}

.fixed .silder1{width:50px;height:50px; background-repeat: no-repeat; background-position: center; position:relative;}
.fixed .silder1 .silder1_box{width:auto;position:absolute;right:80px;top:0;opacity:0;transition:.6s;visibility: hidden; background: linear-gradient(#1b853b, #3a9d35); padding: 0 10px; height: 50px; line-height: 50px; color:#fff; border-radius: 4px;}
.fixed .silder1:hover .silder1_box{right:52px;opacity:1;z-index:999;visibility:visible;}

.fixed .silder2{width:50px;height:50px;background:url(../images/slide_icon3.jpg) no-repeat;position:relative;}
.fixed .silder2 .silder2_box{position:absolute;right:100px;top:-10px;opacity:0;transition:.6s;visibility: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow:1px 1px 20px rgba(0,0,0,0.05); border:4px solid #FFF;}

.fixed .silder2 .silder2_box img{display:block;width:150px;}
.fixed .silder2:hover .silder2_box{right:60px;opacity:1;z-index:999;visibility:visible; }

.fixed .scroll{ width:50px; height:50px; cursor:pointer; transition: 0.5s;}
.fixed .scroll:hover{ opacity: 0.2;}


.app_botm{ overflow:hidden; background:#e70a0f; position:fixed; bottom:0; left:0; right:0; height:58px; z-index:999999; display: none; box-shadow: 0 0 25px rgba(0,0,0,0.4);}
.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;}
.app_botm ul li a font{ display: block; font-size: 12px;}


@media (max-width:720px){
	.fixed{ display: none;}	
	.app_botm{ display: block;}
	
}



.com_ban{ width: 100%; height: 320px; overflow: hidden; background-repeat: no-repeat; background-position: center top;}

.common{ height: auto; overflow: hidden; margin:50px auto;}


.com_left{ width:220px; float:left;}
.com_left .c_lt_title{ height:40px; line-height:40px; background: linear-gradient(#0d3079, #0f3d9d); color:#FFF; font-size:30px; padding:20px 0 20px 25px;}


.com_list{ height: auto; overflow: hidden; border:1px solid #e3e3e3; padding:2px 5px; }
.com_list h3{ height:44px; line-height:44px; padding-left:10px; cursor:pointer; border-top:1px dashed #e3e3e3; font-weight: 500;    font-size: 14px;}
.com_list h3 em{ float:right; display:block; width:40px; height:44px; background:url(../images/li.png) 8px 20px no-repeat; cursor:pointer; color: #333; transition: 0.3s;}
.com_list h3.on{ background:#f8f8f8; color: #333;}
.com_list h3:hover em{ background:url(../images/li.png) 16px 20px no-repeat;transition: 0.3s;}
.com_list ul{ padding:10px 20px; color:#999; display:none; }
.com_list ul li{ line-height: 28px;}
.com_list ul li a{ color: #999; transition: 0.5s;}
.com_list ul li:hover a{ color: #333; transition: 0.5s;}
.com_list h3:first-child{ border-top:none;}
.com_list h3:last-child{ border-bottom:none;}


.com_sc{ overflow:hidden; height:auto; margin:15px 0 0;}
.com_sc a{ display: block; font-size: 18px;background:#0f3d9d url(../images/sc.png) no-repeat 147px 10px; padding:8px 0 8px 25px; height: 50px; line-height: 50px; transition: 0.5s; color: #FFF;}
.com_sc:hover a{background:#0f3d9d url(../images/sc.png) no-repeat 130px 10px;padding:8px 0 8px 34px;}


.com_job{ overflow:hidden; height:auto; margin:5px 0 0;}
.com_job a{ display: block; font-size: 18px;background:#0f3d9d url(../images/zp.png) no-repeat 155px 17px; padding:8px 0 8px 25px; height: 50px; line-height: 50px; transition: 0.5s; color: #FFF;}
.com_job:hover a{background:#0f3d9d url(../images/zp.png) no-repeat 138px 17px; padding:8px 0 8px 34px;}




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

.com_nav{ overflow:hidden; padding:0 0 10px; border-bottom:1px solid #d4d4d4; margin-bottom:20px;}
.com_nav ul{ padding:0; margin:0; text-align:center;}
.com_nav ul li{ float:left; height:auto; line-height:24px;}
.com_nav ul li a{ padding:0 2px; color:#999; font-size:14px;}
.com_nav ul li:first-child{ background:url(../images/h_icon.png) no-repeat; padding-left:30px;}
.com_nav ul li:last-child a{ color:#666; font-size:16px;}

.com_desc{ height: auto; overflow: hidden; line-height: 30px;}
.com_desc img{ max-width: 100%;}
.com_desc font{ display: block; font-size: 24px; line-height: 40px; color: #1b853b;}



@media (max-width:720px){
	
	.com_ban{ height: 120px; background-size: cover; display: none;}
	.common{ margin:0 auto 20px;}
	.com_nav{border-bottom:none; padding:14px 10px; background: #f2f2f2;}
	.com_nav ul li a{ padding:0 2px; color:#999; font-size:12px;}
	.com_left{ display: none;}
	.com_right{ width: 100%; line-height: 26px;}	
	.com_desc{ height: auto; overflow: hidden; line-height: 26px;}
	
}

/*.com_news{ height: auto; overflow: hidden;}
.com_news ul{ margin: 0; padding: 0;}
.com_news ul li{ width: 268px; float: left; margin: 10px 50px 10px 0;}
.com_news ul li a{ color: #888888;}
.com_news ul li a .n_img{ width: 268px; height: 200px; overflow: hidden;}
.com_news ul li a .n_img img{ max-width: 100%; transition:0.5s;}

.com_news ul li a .n_font{ line-height: 24px; padding: 15px 0 0;}
.com_news ul li a .n_font font{ display: block; line-height: 30px; color: #444444; font-size: 18px; transition: 0.5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_news ul li a .n_font p{ padding: 5px 0;}
.com_news ul li a .n_font i{ font-style: normal; font-size: 12px;}
.com_news ul li:hover a .n_img img{ opacity: 0.7; transition: 0.5s; transform: scale(1.1);}
.com_news ul li:hover a .n_num{ background: #0f3d9d; transition: 0.5s;}

.com_news ul li:hover a .n_font font{ text-decoration: underline; transition: 0.5s;}



@media (max-width:720px){
	
	.com_news ul li{ width: 45%; margin: 0 2.4% 15px;}
	.com_news ul li a .n_img{ width: auto; height: auto;}
	.com_news ul li a .n_font{ line-height: 22px; padding: 5px 0 0;}
	.com_news ul li a .n_font font{line-height: 26px;font-size: 16px;}
	.com_news ul li a .n_font p{ padding: 2px 0 0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
		
}*/
.com_news{height: auto; overflow: hidden;}
.com_news ul{ margin: 0; padding: 0;}
.com_news ul li{  height: auto; overflow: hidden; margin:5px 0 20px 0;}
.com_news ul li a{ color: #666; line-height: 24px;}
.com_news ul li a .n_img{ width: 160px; height: auto; overflow: hidden; float: left;}
.com_news ul li a .n_img img{ max-width: 100%; transition: 0.5s;}
.com_news ul li a:hover .n_img img{ transform: scale(1.2); transition: 0.5s;}
.com_news ul li a .n_font{ width: 690px; float: right; padding: 5px 0;}
.com_news ul li a .n_font font{ font-size: 18px; display: block;}
.com_news ul li a .n_font span{ display: block; color: #888; padding:8px 0;}
.com_news ul li a .n_font i{ display: block; font-size: 12px; color: #999;}

.com_news ul li a:hover .n_font font{ text-decoration: underline;}



@media (max-width:720px){
	
	.com_news ul li{ width: 45%;float: left; margin:5px 2.5% 5px;}
	.com_news ul li a .n_img{ width: 100%; height: auto; float: none;}
	.com_news ul li a:hover .n_img img{ transform: scale(1);}
	.com_news ul li a .n_font{ width: 100%; float: none;}
	.com_news ul li a .n_font font{ font-size: 14px;}
	.com_news ul li a .n_font font,.com_news ul li a .n_font span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px;}
    .com_news ul li a .n_font span{ padding:0;}
}


.com_product{ height: auto; overflow: hidden;}
.com_product ul{ margin: 0; padding: 0;}
.com_product ul li{ width: 268px; float: left; margin: 10px 50px 10px 0;}
.com_product ul li a{ color: #666; display: block; text-align: center;}
.com_product ul li a .n_img{ width: 268px; height: 179px; overflow: hidden;}
.com_product ul li a .n_img img{ max-width: 100%; transition:0.5s;}
.com_product ul li a font{ display: block; line-height: 24px; padding: 15px 0 0; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.5s;}
.com_product ul li:hover a .n_img img{ transform: scale(1.1); transition:0.5s; }


@media (max-width:720px){
	
	.com_product ul{ text-align: center;}
	.com_product ul li{ width: 45%;  margin:5px 2.2% 0; }
	.com_product ul li a .n_img{ width: auto; height: auto;}
	.com_product ul li a font{ padding: 5px 0 0; }
	.com_product ul li:hover a .n_img img{ transform: scale(1);}
	
}



.pro_list{ height: auto; overflow: hidden;}
.pro_list ul{ margin: 0; padding: 0;}
.pro_list ul li{ width:30%; margin: 10px 3.3% 5px 0; float: left; }
.pro_list ul li a{ display: block; font-size: 16px; color: #666; padding: 16px 0;background: #eef2f5; text-align: center; border-radius: 4px; transition: 0.5s;}
.pro_list ul li:hover a{ background: #373f50; color: #FFF; transition: 0.5s;}


.table-box{overflow-x:auto;}
.table-box table{width:100%;cellpadding:0;cellspacing:0;border-collapse:collapse; border: 1px solid #e3e3e3;}
.table-box table th{ background: #e70a0f; font-size: 16px; text-align: center; color: #FFF; padding: 15px;}
.table-box table td{ padding: 15px;font-size: 14px;}
.table-box table td a{ color: #777; display: block;}


@media (max-width:720px){
	
	.pro_list ul{ text-align: center;}
	.pro_list ul li{ width:48%; margin:0 1% 10px 0; float: none; display: inline-block; }
	.pro_list ul li a{ font-size:14px; padding: 10px 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	
	
	
	.table-box table th{ padding: 6px;}
	.table-box table td{ padding: 6px; font-size: 13px;}
}





h1.h1{ text-align:center;font-size:16px;}
.info{ text-align:center; font-size:12px; color:#999999; line-height:3;}

.pagination{ clear:both; text-align:center; padding-top:15px; }
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:10px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}
.pagination li,.pagination a{ line-height:32px;}
.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#666666; color:#FFFFFF}

.pagination li a{ color:#333333; display:block;}
.com_desc *{ max-width:100%;}

.message2{ margin:auto; max-width:600px;}
.message2 .econtent{
	padding: 10px;
	/*border: 1px solid #ddd; float:left; width:100%;*/
}
.message2  .item{
	width:48%;
	float:left;
	margin-right: 1%;
	margin-left: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (max-width:720px){
.message2  .item{ width:98%;}
}

.message2  .item span,.message2  .item2 span{
	display:block;
	line-height:2;
	color:#333333;
	font-weight: bold;
}

.message2 input{
	border-radius:3px;
	height: 35px;
	width:98%;
	padding-left:1%;
	padding-right:1%;
	border: 1px solid #ddd;	font-family: "微软雅黑", "宋体", "Arial Unicode MS";
}
.message2 .item2,.message2  .tijiao{ width:98%; float:left;	margin-right: 1%;
	margin-left: 1%; }
.message2 textarea{
	border: 1px solid #ddd;
	border-radius:3px;
	width:99%;
	height:120px;
	padding-left:0.5%;
	padding-right:0.5%;
	padding-bottom:5px;
	padding-top:5px;
	font-family: "微软雅黑", "宋体", "Arial Unicode MS";
}
.message2  .tijiao{ padding-top:15px;}
.message2  .tijiao button{border-radius:3px;	border:0px solid #ddd;
	background-color:#0f3d9d;
	font-size: 16px;
	color: #FFFFFF;
	height: 45px;
	width: 100%;
}

.null{
	color: #666666;
	text-align: center; line-height:50px;
}
.nextpage{ padding-top:10px; padding-bottom:10px;}
.com_desc *{ max-width:100%;}