@charset "utf-8";
/* CSS Document */
*{ margin:0; padding: 0; font-family: Microsoft Yahei, "微软雅黑", Arial, "Times New Roman";}
table{ margin:auto;}
a{ text-decoration:none; font-size: 14px; color:#000;}
input,select,textarea{ outline:none;}
ol{ list-style:none;}
img{ border:none;}
.clear{clear:both;}
.clearfix{ *zoom: 1;}
.clearfix:before{ content: ""; display: table;}
.clearfix:after{ content: ""; display: table; clear: both;}

.pic{ overflow: hidden;}
.pic img{ max-width: 100%; display: block; width: 100%; transition: all 0.5s;transform: scale(1);}

.left{ float:left;}
.right{ float:right;}

.topbg{ border-bottom: 1px solid #e6e6e6; line-height: 38px; font-size: 12px;}
.topbg .top{ width: 1200px; margin: 0 auto;}
.topbg .top .right{ text-align: right;}
.topbg .top .right a{ font-size: 12px;}

.logo{ width:100%; height: 110px; background: url("../images/logo.jpg") center no-repeat; border-bottom: 1px solid #e6e6e6;}

nav{ background: #fafafa;}
nav ul{ width: 1200px; line-height: 48px; margin: 0 auto; background: url("../images/navbg.png") center no-repeat;}
nav ul li{ float: left; display: block; width: 171px; text-align: center; position: relative;}
nav ul li a{ display: block; font-size: 16px; color: #090909;}
nav ul li.this a{ background: #ff791d; color: #fff;}
nav ul li:hover a{ background: #ff791d; color: #fff;}


nav ul ul{
	width: 410px;
	line-height: 26px;
	margin: auto;
	position: absolute;
	left: 0;
	top: 48px;
	background: #fff;
	z-index: 9999;
	display: none;
}
nav ul ul li{
	float: left;
	width: 50%;
	background: #fff;
	text-align: left;
}
nav ul ul li a{
	background: none;
	font-size: 12px;
	color: #000;
	padding: 0 10px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}
nav ul li:hover ul li a{
	background: none;
	color: #555;
}
nav ul li.this ul li a{
	background: none;
	color: #555;
}
nav ul li ul li a:hover,
nav ul li:hover ul li a:hover,
nav ul li.this ul li a:hover{
	background: #ff791d;
	color: #fff;
}

.banner{ width:100%; height: 552px;}
.nbanner{ width:100%; height: 268px;}

.searchbg{ background:#eee;}
.searchbg .search{ color: #838383; font-size: 14px; width: 1200px; margin: 0 auto; line-height: 56px;}
.searchbg .search .left span{ font-weight:bold;}
.searchbg .search .left a{ color:#838383;}

.searchbg .search .right form{margin:11px 0 0 0;}
.searchbg .search .right .searchtext{ width:200px; padding: 0 15px; border: none; height: 33px; border-top-left-radius: 17px; border-bottom-left-radius: 17px; float: left;}
.searchbg .search .right .searchbut{ width:45px; height: 33px; border: none; border-top-right-radius: 17px; border-bottom-right-radius: 17px; background: url(../images/searchbut.png) #fff center no-repeat; float: left;}

.stitle{ text-align:center; width: 100%; font-weight: bold;}
.stitle .entitle{ font-size: 40px; color: #e6e6e6; line-height: 40px;}
.stitle .cntitle{ font-size: 30px; color: #242424; line-height: 20px;}
.stitle .cntitle li{ display: inline-table; vertical-align: middle; margin: 0 5px;}
.stitle .cntitle li span{ color: #fc781e;}
.stitle .cntitle li:nth-child(1),
.stitle .cntitle li:nth-child(3){ width:36px; height: 1px; background: #bfbfbf;}

.sprobg{ padding:65px 0; background: #fafafa;}
.sprobg .spro{ width: 1200px; margin: 50px auto 0 auto;}
.sprobg .spro .left{ background:#f3f3f3; padding: 5px; width: 245px;}
.sprobg .spro .left h1{ color: #3c3c3c; font-size: 20px; text-align: center; width: 243px; height: 43px; line-height: 43px; background: #e3e3e3;}
.sprobg .spro .left ul{}
.sprobg .spro .left ul li{ display: block; line-height: 35px; padding: 0 12px; border-radius: 5px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.sprobg .spro .left ul li a{ display: block; font-size: 14px; color: #262626; background: url("../images/leftlibg1.png") right center no-repeat; border-bottom: 1px solid #b6b6b6; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.sprobg .spro .left ul li:hover,
.sprobg .spro .left ul li.this{ background:#fc781e; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.sprobg .spro .left ul li:hover a,
.sprobg .spro .left ul li.this a{ color:#fff; border-color: #fc781e; background: url("../images/leftlibg2.png") right center no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.sprobg .spro .left ul img{ display:block; margin: 15px auto;}

.sprobg .spro .right{ width: 925px;}
.sprobg .spro .right ul{}
.sprobg .spro .right ul li{ display: block; width: 295px; float: left; margin: 0 20px 20px 0;}
.sprobg .spro .right ul li .pic{ border: 1px solid #ebebeb; background: url("../images/pmore.png") #4b4b4b center no-repeat;}
.sprobg .spro .right ul li .pic img{ height:217px;}
.sprobg .spro .right ul li p{ width: 100%; line-height: 60px; background: #ebebeb; text-align: center;}
.sprobg .spro .right ul li .more{ width: 100px; height: 30px; line-height: 30px; padding: 0 0 0 15px; color: #fff; background: url("../images/more.png") #fc781e left 5px center no-repeat; text-align: center; border-radius: 15px; margin: 10px auto; border: 1px solid #fc781e;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.sprobg .spro .right ul li.p207 p{ width: 74%; padding: 10px 13%; line-height: 20px;}

.nprobg .spro .right ul li:nth-child(3),
.nprobg .spro .right ul li:nth-child(6),
.nprobg .spro .right ul li:nth-child(9),
.nprobg .spro .right ul li:nth-child(12),
.nprobg .spro .right ul li:nth-child(15){ margin: 0 0 20px 0; }

.sprobg .spro .right ul li:hover img{ opacity: 0.2;transition: all 0.5s;transform: scale(1.2);}
.sprobg .spro .right ul li:hover .more{ background: url("../images/more1.png") left 5px center no-repeat; border: 1px solid #fc781e; color:#fc781e;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.xbanner{ width: 100%;  height: 170px; background: url("../images/xbanner.jpg") center no-repeat;}

.saboutbg{ padding: 65px 0; background: url("../images/abg.jpg") center no-repeat;}
.saboutbg .sabout{ width: 1200px; margin: 0 auto;}
.saboutbg .sabout .pic{ float: left; border: 12px solid #fff; box-shadow: 0 0 12px 0 #ccc;}
.saboutbg .sabout .right{ width: 600px;}
.saboutbg .sabout .right h3{ font-size: 18px;  color: #686868; font-weight: normal;}
.saboutbg .sabout .right h1{ font-size: 60px;  color: #fc781e; line-height: 55px;}
.saboutbg .sabout .right h2{ font-size: 36px;  color: #242424; line-height: 40px; margin: 0 0 30px 0;}
.saboutbg .sabout .right p{ font-size:14px; line-height: 30px; color: #696969;}
.saboutbg .sabout .right hr{ margin:20px 0;}
.saboutbg .sabout .right .more{ display:block; width:130px; height: 40px; line-height: 40px; text-align: center; background: #fc781e; border: 1px solid #fc781e; border-radius: 20px; float: right; font-size: 16px; color: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.saboutbg .sabout .right .more:hover{ background: none; color: #fc781e; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.adv{ padding: 50px 0;}
.adv .stitle font{ font-size:80px;}
.adv .stitle .cntitle li:nth-child(2){ margin-top: -30px;}
.adv ul{ width: 1200px; margin: 50px auto 0 auto;}
.adv ul li{ width: 300px; float: left; text-align: center; display: block;}
.adv ul li .pic{ width:101px; height: 101px; border-radius: 55px; padding: 5px; background: #b9b9b9; margin:0 auto; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.adv ul li .pic span{ width:98px; height: 98px; border-radius: 55px; border: 1px solid #fff; display: block; line-height: 145px; text-align: center; color: #fff;}
.adv ul li .pic p{ width:80%;}
.adv ul li h1{ color:#575757; font-size: 30px; margin:15px 0 0 0;}
.adv ul li p{ color:#6f6f6f; font-size: 14px; margin:15px 0 0 0; line-height: 28px;}
.adv ul li:hover .pic{ background: #fc781e;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate;}

.adv ul li:nth-child(1) .pic span{ background: url("../images/tb1.png") center top 20px no-repeat;}
.adv ul li:nth-child(2) .pic span{ background: url("../images/tb2.png") center top 20px no-repeat;}
.adv ul li:nth-child(3) .pic span{ background: url("../images/tb3.png") center top 20px no-repeat;}
.adv ul li:nth-child(4) .pic span{ background: url("../images/tb4.png") center top 20px no-repeat;}


@keyframes icon-bounce {
  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}
  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}
  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}
}
@-webkit-keyframes icon-bounce {
  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}
  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}
  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}
}
@-moz-keyframes icon-bounce {
  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}
  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}
  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}
}
@-o-keyframes icon-bounce {
  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}
  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}
  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}
}


.snews{ width: 100%; padding: 90px 0; background: #f5f5f5;}
.snews .nbottom{ margin: 60px auto 0 auto; width:100%; max-width: 1200px;}
.snews .nbottom .left{ width:390px; float: left;}
.snews .nbottom .left .picnews{ margin: 0 0 0 0;}
.snews .nbottom .left .picnews .pic{ width:390px; float: left;}
.snews .nbottom .left .picnews .pic img{ width:390px; height: 185px;}
.snews .nbottom .left .picnews .pntext{ width:350px; float: left; padding: 20px; background: #fff;}
.snews .nbottom .left .picnews .pntext img{ width:390px;}
.snews .nbottom .left .picnews .pntext .title{ font-size: 16px; color: #080808; font-weight: bold; line-height: 30px;}
.snews .nbottom .left .picnews .pntext .smalltext{ font-size: 12px; color: #919191; line-height: 27px; margin: 0 0 0 0;}
.snews .nbottom .left .picnews .pntext .ldate{ font-size: 12px; color: #bebebe; line-height: 30px; margin: 0 0 20px 0;}
.snews .nbottom .right{ width:810px; float: left;}
.snews .nbottom .right ul li{ display: block; position: relative; width: 320px; margin: 0 0 26px 45px; padding: 15px 20px; float: left; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.snews .nbottom .right ul li .date{ width: 65px; float: left; border: 1px solid #363636; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.snews .nbottom .right ul li .date span{ display: block; width: 65px; height: 35px; text-align: center; line-height: 35px; color: #363636; font-size: 16px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.snews .nbottom .right ul li .date span:last-child{ display: block; width: 65px; height: 35px; background: #363636; color: #fff; font-size: 14px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.snews .nbottom .right ul li .text{ width: 240px; float: left; margin: 0 0 0 13px;}
.snews .nbottom .right ul li .title{ font-size: 16px; line-height: 14px; color:#4e4e4e; margin: 0 0 20px 0; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.snews .nbottom .right ul li p{ font-size: 12px; line-height: 18px; color: #9e9e9e;}
.snews .nbottom .right ul li:hover{ -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.snews .nbottom .right ul li:hover .title{ color: #9f621b; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.snews .nbottom .right ul li:hover .date{border: 1px solid #9f621b; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.snews .nbottom .right ul li:hover .date span{ color: #9f621b; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.snews .nbottom .right ul li:hover .date span:last-child{ background: #9f621b; color: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.amore{ width: 135px; height: 40px; border-radius: 20px; background: #fc781e; border: 1px solid #fc781e; text-align: center; line-height: 40px; margin: 0 auto; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.amore a{ display: block; color:#fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.amore:hover{ background: none; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.amore:hover a{ color: #fc781e; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.footer{ background:#efefef;}
.footer .fmenu{ border-bottom: 1px solid #d3d3d3;}
.footer .fmenu ul{ width:1200px; margin: 0 auto;}
.footer .fmenu ul li{ display: block; width:170px; margin: 0 auto; float: left; text-align: center; line-height: 65px; border-bottom: 1px solid #efefef;}
.footer .fmenu ul li.this{ border-bottom: 1px solid #0b0b0b;}
.footer .fmenu ul li:hover{ border-bottom: 1px solid #0b0b0b;}
.footer .fmenu ul li a{ display: block;}
.footer .fcontext{ width:1200px; margin: 0 auto; padding: 40px 0 30px 0;}
.footer .fcontext .left{ width:550px; float: left; padding: 0 50px 0 0;}
.footer .fcontext .left .fcimg{ float: right;}
.footer .fcontext .right{ width:600px; float: left; text-align: left; color: #3d3d3d; line-height: 28px;}
.footer .fcontext .right h1{ font-size: 18px;}
.footer .fcontext .right p{ font-size: 14px;}


.footer .bdshare-button-style1-16{ float:right;}
.footer .bdshare-button-style1-16 a, .bdshare-button-style1-16 .bds_more{ margin:10px 53px 0 0;}
.footer .bdshare-button-style1-16 .bds_more{ display:none;}
.footer .bdshare-button-style1-16 .bds_qq{ background-position: center !important; background-image: url(../images/1.png); display: block;}
.footer .bdshare-button-style1-16 .bds_weixin{ background-position: center !important; background-image: url(../images/2.png);}
.footer .bdshare-button-style1-16 a{ border:1px solid #8c8c8c; border-radius: 100%; padding: 15px !important; height: auto !important;}
.footer .bdshare-button-style1-16 a:hover{ opacity:1 !important;}


.fc{ line-height:30px; border-top: 1px solid #fff; text-align: center; background: #ebebeb; font-size: 12px; color: #666;}
.fc a{ color: #666; font-size: 12px;}

.detailtable .bds_more{
	display: none;
}

.nnews .nbottom .right{ width:1200px;}
.nnews .nbottom .right ul li{ width:1120px; margin: 0 0 40px 0; padding: 40px;}
.nnews .nbottom .right ul li .pic{ width:215px; height: 105px; margin: 0 0 0 145px; float: right; border: 1px solid #f5f5f5;}
.nnews .nbottom .right ul li .pic img{ width:215px; height: 105px;}
.nnews .nbottom .right ul li:hover .pic img{ width:215px; height: 105px;transition: all 0.5s;transform: scale(1.2);}
.nnews .nbottom .right ul li .text{ width: 740px;}
.nnews .nbottom .right ul li .date{ width: 90px;}
.nnews .nbottom .right ul li .date span{ font-size: 32px; width: 90px; height: 50px; line-height: 50px;}
.nnews .nbottom .right ul li .date span:last-child{ font-size: 20px; width: 90px; height: 40px; line-height: 40px;}
.nnews .newstext{ background:#fff; padding: 50px;}
.newspagechange .pagechangel, .newspagechange .pagechanger{ background:#fff;}




.rela{ width:1200px; margin: 0 auto;}
.rela .stitle{ text-align:left; font-weight: bold; border-left: 5px solid #7d7d7d; padding:0 0 0 10px; width: 700px; float: left;}
.rela .stitle .entitle{ font-size: 40px; color: #e6e6e6; line-height: 40px;}
.rela .stitle .cntitle{ font-size: 30px; color: #242424; line-height: 35px;}
.rela .stitle .cntitle li{ display: inline-block; vertical-align: middle; margin: 0 5px;}
.rela .stitle .cntitle li span{ color: #fc781e;}
.rela .stitle .cntitle li:nth-child(1){ width:auto; height: auto; background: none;}

.rela .relamore{ display: block; color:#fc781e; font-size: 24px; font-weight: bold; float: right; border-bottom: 1px solid #7d7d7d; margin: 42px 0 0 0;}

.rela .sprobg{ background:none;}
.rela .sprobg .spro .right{ width:1200px;}
.rela .sprobg .spro .right ul li{ width:285px;}

.rela .sprobg .spro .right ul li:nth-child(3),
.rela .sprobg .spro .right ul li:nth-child(6){ margin:0 20px 20px 0;}
.rela .sprobg .spro .right ul li:nth-child(4),
.rela .sprobg .spro .right ul li:nth-child(8){ margin:0 0 20px 0;}


.sidebar{
	position:absolute;
	z-index:999;
	top:30%;
}


.ncase{ padding:50px 0;}
.ncase .newstext{ width:1200px; margin: 50px auto; box-shadow: 0 0 12px 0 #ccc; padding:60px 0;}
.ncase .newstext ul{ width:25.333%; float: left; padding: 0 0 0 8%;}
.ncase .newstext ul li{ display:block; font-size: 14px; color: #838383; line-height: 24px;}
.ncase .newstext>p{ display: none;}


.nrec{ padding:50px 0;}
.nrec .newstext{ width:1100px; margin: 50px auto; box-shadow: 0 0 12px 0 #ccc; padding:60px 50px;}
.nrec .newstext li{ display:block; padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: 1px dashed #fc781e;}

.nrec .newstext li p:first-child{ float:left; border-bottom: 1px solid #bfbfbf; padding: 0 0 5px 0; margin: 0 0 15px 0;}
.nrec .newstext li p{ clear:both;}


.ntech{ background: #fff;}
.ntech .nbottom .right ul li{ border-bottom:1px solid #eee; margin:0;}
.ntech .nbottom .right ul li .pic{ float:left; margin: 0 15px;}
.ntech .nbottom .right ul li .date{ float:left; margin: 30px 65px 0 15px;; border: none;}
.ntech .nbottom .right ul li .date span{ border: none; background: none; font-size: 30px; color:#353535; text-align: left; height: 30px; line-height: 30px;}
.ntech .nbottom .right ul li .date span:last-child{ border: none; background: none; font-size: 14px; color:#666; height: 20px; line-height: 20px;}
.ntech .nbottom .right ul li .text{ float:left; margin: 0 15px; width: 580px;}
.ntech .nbottom .right ul li .text .title{ font-size:16px;}
.ntech .nbottom .right ul li:hover .title{ color: #fc781e; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.ntech .nbottom .right ul li:hover .date{border: none;}
.ntech .nbottom .right ul li:hover .date span{ color: inherit;}
.ntech .nbottom .right ul li:hover .date span:last-child{ background: none; color: inherit;}

.ntech .nbottom .right ul li .mbut{ width:40px; height: 40px; border: 1px solid #c1c1c1; background: url("../images/sprite-arrows.png") center no-repeat; float: right; border-radius: 22px; margin: 30px 0 0 0; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.ntech .nbottom .right ul li:hover .mbut{ border: 1px solid #fc781e; background: url("../images/sprite-arrows2.png") #fc781e center no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.naboutbg{ background:#f5f5f5;}
.naboutbg .sabout{ width:1200px;  background: url("../images/nabg.png") #fff center top no-repeat;}
.naboutbg .sabout .right{ width:auto; padding: 170px 30px 22px 22px; float: left; text-indent: 2em;}


.cul{ background:#f5f5f5;}
.cul .spro li{ display: block; float: left; width: 545px; height: 120px; padding: 20px 0 0 55px; color: #464646; font-size: 14px; line-height: 24px;}
.cul .spro li:nth-child(1){ background: url("../images/culturebg.jpg") center no-repeat; margin-top: 20px;}
.cul .spro li:nth-child(4){ background: url("../images/culturebg.jpg") center no-repeat; margin-top: 40px;}
.cul .spro li:nth-child(5){ background: url("../images/culturebg.jpg") center no-repeat; margin-top: 20px;}
.cul .spro li:nth-child(2){ border: 2px solid #fc781e; width: 541px; height: 116px; margin-top: 40px;}
.cul .spro li:nth-child(3){ border: 2px solid #fc781e; width: 541px; height: 116px; margin-top: 20px;}
.cul .spro li:nth-child(6){ border: 2px solid #fc781e; width: 541px; height: 116px; margin-top: 40px;}
.cul .spro li:nth-child(5){ padding: 40px 0 0 55px; height: 100px;}

.cul img{ margin: 45px 0 0 0;}


.thumbnail{ display:block; float: left; margin: 0 84px 0 0;}


#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}









.ncon{ width:1200px; margin: 0 auto; padding: 50px 0;}


.ncon form{ width:1065px; margin: 0 auto;}



.ncontact .stitle{ margin: 0 0 50px 0;}
.ncontact .stitle .cntitle{ font-size: 24px; color: #ff5a00; float: left; line-height: 30px; font-weight: bold;}

.ncontact .left{ width: 400px; float: left; margin-right: 15px;}
.ncontact .left .nctitle{ font-size: 18px; color: #666; margin-bottom: 30px;}
.ncontact .left p{ font-size: 16px; color: #666; line-height: 30px;}
.ncontact .left h1{ font-size: 18px; color: #3d3d3d; line-height: 30px; margin: 0 0 20px 0;}
.ncontact .right{ width:785px; float: left;}
.ncontact .right form{ width:785px;}






.ncontact .tableborder li{ display: block; width: 50%; float: left; margin: 0 0 10px 0; overflow: hidden; position: relative;}
.ncontact .tableborder li.miaoshu{ width: 100%;}
.ncontact .tableborder li.sub{ width: 100%;}
.ncontact .tableborder li.miaoshu span{width: 10%;}
.ncontact .tableborder input[type="text"]{ width:90%; height: 40px; padding: 0 1%; background: none; border:1px solid #e0d2cd; border-radius: 10px;}
.ncontact .tableborder select{ outline: none; width:92.5%; height: 40px; padding: 0 1%; background: none; border:1px solid #e0d2cd; border-radius: 10px;}
.ncontact .tableborder input[type="text"]#key{ width:60%; height: 40px; padding: 0 1%; background: none; border:1px solid #e0d2cd; float: left;}
.ncontact .tableborder textarea{width: 94%;height: 160px;padding: 1%;background: none;border:1px solid #e0d2cd;border-radius: 10px; outline: none;}
.ncontact .tableborder *{ letter-spacing: 0 !important;}
.ncontact .tableborder li img{ height: 42px; border-radius: 10px; float: left; margin: 0 0 0 10px;}
.ncontact .subbutton{width:60%; height: 45px; background: #ff791d;border:1px solid #ff791d;font-size:16px; color:#fff; border-radius: 10px; margin:10px auto 0 auto; display: block;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.ncontact .subbutton:hover{ background: none; color: #ff791d;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; cursor: pointer;}





.detailpic{ padding: 20px; background: #fff; border: 1px solid #ddd; border-top: none;}
.detailpic img{ margin:0 0 20px 0;}
.detailpic table{ margin:0 auto 20px auto; table-layout: fixed;}










.device{ width:925px;}
.device .scroll{ width:100%; height:1003px; overflow:hidden; position:relative;}
.device .scroll ul{ position:absolute; left:0; top:0; height:1003px; overflow:hidden;}
.device ul{ overflow:hidden;}
.device ul li{ width:295px; height:321px; margin-right:20px; margin-bottom:20px; overflow:hidden; position:relative; float:left;}