body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0;padding: 0; }

*{margin: 0;padding: 0; font-family: '微软雅黑'; }
body { -webkit-overflow-scrolling: touch; text-align:left;max-height: 100%; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;color: #666;}
a{ text-decoration: none; outline: none; color: #666;}
li { list-style: none;}
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none;}
em,i { font-style: normal;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
p{ color: #888888;}
.image{ width:100%; height: 100%;}
.clear{clear: both;}
.left{ float: left;}
.right{ float: right;}
.is-center{ text-align: center;}
.container{ width:1200px; margin:0 auto;}
.white{ color: #fff;}
.color01{ color: #2b2b2b;}
.text-hidden{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.padding{ padding:100px 0 60px;}
.padding01{ padding:70px 0;}
.no-wrap{display: block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;;}

.two-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.wid80{width: 80%;}
.color5{ color: #555555;}
.more-btn{ display: block; width:112px; height:40px; background:#1E50AE; line-height: 40px; color: #fff; text-align: center;}
.auto{ margin:0 auto;}
.mt20{ margin-bottom:20px;}
.pt50{ padding-bottom:50px;}
.pp50{ padding-top:50px;}
.bg{ background:#fafafa;}
.name-padding{ padding:30px 0;}
.ptt{ padding-top:30px;}
.pbb{ padding-bottom:30px;}
.pt01{ padding-top:10px;}
.pp30{ padding-left:280px;}
.pl{ padding-left:50px;}

.header{ height:78px; background:#2e2d57;}
.header .logo{ width:194px; height:58px; margin:10px 0; overflow: hidden; }
.header .navi ul li{ float: left; position: relative; width:128px;}
.header .navi ul li span{ padding-right:15px;}
.header .navi ul li>a{ display: block; width:128px; height:78px; font-size: 16px; text-align: center; line-height: 78px; color: #fff;}
.header .navi ul li>a:hover{color: #cea273;}
.header .navi ul li.active{ width:128px; height:78px;  text-align: center;}
.header .navi ul li.active>a{ color: #cea273;display: block;}
.header .navi ul li:hover .li-hover{ display: block; position: absolute; z-index: 9999;}
.header .navi ul li .li-hover{ position: absolute; display: none;}
.header .navi ul li .li-hover dl{background:#fff; box-shadow: 0 0 10px #ccc;}
.header .navi ul li .li-hover dl dt{ width:128px; height:37px; }
.header .navi ul li .li-hover dl dt>a{ display: block;width:118px;padding:0 5px; height:37px; line-height: 37px; text-align: center;}
.header .navi ul li .li-hover dl dt>a:hover{ background:#cea273; color: #fff;}
.banner{ position: relative; width:100%; overflow: hidden;}
.product-index .product-bg{ width:100%x; margin:-6px auto 0; background:url(../img/product-bg.jpg) no-repeat center top; height:1000px; }
.product-index .product-bg .title{ font-size: 22px; color: #fff; padding-top:45px;}
.product-index .product-bg .product-navi ul li{ border:solid 1px #7b7b7b; margin:30px 10px; display: inline-block;transition: all 0.5s;}
.product-index .product-bg .product-navi ul li a{ display: block; color: #cccccc;padding:8px 38px;}
.product-index .product-bg .product-navi ul li:hover{ border:solid 1px #e1dcfe; transition: all 0.5s;}
.product-index .product-bg .product ul{ margin-left:-15px;}
.product-index .product-bg .product ul li{float: left; width:390px; margin-left:15px; margin-bottom:20px;position: relative;}
.product-index .product-bg .product ul li .product-pic{ width:388px; height:307px; border:solid 1px #dfdfdf; }
.product-index .product-bg .product ul li p{ color: #dfdfdf; padding-top:15px; height:40px; line-height: 22px;}
.product-index .product-bg .product ul li p:hover{ text-decoration: underline; color: #fff; transition: all 0.5s;}
.product-index .product-bg .product ul li .int-add-dom{ 
	background:rgba(0,0,0,0.5);
	height:50px;
	width: 50px;
	margin: -25px 0 0 -25px;
	position: absolute;
	top: 50%;left: 50%;
	opacity: 0;
	-webkit-transition:0.35s ease;
	-moz-transition:0.35s ease;
	overflow: hidden;
}
.product-index .product-bg .product ul li:hover .int-add-dom{
	/*过渡时间，过渡方式*/
	-webkit-transition:0.35s ease;
	-moz-transition:0.35s ease;
	 opacity: 1;
	 
	/*变化的属性*/
	-webkit-transition-property:all;
	-moz-transition-property:all;
	 
	width:388px; 
	height:307px; 
	margin: -180px 0 0 -194px;
}
.product-index .product-bg .product ul li .int-add-dom h3{ color: #fff; padding:150px 30px 0 30px; height:50px; line-height: 24px;}

.news{ padding:50px 0;}
.news .model{ width:593px; height:402px; background:#f9f9f9; border:solid 1px #ededed;}
.news .model .title{ font-size: 22px; padding-top:35px; color: #2e2d57;}
.news .model ul{ padding:0 15px;}
.news .model ul li{ width:543px; height:51px; line-height: 52px; background:url(../img/right.jpg)no-repeat left center; border-bottom:dashed 1px #ebebeb; overflow: hidden; 
padding-left:20px;transition: all 0.5s;}
.news .model ul li p{ width:450px; float: left;transition: all 0.5s;}
.news .model ul li span{ float: right;}
.news .model ul li:last-child{ border:none;}
.news .model ul li a{ display: block;}
.news .model ul li a:hover p{ text-decoration: underline; transition: all 0.5s;}
.news .model ul li a:hover p, .news .model ul li a:hover span{ color: #2e2d57;transition: all 0.5s;}
.company{ width:100%; height:450px; background:url(../img/company-bg.png); padding-top:50px;}
.company .about{ width:1200px; height:400px; background:#fff;}
.company .about .title{ padding-top:35px; font-size: 22px;color: #2e2d57;}
.company .about .cont{padding:30px; height:250px; overflow: hidden;}
.company .about .cont .company-img{ width:450px; height:250px; overflow: hidden;}
.company .about .cont .company-text{ width:670px; height:250px; overflow: hidden; text-align: justify;}
.company .about .cont .company-text p{ line-height:28px ; color: #888888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;text-align: left;}
.case{ padding:40px 0 50px; overflow: hidden;}
.case .title{ font-size: 22px; color: #2e2d57;}
.case ul{ margin-left:-20px; margin-top:30px;}
.case ul li{ float: left; width:285px; height:335px; background:#2e2d57; margin-left:20px; transition: all 0.5s;}
.case ul li:hover{ background:#5f5e96;transition: all 0.5s;}
.case ul li .case-img{ width:265px; height:265px; margin:10px; overflow: hidden;}
.case ul li:hover .case-img img{transform: scale(1.5,1.5);transition: all 0.5s;}
.case ul li p{ padding:11px 5px 0 5px; color: #fff; text-align: center; font-size: 16px;}
.footer{ background:#2e2d57; padding:60px 0;}
.footer .model{ width:180px;}
.footer .model .name{ font-size: 18px; color: #fff; padding-bottom:15px;}
.footer .model ul li{ line-height: 24px;width: 90%;;}
.footer .model ul li a{ color: #fff;}
.footer .model ul li:hover a{text-decoration: underline}

.footer .erweima{ width:164px; text-align: center; margin-left:235px;}
.footer .erweima .erweima-img img{margin:0 auto; width:122px; height:122px; background:#fff;padding:4px; }
.footer .erweima p{ text-align: center; color: #fff;}
.footer .contact-foot{ width:260px;}
.footer .contact-foot .name{ font-size: 18px; padding-bottom:15px; color: #fff;}
.footer .contact-foot p{ color: #fff; line-height: 24px;}
.copyright{ background:#171629; padding:8px 0;}
.copyright p{ color: #fff;}
.aboutus{ padding:30px 0;}
.aboutus .aboutus-title{ width:350px; height:186px; background:#f6f6f6; padding-top:124px;}
.aboutus .aboutus-title .name{ font-size: 24px; color: #2e2d57;}
.aboutus .aboutus-title span{ display: inline-block; width:80px; height:2px; margin:0 auto; background: #cea273;}
.aboutus .aboutus-title .eng{ color:#2e2d57; font-size: 20px;}
.aboutus .content{ width:830px;}
.aboutus .content .title{ width:830px; font-size:20px; color: #2e2d57; border-bottom:solid 2px #cea273; padding-bottom:5px; margin-bottom:5px;}
.aboutus .content p{ color: #666; font-size: 16px; line-height: 28px; text-align: justify;}
.aboutus .content .tel{ width:400px; height:62px; background:url(../img/tel.png) no-repeat 20px center #f8f8f8; border-radius: 4px; margin-top:20px; overflow: hidden;}
.aboutus .content .tel p{ line-height: 62px; padding-left:72px; font-size: 22px; color: #cea273;}
.advantage{ height:224px; overflow: hidden; background:url(../img/advantage-bg.jpg)no-repeat center top; margin-bottom:50px;}
.advantage .advantage-title{ width:320px; height:150px; background:rgba(255,255,255,0.6); padding-top:74px;}
.advantage .advantage-title .name{ font-size: 24px; color: #2e2d57;}
.advantage .advantage-title span{ display: inline-block; width:80px; height:2px; margin:0 auto; background: #fff;}
.advantage .advantage-title .eng{ color:#2e2d57; font-size: 20px;}
.advantage .about{ width:871px;}
.advantage .about ul li{float: left;width:214px; text-align: center; padding-top:60px;}
.advantage .about ul li .icon{ width:57px; height:57px; overflow: hidden; transition: all 0.5s;margin:0 auto;}
.advantage .about ul li .icon img{ width:57px; height:57px; }
.advantage .about ul li:hover .icon img{width:50px; height:50px;transition: all 0.5s; }
.advantage .about ul li p{ color: #fff; padding-top:10px;font-size: 20px;}
.links{ height:55px; line-height: 55px; color: #2E2D57;}
.links a{ padding:0 5px;}
.product-inner .product-le{ padding-bottom:30px;}
.product-inner .system{ width:258px; border:solid 1px #2E2D57; margin-bottom:10px;}
.product-inner .system .title{ width:258px; height:48px; background:#2E2D57; color: #fff; line-height: 48px; text-align: center; font-size: 20px;}
.product-inner .system ul{ padding:10px 15px;}
.product-inner .system ul li{ width:228px; height:48px; margin-bottom:10px; background:#f5f5f5; line-height: 48px;}
.product-inner .system ul li a{ display: block;transition: all 0.5s;padding-left:15px;}
.product-inner .system ul li a:hover{ background:#2E2D57; color: #fff; transition: all 0.5s;}
.product-inner .system ul li.active a{ background:#2E2D57; color: #fff;}
.product-inner .recommend{ width:260px; background:#f8f8f8;}
.product-inner .recommend .top{ padding-top:8px; padding-left:18px;}
.product-inner .recommend span{ display: inline-block; width:62px; height:1px; background:#cccccc; margin-top:14px;}
.product-inner .recommend .name{ font-size: 20px; color: #2E2D57; padding:0 10px; background:#f8f8f8}
.product-inner .recommend .recommend-pic{ width:242px; margin:9px; overflow: hidden;}
.product-inner .recommend .about { padding:0 9px 9px 9px; text-align: center;}
.product-inner .recommend .about p{ color: #555555;}
.product-inner .content{ width:918px;}
.product-inner .content .title{ width:918px; height:48px; line-height: 48px; background:#f8f8f8; text-align: center; color: #2E2D57; font-size: 20px;}
.product-inner .content .cont{ padding-top:20px;}
.product-inner .content .cont ul{ margin-left:-10px;}
.product-inner .content .cont ul li{ width:220px; height:240px; border:solid 1px #ededed; float: left;transition: all 0.5s; margin-left:10px; margin-bottom:20px;}
.product-inner .content .cont ul li .products{ width:200px; height:158px; margin:10px;}
.product-inner .content .cont ul li p{ padding:0 10px;}
.product-inner .content .cont ul li a{ display: block; }
.product-inner .content .cont ul li:hover{border:solid 1px #2E2D57; transition: all 0.5s; }
.product-inner .content .detail .name{font-size:18px; font-weight: bold;}
.fanpage{ padding-top:50px;}
.fanpage ul li{ line-height: 28px;}
.fanpage ul li:hover a{text-decoration: underline;}
.product-inner .content .news-inner{ padding:10px 0 50px;}
.product-inner .content .news-inner ul li{ width:898px; height:42px; border-bottom:dashed 1px #ccc;transition: all 0.5s; overflow: hidden; background:url(../img/right.jpg)no-repeat 5px center; padding-left:20px;}
.product-inner .content .news-inner ul li a{ display: block; width:898px; height:42px;}
.product-inner .content .news-inner ul li p{ width:; float: left; line-height: 42px;}
.product-inner .content .news-inner ul li span{ float: right; line-height: 42px;}
.product-inner .content .news-inner ul li a:hover p{color: #2E2D57; transition: all 0.5s;}
.product-inner .content .news-inner ul li:hover{border-bottom:dashed 1px #2E2D57;transition: all 0.5s; }
.company-about{ padding:20px 0;}
.honor ul{ margin-left:-12px; margin-top:20px;}
.honor ul li{ width:220px; margin-left:12px; float: left; margin-bottom:20px;transition: all 0.5s;}
.honor ul li .honor-img{ width:220px; height:180px; border:solid 1px #ededed;}
.honor ul li p{ color: #666; line-height: 34px;font-size: 16px;}
.honor ul li:hover .honor-img{border:solid 1px #2E2D57;transition: all 0.5s;}
.honor ul li:hover p{ color: #2E2D57;transition: all 0.5s; font-size: 16px;}

.team ul{ margin-left:-12px; margin-top:20px;}
.team ul li{ width:220px; margin-left:12px; float: left; margin-bottom:20px;transition: all 0.5s;}
.team ul li .team-img{ width:220px; height:180px; border:solid 1px #ededed;}
.team ul li p{ color: #666; line-height: 34px;font-size: 16px;}
.team ul li:hover .team-img{border:solid 1px #2E2D57;transition: all 0.5s;}
.team ul li:hover p{ color: #2E2D57;transition: all 0.5s; font-size: 16px;}
.contactus .name{ font-size: 20px; color: #000; padding-bottom:15px;}
.contactus p{line-height: 28px;}
#myform input{ width:360px; height:50px; line-height: 50px; background:#f1f1f1; padding-left:10px; font-size: 15px;}
#myform p{ margin-bottom:15px;}
#myform textarea{ width:360px; height:180px; background:#f1f1f1; padding-left:10px; }
#myform .button{ height:50px; line-height: 50px; width:370px; background:#2E2D57; text-align: center;}
#myform .button a{ display: block; width:370px; height:50px; color: #fff;}
.team-detail{ padding:20px 0}
.team-detail .name{ line-height: 50px; font-size: 18px; color: #2b2b2b;}
.team-detail .about p{ font-size: 16px; line-height: 28px; color: #666;}


/* 页码 */
.page .pageoption{text-align: center;margin: 20px 0;margin-top: 50px;}
.page .pageoption ul li{display: inline-block;margin: 0 3px;}
.page .pageoption ul li a{display: block}
.page .pageoption ul li span{display: block;padding: 5px 10px;border:1px solid #efefef;}
.page .pageoption ul .current{background: #2E2D57}
.page .pageoption ul .current span{color: #fff;border:1px solid #2E2D57;}
.page .pageoption ul li a:hover{background: #2E2D57}
.page .pageoption ul li a:hover span{color: #fff;border:1px solid #2E2D57;}

#hang{ position: fixed; top:500px; right:50px; z-index: 99999999;}
#hang .cont{ background: #fff;border: solid 1px #e0e1e5;border-radius: 5px;padding: 15px;
z-index: 999;box-shadow: 0 1px 3px #ccc;}
#hang .cont .tel-hover{ width:146px;}
#hang .cont .tel-hover .name{ font-size: 15px; color: #2E2D57; font-weight: bold; }
#hang .cont .tel-hover p{ line-height: 24px;color: #2E2D57;font-size: 20px;font-weight: bold; margin-top: 5px;}
#hang .cont .erweima{ width:140px; height:140px; margin:10px auto 0;}
#hang .cont img{ display: block; width:100%; height:100%;}


.product-navi{max-height: 100px;overflow: hidden;}
.none{display: none;}