.hg_inner_banner{ width:100%; text-align:center; position:relative; z-index:1; margin-top:80px;}
.inner_nav_cur{ padding:100px 0px; max-width:1200px; font-size:1.4em; margin:0px auto; background-color:transparent;}
.inner_nav_cur h2{ color:#fff; padding:0px 0px;}
.inner_nav_cur p{ color:#fff; padding:0px 0px 20px 0px; margin:5px 0px;}
.inner_nav_cur ul li{ display:inline-block; position: relative;
    padding-right: 15px;
    margin-left: 15px;
    font-weight: 500; color:#fff;}
.inner_nav_cur ul li:before{content: "";
    position: absolute;
    top: 5px;
    right: -3px;
    background-color: #fff;
    width: 1px;
    height: 15px;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);}
.inner_nav_cur ul li:last-child:before{ position:static;}
.inner_nav_cur ul li a{ text-decoration:underline; color:#fff;}
.inner_nav_cur ul li a:hover{ text-decoration:none;}
.banner_img{ position:absolute; left:0px; top:0px; height:100%; width:100%; z-index:-1;}
.banner_img:before{ content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,118,136,0.4);}
.banner_img img{ width:100%; height:100%;}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.animated2 {
	-webkit-animation-duration:1s;
	animation-duration:1s;-webkit-animation-delay:.5s;animation-delay:.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}

@-webkit-keyframes fadeIn {
0%{opacity:0;
/*-webkit-transform: translateY(-200px);
	transform: translateY(-200px);*/
-webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
}
}
@keyframes fadeIn {
0%{opacity:0;
/*-webkit-transform: translateY(-200px);
	transform: translateY(-200px);*/
-webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
	-webkit-animation-timing-function:ease;
	animation-timing-function:ease;
}
@-webkit-keyframes lightSpeedIn {
	0% {
	-webkit-transform:translate3d(100%,0,0) skewX(-30deg);
	transform:translate3d(100%,0,0) skewX(-30deg);
	opacity:0
}
60% {
	-webkit-transform:skewX(20deg);
	transform:skewX(20deg)
}
60%,80% {
	opacity:1
}
80% {
	-webkit-transform:skewX(-5deg);
	transform:skewX(-5deg)
}
to {
	-webkit-transform:none;
	transform:none;
	opacity:1
}
}@keyframes lightSpeedIn {
	0% {
	-webkit-transform:translate3d(100%,0,0) skewX(-30deg);
	transform:translate3d(100%,0,0) skewX(-30deg);
	opacity:0
}
60% {
	-webkit-transform:skewX(20deg);
	transform:skewX(20deg)
}
60%,80% {
	opacity:1
}
80% {
	-webkit-transform:skewX(-5deg);
	transform:skewX(-5deg)
}
to {
	-webkit-transform:none;
	transform:none;
	opacity:1
}
}.lightSpeedIn {
	-webkit-animation-name:lightSpeedIn;
	animation-name:lightSpeedIn;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out
}
@-webkit-keyframes flipInX {
	0% {
	-webkit-transform:perspective(400px) rotateX(90deg);
	transform:perspective(400px) rotateX(90deg);
	opacity:0
}
0%,40% {
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in
}
40% {
	-webkit-transform:perspective(400px) rotateX(-20deg);
	transform:perspective(400px) rotateX(-20deg)
}
60% {
	-webkit-transform:perspective(400px) rotateX(10deg);
	transform:perspective(400px) rotateX(10deg);
	opacity:1
}
80% {
	-webkit-transform:perspective(400px) rotateX(-5deg);
	transform:perspective(400px) rotateX(-5deg)
}
to {
	-webkit-transform:perspective(400px);
	transform:perspective(400px)
}
}@keyframes flipInX {
	0% {
	-webkit-transform:perspective(400px) rotateX(90deg);
	transform:perspective(400px) rotateX(90deg);
	opacity:0
}
0%,40% {
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in
}
40% {
	-webkit-transform:perspective(400px) rotateX(-20deg);
	transform:perspective(400px) rotateX(-20deg)
}
60% {
	-webkit-transform:perspective(400px) rotateX(10deg);
	transform:perspective(400px) rotateX(10deg);
	opacity:1
}
80% {
	-webkit-transform:perspective(400px) rotateX(-5deg);
	transform:perspective(400px) rotateX(-5deg)
}
to {
	-webkit-transform:perspective(400px);
	transform:perspective(400px)
}
}
.flipInX {
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important;
	-webkit-animation-name:flipInX;
	animation-name:flipInX
}
.mbody{ max-width:1200px; margin:30px auto;}
.mbody:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
}
.nnav{ background-color:#fff; color:#666; box-shadow: 0px 5px 10px #ccc; padding:15px 15px; margin-bottom:15px; font-size:1.3em; background-image:url(/images/prdt_any.jpg); background-repeat:no-repeat; padding-left:30px; background-position:15px center;}
.nnav a{ color:#333; text-decoration:none;}
.nnav a:hover{    -webkit-transition: .3s; transition: .3s; color:#666; text-decoration:none;}
.g_right{
	float: right;
    width: 100%;
    margin: 0px 0px 0px -280px;
}
.g_right .g_content{margin-left: 280px;}
.g_left{width: 260px;
    float: left;}
.infos,.list_item{ font-size:1.4em; background-color:#fff; padding:40px 40px; line-height:1.8em;}
.infos h1.ntitle{ text-align:center;  font-weight:800; font-size:1.3em; padding-bottom:40px;}
.infos table,.infos input,.infos img,.mrcontent table,.mrcontent img{ max-width:100%;}
.infos h2{ color:#007688; font-size:1.4em; padding-top:40px; padding-bottom:10px; text-align:center; position:relative;}
.infos h2:after{ position:absolute; bottom:0px; width:40px;left:50%; margin-left:-20px; height:1px; background-color:#666; content:"";}
.infos h3{ font-size:1.1em; font-weight:600;}
.nextlink{ clear:both; padding:15px 0px; text-align:right;}
.linkpn{ clear:both; padding:15px 0px;}
.linkpn:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
}
.nextlink a{ padding:10px 20px; text-decoration:none;   -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px; background-color:#0A00BC; color:#fff;}
.nextlink a:hover{ color:#fff; background-color:#323232;}
.linkpn li{width:46%;}
.linkpn li.prev{ float:left;}
.linkpn li.next{ float:right; text-align:right;}
.linkpn a{ color:#333;-webkit-transition: .3s; transition: .3s;
	text-decoration: none;
	display: block;
	line-height: 1.5em;
	border-bottom: 1px dotted #007688;
	
	background-repeat: no-repeat;
	
}
.linkpn li.prev a{padding-left: 12px;background-image: url(/images/leftl.png);background-position: left 5px;}
.linkpn li.next a{padding-right: 12px;background-image: url(/images/rightl.png);background-position: right 5px;}
.linkpn a:hover{ color:#333;-webkit-transition: .3s; transition: .3s;}
.linkpn li.prev a:hover{ padding-left:17px;}
.linkpn li.next a:hover{ padding-right:17px;}

.g_left dl.cata{ font-size:1.3em; border:1px solid #eee; padding:0px 0px 30px 0px;}
.g_left dl.cata dd{ padding:10px 10px; background-color:#f1f1f1; margin-top:1px; font-weight:600;}
.g_left dl.cata dl{ display:none; }
.g_left dl.cata dt{ position:relative; background-color:#007688; color:#fff; padding:30px 25px 10px 25px; font-weight:600; font-size:1.5em;}
.g_left dl.cata dt:after{position: absolute;
    content: '';
    left: 0;
    bottom: 10px;
    width: 80px;
    background: #007688;
    height: 2px;}
.g_left dl.cata dd a{ padding:5px 15px; display:block; color:#333; text-decoration:none;}
	.g_left dl.cata dd:hover,.g_left dl.cata dd.cur{ background-color:#007688;}
.g_left dl.cata dd:hover a,.g_left dl.cata dd.cur a{ color:#fff;}
.g_left dl.cata dd a.bigc{ color:#fff;background-image: url(/images/bg_lan.jpg); background-position:left top; background-repeat:repeat-y;}
/*.g_left dl.cata dd a.bigc:hover,.g_left dl.cata dd a.cur{background-image: url(/images/bg_hei.jpg);box-shadow: 0px 5px 10px #ccc;}*/
.g_left dl.cata dd dd{ margin-bottom:0px;font-size:0.9em; border-bottom:1px dotted #ccc;}
.g_left dl.cata dd dd a:hover{-webkit-transition: .3s; transition: .3s; color:#666; padding-left:20px;}
/*news*/
ul.newslist{}
ul.newslist li{ border-bottom:1px dotted #ccc; padding:30px 15px; cursor:pointer;}
ul.newslist li:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
ul.newslist li img{ float:left; padding-right:15px; max-width:320px;}
ul.newslist li .list_des{}
ul.newslist li .ntime{ color:#999; text-align:right;}
ul.newslist li h3{ padding-bottom:5px;}
ul.newslist li p{ margin:0px 0px; padding:0px 0px;}
ul.newslist li h3 a{
	color: #333;
	font-size: 1.1em; text-decoration:none;
}
ul.newslist li h3 a:hover{color:#007688;}
ul.newslist li:hover{-webkit-transition: .5s; transition: .5s; background-color:#f1f1f1;}
ul.newslist li:hover h3 a{ color:#007688;}
/*news end*/
.page{ text-align:center; width:92%; padding:20px 4%;}
.page a{ color:#007688;}
.page a:hover{ color:#333;}
ul.rylist{ padding-top:10px;}
ul.rylist:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
}
ul.rylist li{ display:inline-table; width:31.333%; font-size:0.85em; margin:10px 1%; height:auto; text-align:center;}
ul.rylist li img{max-width:100%;width:100%;border:1px solid #c2c2c2;}
ul.rylist li span{ display:block; height:40px; line-height:16px; overflow:hidden;}
.hotn{ background-color:#007688; color:#fff; padding:40px 10px; font-size:1.3em; margin-top:20px;}
.hotn div{word-wrap:break-word; word-break:normal;}
.hotn a{ color:#fff; text-decoration:none;}
.hotn a:hover{ text-decoration:underline;}
.hotn h3{ font-weight:normal; padding-bottom:20px;}
.hotn h4{ padding-bottom:10px; font-size:1.2em;}
@media(max-width:960px)
{
.g_right{ width:92%; margin:0px 4%; float:none;}
.g_right .g_content{ margin-left:0px;}
.g_left{ display:none;}
}

@media (max-width:720px)
{.inner_nav_cur{ padding:40px 0px;}
.linkpn li{ width:100%; float:none; padding:15px 0px;}
.linkpn li.next{ text-align:left;}
ul.rylist li{ margin:10px 2%; width:46%; height:auto;}
ul.rylist li img{ width:100%;}	
.infos, .list_item{ padding:0px 0px;}
}
@media(max-width:480px)
{ul.newslist li{ padding:20px 10px;}
	ul.newslist li img{ float:none; padding-right:0px; max-width:100%; width:100%;}
	}