@charset "utf-8";
/* CSS Document */
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:#333333; font-family:"微软雅黑";}
body{ max-width: 1920px; margin: 0 auto;}
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: #333;transition: 0.5s;}
a:hover {text-decoration: none;color: #666; transition: 0.5s;}

.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;}

@font-face{font-family:HELVETICALTSTD;src: url('../font/HELVETICALTSTD-EXTRACOMP.eot'),url('../font/HELVETICALTSTD-EXTRACOMP.otf'); }


.header{ height: auto;}

.wrapper{ width: 1585px; margin: 0 auto; padding: 0;}
.header .wrapper{ width: 1485px; height: 100px; padding: 0 50px; background-color: rgba(255,255,255,0.8); border-radius: 12px; box-shadow: 0 15px 30px rgba(0,0,0,0.2);}
.logo{ width: 140px; height: 68px; padding:16px 0 0;}
.logo img{ max-width: 100%;}

.com_header{ height: auto;}

.h_nav{ float: right; width:980px; line-height: 100px; height: 100px;}
.h_nav ul{ margin: 0; padding: 0;}
.h_nav ul li{ width: 120px; float: left; position: relative;}
.h_nav ul li a{ display: block; font-size:18px; color: #666;}

.h_nav ul li ul{position:absolute;z-index:99999;width:200px;top:110px;left:-30px;background:rgba(255,255,255,0.95);text-align:left;opacity:0; visibility:hidden; box-shadow: 0 15px 30px rgba(0,0,0,0.2);transition:0.3s;}
.h_nav ul li ul li{width:200px;float:none;border-bottom:1px solid rgba(0,0,0,0.06); padding: 0; line-height: 80px; height: 80px;}
.h_nav ul li ul li a{ color: #666; padding: 0 30px; transition: 0.3s; }
.h_nav ul li:hover ul li a{ color: #666;}
.h_nav ul li:hover ul{opacity:1;visibility:visible;top:100px; transition: 0.3s;}
.h_nav ul li ul li a:hover{background:rgba(0,0,0,0.06);color: #444; transition: 0.3s; padding-left: 40px;}

.h_nav ul li a::after { content: ''; position: absolute; width: 12px; height: 1px; margin-left: 22px; margin-top: 22px; background: rgba(255,255,255,.3); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.h_nav ul li:last-child a::after { width: 0px; }

.fix_top{position:fixed; top:30px;right:0;left:0;z-index:99999;}
.fix_top.shuai{height: auto;border-bottom:none; top:0; background-color: rgba(255,255,255,0.8); box-shadow: 0 15px 30px rgba(0,0,0,0.2);}
.fix_top.shuai .wrapper{ box-shadow: none; background-color: rgba(255,255,255,0);}


.h_lan{ width: 100px; margin-top: 33px;}
.h_lan a{ display: block; color: #80b51c; float: left; text-transform: uppercase; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 100%; border: 1px solid #80b51c; margin-right: 8px; transition: 0.5s;}
.h_lan a:hover,.h_lan a.on{ background: #80b51c; color: #FFF; transition: 0.5s;}



@media (max-width:1600px){
	.wrapper{ width:1300px;}
	.header .wrapper{ width: 1260px; padding: 0 20px}
	.h_nav{width:960px;}
	.h_nav ul li{ width: 120px;}
}

@media (max-width:1350px){
	.wrapper{ width:96%; padding: 0 2%;}
	.header{ background: #FFF;}
	.com_header{ padding:15px 0; height: auto; overflow: hidden; }
	.header .wrapper{ width:96%; height: auto; overflow: hidden; padding: 10px 2%; border-radius: 0;}
	.h_nav{ display: none;}
	.logo{ padding: 0;}
	.fix_top{ position: static; top: 0;}
	.fix_top.shuai{ box-shadow: none;}
    .morenav{ float:right; display:block; background: url(../images/app_nav.png) no-repeat center;width:30px; height:25px; margin: 24px 0 0;}
	.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;}
	.h_lan{ width: 90px; margin-top: 20px;}
	
}



/*PC-Banner*/
.banner {width: 100%;height: auto;overflow: hidden;position: relative; top: 0; background:url(../images/line.jpg) no-repeat center bottom}
.banner .hd {height: 18px;overflow: hidden;position: absolute;right: 0;left: 0;margin: 0 auto;bottom: 45px;z-index: 1;}
.banner .hd ul {overflow: hidden; zoom: 1; text-align: center;}
.banner .hd ul li { display: inline-block; margin: 0 3px; width: 40px;height: 3px;text-align: center;background: #FFF;cursor: pointer; transition: 0.5s;}
.banner .hd ul li.on {background:#80b51c; width: 40px; transition: 0.5s;}
.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:100%}
.banner .bd li a .img img {max-width: 100%;}



/*APP-Banner*/
.app_banner_box {position: relative;margin: 0 auto;width: 100%;overflow: hidden;display: none;}
.app_banner_box .hd {position: absolute;bottom: 15px;width: 100%;height: 10px;}
.app_banner_box .hd ul {width: 100%;text-align: center;}
.app_banner_box .hd ul li {width: 15px;height: 4px;margin:0 5px; background: #FFF;display: inline-block; text-indent: 9999px; cursor: pointer;}
.app_banner_box .hd ul li.on {background:#88ba1d;opacity: 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:1200px){
	.banner .hd {bottom: 25px;}
	.banner .hd ul li { width: 20px;}
	.banner .hd ul li.on {width: 20px;}
	}
@media (max-width:780px){
	.banner{ display: none;}
	.app_banner_box{ display: block;}
}


.i_line{ height: 3px;}
.i_line .fl,.i_line .fr{ width: 50%;height: 3px;}
.i_line .fl{ background: #88ba1d;}
.i_line .fr{ background: #073f8a;}

.a_title{ height: auto; overflow: hidden;  padding: 20px 0 0 15%;}
.a_title font{ display: block; font-size: 36px; line-height: 46px; color: #88ba1d; font-weight: 700;}
.a_title span{ font-size: 18px; color: #999999; display: block; text-transform: uppercase;}

.about_box{ height: auto; overflow: hidden;}
.about_box .a_desc{ width: 58.8%; height: auto; overflow: hidden; padding: 50px 0 0;}
.about_box .a_desc p{ color: #888; line-height: 30px; width: 50%; padding: 60px 0 20px 15%;}
.about_box .a_icon{ height: auto; overflow: hidden; padding:50px 0 66px 15%; background: #88ba1d; margin-top: 50px;}
.about_box .a_icon ul{ margin: 0; padding: 0;}
.about_box .a_icon ul li{ width: 50%; height: 80px; float: left;}
.about_box .a_icon ul li a{ color: #Fff;}
.about_box .a_icon ul li a .icon{ width: 43px; height: 46px; margin: 25px 20px 0 0;}
.about_box .a_icon ul li a .icon_desc{}
.about_box .a_icon ul li a .icon_desc font{ display: block; font-family:HELVETICALTSTD; font-size: 80px; } 
.about_box .a_icon ul li a .icon_desc span{ display: block; font-size: 14px; line-height:32px; padding: 15px 0 0 10px; text-transform: uppercase;}


.about_box .a_img{ width: 41.2%;}
.about_box .a_img img{ max-width: 100%;}


@media (max-width:1900px){
	.about_box .a_desc{ width: 100%; padding: 20px 0 0; }
	.about_box .a_desc p{ width: 60%; padding: 20px 0 20px 15%;}
	.about_box .a_icon{ height: auto; overflow: hidden; padding:20px 0 30px 15%; margin-top: 0;}
	.about_box .a_img{ display: none;}	
	
}

@media (max-width:1350px){
	.a_title{ padding: 20px 2% 0;}
	.about_box .a_desc p{ width: 96%; padding: 20px 2%;}
	.about_box .a_icon{ padding:10px 2% 20px;}
}
@media (max-width:800px){
	.about_box .a_img{ display:block; width: 100%;}
}

@media (max-width:600px){
	.a_title font{ font-size: 30px; line-height: 36px;}
	.a_title span{ font-size: 16px;}
	.about_box .a_icon{ padding:10px 2% 5px;}
	.about_box .a_icon ul li a .icon{ margin: 12px 10px 0 0;}
	.about_box .a_icon ul li a .icon_desc font{ font-size: 60px; } 
    .about_box .a_icon ul li a .icon_desc span{ line-height:30px; padding: 5px 0 0 10px;}
	
}
@media (max-width:500px){
	.about_box .a_icon{ padding:10px 2% 0;}
	.about_box .a_icon ul li a .icon_desc font{ font-size: 40px; padding: 10px 0 0; } 
    .about_box .a_icon ul li a .icon_desc span{ line-height:18px; padding: 15px 0 0 10px;}
}
@media (max-width:410px){
	.about_box .a_icon ul li a .icon{ display: none;}

}

.adv_box {width: 100%;height: 714px;overflow: hidden;position: relative; top: 0;}
.adv_box .hd {height: 100px; line-height: 100px; overflow: hidden; position: absolute;right: 0;left: 0;margin: 0 auto;bottom:80px;z-index: 1; background: rgba(255,255,255,0.8);}
.adv_box .hd ul {overflow: hidden; zoom: 1; text-align: center; margin: 0 auto; padding: 0;}
.adv_box .hd ul li{ display: inline-block; width: 24.5%;height: auto; overflow: hidden; cursor: pointer; background-position: 115px top; background-repeat: no-repeat; transition: 0.5s;}
.adv_box .hd ul li a{ display: block; color: #333; font-size: 24px;}
.adv_box .hd ul li a font{ display: block; padding-left: 80px;}
.adv_box .hd ul li.on{ background-position: 115px bottom; background-color: #88ba1d; transition: 0.5s;}
.adv_box .hd ul li.on a{ color: #fff;}



.adv_box .bd {position: relative;height: 100%;z-index: 0;}
.adv_box .bd li {zoom: 1;vertical-align: middle;}
.adv_box .bd li a {}
.adv_box .bd li a .img {width: 100%;height: 100%;background-position: center top;background-repeat: no-repeat;}
.adv_box .bd li a .img img {max-width: 100%; transition: 0.5s;}
.adv_box .bd li a .img:hover img{ transform: scale(1.1); transition: 0.5s;}


.app_adv_box {position: relative;margin: 0 auto;width: 100%;overflow: hidden;display: none;}
.app_adv_box .hd {position: absolute;bottom: 15px;width: 100%;height: 10px;}
.app_adv_box .hd ul {width: 100%;text-align: center;}
.app_adv_box .hd ul li {width:20px;height:4px;margin:0 2px; background: #FFF;display: inline-block; text-indent: 9999px; cursor: pointer;}
.app_adv_box .hd ul li.on {background:#58ac36;opacity: 1; width: 40px;}
.app_adv_box .bd {position: relative;z-index: 0;}
.app_adv_box .bd li {position: relative;text-align: center;}
.app_adv_box .bd li img {vertical-align: top;width: 100%;}
.app_adv_box .bd li a {-webkit-tap-highlight-color: rgba(0,0,0,0);}



@media (max-width:1600px){
	.adv_box{ display: none;}
	.app_adv_box{ display: block;}
	
}

.c_title{ height: 45px; overflow: hidden; background-repeat: no-repeat; background-position: left center; margin-bottom: 15px;}
.c_title font{ display: block; line-height: 45px; padding-left: 70px; font-size: 24px;}
.c_mar{ margin-left: 15px;}
.contact_box{ height: auto; overflow: hidden; padding: 50px 0; background:url(../images/con_bg.jpg) repeat-y center;}
.contact_box .hezuo{ width: 35%; height: auto;overflow: hidden; padding-left: 5%;}
.contact_box .hezuo ul{ margin: 20px 0 0; padding: 0;}
.contact_box .hezuo ul li{ width: 222px; height: 87px; float: left; margin-right:60px;}
.contact_box .hezuo ul li:last-child{ margin-right: 0;}

.contact_box .contact{width: 55%; height: auto; overflow: hidden;  padding-right: 5%;}
.contact_box .contact .c_desc{ height: auto; overflow: hidden;}
.contact_box .contact .c_desc font{ display: block; font-size: 40px; color: #0f63aa;}
.contact_box .contact .c_desc a{ display: block; width: 150px; font-size: 24px; height: 48px; line-height: 48px; border-radius: 100px; background:#88ba1d; text-align: center; color: #FFF; transition: 0.5s;}
.contact_box .contact .c_desc a:hover{ transition: 0.5s; background: #0f63aa;}

@media (max-width:1600px){
	.c_title{ margin-bottom: 10px;}
	.c_mar{ margin-left: 0;}
	.contact_box{ padding: 30px 0; background:#f5f5f5;}
	.contact_box .hezuo{ width: 100%;}
	.contact_box .hezuo ul{ margin: 0; padding: 0;}
	.contact_box .hezuo ul li{ width: 50%; height: auto; float: left; margin-right:0;}
	.contact_box .hezuo ul li:last-child{ margin-right: 0;}
	.contact_box .hezuo ul li img{ max-width: 100%;}
	.contact_box .contact{width: 100%; padding-right: 0; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #999;}
}
@media (max-width:800px){
	.contact_box .contact .c_desc font{font-size: 30px; line-height: 48px;}
	.contact_box .contact .c_desc a{width: 100px; font-size: 16px;}
}
@media (max-width:640px){
	.contact_box .contact .c_desc font{font-size: 20px; line-height: 20px;}
	.contact_box .contact{ margin-bottom: 30px; padding-bottom: 20px;}
}
@media (max-width:420px){
	.contact_box .contact{margin-bottom: 20px;}
	.contact_box .contact .c_desc a{ display: none;}
}

.n_title{ height: auto; overflow: hidden; }
.n_title font{ display: block; font-size: 36px; line-height: 50px;}
.n_title span{ font-size: 18px; color: #999999; display: block; text-transform: uppercase;}
.n_title a{ display: block; width: 30px; height: 14px; padding: 10px 30px; background: #FFF; margin-top: 10px; transition: 0.5s;}
.n_title a:hover{ background: #f5f5f5; transition: 0.5s;}

.news_box{ height: auto; overflow: hidden; padding: 50px 0 100px;}
.news_box ul{ margin: 30px 0 0; padding: 0;}
.news_box ul li{ width: 31%; height: auto; overflow: hidden; background: #f5f5f5; float: left; margin-left: 2.666%;}

.news_box ul li:first-child{ margin-left: 0;transition: 0.5s;}
.news_box ul li a{ display: block; color: #333333; font-size: 24px;}

.news_box ul li a .img{ width: 500px; height: 238px; overflow: hidden;}
.news_box ul li a .img img{ max-width: 100%; transition: 0.5s;}

.news_box ul li a .n_desc{ height: auto; overflow: hidden; padding: 35px 0 10px;}
.news_box ul li a .n_desc font{ display: block; line-height: 36px; padding:0 35px 30px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_box ul li a .n_desc p{ color: #999999; font-size: 14px; padding: 0 35px;}
.news_box ul li a .n_more{ width: 218px; height: 86px; line-height: 86px; color: #666666; font-size: 14px; float: right; background-repeat: no-repeat; background-position:142px 0; transition: 0.5s;}
.news_box ul li a .n_more font{ padding-left: 52px;}
.news_box ul li:hover { background: #0f63aa;transition: 0.5s;}
.news_box ul li:hover a{ color: #ffff;}
.news_box ul li:hover a .n_desc p{ color: #ffff;} 
.news_box ul li:hover a .n_more{ background-color: #88ba1d; color: #FFF;  background-position: 142px -86px; transition: 0.5s;}
.news_box ul li:hover a .img img{ transition: 0.5s; transform: scale(1.2);}


@media (max-width:1600px){
	.n_title font{ font-size: 30px; line-height: 40px;}
	.news_box{ padding: 30px 0;}
	.news_box ul li a{ font-size: 20px;}
	.news_box ul li a .img{ width: 100%; height: auto;}
	.news_box ul li a .n_desc{ padding: 25px 0 10px;}
	.news_box ul li a .n_desc font{ line-height: 30px; padding:0 15px 10px;}
	.news_box ul li a .n_desc p{padding: 0 15px; margin-bottom: 10px;}
	.news_box ul li a .n_more{ width: 218px; height: 86px; line-height: 86px; float: left;}
}
@media (max-width:600px){
	.news_box ul li{ width: 47.5%; margin:0 1% 10px;}
	.news_box ul li:first-child{ margin-left: 1%;}
	.news_box ul li:nth-of-type(3){ width: 97.2%; margin: 0 1%;}
}
@media (max-width:450px){
	.news_box ul li{ width:98%;}
	.news_box ul li:nth-of-type(3){ width: 98%;}
}
.footer{ height: auto; overflow: hidden; padding: 60px 0 0px; background: #e8edf1;}

.footer .f_logo{ width: 140px; height: 68px; float: left;}


.footer .f_w{ width: 225px; float: left; margin-left: 150px;}
.footer .f_w font{ display: block; font-size: 18px; line-height: 40px;}
.footer .f_w span{ display: block; color: #0e52cb; font-size: 18px; padding-bottom: 15px;}
.footer .f_w a{ width: 16px; height: 16px; float: left; margin:0 20px 0 0;}


.footer .f_adress{ width: 300px; float: left; color:#999999; font-size: 18px; margin-left: 150px; line-height: 30px;}


.footer .f_nav{width: 400px; float: left; margin-left: 100px;}
.footer .f_nav a{ display: block; padding-right: 15px; line-height: 36px; float: left; font-size: 18px;}
.footer .f_nav a:hover{ text-decoration:underline; }
.footer .f_ewm{ width:90px; height: auto; float: right; }
.footer .f_ewm font{ display: block;  color: #999999; line-height:40px;}

.footer .f_bottom{ height: auto; overflow: hidden; border-top: 1px solid #d4d4de; padding: 20px 0; color: #b1b7c2; font-size: 12px; margin-top: 20px;}
.footer .f_bottom a{ color: #2971e8; padding-left: 5px;}
.footer .f_bottom a:hover{ text-decoration: underline;}

@media (max-width:1600px){
	.footer{padding: 30px 0 0;}
	.footer .f_bottom{ margin-bottom: 45px;}
	.footer .f_logo{ float: none; margin: 0 auto;}
	.footer .f_w,.footer .f_adress,.footer .f_nav,.footer .f_ewm{ display: none;}
}
	
@media (max-width:400px){
	.footer{padding: 20px 0 0;}
	.footer .f_bottom .fl,.footer .f_bottom .fr{ float: none; text-align: center; }
}
	


.app_botm{ overflow:hidden; background:rgba(243,243,243,.95); position:fixed; bottom:5px; left:0; right:0; height:44px; z-index:999999; display: none; box-shadow:0 5px 10px rgba(0,0,0,.1); border-radius: 80px; width: 90%; margin: 0 auto;}
.app_botm ul{ margin:0; padding:0; text-align:center;}
.app_botm ul li{ width:32%; display:inline-block; border-left: 1px solid rgba(255,255,255,1)}
.app_botm ul li a{ display: block;}
.app_botm ul li a img{ width: 36px; height: 36px; padding: 4px 0;}
.app_botm ul li:first-child{border-left:none;}

@media (max-width:1600px){
	.app_botm{ display: block;}	
	
}
	
	
	
	
.com_banner{ width: 100%; height: 360px; overflow: hidden; background-repeat: no-repeat; background-position: center;}	
.com_link{ height: 80px; line-height: 80px; background: #FFF; overflow: hidden;}
.com_link .wrapper{ width: 1300px;}
.com_link ul{ margin:0; padding:0; text-align:center;}
.com_link ul li{ width: 200px; float: left; margin-right: 1px;}
.com_link ul li a{display: block; color: #333; font-size: 22px;}
.com_link ul li a:hover,.com_link ul li a.on{ background: #0f63aa; color: #FFF; }


.common{ height: auto; overflow: hidden; background: #f5f5f5; padding: 50px 0 80px;}
.common .wrapper{ width: 1300px;}




.com_title{ height: auto; overflow: hidden; padding-bottom: 20px;}
.com_title font{ display: block; font-size: 36px; line-height: 46px; color: #88ba1d; font-weight: 700;}
.com_title span{ font-size: 18px; color: #999999; display: block; text-transform: uppercase;}
.about{ height: auto; overflow: hidden; color: #666;}	
	
.about p{ line-height: 28px; padding-bottom: 15px;}

@media (max-width:1350px){
	.com_banner{ height: 200px; }
	.common{ padding: 30px 0;}
	.com_link{ display: none;}
	.common .wrapper{ width: 96%; padding: 0 2%;}
	.com_title{ text-align: center;}
	.com_title font{font-size: 30px; line-height: 36px;}
}	

.com_msimg{ height: auto; overflow: hidden; margin-bottom: 20px;}
.com_msimg ul{ margin: 0; padding: 0;}
.com_msimg ul li{ width: 420px; float: left; margin-right: 20px; height: auto; overflow: hidden; background: #FFF;}
.com_msimg ul li a{ display: block; color: #666;}
.com_msimg ul li a .n_img{ width: 100%; height: auto; overflow: hidden;}
.com_msimg ul li a .n_img img{ max-width: 100%; transition: 0.5s;}
.com_msimg ul li:hover a .n_img img{ transform: scale(1.2); transition: 0.5s;}
.com_msimg ul li a .pic_title{ padding:20px 20px 25px;}
.com_msimg ul li a .pic_title font{ display: block; color: #333; font-size:22px; line-height: 30px; padding-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.com_msimg ul li a .pic_title i{ display: block; font-size: 14px; line-height: 20px; font-style: normal;}
.com_msimg ul li:hover a .pic_title font{color: #0f63aa;}
.com_msimg ul li:first-child{ margin-left: 0;}
.com_msimg ul li:last-child{ margin-right: 0;}



.com_ms{ height: auto; overflow: hidden; margin-bottom: 30px;}
.com_ms ul{ margin:0; padding: 0;}
.com_ms ul li{ height: auto; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #d2d2d2;}
.com_ms ul li a{ display: block; color: #333;}
.com_ms ul li a font{ display: block; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px;}
.com_ms ul li a .n_desc{line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #999;}
.com_ms ul li a span{ display: block; color: #999; line-height: 20px; font-size: 14px;}
.com_ms ul li:hover a font{ color: #0f63aa;}

@media (max-width:1350px){
	.com_msimg ul li{ width: 31%; float: left; margin-right: 2.3333%;}
}

@media (max-width:800px){
	.com_msimg ul li a .pic_title{ padding:10px 20px 15px;}
	.com_msimg ul li a .pic_title font{ font-size:16px;}
}
@media (max-width:600px){
	.com_msimg ul li{ width: 48%; margin: 0 1% 10px;}
	.com_msimg ul li:nth-child(3){ width: 98%; margin: 0 1%;}
}
@media (max-width:450px){
	.com_msimg ul li{ width: 98%;}
}
.com_jobs_inf{ margin: 20px auto; text-align: center; transition: 0.5s;}
.com_jobs_inf ul{ margin: 0; padding: 0; text-align: center;}
.com_jobs_inf ul li{ display:block; float: left; margin-right: 2px; line-height: 50px; height: 50px; width: 490px;transition: 0.5s; }
.com_jobs_inf ul li a{ color: #FFF; font-size: 16px; display: block; font-weight: 600;}
.com_jobs_inf ul li:nth-child(1){ background:#0f63aa; width:49%;}
.com_jobs_inf ul li:nth-child(2){ background:#88ba1d; width:49%;}
.com_jobs_inf ul li a span{ padding-left: 10px; font-size: 12px;}
.com_jobs_inf ul li:hover{ transition: 0.5s; text-decoration: underline; box-shadow: 0 2px 10px rgba(1,1,1,0.2);}
	
.com_jobs{ height: auto; overflow: hidden;}
.com_jobs ul{ margin: 0; padding:0;}
.com_jobs ul li{ height: auto; overflow: hidden;}
.com_jobs ul li a{ color: #666; display: block;}
.com_jobs ul li a .c_j_title{ height: 60px; line-height: 60px; overflow: hidden; background: #fff; padding:0 25px; margin: 5px 0;transition: 0.5s;}
.com_jobs ul li a .c_j_title font{ font-size: 16px; color: #241917;}
.com_jobs ul li a .c_j_title span{ font-size: 16px; color: #241917;}
.com_jobs ul li a .c_j_title .w1{ width: 60%;font-size: 16px;}
.com_jobs ul li a .c_j_title .w2{ width: 20%;font-size: 16px;}
.com_jobs ul li a .c_j_title .fr{ width: 10%; text-align: right; color: #666; padding-right: 20px; transition: 0.5s;font-size: 16px;}
.com_jobs ul li a .c_j_title:hover .fr{}
.com_jobs ul li a .c_j_title:hover{transition: 0.5s; box-shadow: 0 2px 5px rgba(1,1,1,0.1);}

@media (max-width:1000px){
	.com_jobs ul li a .c_j_title .w1{ width: 50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.com_jobs ul li a .c_j_title .w2{ width: 30%;}
	.com_jobs ul li a .c_j_title .fr{ width: 16%; padding-right: 1%;}
}
@media (max-width:500px){
	.com_jobs ul li a .c_j_title { padding: 15px 2%; height: auto; overflow: hidden; line-height: 24px;}
	.com_jobs ul li a .c_j_title .w1{ width: 70%;}
	.com_jobs ul li a .c_j_title .w2{ width: 30%;}
	.com_jobs ul li a .c_j_title .fr{ width: 100%; float: none; text-align: left;}
	
}
@media (max-width:400px){
	
	.com_jobs ul li a .c_j_title .w1,.com_jobs ul li a .c_j_title .w2{ width: 100%;}
	.com_jobs ul li a .c_j_title .fl{ float: none;}
}
	

.c_j_box{ height: auto; overflow: hidden;}
.c_j_box .c_j_b,.c_j_box .c_j_contact{ height: auto; overflow: hidden; margin-bottom: 30px; line-height: 30px;}
.c_j_box .c_j_b{ width: 48%; font-size: 14px; }
.c_j_box .c_j_contact{ width: 48%; }
.c_j_box .c_j_contact .bor,.c_j_box .c_j_contact .adr{ margin-top: 5px; padding: 10px 30px 10px 60px; display:inline-block;font-size: 20px;}
.c_j_box .c_j_contact .bor{background:#fff url(../images/mail.png) 20px center no-repeat; }
.c_j_box .c_j_contact .adr{background:#fff url(../images/adress.png) 20px center no-repeat;}
.c_j_box font{ display: block; line-height: 30px; font-size: 18px; color: #0f63aa; padding-bottom: 15px; font-weight: 600;}

@media (max-width:800px){
	.c_j_box .c_j_b,.c_j_box .c_j_contact{ margin-bottom: 20px;}
	.c_j_box .c_j_b{ width: 100%; font-size: 14px; }
	.c_j_box .c_j_contact{ width:100%; }
	.c_j_box .c_j_contact .bor,.c_j_box .c_j_contact .adr{ margin-top: 0; font-size: 16px;}
}


.com_product{height: auto; overflow: hidden;}
.com_product ul{ height: auto; overflow:hidden;}
.com_product ul li{float:left; width:300px; margin:0 25px 30px 0;}
.com_product ul li a{display:block;}
.com_product ul li a .img{width:300px;height:auto; overflow: hidden;}
.com_product ul li a .img img{ max-width: 100%; transition:0.5s;}
.com_product ul li a .main_info{height:auto; overflow: hidden; margin-top: 15px;}
.com_product ul li a .main_info .subtitle{font-size:24px;color:#333; height:30px; line-height:30px; padding-bottom: 5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.com_product ul li a .main_info .subinfo{font-size:14px; color:#666;line-height:24px;overflow:hidden;}
.com_product ul li:hover a .img img{transform:scale(1.1,1.1);}
.com_product ul li:hover a .main_info .subtitle{color:#58ac36;}

@media (max-width:1350px){
	.com_product ul li{float:left; width:31%; margin:0 1.15% 20px;}
	.com_product ul li a .img{width:100%;}
	.com_product ul li a .main_info .subtitle{font-size:18px; padding-bottom: 0;}
	
}
@media (max-width:550px){
	.com_product ul li{width:48%; margin: 0 1% 20px;}
}

@media (max-width:360px){
		.com_product ul li{ width:98%;}
}

.sc-product-detail{overflow:hidden; margin-bottom: 50px;}
.sc-product-detail-pic {float:left;}
.sc-product-detail-pic-big {width:600px;height:300px; padding:30px; background: #fff;overflow:hidden;text-align:center;display:inline-block;}
.sc-product-detail-pic-big img { max-width:100%;margin:0 auto;display:block;max-height:100%}
.sc-product-detail-pic-list {padding-top:14px; width:100%;}
.sc-product-detail-pic-list ul {margin:0;padding:0;list-style:none;overflow:hidden;}
.sc-product-detail-pic-list ul li {float:left;margin:0 10px 6px 0;}
.sc-product-detail-pic-list ul li a {display:block; background: #fff;}
.sc-product-detail-pic-list ul li a.on{ background: #88ba1d;}
.sc-product-detail-pic-big.on { background: #88ba1d;}
.sc-product-detail-pic-list ul li a img {display:block;width:92px; height: 46px; border:0; padding:4px;}


.sc-product-detail-information {float:right;width:580px;}
.sc-product-detail-information-title {font-size:30px;line-height:34px; padding-bottom:20px;color:#373b43;border-bottom:1px solid rgba(0,0,0,0.2);margin-bottom:10px;}
.sc-product-detail-information-description{padding:10px 0;color:#666;line-height:36px; font-size: 18px;}
.sc-product-detail-information-params {}
.sc-product-detail-information-params p {padding:5px 0;line-height:1em;width:100%;overflow:hidden;}
.sc-product-detail-information-params p label {float:left;width:120px;}
.sc-product-detail-information-params p span {display:block;margin-left:130px;}
.sc-product-detail-main {clear:both;padding-top:30px;}
.sc-product-detail-main-tabs {margin:0;padding:0;list-style:none;overflow:hidden;background:#f7f7f7}
.sc-product-detail-main-tabs li {float:left;margin-right:1px;}
.sc-product-detail-main-tabs li a {display:block;line-height:36px; height: 36px; font-weight: 600; padding:8px 30px; font-size:18px;color:#fff;background-color:#666;}
.sc-product-detail-main-tabs li a:hover {background-color:#0f63aa;}
.sc-product-detail-main-tabs li a.selected {background-color:#88ba1d;color: #fff;}
.sc-product-detail-main-item {display:none;padding:25px 0;font-size:16px;line-height:30px;color: #666;}
div.zoomDiv {z-index:9999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}

.sc-product-detail-main-item table{ border-collapse:collapse; border-width:thin; border-style:solid; border-color:#e4e3e3; margin-bottom:10px; }
.sc-product-detail-main-item table td{line-height:30px; padding:6px 10px !important; border: 1px solid #e4e3e3;}
.sc-product-detail-main-item table td img{ max-width:100%;}
.sc-product-detail-main-item table th{border: 1px solid #e4e3e3;}

div.zoomDiv img {display:block;}
div.zoomMask {position:absolute;background:url(../images/sc-product-detail-mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.inproinfo .wrapper{overflow:hidden}
.incon .inpro_content{float:right;font-size:13px;line-height:26px;color:#666;width:70%;padding-top:60px;}

.app_pro_det {height: auto;overflow: hidden; display:none; margin-bottom: 30px; padding-bottom: 20px; border-bottom:1px solid rgba(0,0,0,0.1);}
.app_pro_det .swiper-container {width: 96%;height: 100%;padding: 0 1% 35px;}
.app_pro_det .swiper-slide {width: 32%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}
.app_pro_det .swiper-slide img {max-width: 100%;transition: 0.5s;display: block;}
.app_pro_det .swiper-container-horizontal>.swiper-pagination-bullets,.app_pro .swiper-pagination-custom,.app_pro .swiper-pagination-fraction{bottom: 0;left: 0;width: 100%}
.app_pro_det .swiper-pagination-bullet {width: 9px;height: 9px;display: inline-block;border-radius: 100%;background: #eee;opacity: 1}
.app_pro_det .swiper-pagination-bullet-active {background: #0f63aa;}
.app_pro_det .swiper-slide .pic_img:hover img {opacity: 0.6;}




@media (max-width:1350px){
	.com_pro_det{ margin: 30px 0;}
	.sc-product-detail-pic{ display: none;}
	.sc-product-detail-main {padding-top:10px;}
	.sc-product-detail-information {float:none;width:100%;}
	.sc-product-detail-information-title {font-size:24px;line-height:30px; padding-bottom:10px;}
	.sc-product-detail-information-description{padding:5px 0;color:#666;line-height:30px; font-size: 14px;}
	.sc-product-detail-main-tabs li a {line-height:30px; height: 30px; padding:6px 30px;}
	.sc-product-detail-main-item {line-height:26px;}
	.sc-product-detail{ margin-bottom: 20px;}
	.sc-product-detail-main-item {font-size:14px;}
	.app_pro_det{ display: block;}
	.p_t{ margin: 10px 0 5px;}	
	
}



<!--荣誉列表-->
.com_honors{height: auto; overflow: hidden; padding: 0px 0;}
.com_honors ul{ height: auto; overflow:hidden;}
.com_honors ul li{float:left; width:22%; margin:18px 1.5% ;}
.com_honors ul li a{display:block;}
.com_honors ul li a .img{width:94%;height:auto; overflow: hidden;position: relative;border:1px solid #e2e1e1; padding:3%;background: #fff;}
.com_honors ul li a .img{width:94%;height:auto; overflow: hidden;position: relative;padding:3%;background: #eee;}
.com_honors ul li a .img img{ max-width: 100%; transition:0.5s;height:230px;}

.com_honors ul li a .main_info{height:auto; overflow: hidden; margin-top: 15px;}
.com_honors ul li a .main_info .subtitle{font-size:22px;color:#373b43; height:30px; line-height:30px; padding-bottom: 5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.com_honors ul li a .main_info i{height:1px;width:10px;background:#58ac36;transition:.5s;display:block; margin-top: 10px;}
.com_honors ul li a .main_info .subinfo{font-size:14px; color:#777;line-height:24px;overflow:hidden;width:460px;}
.com_honors ul li:hover a .img img{transform:scale(1.1,1.1);}
.com_honors ul li:hover a .main_info .subtitle{color:#58ac36;}
.com_honors ul li:hover a .main_info i{width:100%;}
.com_honors ul li:nth-child(4n+1){ clear:both}
@media (max-width:720px){
.com_honors ul li{float:left; width:46%; margin:18px 2%;}
.com_honors ul li:nth-child(2n+1){ clear:both}
.com_honors ul li a .img img{ max-width: 100%; transition:0.5s;height:150px;}
}



#cms1 h1.h1{ text-align:center; padding-bottom:10px; font-size:20px; color:#333333}
#cms1 .info{ font-size:12px; color:#CCCCCC; text-align:center;}
.contentl{ padding-top:20px; padding-bottom:20px;}
#cms1 *{ max-width:100%;}
.nextpage{ padding-top:20px;}
.contentl+.nextpage{ padding-top:0px;}



/*page*/
.pages{margin:40px auto 30px;text-align:center; height: auto; overflow: hidden;}
.pagination{text-align:center;display: inline;}
.pagination li{display: inline;padding:20px 20px;background-color:#f1f1f1;margin:0 2px;}
.pagination li a{text-align:center;line-height:30px;font-size:12px; color:#999}
.pagination li.active{background:#58ac36;color:#fff;}
.pagination li.active a{color:#fff;}
.pagination li.disabled{width:74px;}
.pagination li.disabled a{width:60px;}