@charset "utf-8";




html,




body 




{ line-height:180%; font-size:1.0em; font-family: "Microsoft Yahei"; background:white;}




li {list-style:none;}









a {transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color:inherit;text-decoration:none;}




a:hover {text-decoration:none;}









/* 划过图片放大 */




.img-auto { display:block; overflow:hidden; }




.img-auto img { width:auto; height:auto; margin:0px auto; transition: 600ms; }




.img-auto img:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }














/* 顶部 */




#header{padding:0;}




#header .top { height: 40px; line-height: 40px; color: #666; }




#header .top .main { text-align: right; }




#header .top .main div { display: inline-block;}




#header .top .main div img { position:absolute; top:0; right:-20px;}




#header .top .main .tel { color: #ff4800; font-weight: bold; padding-left: 25px }




.f14{font-size:13px !important;}




#header .top .main i.down { display: inline-block; width: 9px; height: 6px; vertical-align: middle; background: url(../images/down.png) right center no-repeat;}




#header .top .main .zixun{position:relative; color:#ff4800; font-weight:bold;font-size:13px}




#header .top .main .lang { background: url(../images/lang.png) left center no-repeat; padding-left: 20px; position: relative; cursor: pointer; font-size:13px}




#header .lang.cur .down-item a{ font-size:14px;}




#header .jigou { position: relative; cursor: pointer; }




#header .lang.cur .down-item { display: block !important; }




#header .lang .down-item,




#header .down-item { display: none !important; position: absolute; left: 0; top: 40px; width: 100px; text-align: center; z-index: 999; line-height: 32px; background-color: rgba(28, 39, 57, 0.9); color: #fff; padding: 5px 0; } 




#header .jigou .down-item { left: -10px; } 




#header .lang .down-item a:hover,




#header .jigou .down-item a:hover { color: #ff9933;} 




#header .top .main .line { background: url(../images/line.png) center center no-repeat; width: 24px; height: 12px;}




#header .top .main ul{padding:0;}









.fade .item img{height:600px;}









#header .top-nav { height: 80px; }




#header .nav ul {padding:0;}




#header .nav ul li { float: left; height: 80px; line-height: 80px; font-size: 16px; position: relative;}




#header .nav ul li a { padding: 0 30px; display: block; }




#header .nav ul li a span{ display: block; height: 80px; border-bottom: solid 3px #fff; }




#header .nav ul li:hover a span{ border-color: #ff4800; }




#header .nav ul li:hover a { color: #ff4800; }




#header .nav ul li.cur a span{ border-color: #ff4800; }




#header .nav ul li.cur a { color: #ff4800; }




#header .nav ul li.search { width: 28px; background:url(../images/search.png) center center no-repeat; cursor: pointer; position: relative; }




#header .nav ul li.search a { width: 100%; height: 100%; display: block; }




#header .nav ul li.search .form { background-color: rgba(28, 39, 57, 0.9); position: absolute; right: 0; top: 80px; width: 300px; height: 60px; z-index: 999; padding: 13px; display: none; }




#header .nav ul li.search.cur .form { display: block !important; }




#header .nav ul li.search .form .txt { width: 240px; padding: 0 10px; height: 34px; line-height: 34px; background: #fff; border: none; border:none; float: left; }




#header .nav ul li.search .form .btn { height: 34px; width: 34px; background:url(../images/search.png) center center no-repeat #fff; float: left; }














#header .nav ul li .nav-down { display: none; width: 185px; background-color: rgba(28, 39, 57, 0.9); position: absolute; left: -30px; top: 80px; z-index: 99; font-size: 16px; }




#header .nav ul li .nav-down ul li { height: 65px; line-height: 65px; text-align: center; color: #fff; width: 100%; border-bottom: solid 1px rgba(255,255,255, .1); }




#header .nav ul li:hover .nav-down { display: block; } 




#header .nav ul li .nav-down ul li:hover { background-color: #fff; color: #ff4800; }




#header .nav ul li:hover .nav-down ul li a { color: #fff;}




#header .nav ul li:hover .nav-down ul li:hover a{  color: #ff4800; }




#header .nav li { transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }









#header .nav ul li .yw-down { display: none; }




#header .nav ul li .yw-down ul li { text-align: left; position: relative; }




#header .nav ul li .yw-down ul li i { display: inline-block; vertical-align: middle; padding-right: 18px; }




#header .nav ul li .yw-down ul li i img.df { display: block; }




#header .nav ul li .yw-down ul li i img.cur { display: none; }




#header .nav ul li .yw-down ul li:hover i img.df { display: none; }




#header .nav ul li .yw-down ul li:hover i img.cur { display: block; }









#header .nav ul li .yw-down ul li .nav-second { display: none; width: 180px; height: 326px; background-color: #fff; border:solid 1px #1c2739; border-left: none; position: absolute; left: 185px; top: 0; padding-top: 10px; font-size: 14px !important; } 




#header .nav ul li .yw-down ul li .nav-second.second2 {




	width: 440px; display: none;




}




#header .nav ul li .yw-down ul li .nav-second.second2 ul li { font-size: 16px; line-height: 45px; }




#header .nav ul li .yw-down ul li .nav-second.second2 ul li.three { height: auto; overflow: hidden; background: none; font-size: 14px;  margin: 0 30px; width: calc(100% - 60px); line-height: 32px; border-bottom: dashed 1px #d3d3d3; color: #666; padding-bottom: 10px; }




#header .nav ul li .yw-down ul li .nav-second.second2 ul li.three a { display: inline-block; width: auto; background: none !important; padding: 0 12px !important; }




#header .nav ul li .yw-down ul li .nav-second.second2 ul li.three:last-child { border-bottom: none;}









#header .nav ul li .yw-down ul li:nth-child(2) .nav-second { top: -65px;}




#header .nav ul li .yw-down ul li:nth-child(3) .nav-second { top: -130px;}




#header .nav ul li .yw-down ul li:nth-child(4) .nav-second { top: -195px;}




#header .nav ul li .yw-down ul li:nth-child(5) .nav-second { top: -260px;}




#header .nav ul li .yw-down ul li:nth-child(6) .nav-second { top: -325px;}




#header .nav ul li .yw-down ul li:nth-child(7) .nav-second { top: -440px;}









#header .nav ul li .yw-down ul li a{text-align:center;}




#header .nav ul li .yw-down ul li:nth-child(1) a{background:url(../images/n11.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(1) a:hover{background:url(../images/n1.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(1) .hover{background:url(../images/n1.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(2) a{background:url(../images/n22.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(2) a:hover{background:url(../images/n2.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(2) .hover{background:url(../images/n2.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(3) a{background:url(../images/n33.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(3) a:hover{background:url(../images/n3.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(3) .hover{background:url(../images/n3.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(4) a{background:url(../images/n44.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(4) a:hover{background:url(../images/n4.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(4) .hover{background:url(../images/n4.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(5) a{background:url(../images/n55.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(5) a:hover{background:url(../images/n5.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(5) .hover{background:url(../images/n5.png) 30px 22px no-repeat;}




#header .nav ul li .yw-down ul li:nth-child(4) .nav-second{width:280px;}









#header .nav ul li .yw-down ul li:hover .nav-second { display: block; }




#header .nav ul li .yw-down ul li .nav-second ul li { color: #333; height:45px; line-height:21px; }  




#header .nav ul li:hover .nav-down ul li:hover .nav-second ul li a {  color: #333; background: url(../images/tb1.png) 30px center no-repeat; padding-left: 50px; }




#header .nav ul li:hover .nav-down ul li:hover .nav-second ul li { background-color: none; }




#header .nav ul li:hover .nav-down ul li:hover .nav-second ul li a:hover {  color: #ff4800; background-image: url(../images/tb1-cur.png);}  




#header .glyphicon {top:0;}  




.glyphicon img{margin-top:30px;cursor:pointer}









/* 热点新闻 */




