﻿.page{ width:1100px; margin:0 auto;padding-top: 20px;overflow:hidden;}
.layout{ width:229px;}
.layout h1{ text-align:center; font-size:14px; color:#fff; background:#c92422; height:120px;}
.layout h1 p{ font-size:36px; color:#fff; padding-top:30px;}
.layout ul{ border:1px solid #e8e8e8; border-bottom:none; border-top:none; overflow:hidden;}
.layout li { font-size:16px; line-height:54px; border-bottom:1px solid #e8e8e8; padding:0 32px;}
.layout li a{ display:block; color:#666; background:url(/images/pic34.png) no-repeat left center; padding-left:33px;}
.layout li a:hover{ background:url(/images/pic35.png) no-repeat left center; text-decoration:none; padding-left:50px; color:#c92422;}

.layout h2{ background:#c92422; line-height:60px; font-size:26px; color:#fff; padding-left:35px;}
.layout h3{ width:112px; border:1px solid #e8e8e8; border-top:none; text-align:center; padding:20px 0;}
.layout h3 p{ font-size:16px; margin-top:18px;}
.layout h3 a{ color:#666;}

.layout dl{ border:1px solid #e8e8e8; padding:25px; overflow:hidden; border-top:none;}
.layout dt{ width:38px;}
.layout dd{ width:126px; font-size:16px; color:#999;}
.layout dd p{ font-size:17px; color:#666666;}
.layout dd i{ font-size:14px; color:#666666; display:block; font-style:normal;}


.layout2{ width:229px;}
.layout2 h1{ text-align:center; font-size:14px; color:#fff; background:#c92422; height:120px;}
.layout2 h1 p{ font-size:36px; color:#fff; padding-top:30px;}
.layout2_mar1 ul{ border:1px solid #e8e8e8; border-bottom:none; border-top:none; overflow:hidden;}
.layout2_mar1 li { font-size:16px; line-height:54px; border-bottom:1px solid #e8e8e8; padding:0 26px;}
.layout2_mar1 li a{ display:block; color:#666;}
.layout2_mar1 li a:hover{ background:url(/images/pic35.png) no-repeat left center; text-decoration:none; padding-left:40px; color:#fe585c;}

.layout2 h2{ line-height:78px; font-size:26px; color:#fff; margin-top:1px; background:url(/images/pic63.png) no-repeat 25px 30px #ccc; padding-left:60px;}
.layout2 h2.hover{ color:#fff; background:url(/images/pic62.png) no-repeat 25px 36px #919191; padding-left:60px; display:block; text-decoration:none;}
.layout2 h3{ width:112px; border:1px solid #e8e8e8; border-top:none; text-align:center; padding:20px 0;}
.layout2 h3 p{ font-size:16px; margin-top:18px;}
.layout2 h3 a{ color:#666;}

.layout2 dl{ border:1px solid #e8e8e8; padding:25px; overflow:hidden; border-top:none;}
.layout2 dt{ width:38px;}
.layout2 dd{ width:126px; font-size:16px; color:#999;}
.layout2 dd p{ font-size:17px; color:#666666;}
.layout2 dd i{ font-size:14px; color:#666666; display:block; font-style:normal;}

/*产品内页*/
.trzsq1_t{ overflow:hidden; border-bottom:1px solid #ebebeb;}
	.trzsq1_t h1{ text-align:center; font-size:30px; color:#333; background:url(/images/t_pic1.png) no-repeat bottom center; padding-bottom:10px;}
	.trzsq1_t h1 p{ font-size:20px; color:#999; line-height:45px;}
	
.trzsq1{ width:1100px; margin:0 auto; overflow:hidden;}
	.trzsq1 dt{ width:333px;}
		.trzsq1 dt span{ display:block; font-size:16px; color:#666; text-align:center; line-height:99px; margin-top:2px; background:#eee;}
	.trzsq1 dd{ width:740px;}
		.trzsq1 dd li{ overflow:hidden;}
		.trzsq1 dd li h1{ font-size:20px; font-weight:bold; color:#333; margin-bottom:20px;}
		.trzsq1 dd li p{ font-size:16px; color:#666; line-height:34px; }
		.trzsq1 dd li h2{ float:left; font-size:20px; font-weight:bold; color:#333; border-right:1px solid #cdcdcd; padding-right:26px; margin-right:25px;}
		.trzsq1 dd li h3{ float:left; font-size:20px; font-weight:bold; color:#333; margin-right:67px;}
		.trzsq1_mar1{  padding-bottom:20px;}
		
.title4{ text-align:center; overflow:hidden; background:#e70012;}



.d-list-p{border-bottom:5px solid #dc1313;height:556px;background:#fff;}
.d-list-p li{height:60px;line-height:60px;border-bottom:1px solid #eee;font-size:15px;}
.d-list-p li a{display:block;background:url(/images/ico1.png) left 30px center no-repeat;padding-left:66px;}
.d-list-p li a:hover,.d-list li.on a{background:#dc1313 url(/images/ico2.png) left 30px center no-repeat;color:#fff;}

.pdy{ width:930px; overflow:hidden;}
.pdy1{overflow:hidden;}
.pdy1 h1{ font-size:24px; color:#c92422;}
.pdy1 h1 img{ margin:4px 17px 0 0;}
.pdy1 p{ font-size:16px; color:#666; line-height:36px; padding-left:10px; border-bottom:1px solid #dadada; padding-bottom:30px;}
		

.proListClassify .sidebar .box1{padding: 26px;background: #fff;}
.proListClassify .sidebar .box1 dl{margin-top: 20px;}
.proListClassify .sidebar .box1 dl:first-child{margin-top: 0;}
.proListClassify .sidebar .box1 dt{height: 56px;text-indent: 26px;font-size: 18px;background: url(/images/proListClassify_icon02.png) no-repeat 220px center #eaeaea;line-height: 56px;}
.proListClassify .sidebar .box1 dt a{display: block;color: #333;text-decoration: none;}
.proListClassify .sidebar .box1 dt a:hover,.proListClassify .sidebar .box1 dt a.cur{color: #FF4B00;background: url(/images/proListClassify_icon03.png) no-repeat 220px center;font-weight: bold;}
.proListClassify .sidebar .box1 dd a{display: block;font-size: 14px;color: #666666;height: 50px;line-height: 50px;background: url(/images/proListClassify_icon02.png) no-repeat 220px center;text-indent: 25px;text-decoration: none;border: 1px solid #eaeaea;}
.proListClassify .sidebar .box1 dd a:first-child{border-top: none;}
.proListClassify .sidebar .box1 dd a:hover,.proListClassify .sidebar .box1 dd a.cur{color: #FF4B00;background: url(/images/proListClassify_icon03.png) no-repeat 220px center;font-weight: bold;}
		
		
.ny_center_right{ width:830px; float:right; background:#fff;    min-height: 1180px; padding-bottom:20px;}
.ny_center_right1{ width:890px; height:46px; margin:auto; border-bottom:1px solid #e1e1e1; font-size:14px; color:#c92422; line-height:46px; padding-left:20px; background:url(/templets/snpp/images/ny_07.jpg) no-repeat; background-position:0px 17px;}
.ny_center_right1 a{ color:#9c9c9c;}
.ny_center_right2{ width:882px; height:40px; margin:auto;line-height:40px; border-left:#c92422 2px solid; font-size:26px; color:#c92422; padding-left:10px;}
.ny_center_right2 span{ font-size:12px; margin-left:3px;}
.ny_center_right3{ width:890px; margin:auto; padding:20px 0px; border-bottom:1px solid #e7e7e7; font-size:14px; color:#454545; line-height:30px; text-indent:2em;}

.ny_xsjl{ width:930px; height:171px; margin:auto; border-bottom:#bcbcbc 1px dashed;}
.ny_xsjl:hover{ width:930px; border-right:2px #1c4885 solid;}
.ny_xsjl1{ width:202px; height:131px; float:left; margin-top:20px;}
.ny_xsjl2{ width:675px; height:131px; float:left; margin:20px 0 0 10px;}
.ny_xsjl2 h4{ font-size:16px; color:#454545; font-weight:normal;}
.ny_xsjl2 p{ font-size:14px; color:#666666; text-indent:2em; line-height:26px; margin:15px 0;}
.ny_xsjl2 p a{ color:#1c4885;}
.ny_xsjl2 a:hover{ text-decoration:underline; color:#1c4885;}
.ny_xsjl2 a:hover h4{ color:#1c4885;}
.ny_xsjl2 span{ font-size:12px; color:#9c9c9c;}


.newslist .col-md-4 {
    background-color: #fff;
	padding:15px 10px 10px 8px;
	margin-top: 10px;
    position: relative;
	border-radius: 6px;
    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
}
.newslist .col-md-4:hover {
    z-index: 2;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.newslist .col-md-4:hover .items .more {
    background-color: #666;
    color: #fff;
}
.col-md-4 {
    width: 31.2%;    float: left;
}
.newslist .items .date {
    font-family: arial;
    color: #999;
    font-size: 12px;
    line-height: 12px;
}
.newslist .items .name {
    font-size: 16px;
	line-height: 20px;
	height: 38px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    margin-top: 5px;
}
.newslist .items .pic {
    margin-top: 15px;
    overflow: hidden;
}
.newslist .items .pic img {
    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
}
.lazy-loaded {
    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
    -webkit-animation: imgScale .5s ease-in 1;
    animation: imgScale .5s ease-in 1;
}
.vcenter {
    width: 275px;
    height: 160px;
	margin:10px 0px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.vcenters {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.newslist .items .pic i {
    display: block;
    padding-bottom: 67%;
}
.newslist .items .text {
    font-size: 12px;
    line-height: 22px;
    height: 45px;
    overflow: hidden;
}
.newslist .items .more {
    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
    margin-top: 5px;
    display: inline-block;
    color: #757575;
    border: 1px solid #666;
    padding: 6px 28px;
}

.newslist .col-md-4:hover .items .more {
    background-color: #666;
    color: #fff;
}
.js-section p.p1 img{
  display:block;
  margin:0 auto;
  max-width:100%;
  margin-top:15px;
}
.js-section .col-md-6 img{
  border-top-right-radius:50px;
  border-bottom-left-radius:50px;
}
.blank3{ height:30px; font-size:0; line-height:0; clear:both; overflow:hidden;}


.zzry-list{ padding:20px 0px;}
.zzry-list .col-lg-4{    margin-bottom: 20px;
    border-right: 1px solid #eaeaea;}
.col-lg-4{	width: 32%;float: left;position: relative;min-height: 1px;padding: 0 5px;}
.zzry-list .items{padding: 8px;    text-align: center;}
.block {
    display: block;
    position: relative;
}

.zzry-list .items:hover {
    background-color: #c0372c;
    border-radius:8px;
}
.zzry-list .items:hover .name{
  color:#fff;
}
.vcentert {
    width: 269px;
    height: 185px;
	margin-top:10px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.zzry-list .items .pic {
    overflow: hidden;
	display: block;
}
.zzry-list .items .name{font-size: 14px;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;color: #333;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;}
	
.page_layer{height:auto;overflow:hidden;margin:0 auto;padding-bottom:30px;}
.video_list_item .video_list_thumb {
    width: 100%;
    height: 145px;
    overflow: hidden;
}
.video_list_item .video_list_thumb {
    position: relative;
}
.video_list_item a:hover .video_list_thumb img {
    -webkit-transform: scale(1.2,1.2);
}
.video_list_item .video_list_thumb img {
    width: 100%;
    height: 145px;
    position: relative;
    transform-origin: center;
    -webkit-transition: all .5s ease-out;
}

.video_list_item:hover .video_list_thumb .video_list_play {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    opacity: 1;
}
.video_list_item .video_list_thumb .video_list_play span {
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
    display: block;
    position: absolute;
    background-image: url(/images/play_ico.png);
}
.video_list_title {
    border: solid 1px #c5c5c5;
    border-top: none;
    padding: 12px;
    margin-bottom: 15px;
}
.video_list_item{
	padding: 15px 10px 10px 8px;}
.video_list_title h4 {
    font-size: 16px;
    line-height: 22px;
	height: 45px;
    padding-bottom: 8px;
    border-bottom: solid #eee 1px;
}
.single_page_content p {
    font-size: 15px;
    line-height: 30px;
    color: #666;
    margin-bottom: 12px;
}
.video_list_item .video_list_thumb .video_list_play {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/images/grey_bg.png);
    opacity: 0;
    top: 0px;
    left: 0px;
}

.curr{ width:1160px; margin:0 auto; overflow:hidden;}
	.curr h2{ border-bottom:1px solid #e8e8e8; font-size:24px; color:#c92422; padding-bottom:22px; line-height:24px;}
	.curr h2 img{ margin:0 17px 0 12px;}
	.curr ul{ overflow:hidden;}
	.curr li{ overflow:hidden; font-size:16px; line-height:60px; border-bottom:1px dashed #d8d8d8; width:560px;padding-right: 20px;}
	.curr li a{ color:#666;}
	.curr li span{ float:right;}
	.curr li img{ margin:26px 19px 0 14px;}
	.curr li a span{ font-size:14px; color:#b3b2b2;}
	.curr li a span:hover{ color:#c92422;}
	
.box-wrap{background-color:#f9f9f9;padding:20px;}.box-wrap .t-h4{border-bottom:1px dashed #cacaca;margin:0 0 10px;font-size:16px;padding:20px 0;border-bottom:1px solid #cacaca;}.box-wrap .box-name{line-height:50px;position:relative;padding:0 20px;cursor:pointer;font-weight:bold;border-radius: 6px;}.box-wrap .box-name i{position:absolute;right:20px;}.box-wrap .box-name i:after{content:'+';font-size:22px;color:#999;font-style:normal;display:block;}.box-wrap .box-name:hover{background-color:#666;color:#fff;}.box-wrap .box_cnt{border-top:1px solid #cacaca;padding:18px 20px;display:none;line-height:24px;font-size:14px;color:#666;}.box-wrap .box-name:hover i:after{color:#fff;}
.rusname{    border-bottom: 1px solid #cacaca;padding: 5px 0;}
.banner_con {
    margin-bottom: -20px;
}


.contact_banner .c {
    position: absolute;
    cursor: pointer;
    width: 200px;
    height: 120px;
    left: 40%;
    top: 65%;
    z-index: 2;
}
.contact_banner .c i {
    display: block;
    background: url(/images/pos.png) no-repeat;
    width: 43px;
    height: 56px;
    margin: 0 auto 20px;
    animation: myanimate 0.5s infinite alternate;
    -webkit-animation: myanimate 0.5s infinite alternate;
}
.products {
    width: 100%;
    height: 425px;
}

.newstitle_h2 {
    text-align: center;
    font-size: 28px;
    color: #333;
    margin: 25px;
}
.xq_share {
    overflow: hidden;
    padding: 15px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
}
.xq_share p {
    float: left;
    font-size: 14px;
    color: #999;
    line-height: 34px;
	margin-left:25px;
}
.xq_share p a{
    color: #999;
}
.xq_share p i {
    margin: 0 5px;
}
.xq_share p img {
    margin-left: 10px;
	vertical-align:initial;
}
.xq_share font {
    float: right;
	margin: 5px 14px 0px 0px;
}

.xq_share font img {
    position: relative;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
}

.xq_share font img {
    margin: 0px 5px;
    margin-left: 7px;
}
.xq_share font img:hover {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
	position: relative;
	-webkit-transition: all 0.2s linear 0s;
}

.text_con{height: auto!important;
    padding: 10px 20px;
    font-size: 14px;
    color: #333131;
    line-height: 25px;
    margin: 0px auto;
    clear: both;}
	.text_con p{ line-height:24px; font-size:14px; color:#333; margin-bottom:10px;}
.text_con  img{display:block;max-width:100%;margin:0 auto;height:auto !important;}


.page_wen{ overflow:hidden; width:100%; height:60px; line-height:60px; font-size:14px;padding-top: 40px;}
.page_wen .page_left{ float:left; width:390px; background-color:#f7f7f7;}
.page_wen .page_right{ float:right; width:390px; background-color:#f7f7f7;}
.page_wen .btn{ display:block; text-decoration:none; width:80px; height:60px; background-color:#e8e8e8; text-align:center;}
.page_wen .page_title{ display:block; width:270px; margin-left:20px; float:left;height:60px; overflow:hidden}
.page_wen .page_left:hover  .page_title{color:#c92422;}
.page_wen .page_left:hover  .btn{ background:#c92422; color:#fff;}
.page_wen .page_right:hover  .page_title{color:#c92422;}
.page_wen .page_right:hover  .btn{ background:#c92422; color:#fff;}
.page_wen .page_left .btn{ float:left}
.page_wen .page_right .btn{ float:right}
.text_con h6 i{display: block;font-style: normal;
	}
.text_con h6 {
    color: #333;
    font-size: 13px;
    font-weight: normal;
    line-height: 26px;
    padding-top: 20px;
    text-align: right;
}

.contact_banner .c a{display:block;border:2px solid #fff;padding:6px 0;text-align:center;font-size:1.3em;color:#fff;border-radius:5px;}

@keyframes myanimate{0%{transform:translateY(0) scale(1,1);}100%{transform:translateY(15px)  scale(0.9,0.9);}

.ny_newscenter{ width:890px; float:right; background:#fff; padding-bottom:40px;border: 1px solid #e7e7e7;}

