

@charset "gb2312";

/* CSS Document */

*{margin:0;padding:0}

body{ font-family:"microsoft yahei",arial;font-size:14px;color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#666666; }

body {overflow-x: hidden; overflow-y: scroll;}

ol,ul,li{list-style:none}

h1,h2,h3,h4,h5,h6{font-weight:normal}

.clearfix{clear:both;zoom:1;}

.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}

.fl{float:left;}

.fr{float:right}

table{ border-collapse:collapse;}

img{ border:none;}

input,textarea{ outline:none;font-family:"microsoft yahei"; font-size:12px;}


.pages{ margin-bottom:50px}


input,textarea,select,button {font-family: 'Microsoft YaHei',Arial, tahoma,simsun; outline:none;}

area{ outline:none;}

a{ text-decoration:none; color:#333333; -webkit-transition: all ease-in .2s; 

-ms-transition: all ease-in .2s; -moz-transition: all ease-in .2s;

 -o-transition: all ease-in .2s; transition: all ease-in .2s;}

a:hover{ color:#ba0c0d; text-decoration:none;}

ul,li {list-style-type:none; margin:0px; padding:0px;}

img { border:0; margin:0; padding:0;}

.red{color:#ba0c0d;}



@font-face {	

font-family: 'impact';	

src: url("../fonts/impact.eot");

src: url("../fonts/impact.eot") format("embedded-opentype"), 

url("../fonts/impact.woff") format("woff"), 

url("../fonts/impact.ttf") format("truetype"), 

url("../fonts/impact.svg") format("svg");	

font-weight: normal;

font-style: normal;}



@font-face {	

font-family: 'salong';	

src: url("../fonts/salong.eot");

src: url("../fonts/salong.eot") format("embedded-opentype"), 

url("../fonts/salong.woff") format("woff"), 

url("../fonts/salong.ttf") format("truetype"), 

url("../fonts/salong.svg") format("svg");	

font-weight: normal;

font-style: normal;}



[class^="icon-"]:before, [class*="icon-"]:before { display: inline-block; font-family: "salong"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 24px; padding-top: 3px; text-align: center; text-decoration: inherit; text-transform: none; }





.wrap { width:100%; width:1300px; margin:0 auto;}

.top{ height:40px; background-color:#e1e1e1; width:100%; }

.top img{ display:block; height:26px; width:auto; padding:7px 0; margin:0 auto;}







.header{ width:100%;position: fixed;z-index:999; background:#fff;box-shadow: 0 0 6px #ccc;}

.header .logo{ float:left; width:30%; max-height:60px; width:auto; padding:16px 0 0 0;}

.header .logo img{ float:left; max-height:60px; width:auto; display:block;}

.header .menu{width:55%; float:left;margin-left:7%;}

.header .menu li{ float:left;}

.header .menu .cur{color:#ba0c0d}

.header .menu li .menu_a{ font-size:16px; line-height:90px; display:block; margin:0 37px; position:relative}

.header .menu li .menu_a i{ position:absolute;left:0px;top:87px; width:0; height:3px; background:#ba0c0d; transition:.5s}

.header .menu li .menu_a:hover i{ color:#ba0c0d}

.header .menu li .sub{ font-size:15px; position:absolute;left:0; background-color:rgba(0, 0, 0, 0.5);width:100%; display:none; z-index:999;}

.header .menu li .sub div{ width:100%; max-width:1200px; margin:0 auto;}

.header .menu li .sub p{ line-height:50px;text-align:center; float:left}

.header .menu li .sub p a{ display:block;padding:0 20px; color:#fff}

.header .menu li:hover .menu_a.cur i{ width:40px;}

.header .menu li .sub p a:hover{ background:#ba0c0d; color:#fff}



.header .menu li .sub .sub_1{ margin-left:237px;}

.header .menu li .sub .sub_2{ margin-left:375px;;}

.header .menu li .sub .sub_3{ margin-left:47px;}

.header .menu li .sub .sub_4{ margin-left:652px;}



.header .use{ float:right; position:relative; margin:15px 0;}

.header .use li{ float:left; margin-left:25px;}

.header .use .input01{ display:none; border-radius:20px; border:solid 1px #ddd; width:150px; position:absolute; left:-125px; line-height:30px; top:14px; padding:0 15px; }

.header .use .sytijiao{ line-height:60px; position:relative; z-index:999; display:block; width:16px; background:url(../images/top_icon01.png) no-repeat center center; background-size:100% auto; border:none; cursor:pointer}

.header .use .sou:hover .input01{ display:block}

.header .use .sou{ margin-right:15px;}

.header .use .pins a{ height:60px; width:18px; background:url(../images/top_icon02.png) no-repeat center center; display:block; background-size:100% auto; border:none; cursor:pointer}

.header .use .weibo a{ height:60px; width:20px; background:url(../images/top_icon03.png) no-repeat center center; display:block; background-size:100% auto; border:none; cursor:pointer}

.header .use .weixin{ position:relative; }

.header .use .weixin a{ height:60px; width:20px; background:url(../images/top_icon04.png) no-repeat center center; display:block; background-size:100% auto; border:none; cursor:pointer}

.header .use .weixin .erweima{ display:none; position:absolute; right:-100px; top:-15px }

.header .use .weixin:hover .erweima{ display:block; }

.header .use .weixin .erweima img{ height:90px;  width:auto}



.slides-sticky { overflow: hidden; height: auto; padding-top:130px }

.slide-home .swiper-container { margin: 0 auto; position: relative; height: 600px; overflow: hidden; z-index: 1 }

.swiper-container-no-flexbox .swiper-slide { float: left }

.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column }

.swiper-wrapper { position: relative; width: 100%; height: auto; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-sizing: content-box; box-sizing: content-box }

.swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-fles-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }

.swiper-slide { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; overflow: hidden }

.swiper-slide img { display: block; margin: 0 auto }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x }

.swiper-ffe .swiper-button, .slide-home .swiper-button { top: 0; z-index: 10; width: 10%; height: 600px; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0 }

.swiper-pagination-bullet { margin: 0 6px; width: 8px; height: 8px; border-radius: 100%; display: inline-block; background-color: #fff; cursor: pointer; opacity: 0.8 }

.swiper-pagination-bullet-active { background-color: #636af3 }

.swiper-pagination-bullet:hover { background-color: #636af3 }

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block }

.swiper-container-horizontal>.swiper-pagination { right: 30px; position: absolute; display: inline-block; z-index: 10 }

.slide-home { float: left; width: 100% }

.swiper-image { background-size: cover; background-position: center center; background-repeat: no-repeat; width: auto; min-height: 600px; display: -webkit-box; display: -ms-flexbox; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }

.swiper-post { position: absolute; bottom: 0; right: 0; left: 0; padding: 12px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.4)), to(rgba(0,0,0,.4))); background-image: linear-gradient(top, rgba(0,0,0,.4) 0, rgba(0,0,0,.4) 100%); background-image: -webkit-linear-gradient(top, rgba(0,0,0,.4) 0, rgba(0,0,0,.4) 100%); z-index: 1 }

.swiper-post p, .swiper-post h3 { color: #fff }

.swiper-post p { display: block; width: 76%; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #ddd }

.swiper-post h3 { font-size: 16px; margin-bottom: 4px }

.swiper-ffe .swiper-button, .slide-home .swiper-button { font-size: 60px; line-height: 24px; padding: 300px 0; color: #fff; cursor: pointer; position: absolute; text-align: center; background: #222 url(../images/swiper-button_bg.png); opacity: 0.4 }

.swiper-ffe .swiper-button:hover, .slide-home .swiper-button:hover { opacity: 0.8 }

.swiper-ffe .swiper-button-next, .slide-home .swiper-button-next { right: 0; border-radius: 4px 0 0 4px }

.swiper-ffe .swiper-button-prev, .slide-home .swiper-button-prev { left: 0; border-radius: 0 4px 4px 0 }

.swiper-button.swiper-button-disabled { cursor: no-drop }

.swiper-slide-active { z-index: 999 }









.chengjiu{ background-color:#fff; padding:35px 0;}

.chengjiu li{ float:left; width:33.33%; border-right:solid 1px #ddd; margin-left:-1px;}

.chengjiu li:first-child{ margin-left:0px;}

.chengjiu li:last-child{ border-right:none; }



.chengjiu li h3{ width:90%; max-width:130px; margin:0 auto; color:#666666; font-size:48px; line-height:55px;font-family: 'impact'; }

.chengjiu li:first-child h3{transform: scale(1.2,1);-ms-transform: scale(1.2,1);-webkit-transform: scale(1.2,1);-moz-transform: scale(1.2,1);-o-transform: scale(1.2,1); padding-left:20px;}

.chengjiu li h3 span{ font-size:16px; margin-left:10px}

.chengjiu li p{ width:90%; max-width:130px; margin:0 auto; font-size:16px; color:#666;}



.chengjiu li h3 i{ font-style: normal; }





.case { padding:50px 0 0px 0; background-color:#f8f8f8;}

.case .title{ text-align:center}

.case .title h3{ font-size:28px; color:#666; line-height:52px;}

.case .title p{ font-size:16px; color:#999; line-height:32px;}



.case .conn{ padding:15px 0;}





.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

/* display none until init */

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

}

.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(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: 10px;

	text-align: center;

}



/* Styling Next and Prev buttons */



.owl-theme .owl-controls .owl-buttons div{

	color: #FFF;

	display: inline-block;

	zoom: 1;

	*display: inline;/*IE7 life-saver */

	margin: 5px;

	padding: 3px 10px;

	font-size: 13px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

	background: #000;

	filter: Alpha(Opacity=50);/*IE7 fix*/

	opacity: 0.5;

}

/* 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;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px;

	background: #7f7f7f;

}



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

.owl-theme .owl-controls.clickable .owl-page:hover span{

	background: #ba0c0d;

}





.dowebok-outer { padding-bottom:50px;}

#dowebok {max-width:100%;margin: 0 auto;overflow: visible;}



#dowebok .owl-wrapper-outer { margin: 0 auto;}

.item {position: relative;margin-top: 0;margin-bottom: 0; width:94%; margin-left:3%}



.item a{ display:block; width:100%; }

.item img{ width:100%; border:solid 1px #eaeaea; margin-bottom:10px;opacity: 1;object-fit: cover; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%);filter: gray;}

.item:hover img{opacity:1;filter:alpha(opacity=0);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}



.item .txt{background-color: rgba(0, 0, 0, 0.7); text-align:center; position: relative; margin-top:-68px; padding:4px; width:100%; display:block; height:60px; overflow:hidden; color:#fff; transition:.5s;}

.item .txt h3{ line-height:26px; font-size:18px; font-weight:normal}

.item .txt p{ line-height:26px; font-size:14px;}



.owl-theme .owl-controls .owl-buttons div { position: absolute; top: 40%; margin: 0; padding: 0; border-radius: 0; }



.footer{ background-color:#4a4a4a; padding:45px 0 52px 0;}

.footer .fleft{ float:left; width:32%;background: url(../images/fline01.png) repeat-y right center; min-height:150px;}

.footer h3{ color:#fff; line-height:32px; margin-bottom:12px; font-size:18px;}

.footer p{ line-height:28px; color:#cccccc; font-size:14px;}

.footer .fleft p{ padding-left:20px;}

.footer .fleft .icon01{background: url(../images/ficon01.png) no-repeat left center;}

.footer .fleft .icon02{background: url(../images/ficon02.png) no-repeat left center;}

.footer .fleft .icon03{background: url(../images/ficon03.png) no-repeat left center;}



.footer .fmid{ float:left; width:48%; margin-left:5%;background: url(../images/fline01.png) repeat-y right center; min-height:150px;}

.footer .fmid ul li{ float:left; width:33.33%}

.footer .fmid ul li a{line-height:28px; color:#cccccc; font-size:14px;}

.footer .fright{ float:right; width:15%; max-width:114px; text-align: center}



.copyright{ padding:25px 0; line-height:20px; color:#ccc; text-align:center;background: url(../images/fline02.png) #4a4a4a repeat-x center top;} 

.copyright a{ color:#ccc}

.copyright a:hover{ color:#fff}



.kefu{ position:fixed; z-index:99999; right:0; top:50%; width:54px; height:219px;background: url(../images/kefu.jpg) no-repeat center center;}

.kefu li{ display:block; height:54px; margin-bottom:1px;}

.kefu li a{ display:block; height:54px; width:54px;}

.landown{width:120px;display:none;position:absolute; z-index:99; clear:both; margin-left:-120px; margin-top:-54px;}





.nbanner{ padding-top:93px;height:280px;}

.ncasebanner{ margin-top:93px;height:350px; position: relative}

.ncasebanner .wwrap{ background-color:rgba(0,0,0,0.75); position:absolute; width:100%; height:100%}

.ncasebanner .text{ color:#fff; text-align:center; position:absolute; top:50%; margin-top:-30px; width:100%;} 

.ncasebanner .text h3{ font-size:35px; font-weight:bold; margin-bottom:30px; line-height:35px;}

.ncasebanner .text p{ font-size:14px;}





.ncasebanner .date{background: url(../images/icon-rili02.png) no-repeat left center;padding-left: 25px;padding-right: 20px;}

.ncasebanner .see {background: url(../images/icon-yan02.png) no-repeat left center;padding-left: 25px;}



.nbanner h3{ font-size:36px; color:#fff; font-weight:bold; line-height:280px; text-align:center;}

.nguide .wrap{ height:62px; border-bottom:solid 1px #ddd}

.nguide .location{ float:left; color:#666; font-size:14px; line-height:62px; background:url(../images/home.png) no-repeat left center; padding-left:25px;}

.nguide .location a{color:#666;}

.nguide .location a:hover{color:#ba0c0d;}



.nguide .nnav{ float:right}

.nguide .nnav li{ float:right; line-height:60px; margin-left:40px;}

.nguide .nnav li a{ color:#333; font-size:16px; border-bottom:solid 2px #fff; display:block;}

.nguide .nnav li a:hover, .nguide .nnav li .cur{ color:#ba0c0d;border-bottom:solid 2px #ba0c0d;}





.nguide .nnav02{ float:right}

.nguide .nnav02 li{ float:right; line-height:60px; margin-left:40px;}

.nguide .nnav02 li a{ color:#333; font-size:16px; border-bottom:solid 2px #fff; display:block;}

.nguide .nnav02 li a:hover, .nguide .nnav02 li .cur{ color:#ba0c0d;border-bottom:solid 2px #ba0c0d;}



.nguide .nnav03{ float:right}

.nguide .nnav03 li{ float:right; line-height:60px; margin-left:40px;}

.nguide .nnav03 li a{ color:#333; font-size:16px; border-bottom:solid 2px #fff; display:block;}

.nguide .nnav03 li a:hover, .nguide .nnav03 li .cur{ color:#ba0c0d;border-bottom:solid 2px #ba0c0d;}



.nguide .nnav04{ float:right}

.nguide .nnav04 li{ float:right; line-height:60px; margin-left:40px;}

.nguide .nnav04 li a{ color:#333; font-size:16px; border-bottom:solid 2px #fff; display:block;}

.nguide .nnav04 li a:hover, .nguide .nnav04 li .cur{ color:#ba0c0d;border-bottom:solid 2px #ba0c0d;}





.company{ padding:30px 0 0 0;}

.company .title{ padding:30px 0 20px 0; text-align:center}

.company .title h3{line-height:42px; color:#333; font-size:30px; }

.company .title p{font-size:16px;line-height:30px; color:#666; text-transform:uppercase;}



.company .conn{ padding:20px 0;}

.company .conn p{font-size:16px; color:#333; line-height:39px; margin-bottom:25px; }



.shuzhi{ padding:100px 0;background:url(../images/about.jpg) no-repeat center center;background-size:cover; margin:20px 0;}





.shuzhi li h3{ font-family: 'impact'; color:#ba0c0d;font-size:56px; }

.shuzhi li h3 em{ font-style:normal}

.shuzhi li p{ color:#fff;}

.shuzhi li h3 span{ font-size:20px; margin-left:10px}





.yewuleft { float:left; width:50%; text-align:center; background-color:#f8f8f8; padding:100px 0;min-height:400px;}

.nmain .yewu .yewuleft p{ font-size:18px; line-height:38px;}

.yewuright {float:left; width:50%;background:url(../images/yewu01.jpg) no-repeat center center; height:280px; background-size:cover; min-height:600px;}



.liucheng{ margin-bottom:50px;}

.liuchengright { float:left; width:50%; text-align:center; background-color:#f8f8f8; padding:100px 0;min-height:400px;}

.liuchengleft {float:left; width:50%;background:url(../images/11.jpg) no-repeat center center; height:280px; background-size:cover; min-height:600px;}

.liuchengright h3{background:url(../images/jiantou.png) no-repeat center bottom; padding-bottom:40px; margin-bottom:20px; font-size:20px;}



.liuchengright h3:last-child{ padding-bottom:0; background:none;}



.liuchengright h3 span{ /*color:#ba0c0d;*/ font-weight:bold; font-size:24px; margin-right:15px;}





.honor{ padding:25px 0;}

.honor li{ float:left; width:23.4%; margin-right:2%;}

.honor li:nth-child(4n){ margin-right:0}

.honor li:nth-child(4n+1){ clear:both; margin-bottom:20px}

.honor li .pic{ display:block; overflow:hidden; width:98%; margin:1%;}

.honor li .pic img{cursor:pointer; transition:all 1.5s; width:100%;}

.honor li:hover .pic img{transform:scale(1.1);}





.divTeamList{ padding-top: 5%; }

.divTeamList ul{}

.divTeamList ul li{ float: left; width:23.5%; margin-right: 2%; margin-bottom: 2%; }

.divTeamList ul li:nth-child(4n){margin-right: 0%;}

.divTeamList ul li a{ display: block; }

.divTeamList ul li img{ width: 100%; }

.divTeamList ul li span{ display: block; text-align: center; }

.divTeamList ul li .span_name{ font-size: 18px; color: #212121; line-height: 28px; padding-top: 10px;padding-bottom:5px;}

.divTeamList ul li .span_info{ font-size: 18px; color: #adadad;  padding-bottom: 20px;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }

.divTeamList ul li:hover .span_name{ color: #ba0c0d; }

.divTeamList ul li:hover .span_info{ color: #ba0c0d; }

.divTeamList .Pages{ padding-top: 0; }



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

.divUserBg .divUserBox{ background-color: #fff; margin-top: 10%; width:90%; max-width:1200px; margin-right:auto;margin-left:auto}

.divUserBg .divUserBox .divUserContent{ padding:5%; position: relative;}

.divUserBg .divUserBox .divUserContent .a_close{ position: absolute; top: 20px; right: 20px; width:35PX; height: 35px; background:url(../images/icon_close.png) no-repeat center center; z-index: 999; }

.divUserBg .divUserBox .divUserContent .divUserInfo{ position: relative; }

.divUserBg .divUserBox .divUserContent .divUserInfo .divUserImg{float:left; width:30% }

.divUserBg .divUserBox .divUserContent .divUserInfo .divUserImg img{ width:100%; vertical-align: middle; }

.divUserBg .divUserBox .divUserContent .divUserInfo .divUserCont{ float:right; width:66%}

.divUserBg .divUserBox .divUserContent .divUserInfo .divUserCont .span_name{ display: block; font-size: 2.167em; color: #212121; line-height: 1.2; padding-top: 20px;}

.divUserBg .divUserBox .divUserContent .divUserInfo .divUserCont .span_info{ display: block; font-size: 1.333em; color: #adadad;  padding-bottom: 20px;}

.divUserBg .divUserBox .divUserContent .divUserInfo .divUserCont .divInfo{ font-size: 1.167em; color: #212121; line-height: 30px; height: 160px; overflow-y: auto; padding-top:20px; }





.case-list{ padding:35px 0 50px 0;}

.case-list ul li{width: 32%; float: left;position: relative; overflow: hidden; display: block; margin-bottom:2%; margin-right:2%; }

.case-list ul li:nth-child(3n){ margin-right:0}

.case-list ul li:nth-child(3n+1){ clear:both}



.case-list li .pic{ overflow: hidden;}

.case-list li img{cursor:pointer; transition:all 1.5s; width:100%; display:block; border:none}

.case-list li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1)}



.case-list li .icon{ line-height:40px; position:relative; margin-top:-20px; padding:0 30px; float:right; color:#fff; font-size:14px;}

.case-list li .wenzi{ padding:6%; background-color:#f9f9f9; line-height:30px; color:#333}

.case-list li .wenzi h3{ font-size:18px;}

.case-list li .wenzi p{ font-size:15px; margin-bottom:30px}

.case-list li:hover .wenzi h3, .case-list li:hover .wenzi p{ text-decoration:underline; }



.case-list li .bg5{background-color:rgba(186,12,13,0.75); }

.case-list li .bg6{background-color:rgba(232,131,0,.75); }

.case-list li .bg8{background-color:rgba(85,111,181,.75); }

.case-list li .bg9{background-color:rgba(59,1,208,0.75); }

.case-list li .bg11{background-color:rgba(0,120,255,0.75); }

.case-list li .bg14{background-color:rgba(174,93,161,.75); }



.case-list li .other_info {color: #a5a5a5;text-decoration: none; font-size:14px; text-align:right; margin-top:-25px}

.case-list li .date{background: url(../images/icon-rili.png) no-repeat left center;padding-left: 25px;padding-right: 50px;}

.case-list li .see {background: url(../images/icon-yan.png) no-repeat left center;padding-left: 25px;}



.part_line {width: 27px;height: 1px;display: block;background-color: #cdcdcd;font-size: 0; margin-top:10px;}





.nmain .title{ line-height:45px; text-align:center; font-size:26px; margin:40px 0 20px 0; color:#333;}

.casede{ margin-top:50px; position:relative;}

 

.casede1 li{ float:left; width:100%; }

.casede li img{ display:block; width:60%; margin:0 auto; height:auto;}

.arr1 a{ display:block; width:3%; position:absolute; top:42%; left:1%; z-index:1;}

.arr2 a{ display:block; width:3%; position:absolute; top:42%; right:3%;z-index:1;}

.arr1 a:hover{Alpha(Opacity=60)}

.arr2 a:hover{Alpha(Opacity=60)}

.tit05{ margin:14px 0 0 0; text-align:center;}

.tit05 a{ display:inline-block; width:7%; margin:0 0.3% 0.2rem 0.3%;}

.tit05 img{ display:block; width:100%;-webkit-transition: 1s;

-moz-transition: 1s; height:auto; border:solid 1px #ddd;

transition: 1s;}

.tit05 a:hover img,.tit05 .cur img{-webkit-transform:scale(1.1,1.1);

    -moz-transform:scale(1.1,1.1);

    -transform:scale(1.1,1.1);}



.jianjie{ padding:30px 0; margin:30px 0; border-bottom:dashed 1px #ddd;border-top:dashed 1px #ddd; line-height:32px; font-size:15px;}

.xiangq{ padding:0px 0 30px 0;; margin:0px 0 30px 0; border-bottom:dashed 1px #ddd;}

.xiangq h3{line-height:32px; font-size:15px;}

.xiangq p{ line-height:28px;font-size:14px;}



.page2{ margin-top:30px;font-size:14px; line-height:30px; margin-bottom:50px;}

.page2 .left{ width:80%}

.page2 .left p{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

.back a {background: url(../images/back.png) no-repeat left center;padding-left: 30px;}





.top3{ padding:25px 0}

.top3 li{ float:left; width:32%; margin-right:2%; border-bottom:solid 3px #dddddd;padding-bottom:10px;}

.top3 li:last-child{ margin-right:0; }



.top3 li .pic{ height:250px; overflow:hidden; display:block}

.top3 li .pic img{cursor:pointer; transition:all 1.5s; width:100%; height:auto }

.top3 li .pic:hover img{transform:scale(1.1);}

.top3 li .wenzi h3{ padding:12px 0; line-height:32px; font-size:18px; color:#333; font-weight:bold; height:32px; overflow:hidden}

.top3 li .wenzi p{line-height:26px; font-size:14px; color:#666;  }

.top3 li .wenzi .xiangao{height:52px; overflow:hidden}

.top3 li .wenzi .shijian{background: url(../images/shijian.jpg) no-repeat left center; line-height:50px; padding-left:23px; padding-right:15px;}

.top3 li .wenzi .see{background: url(../images/see.jpg) no-repeat left center; line-height:50px; padding-left:30px; }



.newslists li{ padding-bottom:15px; margin-bottom:15px;margin-top:20px; border-bottom: dashed 1px #ddd}

.newslists li .date{ width:12%; max-width:126px; height:106px; border-radius:8px; background-color:#dddddd; text-align:center; float:left}

.newslists li .date p{ color:#777; line-height:30px; font-size:16px;}

.newslists li .date h3{ color:#999; line-height:70px; font-size:45px; width:90%; text-align:center; display:block; background-color:#fff; margin:0 auto}

.newslists li .wenx{ float:right; width:88%;}

.newslists li .wenx h3{ line-height:30px;height:30px; overflow:hidden; font-weight:bold; font-size:18px; color:#333;}

.newslists li .wenx p{ color:#666; font-size:14px; line-height:26px;height:52px; overflow: hidden}

.newslists li .wenx p.more{ height:auto}

.newslists li:hover .date{ background-color:#ba0c0d}

.newslists li:hover .date p{color:#fff}

.newslists li:hover .wenx h3{color:#ba0c0d}

.newslists li:hover .wenx .more{color:#ba0c0d}



.newsxiang{ padding:30px 0 0 0;}



.newsxiang .newst{ border-bottom: dashed 1px #ddd; padding-bottom:18px; text-align:center}

.newsxiang .newst h3{ line-height:36px; font-size:20px; font-weight:bold; color:#333}



.newsxiang .shijian{background: url(../images/shijian.jpg) no-repeat left center; line-height:30px; padding-left:23px; padding-right:15px;}

.newsxiang .see{background: url(../images/see.jpg) no-repeat left center; line-height:30px; padding-left:30px; }



.newsxiang .newsx{ padding:20px 0; line-height:30px; color:#333; font-size:16px; border-bottom:dashed 1px #ddd}

.newsxiang .newsx img{ width:auto; max-width:800px; display:block; margin:10px auto;}
.newsxiang .newsx video{width:auto; max-width:800px; display:block; height:auto ;margin:10px auto;}


.newsxiang .fan{ padding:22px 0; font-size:16px; color:#333; line-height:30px;}

.newsxiang .fan p a{ color:#999}

.newsxiang .fan .fanhui{ width:130px; line-height:40px; text-align:center; float:right; color:#fff; background-color:#ba0c0d; margin-top:-40px;}

.newsxiang .fan .fanhui a{ color:#fff}



.newsxiang .newsright h3{line-height:55px; font-size:16px; font-weight:bold; color:#333}

.newsxiang .newsright li{ border-top:solid 1px #ddd; padding:15px 0;}

.newsxiang .newsright li h3{ line-height:35px; color:#333; height:35px; overflow:hidden; font-weight:normal}



.newsxiang .newsright .shijian{background: url(../images/shijian02.jpg) no-repeat left center; line-height:30px; padding-left:23px; padding-right:15px;}

.newsxiang .newsright .see{background: url(../images/shijian02.jpg) no-repeat left center; line-height:30px; padding-left:30px; }





.lianxi { margin:25px 0 55px 0;}

.lianxi .lxleft{ float:left; width:40%;}

.lianxi .lxleft h3{ line-height:52px; font-size:18px; font-weight:bold; color:#333}

.lianxi .lxleft p{ line-height:52px; font-size:16px; padding-left:40px}

.lianxi .lxleft .icon01{ background: url(../images/lianxiicon02.png) no-repeat left top; }

.lianxi .lxleft .icon02{ background: url(../images/lianxiicon02.png) no-repeat left -175px; }

.lianxi .lxleft .icon03{ background: url(../images/lianxiicon02.png) no-repeat left -85px; }

.lianxi .lxleft .icon04{ background: url(../images/lianxiicon02.png) no-repeat left bottom; }

.lianxi .lxright{ float:right; width:46%;}

.lianxi .lxleft p:last-child img{ position:relative; margin-top:-40px}



.zhaopin{ padding:25px 0 50px 0}

.zhaopin p{ text-align:center; font-size:18px; line-height:46px; margin-bottom:15px;}

.hrtit{line-height:52px; font-size:16px; color:#000; background-color:#dddddd}

.hrlistt .hrlist_tit{ line-height:48px; font-size:16px; color:#333; border-bottom: solid 1px #ddd; }



.hrlistt .hrlist_con{ display:none;border-bottom:1px solid #ddd; color:#666; font-size:14px; line-height:26px;border-top: solid 1px #ddd; margin-top:-1px; background-color:#fff; text-align:left;  background-color:#f8f8f8; padding:2% 2% 4% 2%;}

.hrlistt .hrlist_con p{ text-align:left; line-height:30px; font-size:14px; margin-bottom:0}

.hrlist span{ float:left;}

.hrlistt .hrlist_tit span{ float:left; width:22%; text-align:center;color:#666;}

.hrlistt .hrlist_tit span:nth-child(1){ width:34%; text-align:center;color:#666;}

.hrlistt .cur .hrlist_tit span:nth-child(1){ color:#c60000}



.hrtit dd{ float:left; width:22%; text-align:center}

.hrtit dd:nth-child(1){ width:34%; text-align:center}



.zhaoin .shouh{ padding:36px 0 30px; line-height:26px; color:#666; font-size:14px;}





