
.about{ padding-top:40px; padding-bottom:45px;}
.about .left{ width:618px; padding-top:45px; padding-left:53px; background:url(../images/sygybg.jpg) no-repeat left center; padding-bottom:70px;}
.about .left img{ display:block;}
.about .left strong{ display:block; font-size:24px; color:#333; position:relative; padding-top:10px; margin-top:13px; margin-bottom:10px;}
.about .left strong:After{ content:""; width:123px; height:1px; background:#da251c; position:absolute; left:0; top:0;}
.about .left p{ font-size:14px; line-height:25px; color:#545454;}
.about .left a{ display:block; float:right; margin-top:20px;}
.about .right{ width:450px; padding-top:50px;height:300px; position:relative;}
.about .right img{ width:450px; height:300px;}
.about .right .video_bg{ display:none; width:450px; height:300px; line-height:300px; text-align:center; position:absolute; left:0; top:50px; background:rgba(0,0,0,.5); cursor:pointer;-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s; }
.about .right .video_bg svg{ display:inline-block; vertical-align:middle;}
.about .right:hover .video_bg{ display:block;}

.lmt{ text-align:center; margin-bottom:25px;}
.lmt strong{ display:inline-block; font-size:30px; color:#333;margin:0 5px;}
.lmt span{ display:inline-block; font-size:20px; margin:0 5px; font-family:Arial, Helvetica, sans-serif;}

.pro{ padding-top:60px; background:url(../images/sycpbg.jpg) no-repeat center; padding-bottom:140px;}
.pro .lmt strong{ color:#fff;}
.pro .lmt span{ color:#fff;}
.pro .picScroll-left{ position:relative;}
.pro .picScroll-left .bd{ width:1200px; overflow:hidden;}
.pro .picScroll-left a.prev{ display:block; width:45px; height:50px;  background:url(../images/prev.png) no-repeat center; background-size:100%; position:absolute; left:-60px; top:80px; cursor:pointer;}
.pro .picScroll-left a.next{ display:block; width:45px; height:50px;  background:url(../images/next.png) no-repeat center; background-size:100%; position:absolute; right:-60px; top:80px;cursor:pointer;}

.pro ul li{ display:block; float:left; width:290px; height:217px; margin-right:18px; border:2px solid #fff; box-sizing:border-box;}
.pro ul li img{ display:block; width:100%; height:215px;}
.pro_nav{ text-align:center; margin-bottom:50px;}
.pro_nav a{ display:inline-block; height:40px; line-height:40px; padding:0 35px; color:#fff; font-size:14px; background:#000; border-radius:25px; border-radius:25px; margin:0 5px;}
.pro_nav a:hover{ background:#da251c;}

.news{ padding-top:30px; margin-bottom:20px;}
.news ul li{ display:block; float:left; width:540px; height:82px; background:#eee; margin:15px; padding:10px 15px; }
.news ul li strong{ display:block; font-size:16px; color:#333; height:26px; line-height:26px; overflow:hidden;}
.news ul li p{ display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#545454; margin-top:5px;}
.news ul li strong:hover{ color:#da251c;}

.youshi{ padding-bottom:60px;}
.youshi dl{ display:block; float:left; width:276px; padding-right:15px; margin-right:15px; border-right:1px solid #dcdcdc;}
.youshi dl:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.youshi dl dt{ float:left;}
.youshi dl dd{ display:block; float:right; width:190px; padding-top:5px;}
.youshi dl dd strong{ font-size:16px; color:#333; display:block; margin-bottom:5px;}
.youshi dl dd p{ font-size:12px;}

.tulist{ width:953px;}
.tulist ul li{ display:block; float:left; width:287px; margin:13px; border:2px solid rgba(243,243,243,1);}
.tulist ul li i{ display:block; width:100%; height:215px; overflow:hidden;}
.tulist ul li i img{ display:block; width:100%; height:215px;}
.tulist ul li p{ height:40px; line-height:40px; text-align:center; font-size:15px; color:#333;overflow: hidden;}
.tulist ul li:hover{ background:#da251c; color:#fff;}
.tulist ul li:hover p{ color:#fff;}

.newslist{ width:953px;}
.newslist ul li{ padding:15px 0; border-bottom:1px solid #e8e8e8;}
.newslist ul li img{ display:block; float:left; width:168px; height:138px; margin-right:15px;}
.newslist ul li:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.newslist ul li .tit{ height:40px; line-height:40px;}
.newslist ul li .tit span{ float:right; font-size:14px; color:#666;}
.newslist ul li .tit a{ font-size:16px; color:#333;}
.newslist ul li p{ font-size:14px; line-height:24px; height:48px; color:#666;}
.newslist ul li a.more{ display:inline-block; width:100px; height:28px; line-height:28px; border:1px solid #e8e8e8; text-align:center; font-size:14px; color:#333; margin-top:14px;}
.newslist ul li a.more:hover{ background:#da251c; border:1px solid #da251c; color:#fff; }
.newslist ul li .tit a:hover{ color:#da251c;}


.biaoti{ width:100%; margin:0 auto; text-align:center; border-bottom:1px solid #e8e8e8; padding-bottom:15px; margin-bottom:15px;}
.biaoti h1{ font-size:28px; color:#000; font-weight:normal;}
.biaoti p{ font-size:14px; color:#878787; margin-top:15px;}

.fn{ width:100%; margin:0 auto; margin-top:30px; border-top:1px solid #e8e8e8; padding-top:10px; padding-bottom:30px;}
.fn p{ font-size:14px; line-height:30px; color:#565656}
.fn p a{ color:#565656}
.fn p a:hover{ color:#da251c;}

.neirong p{ font-size:15px; color:#5c5c5c; line-height:32px; margin-bottom:15px; text-align:justify;}
 

.proxq{ width:953px; padding-bottom:50px;}
.pro_img{ float:left; width:600px;}
.pro_jianjie{ float:right; width:320px; padding-top:20px;} 
.pro_jianjie h1{ font-size:24px; color:#333;  padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #e8e8e8;}
.jianjie{ font-size:15px; line-height:30px; color:#545454; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e8e8e8;} 
.pro_jianjie a{ display:block; width:120px; height:40px; line-height:40px; color:#fff; background:#da251c; text-align:center; border-bottom:3px solid #b31f17}
 
.proxq .tab-hd{ height:50px; line-height:50px; margin-top:20px;}
.proxq .tab-hd ul li{ display:block; float:left; width:120px; height:50px; line-height:50px; margin-right:20px; text-align:center; background:#f1f1f1; color:#959595; cursor:pointer;}
.proxq .tab-hd ul li.on{ color:#fff; background:#da251c;}
 .proxq .tab-bd{ padding:20px; border:1px solid #e8e8e8; box-sizing:border-box;} 
 .proxq .tab-bd .tab-pal{ font-size:16px; line-height:30px; color:#545454;}
.proxq .tab-bd td{    border: 1px solid #ccc;
    text-align: center;
    font-size: 14px;
    padding: 5px;}
.tuxq{ padding-bottom:50px; position:relative;}
.tuxq img{ display:block; margin:0 auto;} 
 
.tuxq a.prev{ display:block; position:absolute; left:0; top:185px;}
.tuxq a.next{ display:block; position:absolute; right:0; top:185px;}


#map{width:100%;height:400px;}

/*主容器*/
.con-FangDa{
	width:600px;
	height: auto;
	margin: 10px auto;
	background-color:#fff; float:left;margin-right: 3%;
}
/*正常容器*/
.con-fangDaIMg{
	width: 600px;
	height: 400px;
	position: relative;
 border: 1px solid #dcdddd;
}
.con-fangDaIMg > img{
	width: 100%;
	height:100%
}
/*滑块*/
.magnifyingBegin{
	width: 150px;
	height: 150px;
	left: 0;
	top: 0;
	background-color: #454545;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	cursor: move;
	display: none;
}
/*放大镜显示区域*/
.magnifyingShow{
	width: 330px;
	height: 450px;
	display: none;
	position: absolute;
	right: -330px;
	top: 0;
	overflow: hidden;
	background-color: #454545;border: 1px solid #dcdddd;
}
.magnifyingShow > img{
	width: 1341px;
	height: 1010px;
	margin-left:0;
	margin-top: 0;
}
/*设置选择图片容器*/
.con-FangDa-ImgList{
	margin-top:10px;
	height:105px;
	width:600px;
	list-style: none;
}
.con-FangDa-ImgList > li{
	margin-right:13px;
	width: 138px;
	height: 105px;
	float: left;
	cursor: pointer;
	border: 1px solid #dcdddd;
	background-color: #dcdddd;
	text-align:center;
}
.con-FangDa-ImgList > li.lll{ margin-right:0;}
.con-FangDa-ImgList > li > img{
	vertical-align:top;
	display:inline;
	width: 138px;
	height: 105px;
}
.con-FangDa-ImgList > .active{
	border-color:#000;
}