.hot-news { height: 66px; line-height: 22px; padding: 22px 0; border-bottom: solid 1px #dedede; }




.hot-news .title { background: url(../images/hot.png) left center no-repeat; padding-left: 42px; font-size:14px;}




.hot-news .lists  a{font-size:14px;display:block;}




.hot-news .lists { width: 70%; }




.hot-news .lists ul li { width: 100%; height: 22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}




.hot-news .btn { width: 14px; height: 22px; }




.hot-news .btn a { width: 14px; height: 9px; display: inline-block; background-image: url(../images/a.png); float: left; }




.hot-news .btn a:hover { background-position: right top; }




.hot-news .btn a.next { background-position: left bottom; margin-top: 4px; }




.hot-news .btn a.next:hover { background-position: right bottom; }




.w1200 { max-width:1200px; margin:0 auto; position:relative;}




.fl{float:left;}




.fr{float:right;}




.news {




	height:35px;




	background:#fff;




	overflow:hidden;




}




.news .t_news {




	height:20px;




	color:#2a2a2a;




	overflow:hidden;




	position:relative;




	width:500px;




}




.news .news_li,.swap {




	line-height:20px;




	display:inline-block;




	position:absolute;




	top:0;




	left:10px;




	font-size:14px;




	text-align:left;




	color:#585858;




	margin:0;




	padding:0;




}




.news .swap {




	top:20px;




}




/* 业务领域 */




.colorfff { color: #fff !important; }




.index-yw { text-align: center; padding: 60px 0 72px 0;}




h3.index-title { font-size: 36px; font-weight: normal; color: #222; line-height: 56px; text-align: center; }




p.index-detail { line-height: 22px; padding: 12px; /*font-size: 18px;*/ text-align: center; }




.index-yw ul { padding-top: 20px; }




.index-yw ul li { width: 33.3333%; float: left; padding: 10px;}




.index-yw ul li .box { border:solid 1px #dedede; padding: 22px; height: 282px;transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }




.index-yw ul li .box i { display: inline-block; text-align: center; height: 66px; line-height: 66px; text-align: center; vertical-align: middle; }




.index-yw ul li .box .con { margin: 12px 0 8px 0; height: 70px; line-height: 17px; overflow: hidden; color: #888; }




.index-yw ul li .box .con a{padding:0 0 0 6px;border-right:2px solid #e6e6e6;font-size:14px;}




.index-yw ul li .box .con a:hover{color:#ff4800}




.index-yw ul li .box .con a:last-child{border-right:0;}




.index-yw ul li .box h3 { height: 38px; line-height: 38px; font-weight: bold; font-size: 20px; color: #333; margin:0;}




.index-yw ul li .box img.cur { display: none; }




.index-yw ul li .box:hover { background: #0069d2; color: #fff !important; }




.index-yw ul li .box:hover .con, .index-yw ul li .box:hover h3{ color: #fff !important; }




 




.index-yw ul li .box:hover img.cur { display: block; }




.index-yw ul li .box:hover img.default { display: none; }




.index-yw ul li .box a.more { width: 100px; height: 32px; text-align: center; line-height: 32px; color: #fff; background-color: #0069d2; display: inline-block; margin-top: 12px; transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }




.index-yw ul li .box:hover a.more { background-color: #ff9000; }




.data_box{float:left;margin-right:50px;}




.data_box img{width:236px;height:176px;}




.data_box p{ padding: 20px 0; line-height: 20px; text-align: center; }














/* 独特优势 */




.index-ys { padding: 60px 0 72px 0; height: 725px; background: url(../images/index-bg1.png) top center no-repeat; text-align: center; color: #fff; }




.index-ys .lists { max-width: 1160px; height: 300px; margin: 0 auto; margin-top: 40px; position: relative; }




.index-ys ul li {float:left;width:21%;margin-right:5%;border:1px solid #fff;border-radius:5px;padding:30px 10px;height:370px;}




.index-ys ul li:last-child{margin-right:0;}




.index-ys ul li p{font-size:18px;position:relative;}




.index-ys ul li p i{display:block;width:100%;height:7px;margin-top:12px;position:absolute;}




.linel{background:url(../images/y5.png) no-repeat;}




.index-ys ul li .con{font-size:14px;}




.index-ys ul li:hover{background:rgba(0,168,255,0.5)}









/* 资质荣誉 */




.index-honor { background: #f4f4f4; text-align: center; padding: 60px 0 0 0; }




.index-honor .lists { padding: 20px 0 60px 0; }




.index-honor .swiper-slide { width:100%; }




.index-honor .swiper-slide dl { width: 25%; padding: 0 32px; box-sizing: border-box; display: block; float: left; }




.index-honor .swiper-slide dl dt { width: 100%; }




.index-honor .swiper-slide dl dd { padding: 20px 0; line-height: 20px; text-align: center; }




.index-honor .lists .swiper-pagination-bullet { background-color: #ccc; }




#playBox {




	width:1200px;




	height:300px;




	margin:20px auto;




	position:relative;




	overflow:hidden;




}




#playBox .oUlplay {




	width:99999px;




	position:absolute;




	left:0;




	top:0;




}




#playBox .oUlplay li {




	float:left;




}




#playBox .smalltitle {




	width:500px;




	height:10px;




	position:absolute;




	bottom:15px;




	left:40%;




	z-index:10




}




#playBox .smalltitle ul {




	width:1200px;




	margin:0 auto;




}




#playBox .smalltitle ul li {




	width:10px;




	height:10px;




	margin:0 5px;




	border-radius:10px;




	background:#ccc;




	float:left;




	overflow:hidden;




	cursor:pointer;




}




#playBox .smalltitle .thistitle {




	background:#ff4800;




}




#playBox .pre {




	display:none;




	cursor:pointer;




	width:25px;




	height:45px;




	position:absolute;




	top:150px;




	left:10px;




	z-index:10;




	text-align:center




}




#playBox .next {




	display:none;




	cursor:pointer;




	width:25px;




	height:45px;




	position:absolute;




	top:150px;




	right:10px;




	z-index:10;




	text-align:center




}









/* 合作伙伴 */




.index-partner { text-align: center; padding: 60px 0 0 0; }




.index-partner .lists { padding: 10px 0 60px 0; overflow:hidden;}




.index-partner .swiper-slide { width: 100%; padding: 10px; }




.index-partner .swiper-slide img { width: 215px;height: 95px; margin: 10px; float: left; border:solid 1px #f0f0f0;}




.index-partner .lists .swiper-pagination-bullet, .index-new-pic .swiper-pagination-bullet { background-color: #ccc; }









.index-news { padding: 60px 0 72px 0; background-color: #f2f2f2; }




.index-news .box { padding-top: 20px; }




.index-new-pic { width: 50%; }




.index-new-pic .swiper-slide { position: relative; }




.index-new-pic .swiper-slide .content { position: absolute; left: 0; bottom: 0; background-color: rgba(1, 33, 70, 0.5); color: #fff; padding: 12px 20px; width:100%;}




.index-new-pic .swiper-slide .content h3.title { font-size: 18px; font-weight: normal; }




.index-new-pic .swiper-slide .content .con{ color: #d8d8d8; height: 54px; padding-top: 6px; line-height: 24px; overflow:hidden;  overflow:hidden;  text-overflow:ellipsis;  display:-webkit-box;  -webkit-line-clamp:2; -webkit-box-orient:vertical;




display:-moz-box;  -moz-line-clamp:2; -moz-box-orient:vertical;




display:-ms-box;  -ms-line-clamp:2; -ms-box-orient:vertical;




display:-o-box;  -o-line-clamp:2; -webkit-o-orient:vertical;




 }









.index-new-pic .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { text-align: right; bottom: 70px; }









.index-new-type { width: 50%; padding-left: 10px; }




.index-new-type ul li { float: left; width: 50%; padding: 10px; height: 190px; text-align: center; }




.index-new-type ul li a { display: block; width: 100%; padding: 30px; height: 100%; font-size: 18px; line-height: 42px; background-color: #fff; transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease;  }




.index-new-type ul li:nth-child(1),




.index-new-type ul li:nth-child(2) { padding-top: 0; } 




.index-new-type ul li:nth-child(3),




.index-new-type ul li:nth-child(4) { padding-bottom: 0; } 




.index-new-type ul li:nth-child(2n) { padding-right: 0; } 









.index-new-type ul li i{ display: block; text-align: center; padding-bottom: 10px; }




.index-new-type ul li i img { margin: 0 auto; }




.index-new-type ul li i img.cur {display: none;}




.index-new-type ul li:hover i img.fd {display: none;}




.index-new-type ul li:hover i img.cur {display: block;}




.index-new-type ul li:hover a { background-color: #0069d2; color: #fff; }









#footer { background-color: #333; }




#footer .footer { padding: 20px 0; line-height: 20px; color: #a5b0bd; background-color: #222; }




#footer .ft1 { border-bottom: solid 1px #2a3d54; padding: 15px 0; }




#footer .ft1 dl { height: 90px; display: inline-block; float: left; width: 25%; padding: 20px 0; padding-left: 10px; overflow: hidden; }




#footer .ft1 dl dt { float: left; padding: 5px 0; }




#footer .ft1 dl dd { float: left; padding-left: 24px; line-height: 24px;}




#footer .ft1 dl dd h3 { font-weight: normal; font-size: 16px; color: #89a6c6; }




#footer .ft1 dl dd p { font-size: 12px; color: #a5b0bd; }









#footer .ft2 .fd { width: 31.5%; padding: 30px 0 40px 0; font-size: 16px; color: #a5b0bd; }




#footer .ft2 .fd p { padding: 8px 0; line-height: 24px; font-size:14px;margin:0;}




#footer .ft2 .fd p img { vertical-align: middle; margin-right: 16px; }




#footer .ft2 .form { padding-top: 10px; }




#footer .ft2 .form ul {padding:0;}




#footer .ft2 .form ul li{ padding: 5px 0; height: auto; overflow: hidden; }




#footer .ft2 .form span { display: block; width: 50%; float: left; }




#footer .ft2 .form span:nth-child(1) { padding-right: 5px; }




#footer .ft2 .form span:nth-child(2) { padding-left: 5px; }




#footer .ft2 .form .txt { padding: 0 15px; width: 100%; height:32px; line-height: 32px; background-color: #222; border: none; font-size: 13px; color: #fff; }




#footer .ft2 .form .tarea { resize: none; padding: 7px 15px; font-size: 13px; width: 100%; background-color: #222; border: none; height: 70px; float: left; color: #fff;}




#footer .ft2 .form .btn { height: 32px; border: none; width: 100%; font-size: 13px; background-color: #173455; color: #fff; } 














#footer .ft2 .site { width: 65%; float: right; padding-top: 30px; }




#footer .ft2 .site .item { float: left; padding: 0 45px; line-height: 38px; }




#footer .ft2 .site .ewm { float: right; text-align: center; line-height: 22px; color: #a5b0bd;width:160px;height:160px;} 




#footer .ft2 .site .ewm p { padding: 6px 0; } 




#footer .ft2 .site .ewm a { padding: 0 6px; }




#footer .ft2 .site .item dt { font-size: 16px; color: #f2f2f2; }




#footer .ft2 .site .item dd { color: #a5b0bd; display: block; line-height:38px;font-size:14px;}




#footer .ft2 .site .bds_weixin{background: url(../images/w.png) no-repeat center !important;}




#footer .ft2 .site .bds_tsina{background: url(../images/wb.png) no-repeat center !important;}




#footer .ft2 .site .bds_sqq{background: url(../images/qq.png) no-repeat center !important;}




#footer .share a{display:inline-block !important;margin:0 0 0 3px !important;width:32px !important;height:32px !important;margin-right:15px !important;}














.about_main{ width:1200px;margin:0 auto;padding-top:20px;overflow:hidden;border-bottom:1px solid #fff;}




.about_main dl{width:179px;text-align:center;float:left;margin-right:25px;cursor:pointer;}




.about_main dl.dl6{margin-right:0;}




.about_main dl dd{background:url(../images/ico_img.png) no-repeat center center;width:98px;height:90px;border-radius:100%;margin:auto;transition: all 0.1s;-webkit-transition: all 0.1s;-ms-transition: all 0.1s;-moz-transition: all 0.1s;}




.about_main .dl1 dd{background-position:8px 16px;}




.about_main .dl2 dd{background-position:-92px 14px}




.about_main .dl3 dd{background-position:-195px 21px;}




.about_main .dl4 dd{background-position:-310px 22px;}




.about_main .dl5 dd{background-position:-420px 22px;}




.about_main .dl6 dd{background-position:-515px 20px;}




.about_main dl dt h5{font-size:22px;color:#f8f8f8;font-weight:normal;height:45px;line-height:45px;margin-bottom:5px}




.about_main dl dt p{font-size:14px;color:#ccc;}




.about_main .dl1:hover dd{background-position:8px -64px;}




.about_main .dl2:hover dd{background-position:-92px -66px;}




.about_main .dl3:hover dd{background-position:-195px -59px;}




.about_main .dl4:hover dd{background-position:-310px -58px;}




.about_main .dl5:hover dd{background-position:-420px -58px;}




.about_main .dl6:hover dd{background-position:-515px -60px;}




.about_main dl:hover dd{transition: all 0.2s;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;background:url(../images/ico_img.png) no-repeat center center;}









#footer .links { color: #f2f2f2; line-height: 24px; padding: 22px 0; border-top: solid 1px #2a3d54;}




#footer .links a { color: #a5b0bd; margin: 0 8px; }




#footer .links a:hover { color: #ff4800; }




#footer .links span { width: 68px; float: left; }




#footer .links .content { width: calc(100% - 68px); float: right; }



















/* 公司简介 */




/*about*/




.ny-menu { border-bottom: solid 1px #dedede; }









.ny-menu .container  { float: right; height: 48px; line-height: 48px; padding-left: 25px; width:auto;font-size:14px;}




.ny-menu .sub_menu{margin:0;}




.ny-menu .glyphicon{top:3px;}




.ny-menu .glyphicon-list:before{content:'';display:block;width:19px;height:16px;background: url(../images/tb3.png) left center no-repeat;}




.ny-menu .breadcrumb>li+li:before{content:">";}




.ny-menu .breadcrumb{margin:0;padding:0 15px;background-color:#fff;}




.ny-menu ul { display: inline-block; float: left; width: auto !important;margin:0;padding:0 }




.ny-menu ul li { line-height: 48px; float: left; font-size: 16px; }




.ny-menu ul li a { padding: 0 16px; display: block; }




.ny-menu ul li.cur a { color: #fff; background: #ff6000; }




.ny-menu ul li a:hover { color: #000; }









.ny-container { padding: 35px 0 58px 0; }




.ny-title { font-size: 26px; color: #333; line-height: 40px; padding: 10px 0; }




.ny-title span { color: #a2a1a1;font-size:18px;}




.ny-content { padding: 20px 0 60px 0; line-height: 28px; color: #333; font-size: 16px; }




.b-bottom { border-bottom: solid 1px #e1e1e1; }




.ny-content img{white-space: normal;float: right;margin-left: 60px;}




.ny-content p{font-size:14px;}




.ab-fz { padding-top: 20px; }




.ab-fz .title { font-size: 24px; color: #666; height: 60px; width: 100%; line-height: 60px; text-align:left;}




.ab-fz dl { width: 25%; display: inline-block; float: left; padding-right:56px; } 




.ab-fz dl dd { padding-top: 10px; padding-bottom: 30px; }




.ab-fz dl dd h3 { font-size: 16px; color: #333; font-weight: normal; height: 40px; line-height: 40px; border-bottom: solid 1px #e1e1e1; }




.ab-fz dl dd .con { height: 56px; line-height: 22px; overflow: hidden; padding-top: 12px;}




.ab-fz dl dd .con a { color: #2487dd; }




.ab-fz dl dd .con a:hover { color: #ff4800; }









/* 企业文化 */




.qy-cul { height: auto; overflow: hidden; padding-top: 20px; padding-bottom: 50px; }




.qy-cul dl { width: 33.33%; height: 520px; display: block; float: left;padding:0;}




.qy-cul dl dt, .qy-cul dl dd { height: 260px; position: relative;}




.qy-cul dl dt:before { position: absolute; width: 17px; height: 11px; left: 50%; margin-left: -8px; bottom: 0; z-index: 1; content: ''; background: url(../images/jt.png) no-repeat; }




.qy-cul dl:nth-child(2)  dt:before { bottom: -10px; background: url(../images/jt2.png) no-repeat; }




.qy-cul dl dt img { width: 100%; height: 100%; object-fit: cover;}




.qy-cul dl dd { background-color: #f4f5f5; font-size: 14px; color: #333; padding:30px 20px; line-height: 24px; }




.qy-cul dl dd h3 { font-size: 16px; font-weight: normal; padding-bottom: 6px;margin:0; height:auto;line-height:inherit;}




.qy-cul dl:nth-child(2){position:relative;}




.qy-cul dl:nth-child(2) dd{position:absolute;top:0;width:100%;}




.qy-cul dl:nth-child(2) .ofH{padding-top:260px;}




.huodong ul { display: block; width: 100%; height: 420px; }




.huodong ul li { list-style: none; height: 200px; float: left; padding: 3px; position: relative;}




.huodong ul li .detail { position: absolute; left: 3px; bottom: 3px; height: 42px; line-height: 42px; text-align: center; padding: 0 3px; width: calc(100% - 6px); background-color: rgba(0,0,0, .5); color: #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity: 0; transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; }




.huodong ul li .detail a { color: #fff;}




.huodong ul li:hover .detail {  opacity: 1;}




.huodong ul li img { width: 100%; height: 100%; object-fit: cover;}




.huodong ul li:nth-child(1),




.huodong ul li:nth-child(2),




.huodong ul li:nth-child(4),




.huodong ul li:nth-child(5),




.huodong ul li:nth-child(6),




.huodong ul li:nth-child(9) { width: 17.2%; height: 200px; }









.huodong ul li:nth-child(3) { width: 29.6%; }









.huodong ul li:nth-child(7),




.huodong ul li:nth-child(8) { width: 32%; }




.ab-honor dl { width: 20%; float: left; padding: 0 20px; padding-bottom: 20px;margin:0; }




.ab-honor dl dd { padding-top: 12px; height: 56px; line-height: 22px; overflow: hidden;text-align:center;} 




.ab-yousi { width: 100%; background-size: 100% 100%; position: relative; }




 




/* 招聘信息 */




.ab-job-type { height: auto; line-height: 55px; margin-top: 20px; }




 .ab-job-type ul li { float: left; border-top: solid 1px #e1e1e1; border-right: solid 1px #e1e1e1; font-size: 16px; color: #333; }




 .ab-job-type ul li:first-child { border-left: solid 1px #e1e1e1; }




 .ab-job-type ul li.cur a { color: #fff; background-color: #2487dd; position: relative; }




 .ab-job-type ul li.cur a:after { position: absolute; left: 50%; margin-left: -10px; top: 55px; content: ''; width: 20px; height: 12px; background:url(../images/tb4.png) no-repeat; }




 .ab-job-type ul li a { display: block; padding: 0 30px; font-size: 16px; }




 .ab-job-box { border:solid 1px #e1e1e1; padding: 50px 35px; }




 .ab-job-box table { width: 100%; border:none; }




 .ab-job-box table tr td { width: 20%; border: none; text-align: center; }




 .ab-job-box table.type tr td { height: 50px; background: #ff8000; color: #fff; font-size: 16px;}




 .ab-job-box table.title tr td { height: 50px; border-bottom: solid 1px #e5e5e5; background: #f7f7f8; }




 .ab-job-box dl dd { display: none;  padding: 20px 35px; line-height: 24px; }




 .ab-job-box dl dt { cursor: pointer; }




 .ab-job-box dl dt i.down { display: inline-block; width: 17px; height: 9px; background: url(../images/d.png) no-repeat; margin-left: 6px; } 




 .ab-job-box dl.cur dt i.down { transform:rotate(180deg); }




 .ab-job-box dl.cur dd { display: block; }




.join-btn { height: 32px; display: inline-block; line-height: 32px; color: #fff; padding: 0 12px; border-radius: 4px; background: url(../images/tb5.png) 12px center no-repeat #f39700; padding-left: 32px; transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; margin-top: 30px; }




 .join-btn:hover { color: #fff; background-color: #008cd6; }














/* 合作伙伴 */




.ab-partner { padding: 20px 0;}




 .ab-partner dl { margin: 10px 0; width: 48.8%; border:solid 1px #dcdcdc; height: 176px; float: left; }




 .ab-partner dl:nth-child(2n) { float: right; }




 .ab-partner dl dt { width: 28%; float: left; line-height: 176px; text-align: center;margin:20px auto; }




 .ab-partner dl dt img{ max-width: 80%; vertical-align: middle; display:inline;}




 .ab-partner dl dd { float: right; width: 72%; height: 176px; border-left:solid 1px #dcdcdc; padding: 20px 30px; position: relative; }




 .ab-partner dl dd:after { position: absolute; top: 22%; left: -1px; width: 14px; height:22px; background: url(../images/tb2.png) no-repeat; content: '' }




 .ab-partner dl dd h3 { height: 42px; line-height: 42px; font-size: 16px; margin:0;font-weight:bold;}




 .ab-partner dl dd .con { line-height: 20px;font-size:12px;text-indent:2em; }




 .ab-partner dl dd .con a { color: #2487dd; }




 .ab-partner dl dd .con a:hover { color: #ff4800; }




.p_page nav{width:160px;margin:0 auto;}














/* 联系我们 */




 .ab-contact { padding-top: 30px; }




 .ab-contact .map { float: right; width: 60%; height:400px;}




 .ab-contact .map img{max-width:none;}




 .ab-contact .content { float: left; width: 36%; line-height: 24px; }














/* 公司动态 */




.news-lists { padding: 0 10px;}




 .news-lists dl { padding: 30px 0; height: auto; overflow: hidden; border-bottom: solid 1px #dcdcdc; }




 .news-lists dl dt { width: 22.5%; float: left; }




 .news-lists dl dd { width: 74%; float: right; }




 .news-lists dl dd .con { width: 82%; float: left; }




 .news-lists dl dd .con h3 { line-height: 24px; height: 24px; font-size: 20px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; }




 .news-lists dl dd .con .content { height: 106px; padding-top: 10px; line-height: 24px; overflow: hidden; text-overflow:ellipsis;  display:-webkit-box;  -webkit-line-clamp:4; -webkit-box-orient:vertical;




display:-moz-box;  -moz-line-clamp:4; -moz-box-orient:vertical;




display:-ms-box;  -ms-line-clamp:4; -ms-box-orient:vertical;




display:-o-box;  -o-line-clamp:4; -webkit-o-orient:vertical; }




 .news-lists dl dd .time { float: right; text-align: center; line-height: 30px; }




 .news-lists dl dd .time p:nth-child(1){ border-bottom: solid 1px #000; font-size: 60px; line-height: 70px; }









 .news-lists dl dd .con .share { color: #ccc; padding-top: 12px; }




 .news-lists dl dd .con .share a { display: inline-block; vertical-align: middle; }




 .share .dz { height: 17px; background: url(../images/dz.png) left center no-repeat; padding-left: 20px; color: #ccc; margin-right: 16px; }




 .news-lists dl dd .con .share .wx { background: url(../images/wx.png) left center no-repeat; width: 22px; height: 18px; margin-left: 16px; }




 .news-lists dl dd .con .share .sina { background: url(../images/sina.png) left center no-repeat; width: 24px; height: 18px; margin-left: 16px; }









 .news-lists-vod {}




 .news-lists-vod dl { width:calc( 25% - 30px); float: left; margin: 15px; }




 .news-lists-vod dl dt { position: relative; }




 .news-lists-vod dl dt i { position: absolute; width: 100%; height: 100%; line-height: 100%; left: 0; top: 0; z-index: 999; text-align: center; vertical-align: middle; }




 .news-lists-vod dl dt i img { position: absolute; vertical-align: middle; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; }




 .news-lists-vod dl dd { height: 50px; line-height: 50px; overflow: hidden;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; padding: 0 10px; font-size: 16px; }




 .news-lists-vod dl:hover dd { background-color: #0195d8; color: #fff; }




 .news-lists-vod dl:hover dt i { background: rgba(1, 78, 146, .45); }














/* 文章内容 */




.view-title { text-align: center; height: auto; overflow: hidden; padding: 20px 0 30px 0; }




 .view-title h3 { font-size: 24px; font-weight: bold; line-height: 28px; color:#666; }




 .view-title .time { width: 272px; line-height: 32px; margin: 0 auto; padding: 20px 0; }




 .view-title .bdsharebuttonbox { margin-left: 20px; display: inline-block; float: left; }




 .view-article {width:980px;padding-top: 30px; line-height: 24px; border-top: solid 1px #dcdcdc; }









 .back { height: 48px; text-align: center; margin: 70px 0; }




 .back a { display: inline-block; width: 130px; height: 48px; border: solid 1px #dcdcdc; background-color: #2487dd; color: #fff; line-height: 46px; font-size: 18px; cursor:pointer;}




 .view-page { background-color: #f4f4f4; border: solid 1px #dcdcdc; padding: 20px 30px; color: #000; height: auto; overflow: hidden; line-height: 24px; }




 .view-page span:last-child { float: right; }




.view-page span a { color: #666; }




.view-page span a:hover { color: #2487dd; text-decoration: underline; }









/* 专家团队 */




.team2 { overflow:hidden;}




.team2 img{max-width:100%;display:block;margin:0 auto;}




.team2 .main { height: 750px; width: 1100px; margin: 0 auto; background: url(../images/bg-1.png) center center no-repeat; position: relative; }




.team2 .main .item { position: absolute; width: 300px; line-height: 30px; font-size: 22px; color: #000; text-align: left; }




.team2 .main .item:nth-child(1) { left: 222px; top: 90px; }




.team2 .main .item:nth-child(2) { left: 230px; top: 90px; }




.team2 .main .item:nth-child(3) { left: 102px; top: 245px; }




.team2 .main .item:nth-child(4) { left: 60px; top: 425px; }




.team2 .main .item:nth-child(5) { left: 160px; top: 562px; }




.team2 .main .item:nth-child(6) { left: 440px; top: 688px; }




.team2 .main .item:nth-child(7) { left: 740px; top: 620px; }




.team2 .main .item:nth-child(8) { left: 850px; top: 465px; }




.team2 .main .item:nth-child(9) { left: 856px; top: 290px; }




.team2 .main .item:nth-child(10) { left: 726px; top: 136px; }




.team2 .title { position: absolute; width: 230px; text-align: center; left: 454px; top: 320px; font-size: 30px; color: #fff; }




.team-line{position:relative;width:100%;height:50px;}




.team-line i{position:absolute;top:50%;display:block;width:40%;border-bottom:1px solid #e6e6e6;}




.team-line-l{left:0;}




.team-line-r{right:0;}




.team-line h1{font-size:30px;margin:0;text-align:center;line-height:50px;}




.team-lists { padding: 20px 0; }




.team-lists dl { float: left; width: calc(33.333% - 75px); margin: 18px; border-bottom: solid 2px #ff6000; box-shadow: 0 0 3px 2px #eee; cursor: pointer; }




.team-lists dl .ofH{position:relative;}




.team-lists dl h3 {text-align: center; font-size: 16px; background-color: rgba(0,0,0,0.6); padding: 20px; line-height: 30px;margin:0;  color: #fff;position:absolute;bottom:0;left:0;width:100%;text-align:center;}




/* .team-lists dl dd h3 { font-size: 24px; font-weight: normal; } */




.team-lists dl h3 span { font-size: 14px; color: #fff; }




.team-lists dl:hover h3 { background-color: #ff8000; }




.team-lists dl:hover h3 span { color: #fff; }









.team-lists p{font-size:15px;margin:0;}




.out-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0, .6); z-index: 999; display: none; }




.out-box .box { width: 1100px; background-color: #fff; position: fixed; left: 50%; transform: translateX(-50%); height: 478px; top: 50%; margin-top: -239px;}




.out-box .box .content { width: 100%; height: 100%; position: relative;  padding:50px;}




.out-box .box .close { position: absolute; right: 15px; top: 15px; }




.out-box .box i.close { width: 32px; height: 32px; background: url(../images/close.png) no-repeat; display: block; float: right; cursor: pointer; }




.out-box .box .box-le { width: 40%; padding: 30px; padding-right: 0; }




.out-box .box .box-le dl dt { float: left; width: 46%; }




.out-box .box .box-le dl dt img{ border-radius: 50%; width: 100%; }




.out-box .box .box-le dl dd { width: 50%; float: right; }




.out-box .box .box-ri { width: 55%; padding: 20px; margin-top: 5px; }




.out-box .box .box-ri .con { padding-right: 20px; height: 360px; line-height: 30px; overflow: hidden; overflow-y: scroll; /*margin-top: 10px; */}




.out-box #con img{float:left;}




.t_txt{width:60%;float:right;}














/* 业务领域 */




.ny-current { border-bottom: solid 1px #dedede; }




.ny-current .menu { float: left;}




.ny-current .current { float: right; height: 50px; line-height: 50px; background: url(../images/tb3.png) left center no-repeat; padding-left: 25px; }




.ny-current .title { background-color: #2487dd; padding: 0 16px; color: #fff; position: relative; line-height: 50px; font-size: 16px;}




.ny-current .title:before { width: 11px; height: 17px; position: absolute; right: 0; top: 50%; margin-top: -8px; content: ''; background: url(../images/jt3.png) no-repeat;}




.ny-current .cur-nav { padding:6px 10px; line-height:35px;}




.ny-current .cur-nav ul {padding:0;margin:0;}




.ny-current .cur-nav ul li { list-style: none; float: left; padding: 0 12px; border-right: solid 1px #ccc; font-size: 16px; box-sizing: border-box; }




.ny-current .cur-nav ul li a { color: #666; }




.ny-current .cur-nav ul li.cur a { color: #ff4800;}




.ny-current .cur-nav ul li:last-child { border-right: none;}









.ab-job {}




 .ab-job-type { height: auto; line-height: 55px; margin-top: 20px; }




  .ab-job-type ul{padding:0;}




 .ab-job-type ul li { float: left; border-top: solid 1px #e1e1e1; border-right: solid 1px #e1e1e1; font-size: 16px; color: #333; }




 .ab-job-type ul li:first-child { border-left: solid 1px #e1e1e1; }




 .ab-job-type ul li.cur a { color: #fff; background-color: #2487dd; position: relative;}




 .ab-job-type ul li.cur a:after { position: absolute; left: 50%; margin-left: -10px; top: 55px; content: ''; width: 20px; height: 12px; background:url(../images/tb4.png) no-repeat; }




 .ab-job-type ul li a { display: block; padding: 0 30px; font-size: 16px; cursor:pointer; }




 .ab-job-box { border:solid 1px #e1e1e1; padding: 50px 35px; }




 .ab-job-box table { width: 100%; border:none; }




 .ab-job-box table tr td { width: 20%; border: none; text-align: center; }




 .ab-job-box table.type tr td { height: 50px; background: #008cd6; color: #fff; font-size: 16px;}




 .ab-job-box table.title tr td { height: 50px; border-bottom: solid 1px #e5e5e5; background: #f7f7f8; }




 .ab-job-box dl dd { display: none;  padding: 20px 35px; line-height: 24px; }




 .ab-job-box dl dt { cursor: pointer; }




 .ab-job-box dl dt i.down { display: inline-block; width: 17px; height: 9px; background: url(../images/d.png) no-repeat; margin-left: 6px; } 




 .ab-job-box dl.cur dt i.down { transform:rotate(180deg); }




 .ab-job-box dl.cur dd { display: block; }









 .yw-content { border:solid 1px #e1e1e1; padding: 35px 20px; }




.yw-title { position: relative; color: #333; font-size: 18px; font-weight: bold; padding-left: 10px;}




.yw-title:before { position: absolute; left: 0; height: 13px; width: 2px; top: 6px; content: ''; background-color: #284f91; }




.yw-content .box1 { padding: 12px 0 24px 0; }




.yw-content .box1 ul{padding:0;}




.yw-content .box1 ul li { position: relative; padding-left: 20px; font-size: 14px; line-height: 40px; }




.yw-content .box1 ul li:before { position: absolute; left: 0; height: 6px; width: 6px; top: 17px; content: ''; background-color: #f09700; }




.yw-content .box1 p { position: relative; font-size: 14px; line-height: 40px; margin:0;}




/* .yw-content .box1 p:before { position: absolute; left: 0; height: 6px; width: 6px; top: 17px; content: ''; background-color: #f09700; } */




.yw-content .box2 ul{padding:0;}




.yw-content .box2 ul li{height: 144px; width: calc(50% - 40px); float: left; margin: 20px;}




.yw-content .box2 ul li:nth-child(2n+1) { margin-left: 0; } 




.yw-content .box2 ul li:nth-child(2n+2) { margin-right: 0; } 




.yw-content .box2 ul li div:first-child { padding:20px 6px;  width: 23%; float: left; height: 144px; background-color: #0195d8; font-size: 18px; text-align: center; color: #fff;}









.yw-content .box2 ul li div:last-child { padding: 25px 40px; line-height: 24px; width: 77%; float: right; height: 144px; background: url(../images/j.jpg) right top no-repeat #eff0f2; padding-left: 18px; overflow: hidden; }









.yw-content .box2 { padding-bottom: 20px; }




.yw-content .box2 dl { height: 144px; width: calc(50% - 40px); float: left; margin: 20px; }




.yw-content .box2 dl:nth-child(2n+1) { margin-left: 0; } 




.yw-content .box2 dl:nth-child(2n+2) { margin-right: 0; } 




.yw-content .box2 dl dt { padding: 6px;  width: 23%; float: left; height: 144px; background-color: #0195d8; font-size: 18px; text-align: center; color: #fff;}




.yw-content .box2 dl dt p { padding: 15px 0; }




.yw-content .box2 dl dd { padding: 25px 40px; line-height: 24px; width: 77%; float: right; height: 144px; background: url(../images/j.jpg) right top no-repeat #eff0f2; padding-left: 18px; overflow: hidden; }









.yw-content .box3 { padding: 40px 0; }




.yw-content .box3 dl { float: left; margin: 0 50px; }




.yw-content .box3 dl dd { height: 70px; line-height: 50px; text-align: center; font-size: 14px; color: #333; }




.yw-content .box3 ul{padding:0;}




.yw-content .box3 ul li{float:left;margin:0 50px}




.yw-content .box3 ul li p{text-align:center;}









.yw-content .box { padding: 20px 0 40px 0; line-height: 24px; }









.yw-content .box4 {}




.yw-content .box4 dl { margin: 9px; width: calc(20% - 18px); float: left; }




.yw-content .box4 dl dd { line-height: 60px; text-align: center; font-size: 14px; color: #333; }




 




.yw-content .box5 dl { width: calc(33.333% - 30px); float: left; margin: 15px; }




.yw-content .box5 dl dd { height: 152px; padding: 20px 0; }




.yw-content .box5 dl dd h3 { border-bottom: solid 1px #e1e1e1; height: 44px; line-height: 44px; font-size: 18px; color: #008dd7; font-weight: normal; position: relative; padding-left: 10px; margin:0;}




.yw-content .box5 dl dd h3:after { position: absolute; height: 1px; width: 100px; position: absolute; left: 0; bottom: -1px; background-color: #008dd7; content: '' }




.yw-content .box5 dl dd .con { padding-top: 12px; line-height: 24px; padding-left: 18px; position: relative;font-size:14px;}




.yw-content .box5 dl dd .con:after { position: absolute; left: 0; top: 16px; background:url(../images/tb6.png) center center no-repeat; width: 14px; height: 14px; content: '' }









.yw-case td { padding: 20px; text-align: center; }




.yw-case tr:first-child th { text-align: center; height: 50px; line-height: 50px; background-color: #008cd7; color: #fff; font-size: 16px; font-weight: normal; }




.yw-case { border-left: solid 1px #e5e5e5; /*border-top: solid 1px #e5e5e5; */}




.yw-case tr td{ border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; }




.yw-case tr:nth-child(2n+1) td { background-color: #f2f1f1; }









.yw-content .faq1 { padding-bottom: 20px; border-top:1px solid #e5e5e5;}




.yw-content .faq1 ul li { height: 60px; line-height: 32px; padding: 14px 0; border-bottom: dashed 1px #ccc; width: calc(50% - 30px); float: left; margin: 0 30px; position: relative; padding-left: 16px; }




.yw-content .faq1 ul li:after { position: absolute; left: 0; top: 23px; width: 12px; height: 12px; border:solid 2px #2487dd; content: ''; border-radius: 6px; }




.yw-content .faq1 ul li span.fl { display: block; width: calc(100% - 136px); height: 32px; line-height: 32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; }




.yw-content .faq1 ul li:nth-child(2n) { margin-right: 0;}




.yw-content .faq1 ul li:nth-child(2n+1) { margin-left: 0;}




.yw-content .faq1 ul li a.btnn { float: right; width: 100px; height: 32px; line-height: 30px; border:solid 1px #2487dd; color: #2487dd; text-align: center; transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }




.yw-content .faq1 ul li a.btnn:hover { background-color: #2487dd; color: #fff; }




.menu_content_1{display:none;}




.menu_content_1:first-child{display:block;}









.zl-new {}




.zl-new ul li { height: auto; position:relative; min-height: 70px;}




.zl-new p { display: inline-block; float: left; height: 44px; background-color: #0195d8; line-height: 44px; border-top-right-radius: 22px; border-bottom-right-radius: 22px; font-size: 16px; color: #fff; padding: 0 22px 0 16px; margin-left: 40px; }




.zl-new em { display: block; width: 56px; height: 56px; line-height: 50px; text-align: center; border:solid 3px #0195d8; position: absolute; left: 0;  background-color: #fff; border-radius: 28px; z-index: 1px; top: -6px; font-size: 30px; color: #0195d8; font-style: normal;} 




.lc-1{height:auto;overflow:hidden;}




.lc-1 ul li { list-style: none; float: left; height: 70px; width: 172px; position: relative; margin: 12px 0; margin-right: 42px; font-size: 15px; color: #fff; text-align: center; }




.lc-1 ul li:before { background: url(../images/bg2.png) no-repeat; width: 30px; height: 70px; position: absolute; right: -28px; top: 0; content: ''; }




.lc-1 ul li p { background-color: #008dd7;  width: 138px; margin-left: 32px; padding: 11px 0; padding-left: 20px;}




.lc-1 ul li.li2 span{ line-height: 24px; }




.lc-1 ul li em { display: block; width: 56px; height: 56px; line-height: 50px; text-align: center; border:solid 3px #0195d8; position: absolute; left: 0;  background-color: #fff; border-radius: 28px; z-index: 1; top: 7px; font-size: 30px; color: #0195d8; font-style: normal; }




.faq2 { padding-bottom: 20px; border-top:1px solid #e5e5e5;}




.faq2 ul li { border-bottom: solid 1px #e5e5e5; height: 68px; line-height: 32px; padding: 18px 0; }




.faq2 ul li span.fl { width: calc(100% - 130px); height: 32px; line-height: 32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; padding-left: 10px; }




.faq2 ul li a.btnn { width: 100px; text-align: center; float: right; color: #2487dd; font-size: 14px; }




.faq2 ul li a.btnn:hover {  background-color: #2487dd; color: #fff; }




.box5 ul li{width: calc(33.333% - 30px); float: left; margin: 15px;margin-bottom:0;}




.box5 ul li h3{ border-bottom: solid 1px #e1e1e1; height: 44px; line-height: 44px; font-size: 18px; color: #008dd7; font-weight: normal; position: relative; padding-left: 10px; margin:0;}




.box5 ul li .con{ padding-top: 12px; line-height: 24px; padding-left: 18px; position: relative;font-size:14px;height:108px;overflow:hidden;}









/* 导航 */




.navbar-default {




padding:15px 0px 0px;




background:white;




opacity: 0.9;




}




@media (max-width: 768px) {




.navbar-default {padding:5px 0px;}









}














/* logo */




a.navbar-brand { width:210px;max-height:48px; margin:0px; padding:0px; overflow:hidden;margin-top:20px;}




a.navbar-brand img {max-width:210px;max-height:48px; margin: 0px auto;}




@media (max-width: 768px) {




a.navbar-brand {margin-left:10px; max-width:180px;}




a.navbar-brand img {max-width:180px;max-height:35px;}




}









/* 导航右侧 */




@media (min-width: 768px) {




#navbar {




float:right;




}




}









/*导航用户注册*/




.user-panel { margin:10px 20px 0 0px;  }




.user-panel a,




.user-panel a:visited,




.user-panel a:link{




	color: #198DDD;




	font-size: 14px;




	padding: 5px 10px;




	text-align: center;




	text-decoration: none;




	border:1px solid #198DDD;




}




.user-panel a:hover{ color:#198DDD;}




.user-panel a.top-login {color:white; background:#198DDD;}




.user-panel a:hover {background:#26c79d; color:white;border:1px solid #26c79d;}




}



















@media (min-width: 768px) {




ul.navbar-nav li.oen { height:70px; padding:10px 0px;}




}









.top-nav-right {




  position: absolute;




  top:20px;




  right:0px;




  width:110px;




  margin:0px;




  padding:0px;




  transition: 600ms; 




}














@media all and (min-width:1024px) and (max-width:1024px){




.top-nav-right {top:5px;}




.user-panel { margin:30px 0px 0px 0px;  }




}









@media all and (min-width:1156px) and (max-width:1280px){




.user-panel { margin:10px 60px 0 0px;  }




}














.top-nav-right ul {margin:0px;padding:0px;}









.top-nav-right ul li { 




float:left; 




width:30px;




line-height:30px;




margin:2px; 




}




.top-nav-right ul li.nav-shopping a { 




position: absolute;




top:0px;




right:0px;display:block; width:30px; height:30px;




}




.shopping-box {margin:0px auto; padding:20px;}




.shopping-box li {margin:10px;}









@media (max-width: 768px) {




.user-panel { margin:10px 0px 0px 0px;  }




.top-nav-right {margin-top:10px;}




.top-nav-right ul li.nav-shopping,




.top-nav-right ul li.glyphicon-search {




display:none;




}




.navbar-toggle {z-index:999;}




.top-nav-right {width:30px;position:relative;




top:0px;




left:5px; z-index:99; font-size:26px; }




}









#fat-menu {margin-top:3px;}














.navbar.active .top-nav-right {top:5px;}









/* 幻灯文字 */









.carousel-caption {




bottom:10%;




}














.modal {top:20%;}









.bs-example-modal-lg-search .row { padding:20px; }



















/* 通用 */









.blank5,.blank10,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}




.blank10 {height:10px;}




.blank20 {height:20px;}




.blank30 {height:30px;}




.blank50 {height:50px;}




.blank60 {height:60px;}



















.title,.title-2 { padding:0px; text-align:center; text-transform:uppercase;}




.title h1,.title h3 a { color:#165aa5;line-height:45px;height:45px;font-size:40px; font-weight: normal;text-decoration: none; }




.title h3 small {display:block; clear:both; margin:20px 0px 10px 0px; color:#a1a1a1; font-size:10px; }




.title p,.title-index-1 p { margin:10px auto 30px auto;line-height:20px;color:#333;font-size:16px; }




.title span {}




@media (min-width: 768px) {




.title p,.title-index-1 p {width:600px;}




}




.title-2 a {font-size:30px;}




.title-2 h3 a small {display:block; clear:both; margin:10px 0px 10px 0px; color:#a1a1a1; font-size:8px;}














/* 页底 */














.foot { padding:55px 0px 0px 0px; 




background:#333; color:#9b9b9;}




.foot .container {position: relative;}




.foot a {color:#9b9b9b;}




.foot h5 { color:#9b9b9b; margin-bottom: 60px;  line-height:180%; font-size: 16px; font-weight: normal; }




.foot .foot-nav { clear:both; margin-bottom: 20px; overflow: hidden; }




.foot .foot-nav dl {}









.foot .foot-nav dl dt { position: relative; padding-bottom: 30px; border-bottom: 1px solid #9fa0a1; margin-bottom: 20px; font-size: 20px;  }




.foot .foot-nav dl dt b { position: absolute; display: block; width: 39%; height: 3px; left: 0; bottom: -2px; background-color: #fff; }




.foot .foot-nav dl dd { line-height: 30px; }




.foot .foot-nav dl dd a { font-size: 16px;  }




.foot .copyright { clear:both;  margin:118px 0px 30px 0px; text-align: center; color:#9b9b9b; }









.foot-guestbook {color:#9b9b9b; }














.foot-guestbook .guestbook_input {clear:both; width:100%; border:none; background:#222;color:#fff }




.foot-guestbook #guestbook_textarea {clear:both; width:100%; padding-top:15px;}




.foot-guestbook .guestbook_textarea {clear:both; width:100%;border:none; background:#222;color:#fff; }




.foot-guestbook #guestbook_verify {clear:both; float:left; width:260px; padding-top:15px;}




.foot-guestbook input#verify {border:none; background:none; border-bottom:1px dotted #ccc;}




.foot-guestbook .guestbook_btn {float:left; padding:8px 50px; background:#eee; border:none; color:#333;   border-radius: 3px;width:100%;background:#173455;color:#fff;}




.foot-guestbook .guestbook_btn:hover {background:#165aa5; color:white;}




.foot-guestbook #guestbook_name,




.foot-guestbook #guestbook_tel,




.foot-guestbook #guestbook_email




{float:left;  width:33%; padding:0px 5px;}




.foot-guestbook #guestbook_name span,




.foot-guestbook #guestbook_tel span,.foot-guestbook #guestbook_title span,.foot-guestbook #guestbook_textarea span,




.foot-guestbook #guestbook_email span




{font-size:12px;}




#guestbook_title {clear:both; width:100%;padding:0px 5px;}




.foot-contactus {padding:0px; color:#9b9b9b;}




.foot-contactus ul {padding:10px 0px;}









#verifycode_guest {clear:both; margin:20px 0px;}









#qrcode canvas {width:150px; border:15px solid white;}














.fweixin img {width:150px;}




.fweixin p {  line-height: 24px; text-align: center; color:#9b9b9b;}




@media (max-width: 992px) {




.foot-nav .clear,.fweixin {clear:both;}




.fweixin {margin:30px 0px;}




}




@media (max-width: 468px) {




.foot-guestbook,.foot-guestbook .guestbook_btn {clear:both; margin:30px 0px;}




}









.fweixin p.foot-weixin {padding-top:10px;}









/* 友情链接 */




.home-links { padding:50px 0px 0px 0px;  background:#333; color: #666; }




.home-links .hr  {padding:15px 0px 0px 0px; border-top:1px dotted #555;}




.home-links-left {padding:0px;}




.home-links .links-logo img {




float:left; margin:10px;




opacity: 0.2;




}




.home-links .links-logo img:hover {opacity: 1; transition: 400ms;}




.home-links .links-a { clear:both; margin: 0 auto; font-size: 14px; }




.home-links .links-a a { color: #666; padding: 10px; line-height: 300%; }
























.sub_menu {




margin-top:30px;}



















@media (max-width: 768px) {




.sub_menu {




height:0px;overflow:hidden;




}




}














/* 面包屑导航 */




.breadcrumb {margin-bottom:50px;}




.breadcrumb span {padding-right:15px; color:#ccc;}









/* 内页文字大小按钮 */




.content_tools {




float:right;




margin:30px 0px; 




padding:5px 15px;




background:#eee;




text-align:right;




font-size:14px;




}





























/************* 分页 */









.pages {




  clear:both;




  margin:0px 10px;




  font-size:0.8em;




  color:#888;




}









.pages strong,.pages span {




  color:#FFFFFF;




  display:block;




  float:left;




  height: 26px;




  line-height: 26px;




  float:left;




  padding:0px 8px;




  background:#337ab7;




  margin: 0px 3px 0px 0px;




  font-size:0.8em;




  border-radius: 3px 3px 3px 3px;




}




.pages a,.pages a {




  display:block;




  float:left;




  height:24px;




  line-height:24px;




  float:left;




  padding:0px 8px;




  border:1px solid #337ab7;




  border-radius: 3px 3px 3px 3px;




  text-decoration:none;




  margin: 0px 3px 0px 0px;




  color:#337ab7;




  font-size:0.8em;




}









.pages strong {color:white;}









.pages span {




  float:right;




}









#page {




font-size:0.8em;




}









#page strong {




padding:5px 8px;




background:#337ab7;




border-radius:5px;




color:white;




margin-right:15px;




font-size:0.8em;




}









.pagination {margin:20px 0px 20px 500px;}









.pagination>.thisclass a{color:#fff;background-color:#ff4800;border-color:#ff4800;}














/* 分页 */









.page-number {




 position:relative;




 right:0px;




 top:5px;




  color:#FFFFFF;




  height: 26px;




  line-height: 26px;




  padding:9px 20px;




  background:#337ab7;




  margin: 0px 3px 0px 0px;




  font-size:0.8em;




  border-radius: 3px 3px 3px 3px;




}









/* 正文 */




#content_text {line-height:180%;font-size:1.2em;}





























/* 首页 */














.index-1,.index-3 {  padding:50px 0px; background: #f8f8f8; }




.index-1 ul { overflow: hidden; }




.index-1 li { height: 350px;  overflow: hidden; text-align: center; float: left; border: 1px solid transparent; position: relative; transition: 400ms; }




.index-1 li:hover {background:white;border:1px solid #ccc;}




.index-1 .t1 { width: 100%; height: 140px; padding: 70px 0 0 0; font-size: 14px; color: #9b9797; transition: 400ms; }




.index-1 .t1 .img-auto {height:176px; margin:0px 0px 10px 0px; overflow:hidden; }




.index-1 .t1 a { margin: 0 0 5px 0; font-size: 18px; color: #3a3a3a; transition: 400ms; }




.index-1 .t2 { width: 100%; padding: 20px 10px 0px 10px; height: 80px; line-height: 24px; font-size: 14px; color: #fff; background: #7bc91e; position: absolute; left: 0; bottom: -80px; transition: 400ms; }




.index-1 li:hover .t1 { margin-top:-50px; }




.index-1 li:hover .t2 { bottom:0px; }









@media (max-width: 768px) {




.index-1 li {




margin-bottom:30px;




background:white;border:1px solid #ccc;




}




.index-1 li .t1 { margin-top:-50px; }




.index-1 li .t2 { bottom:0px; }




}














.index-2 {padding:50px 0px;}




.index-2 div div { padding:20px 30px; border:1px solid #eee;  -moz-box-shadow:0px 0px 10px #eee;




-webkit-box-shadow:0px 0px 10px #eee;




box-shadow:0px 0px 10px #eee; border-radius:3px;}




@media (max-width: 768px) {




.index-2 div div {margin-bottom:20px;}




}









.index-2 div div.img-auto a {display:block; height:100px;margin:20px 0px;overflow:hidden;}




.index-2 div div.img-auto h4 a { height:16px; font-size:14px;}




.index-2 div div:hover {background:#eee;}




.index-2 div div p {font-size:12px;color:#555;}




.index-2 div div p.date {color:#999;}



















.index-3 .btn {padding:10px 40px;border-radius:50px;}




.index-3-left { height:240px; overflow:auto; }




.index-3-left p {text-indent:2em; }




@media (max-width: 768px) {




.index-3-left {margin-bottom:30px;}




}









.index-6 {padding:50px 0px;}




.index-6 ul li { height:124px; padding:0px; border:1px solid #eee; overflow:hidden;}




.index-6 ul li .img-auto {




width:89px;




height:68px;




margin:28px 50px;




overflow:hidden;




}



























































/**/




/*列表页 -文字列表*/




/**/




.list-container a {color:#333;}




.list-container p {color:#888;}




.list-container h4 {color:#000; }




.list-container .row{margin-bottom:15px;}




.list-container .news-list{margin-bottom:0;}









.list-border{ min-height:108px; padding:15px; clear:both; border:1px dotted transparent; border-bottom-color:#BBBBBB;}




.list-border-w{border:1px dotted #BBBBBB; margin:15px 0px;}




.list-border:hover{background:#F5F5F5; border-color: #ccc; border-radius: 5px 5px 5px 5px;}














.list-date {width: 4em; float: left; margin-right: 20px;text-align: center;}




.list-date span{display:block;width:1em;line-height:1em;padding-top: .1em;white-space:nowrap;font-size: 4em;color:#555;overflow:hidden;font-family: 'Times New Roman', Times, serif;}




.list-date p {clear:both; display:block; width:5em;overflow:hidden;margin-bottom:0;}









.news-list p,




.news-list-text-pic p,




.list-down p{line-height:1.6;font-size:0.8em;}




.list-down .img-auto {height:170px;overflow:hidden;}



















#projectlist.masonry {




margin: 0 auto;




}









#projectlist { }




.wrapper { margin: 0px auto; }




.projectitem {margin:0px 0px 30px 0px;width: 380px; float: none; -webkit-backface-visibility: hidden;/*谷歌图片闪烁*/ -webkit-transform-style: preserve-3d;}




.projectitem a




{position:relative;display:block; }









.projectitem a:hover




{text-decoration:none;overflow:hidden;}









.projectitem a h4




{display:none;cursor:hand;text-align:center;}









.projectitem a:hover h4




{width:100%; line-height:30px; margin:0; padding:15px 0px;background:#333;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=56);-moz-opacity:0.8;opacity:0.8;}














.projectitem img,




.index-1 img,




.index-2 img,




.index-3 img,




.owl-item img




{




 -moz-box-shadow:0px 0px 10px #888;




-webkit-box-shadow:0px 0px 10px #888;




}









.projectitem p {line-height:200%;font-size:1.2em;}









/*列表页 - 右侧*/









.content-right-list h3 {font-size:16px;}




.content-right-list ol {margin-bottom:60px;}




.content-right-list ol li {list-style-type:decimal ;font-size:14px;line-height:1.8}




@media (max-width: 768px) {




.content-right-list {




margin-top:60px;




}




}



















/* 联系我们地图页 */









.contact-us {background:#242625; }









.contact-us h3 {font-size: 60px;line-height:120%;color:#CCCCCC;text-align:center;padding:50px 0 ;}




.contact-us h3 span{font-weight:bold;color:#C22C45;}




.contact-us h4 {clear:both;  margin:50px auto 0;padding:0 0 50px}









.contact-us dl {}




.contact-us dl dt {line-height:40px;color:#CACACA;font-size: 26px;margin-bottom:10px;}




.contact-us dl dd{color:#AEAEAE;font-size: 1.0em;}




.content-ditu {height:50.8em;overflow:hidden;}
























/* 产品页面右侧文字信息 */




.product_info{  overflow:hidden}




.product_info table{ color:#535353; width:100%; }




.product_info table th{ text-align:right; padding:7px 5px; width:120px; font-weight:normal; color:#888;}




.product_info table td{ padding:5px; color:#535353; font-size:0.9em;}




.product_info table tr{}




.product_info strong{ color:#E53F40; font-size:30px;}




#dialog_link {margin-left:20px;background:#236298;}




@media (max-width: 768px) {




#dialog_link {margin:20px 0px 0px 0px;}




}














/* 滚动图片 */




.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}




.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}




.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}




.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}




.owl-carousel .owl-item {float:left;  padding:0px 50px; overflow:hidden; text-align:center; }









.owl-carousel .owl-item h4 { margin:30px 0px; font-size:16px;}




.owl-carousel .owl-item h4 small {padding-left:20px; font-style : oblique; }














.owl-controls .owl-page,




.owl-controls .owl-buttons div{cursor: pointer;}




.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}




/* mouse grab icon*/




.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}




/* fix*/




.owl-carousel .owl-wrapper,




.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}



















.owl-theme .owl-controls{margin-top: 20px;text-align: center;}




/* Styling Next and Prev buttons*/




.owl-theme .owl-controls .owl-buttons div {color: #333;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 5px 15px;font-size: 20px; font-weight:bold; background: #eee; }




.owl-theme .owl-controls .owl-buttons div:hover {background:#333; color:white;}




/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/




.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}




/* Styling Pagination*/




.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}




.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=30);/*IE7 fix*/opacity: 0.3;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #999;}




.owl-theme .owl-controls .owl-page.active span,




.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}




/* If PaginationNumbers is true*/




.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}




/* preloading images*/




.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}




.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}



















.content-bottom-list-more {padding:8px 15px; background:#eee; color:#888;}









@media (min-width: 768px) {




.servers-wap {




display:none;




}




.dropdown-menu>li>a {padding:10px 20px;}









.navbar .nav > li.oen ul.two {




	margin: 0;




}




.navbar .nav > li.oen:hover ul.two {




	display: block;




}









}









@media (max-width: 768px) {




/* 手机菜单圆形按钮颜色 */




.plug-menu {




background: #ccc;




}









/* 手机菜单弹出按钮颜色 */




.top_menu>li {




background: #ccc;




}









/* 手机菜单平铺背景颜色 */




.foot_mp {




background: #ccc;




}














.servers,




.foot-share,




.content_tools_box




{display:none;}









ul.nav-pills li.active {clear:both; display:block; }




#carousel-example-generic {margin-bottom:30px;}




.content-bottom-list-more {display:block; width:110px; margin-bottom:30px;}









}









.navbar-right {padding:0px;}




.top-nav-right .dropdown-menu li {clear:both;width:98%;}




.lead {font-size:1.0em; line-height: 1.8;}




.index-1 ul,.index-6 ul {margin:0px;padding:0px;}





























.lead img {max-width:100%;}









.child{




display:none;




}














.left-menu {line-height:42px;  border:1px solid #ccc; border-radius: 5px;}




.left-menu ul {margin:0px;padding:0px;}




.left-menu ul li a {display:block; padding:0px 0px 0px 40px;}




.left-menu ul li.two {padding-left:10px;}




.left-menu ul li.three {padding-left:10px;}




.left-menu ul li.four {padding-left:10px;}




.left-menu ul li.five {padding-left:10px;}









.top-login {padding-left:5px;}









#projectlist.masonry {




margin: 0 auto;




}









#projectlist { }




.wrapper { margin: 0px auto; }




.post-masonry {margin:0px 0px 30px 0px; -webkit-backface-visibility: hidden;/*谷歌图片闪烁*/ -webkit-transform-style: preserve-3d;}




.post-masonry a




{position:relative;display:block; }









.post-masonry a:hover




{text-decoration:none;overflow:hidden;}









.post-masonry a h4




{display:none;cursor:hand;text-align:center;}









.post-masonry a:hover h4




{width:100%; line-height:30px; margin:0; padding:15px 0px;background:#333;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=56);-moz-opacity:0.8;opacity:0.8;}
























.post-masonry p {line-height:200%;font-size:1.2em;}









#print img {max-width:100%;}














@media (max-width: 1280px) {




.slide-text h1 {font-size:2.0em;}




.slide-text p {line-height:180%;font-size:1.0em;}




}




@media (max-width: 768px) {




#bootstrap-touch-slider,.banner {margin-top:118px;}




.slide-text h1,




.slide-text p,




.slide-text > a.btn-default, .slide-text > a.btn-primary {display:none;}




}




@media (max-width: 468px) {




#bootstrap-touch-slider,.banner {margin-top:70px;}




}



















.cd-gallery::after {




  clear: both;




  content: "";




  display: table;




}




.cd-gallery > li {




  overflow: hidden;




  position: relative;




  margin-bottom: 2em;














}




.cd-gallery > li > a {




  display: block;




}




@media only screen and (min-width: 768px) {




  .cd-gallery {




    padding:0px;




  }




  .cd-gallery > li {




    float: left;




    margin-bottom: 2.5em;




  }




  .cd-gallery > li:nth-of-type(2n) {




    margin-right: 0;




  }




}




@media only screen and (min-width: 1048px) {









  .no-touch .cd-gallery > li:hover .cd-dots li.selected a {




    /* Slider dots - change background-color of the selected dot when hover over the its parent list item */




    background: #2f2933;




    border-color: #2f2933;




  }




  .no-touch .cd-gallery > li:hover .cd-dots a {




    /* Slider dots - change dot border-color when hover over the its parent list item */




    border-color: #9688a0;




  }




  .no-touch .cd-gallery > li:hover li.move-right, .no-touch .cd-gallery > li:hover li.move-left {




    /* show preview items when hover over the its parent list item */




    opacity: 0.3;




  }




}









.cd-item-wrapper {




  position: relative;




  overflow: hidden;




  margin-top:1em;




}




.cd-item-wrapper li {




  position: absolute;




  top: 0;




  left: 0;




  height: 100%;




  width: 100%;




  opacity: 0;




  /* Force Hardware Acceleration */




  -webkit-transform: translateZ(0);




  -moz-transform: translateZ(0);




  -ms-transform: translateZ(0);




  -o-transform: translateZ(0);




  transform: translateZ(0);




  -webkit-backface-visibility: hidden;




  backface-visibility: hidden;




  will-change: transform, opacity;




  -webkit-transform: translateX(200%) scale(0.7);




  -moz-transform: translateX(200%) scale(0.7);




  -ms-transform: translateX(200%) scale(0.7);




  -o-transform: translateX(200%) scale(0.7);




  transform: translateX(200%) scale(0.7);




  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;




  -moz-transition: -moz-transform 0.4s, opacity 0.4s;




  transition: transform 0.4s, opacity 0.4s;




}




.cd-item-wrapper li.selected {




  /* selected item */




  position: relative;




  opacity: 1;




  -webkit-transform: translateX(0) scale(1.3);




  -moz-transform: translateX(0) scale(1.3);




  -ms-transform: translateX(0) scale(1.3);




  -o-transform: translateX(0) scale(1.3);




  transform: translateX(0) scale(1.3);




}




.cd-item-wrapper li.move-left {




  /* item on left - preview visible */




  -webkit-transform: translateX(-100%) scale(0.7);




  -moz-transform: translateX(-100%) scale(0.7);




  -ms-transform: translateX(-100%) scale(0.7);




  -o-transform: translateX(-100%) scale(0.7);




  transform: translateX(-100%) scale(0.7);




  opacity: 0.3;




}




.cd-item-wrapper li.move-right {




  /* item on right - preview visible */




  -webkit-transform: translateX(100%) scale(0.7);




  -moz-transform: translateX(100%) scale(0.7);




  -ms-transform: translateX(100%) scale(0.7);




  -o-transform: translateX(100%) scale(0.7);




  transform: translateX(100%) scale(0.7);




  opacity: 0.3;




}




.cd-item-wrapper li.hide-left {




  /* items hidden on the left */




  -webkit-transform: translateX(-200%) scale(0.7);




  -moz-transform: translateX(-200%) scale(0.7);




  -ms-transform: translateX(-200%) scale(0.7);




  -o-transform: translateX(-200%) scale(0.7);




  transform: translateX(-200%) scale(0.7);




}




.cd-item-wrapper li img {




  display: block;




  width: 100%;




}




@media only screen and (min-width: 1048px) {




  .cd-item-wrapper li.move-left,




  .cd-item-wrapper li.move-right {




    /* hide preview items */




    opacity: 0;




  }




  .cd-item-wrapper li.focus-on-left {




    /* class added to the .selected and .move-right items when user hovers over the .move-left item (item preview on the left) */




    -webkit-transform: translateX(3%) scale(1.25);




    -moz-transform: translateX(3%) scale(1.25);




    -ms-transform: translateX(3%) scale(1.25);




    -o-transform: translateX(3%) scale(1.25);




    transform: translateX(3%) scale(1.25);




  }




  .cd-item-wrapper li.focus-on-left.move-right {




    -webkit-transform: translateX(103%) scale(0.7);




    -moz-transform: translateX(103%) scale(0.7);




    -ms-transform: translateX(103%) scale(0.7);




    -o-transform: translateX(103%) scale(0.7);




    transform: translateX(103%) scale(0.7);




  }




  .cd-item-wrapper li.focus-on-right {




    /* class added to the .selected and .move-left items when user hovers over the .move-right item (item preview on the right) */




    -webkit-transform: translateX(-3%) scale(1.25);




    -moz-transform: translateX(-3%) scale(1.25);




    -ms-transform: translateX(-3%) scale(1.25);




    -o-transform: translateX(-3%) scale(1.25);




    transform: translateX(-3%) scale(1.25);




  }




  .cd-item-wrapper li.focus-on-right.move-left {




    -webkit-transform: translateX(-103%) scale(0.7);




    -moz-transform: translateX(-103%) scale(0.7);




    -ms-transform: translateX(-103%) scale(0.7);




    -o-transform: translateX(-103%) scale(0.7);




    transform: translateX(-103%) scale(0.7);




  }




  .cd-item-wrapper li.hover {




    /* class added to the preview items (.move-left or .move-right) when user hovers over them */




    opacity: 1 !important;




  }




  .cd-item-wrapper li.hover.move-left {




    -webkit-transform: translateX(-97%) scale(0.75);




    -moz-transform: translateX(-97%) scale(0.75);




    -ms-transform: translateX(-97%) scale(0.75);




    -o-transform: translateX(-97%) scale(0.75);




    transform: translateX(-97%) scale(0.75);




  }




  .cd-item-wrapper li.hover.move-right {




    -webkit-transform: translateX(97%) scale(0.75);




    -moz-transform: translateX(97%) scale(0.75);




    -ms-transform: translateX(97%) scale(0.75);




    -o-transform: translateX(97%) scale(0.75);




    transform: translateX(97%) scale(0.75);




  }




}









.cd-dots {




  /* not visible in the html document - created using jQuery */




  position: absolute;




  bottom: 95px;




  left: 50%;




  right: auto;




  -webkit-transform: translateX(-50%);




  -moz-transform: translateX(-50%);




  -ms-transform: translateX(-50%);




  -o-transform: translateX(-50%);




  transform: translateX(-50%);




  padding: .2em;




}




.cd-dots::after {




  clear: both;




  content: "";




  display: table;




}




.cd-dots li {




  display: inline-block;




  float: left;




  margin: 0 5px;




  pointer-events: none;




}




.cd-dots li.selected a {




  background: #2f2933;




  border-color: #2f2933;




}




.cd-dots a {




  display: block;




  height: 6px;




  width: 6px;




  border-radius: 50%;




  border: 1px solid #9688a0;




  /* image replacement */




  overflow: hidden;




  text-indent: 100%;




  white-space: nowrap;




  -webkit-transition: border-color 0.2s, background-color 0.2s;




  -moz-transition: border-color 0.2s, background-color 0.2s;




  transition: border-color 0.2s, background-color 0.2s;




}




@media only screen and (min-width: 1048px) {




  .cd-dots li {




    pointer-events: auto;




  }




  .cd-dots li.selected a {




    background: #cccccc;




    border-color: #cccccc;




  }




  .cd-dots a {




    height: 8px;




    width: 8px;




    border-color: #cccccc;




    /* fix a bug in IE9/10 - transparent anchor not clickable */




    background-color: rgba(255, 255, 255, 0);




  }




}









.cd-item-info {




  height: 90px;




  line-height: 90px;




  padding: 0 2em;




}




.cd-item-info::after {




  clear: both;




  content: "";




  display: table;




}




.cd-item-info b, .cd-item-info .cd-price, .cd-item-info .cd-new-price {




  font-weight: bold;




  font-size: 2rem;




}




.cd-item-info b {




  float: left;




}




.cd-item-info b a {




  color: #2f2933;




}




.cd-item-info .cd-price, .cd-item-info .cd-new-price {




  /* .cd-new-price not visible in the html document - created using jQuery */




  float: right;




}




.cd-item-info .cd-price {




  color: #a5d05e;




  position: relative;




  margin-left: 10px;




  -webkit-transition: color 0.2s;




  -moz-transition: color 0.2s;




  transition: color 0.2s;




}




.cd-item-info .cd-price::after {




  /* crossing line - visible if price is on sale */




  content: '';




  position: absolute;




  top: 50%;




  bottom: auto;




  -webkit-transform: translateY(-50%);




  -moz-transform: translateY(-50%);




  -ms-transform: translateY(-50%);




  -o-transform: translateY(-50%);




  transform: translateY(-50%);




  left: 0;




  height: 2px;




  width: 0%;




  background-color: #a5d05e;




  opacity: 0;




  -webkit-transition: width 0.2s 0s, opacity 0s 0.2s;




  -moz-transition: width 0.2s 0s, opacity 0s 0.2s;




  transition: width 0.2s 0s, opacity 0s 0.2s;




}




.cd-item-info .cd-price.on-sale::after {




  opacity: 1;




  width: 100%;




  -webkit-transition: width 0.2s 0s, opacity 0s 0s;




  -moz-transition: width 0.2s 0s, opacity 0s 0s;




  transition: width 0.2s 0s, opacity 0s 0s;




}




.cd-item-info .cd-new-price {




  /* new price - visible if price is on sale */




  color: #e76363;




  opacity: 0;




  -webkit-transform: translateX(5px);




  -moz-transform: translateX(5px);




  -ms-transform: translateX(5px);




  -o-transform: translateX(5px);




  transform: translateX(5px);




  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;




  -moz-transition: -moz-transform 0.2s, opacity 0.2s;




  transition: transform 0.2s, opacity 0.2s;




}




.cd-item-info .cd-new-price.is-visible {




  -webkit-transform: translateX(0);




  -moz-transform: translateX(0);




  -ms-transform: translateX(0);




  -o-transform: translateX(0);




  transform: translateX(0);




  opacity: 1;




}




@media only screen and (min-width: 768px) {




  .cd-item-info b, .cd-item-info .cd-price, .cd-item-info .cd-new-price {




    font-size: 2.4rem;




  }




}









.no-js .move-right,




.no-js .move-left {




  display: none;




}









/* -------------------------------- 









xcredits 









-------------------------------- */




.credits {




  width: 90%;




  margin: 2em auto;




  text-align: center;




}









.no-touch .credits a:hover {




  text-decoration: underline;




}









@media (max-width: 468px) {




#content iframe,.content iframe,#print .edui-faked-video {width:300px;height:auto;}




}







































/*主区域分页样式*/



















.page_info{text-align:center;margin-top:10px;color:#333;}



















.page_info span{padding:0 2px;font-weight:bold;}



















.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}



















.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}



















.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}



















.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}