@charset "utf-8";
/* CSS Document */


.inbanner{ width: 100%; height: 303px; position: relative; overflow: hidden;}
.inbanner>img{ position: absolute; left:50%; margin-left: -960px; top:0; height: 100%; z-index: 1;}

.ibcate{ position: absolute; text-align: center; top:106px; z-index: 2; left:0; width: 100%; color: #fff;}
.ibcate .cn{ font-size: 28px; line-height: 46px; }
.ibcate .cn:before,.ibcate .cn:after {content:" ";display: inline-block;vertical-align: middle;height: 2px;background-color: #fff;width: 22px;margin-left: 30px;margin-right: 30px;}
.ibcate .en{ font-size: 24px; line-height: 38px; text-transform: uppercase; font-family: 'arial';
	 word-spacing: 12px; opacity: 0.5; filter: alpha(opacity=50);}

.cate{ background: url('../images/yin1.png') 0 0 no-repeat; padding-left: 74px; margin-top: 48px; position: relative;}
.catecn{ font-size: 24px; line-height: 2em; color: #333; font-weight: bold;}
.cateen{ font-size: 20px; line-height: 24px; color: #d70c18; text-transform: uppercase;}

.jello2:hover{-webkit-animation-name: jello; animation-name: jello;
	-webkit-animation-duration: 1s; animation-duration: 1s;}


.tree{ height: 50px; color: #fff; background-color: #20252b; overflow: hidden;}
.lm{ line-height: 50px;}
.lm a{ color: #fff;}
.lm i{ margin: 0 7px;}

.erji{ font-size: 0; white-space: nowrap;}
.erji a{ display: inline-block; width: 120px; height: 50px; position: relative; background-color: #20252b;
	 color: #fff; text-align: center; font-size: 14px; line-height: 50px;}
.erji a.on{ background-color: #d70c18;}
.erji a:hover{ background-color: #d70c18;}






.aboutcon{ font-size: 16px; color: #333; line-height: 28px; padding: 35px 0 55px;}


.fzinfo{ line-height: 24px; color: #666; margin-top: 30px;}
.lichenlist{ width: 1200px; padding: 124px 0 1px; position: relative; margin: 48px auto 72px;
	background: url('../images/hz.png') center top no-repeat;}
.lichenlist:before{ content: ''; position: absolute; left: 50%; top:118px; z-index: 0;
	width: 1px; background-color: #d70c18; bottom: 0;}
.lichenlist li{ width: 100%; overflow: hidden; height: 160px; margin-bottom: 45px;  position: relative; z-index: 1;}
.lichenlist li:before {pointer-events: none;content:" ";position: absolute;left: 50%;top: 50%;margin-left: -10px;margin-top: -10px;width: 16px;height: 16px;border-radius: 50%;border: #d70c18 solid 2px; background-color: #fff;}

.lichenlist li .pic{ float: left; width: 280px; height: 100%; margin-left: 60px;}
.lichenlist li .pic img{ width: 100%; height: 100%;}
.lichenlist li .year{ float: left; width: 260px; height: 100%;
	text-align: center; line-height: 160px; font-size: 30px; color: #333; font-weight: bold;}
.lichenlist li .year span{ font-size: 18px;}
.lichenlist li .txt{ float: left; width: 504px; height: 100%; margin-left: 35px;
	color: #333; line-height: 26px; display: table;}
.lichenlist li .txt div{ display: table-cell; vertical-align: middle;}

.lichenlist li:nth-child(2n){ margin-bottom: 24px;}
.lichenlist li:nth-child(2n) .pic{ float: right; margin-left: 0; margin-right: 60px;}
.lichenlist li:nth-child(2n) .year{ float: right;}
.lichenlist li:nth-child(2n) .txt{ float: right; margin-left: 0; margin-right: 35px; text-align: right;}




.fenglist{ width: 1224px; padding: 35px 0 20px; overflow: hidden; margin-left: -13px;}
.fenglist li{ float: left; width: 25%; margin-bottom: 40px;}
.fenglist li .fenglin{ padding: 0 13px;}

.fenglist li a{ display: block; padding-bottom: 50px; position: relative;}
.fenglist .pic{ width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; position: relative;}
.fenglist img{ position: absolute; z-index: 1; left:0; top:0; width: 100%; height: 100%;}
.fenglist li:hover img{ -webkit-transform: scale(1.04); -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);  -o-transform: scale(1.04); transform: scale(1.04);}

.fenglist .txt{ position: absolute; bottom: 0; left:0; z-index: 2; overflow: hidden; background-color: #fff;
	border-bottom: 2px solid #ddd; text-align: center; width: 100%; height: 48px;}
.fenglist h3{ font-size: 16px; line-height: 48px; color: #010101; height: 48px; overflow: hidden;}
.fenglist label{ display: block; width: 108px; height: 26px; margin: 0 auto; cursor: pointer;
	line-height: 26px; color: #d70c18; background: url('../images/tuo1.png') center no-repeat;}

.fenglist img,.fenglist h3,.fenglist .txt{ -webkit-transition: .6s; -moz-transition: .6s;
	 -ms-transition: .6s; -o-transition: .6s; transition:  .6s;}
.fenglist li:hover a{ box-shadow: 0 0 16px 0 rgba(0,0,0,0.2);}
.fenglist li:hover .txt{ background-color: #d70c18; height: 88px; border-color: #d70c18;}
.fenglist li:hover h3{ color: #fff; font-weight: bold;}



.atc{ overflow: hidden; padding: 35px 0 0;}
.atc-h{ text-align: center;}
.atc-h h1{ font-size: 24px; color: #333; line-height: 50px; padding: 0 50px; background-color: #eee;}

.atc-h .atc-date{ height: 24px; line-height: 24px; color: #999; margin-top: 16px;}
.atc-date span{ display: inline-block; height: 100%; margin: 0 3px;}

.atc-con{ padding: 24px 0 35px; color: #666;}
.atc-con img{ max-width: 100%;}

.atc-pn{ position: relative; border-top: 1px solid #ddd; padding: 20px 0;
	 color: #333; line-height: 32px; overflow: hidden; height: 32px;}
.atc-pn a{ display: block; width: 120px; text-align: center; background-color: #fff;}
.atc-pn a span{ display: block; color: #333; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.atc-pn a.atc-prev:hover span,.atc-pn a.atc-next:hover span{ background-color: #d70c18; color: #fff;}
.atc-pn a.atc-prev{ float: left;}
.atc-pn a.atc-next{ float: right;}
.atc-pn a.ret{ margin: 0 auto;}
.atc-pn a.ret span{ background-color: #d70c18; color: #fff;}
.atc-pn a.ret:hover span{ text-decoration: underline;}



.yjlist{ padding-bottom: 60px;}
.yjlist li{ width: 100%; height: 260px; padding: 45px 0; background-color: #fff;}
.yjlist .lin{ width: 1200px; max-width: 100%; overflow: hidden; height: 100%; margin: 0 auto;}
.yjlist .lin a{ display: block; padding: 0 80px 0 70px;}
.yjlist li .pic{ float: right; width: 460px; height: 100%; position: relative; overflow: hidden;}
.yjlist li .hzrout{ float: left; width: 462px; height: 100%;}
.yjlist li:nth-child(even){ background-color: #f5f5f5;}
.yjlist li:nth-child(even) .pic{ float: left;}
.yjlist li:nth-child(even) .hzrout{ float: right;}

.yjlist .hzr h3{ color: #666; font-size: 24px; line-height: 40px; height: 40px; overflow: hidden; padding-top: 20px;}
.yjlist .hzr .txt{ color: #999; line-height: 26px; margin-top: 16px; height: 104px; overflow: hidden;}
.yjlist .hzr .more{ width: 138px; height: 32px; display: block; line-height: 32px; color: #fff; position: relative;
	 background-color: #d70c18; text-align: center; margin-top: 26px;}
.yjlist .hzr .more span{ position: relative; z-index: 1;}
.yjlist .hzr .more:after{ content: ''; position: absolute; right: 0; top:0; z-index: 0;
	width: 4px; height: 100%; background-color: #d70c18;}

.yjlist .lin:hover h3{ color: #d70c18;}
.yjlist .lin:hover .more:after{ width: 100%;}
.yjlist .hzr h3,.yjlist .hzr .more:after{ -webkit-transition: 0.5s; -moz-transition: 0.5s;
	-ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}




.newslist{ padding: 35px 0 20px; width: 100%; overflow: hidden;}
.newslist li{ padding: 30px 0; height: 130px; position: relative; border: 1px solid #eee; margin-bottom: 40px;}
.newslist li a{ display: block; padding-left: 180px; padding-right: 290px; height: 100%; position: relative;}
.newslist .pic{ width: 173px; height: 130px; overflow: hidden; position: absolute; right: 30px; top:0; z-index: 1;}
.newslist .pic img{ width: 100%; height: 100%;}


.newslist h3{ height: 30px; font-size: 18px; color: #333; line-height: 30px; margin-bottom: 16px; padding-top: 16px;
	overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.newslist p.txt{ height: 52px; overflow: hidden; font-size: 16px; color: #999; line-height: 26px;}
.newslist .date{ float: left; margin-left: -145px; width: 96px; height: 96px; margin-top: 17px; color: #fff; background-color: #d70c18;}
.newslist .date .mday{ display: block; font-size: 22px; line-height: 36px; height: 36px; padding-left: 20px;}
.newslist .date .year{ display: block; font-size: 16px; line-height: 26px; height: 26px; padding-left: 20px; padding-top: 20px;}

.newslist li:hover{ box-shadow: 0 4px 8px 0 rgba(153,153,153,0.2);}
.newslist li:hover h3{ color: #d70c18;}
.newslist li:hover img{ -webkit-transform: scale(1.04); -moz-transform: scale(1.04);
	-ms-transform: scale(1.04);  -o-transform: scale(1.04); transform: scale(1.04);}

.newslist li,.newslist li h3,.newslist li img{ transition: 0.6s;
	-ms-transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}




.zplist{ padding-bottom: 40px; padding-top: 35px;}
.zplist li{ border: 1px solid #dedede; margin-bottom: 20px; background-color: #fff;}
.zplist .zpone{ height: 80px; cursor: pointer; position: relative;
	padding-left: 40px; padding-right: 20px;}
.zplist .zpone:before{ content: ''; width: 4px; height: 30px; position: absolute; top:24px;
	left: 0; z-index: 0; background-color: #dedede;}
.zplist .zpone h3{ font-size: 16px; color: #333; line-height: 30px; font-weight: bold; height: 30px; overflow: hidden; padding-top: 11px;}
.zplist .zpone p.info{ font-size: 14px; color: #666; line-height: 28px; height: 28px; overflow: hidden;}
.zplist .zpone p.info span{ margin-right: 16px;}
.zplist .zpone i{ position: absolute; right: 20px; top:20px; z-index: 1; width: 40px; height: 40px;
	background: url('../images/jtr2.png') center no-repeat;}

.zplist li.on{ border-color: #d70c18;}
.zplist li.on .zpone:before{ background-color: #d70c18;}
.zplist li:hover{ box-shadow: 0 0 20px 0 #e0e0e0;}

.zplist li.on .zpone i,.zplist li:hover .zpone i{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);
	 -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.zplist li,.zplist li .zpone:before,.zplist .zpone i{ transition: 0.6s;
	 -ms-transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}

.zpcon{ display: none; padding: 0 40px 30px; color: #666; line-height: 24px;}




.formout{ margin: 35px auto 68px; height: 440px; background: url('../images/formbg.jpg') top no-repeat;}
#liuyan{ width: 800px; color: #333; font-size: 0; padding-top: 60px; margin-left: 74px;}
#liuyan .hang{ float: left; width: 400px; height: 40px; line-height: 40px; margin-bottom: 30px;}
#liuyan .hang.fat{ width: 100%; height: 120px;}

#liuyan input[type=text]{ width: 260px; height: 40px; border: 0 none;
	 line-height: 40px; text-indent: 10px; font-size: 14px; box-shadow: 0 0 3px 0 #595959 inset;}
#liuyan label{ display: inline-block; width: 74px; font-size: 14px; vertical-align: top;}
#liuyan textarea{ padding:5px 10px; width: 640px; height: 110px; resize:none; border: 0 none;
	vertical-align: top; line-height: 22px; font-size: 14px; box-shadow: 0 0 3px 0 #595959 inset;}
#liuyan input[type=text]:focus,#liuyan textarea:focus{ box-shadow: 0 0 3px 0 #d70c18 inset;}
#liuyan input[type=text],#liuyan textarea,img#yzmpic{ transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}

#liuyan i.v{ vertical-align: top; height: 100%;}

#liuyan .hang2{ height: 40px; line-height: 40px; margin-bottom: 30px;}
#liuyan img#yzmpic{ margin-left: 10px; width: 100px; height: 38px; border: 1px solid #ccc; cursor: pointer; vertical-align: top;}
#liuyan img#yzmpic:hover{ border-color: #d70c18;}
#liuyan .yzmchange{ display: inline-block; width: 140px; color: #333; font-size: 14px; margin-left: 20px; vertical-align: top;}
#liuyan .yzmchange:hover{ color: #d70c18;}
#liuyan input#tj{ width: 100px; height: 40px; font-size: 18px; line-height: 40px; margin-left: 74px;
	background-color: #d70c18; color: #fff; box-shadow: 0 0 3px 0 #595959 inset; font-weight: bold;}
#liuyan input#tj:hover{ background-color: #ac0b15;}




.lxcon{ overflow: hidden; padding: 43px 230px 34px 74px; border: 1px dashed #c0c0c0; margin-top: 35px; position: relative;}

.lxway{ color: #333;}
.lxway h3{ font-size: 24px; margin-bottom: 15px; font-weight: bold; line-height: 36px;}
.lxway p{ font-size: 16px; line-height: 34px;}

.sideewm{ position: absolute; right:100px; top:78px; z-index: 1; width: 128px; text-align: center;}
.sideewm .pic{ width: 100%; height: 124px; overflow: hidden; font-size: 0;
	background: url('../images/kuang2.png') center no-repeat; line-height: 124px;}
.sideewm p{ color: #333; line-height: 24px;}

#map{ width:100%; height: 480px; margin: 30px 0 50px;}



.rylist{ width: 1224px; padding: 35px 0 20px; overflow: hidden; margin-left: -12px;}
.rylist li{ float: left; width: 204px;margin-bottom: 20px;}
.rylist li .lin{ padding: 0 12px;}

.rylist a{ display: block; background-color: #fff; overflow: hidden; position: relative;padding-bottom: 20px; }
.rylist .pic{ width: 100%; height: 0; padding-bottom: 133.33%; overflow: hidden; position: relative;}
.rylist img{ position: absolute; z-index: 1; left:0; top:0; width: 100%; height: 100%;}
.rylist li:hover a{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}



.pailist{ padding: 35px 0 90px;}
.pailist li{ width: 100%; height: 300px; margin-bottom: -50px; padding-bottom: 50px;
	 background: url('../images/wave1.png') bottom no-repeat;}
.pailist .lin{ height: 100%; padding-left: 380px; padding-right: 50px; position: relative;}
.pailist li .pic{ width: 300px; height: 100%; position: absolute;
	left:0; top:0; z-index: 1;}
.pailist li .pic.wh1{ background: url('../images/wh1.png') center no-repeat;}
.pailist li .pic.wh2{ background: url('../images/wh2.png') center no-repeat;}
.pailist li .pic.wh3{ background: url('../images/wh3.png') center no-repeat;}
.pailist li .pic.wh4{ background: url('../images/wh4.png') center no-repeat;}

.pailist li:hover .scaleout-h{ -webkit-animation: scaleout 1.2s infinite ease-in-out;
	 animation: scaleout 1.2s infinite ease-in-out;}

.pailist li .pairout{ display: table; height: 100%;}
.pailist li:nth-child(even){ background-image: url('../images/wave2.png');}
.pailist li:nth-child(even) .lin{ padding-left: 50px; padding-right: 380px;}
.pailist li:nth-child(even) .pic{ left:auto; right: 0;}

.pailist .pair{ line-height: 28px; color: #333; display: table-cell; vertical-align: middle;}
.pailist .pair h3{ color: #333; font-size: 18px; font-weight: bold; margin-bottom: 20px; overflow: hidden;}
.pailist .pair .txt{ font-size: 16px; max-height: 112px; overflow: hidden;}
.pailist li:hover .pair h3{ color: #d70c18;}
.pailist .pair h3{ -webkit-transition: 0.5s; -moz-transition: 0.5s;
	-ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}








.fcate{ text-align: center;}
.fcate .cn{ font-size: 24px; line-height: 42px; font-weight: bold; color: #333; height: 42px; }
.fcate .cn:before,.fcate .cn:after {content:" ";display: inline-block;vertical-align: middle;height: 2px;background-color: #bbbbbb;width: 22px;}
.fcate .cn:before {border-right: #d70c18 solid 22px;margin-right: 20px;}
.fcate .cn:after {border-left: #d70c18 solid 22px;margin-left: 20px;}
.fcate .en{ margin-bottom: 10px;font-size: 24px; line-height: 1; font-weight: bold; text-transform: uppercase; font-family: 'Axis',Arial, sans-serif;color: #888;}
.fcate .en img{ vertical-align: top;}

.fcate2 .cn{color: #fff; }
.fcate2 .en{color: rgba(255,255,255,.8); }
.fcate .cn:before,.fcate .cn:after {background-color: rgba(255,255,255,.5); border-color: #fff;}




.fnews{ padding: 60px 0; background: #b23e49 url('../images/fnewsbg.jpg') top no-repeat ;background-size: cover;}
.fnewslist{ width: 1230px; padding: 30px 0 10px; margin-left: -15px; overflow: hidden;}
.fnewslist li{ float: left; width: 33.3%; margin-bottom: 30px;}
.fnewslist li .lin{ padding: 0 15px;}
.fnewslist li a{ display: block; background-color: #fff; border: 1px solid #e2e4e8;}

.fnewslist li h3{ font-size: 16px; color: #000; line-height: 26px;
	padding: 20px 25px 0; height: 26px; overflow: hidden;}
.fnewslist li .txt{ color: #999; line-height: 24px; padding:0 25px 30px; margin-top: 12px; height: 72px; overflow: hidden;}
.fnewslist li .date{ color: #999; line-height: 28px; padding: 10px 25px; border-top: 1px solid #e2e4e8; 
	 height: 28px; overflow: hidden; background: #f9f9f9 url('../images/gt1.png') 340px no-repeat;}

.fnewslist li:hover a{ box-shadow: 0 0 10px 0 rgba(221,221,221,1)}
.fnewslist li:hover h3{ color: #d70c18;}
.fnewslist li:hover .txt{ color: #666;}

.fnewslist li h3,.fnewslist li .txt{-webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition:  .6s;}



.picScroll-left2{ overflow:hidden; position:relative; margin-top: 34px; border: 1px solid #e2e4e8;}

.hotlist{ height: 260px; background-color: #fff;}
.hotlist li{ }
.hotlist li a{ display: block; height: 200px; padding: 30px 30px 30px 430px;}
.hotlist .pic{ float: left; margin-left: -400px; width: 356px; height: 100%;}
.hotlist .pic img{ width: 100%; height: 100%;}
.hotlist h3{ padding: 15px 0; height: 40px; line-height: 40px; overflow: hidden; font-size: 24px; color: #333;}
.hotlist p.txt{ height: 48px; overflow: hidden; color: #999; font-size: 16px; line-height: 24px;}
.hotlist .date{ font-size: 16px; color: #bbb; line-height: 24px; margin-top: 30px;}
.hotlist h3:hover{ color: #d70c18;}

.picScroll-left2 .hd{ overflow:hidden; position: absolute; z-index: 3; right: 40px; bottom: 36px;}
.picScroll-left2 .hd ul{ height:12px; overflow:hidden; zoom:1;}
.picScroll-left2 .hd ul li{ float:left; width:12px; height:12px; overflow:hidden; margin-left:10px; text-indent:-999px; background-color: #a4a4a4;border-radius: 50%; transition:220ms;}
.picScroll-left2 .hd ul li.on{ background-color: #d70c18;}


.seemore{ display: block; width: 160px; height: 40px; border: 1px solid #fff; margin: 0 auto;
	line-height: 40px; color: #fff; text-align: center;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px;}
.seemore:hover{ background-color: #fff; color: #d70c18;}




.fabout{ padding: 60px 0 56px; position: relative;}
.faboutcon{ margin: 22px 0; line-height: 28px; color: #666; text-align: center;}
.abmore{ display: block; margin: 0 auto; width: 100px; height: 30px; background-color: #d70c18;
	line-height: 30px; color: #fff; text-transform: uppercase; font-family: 'arial'; text-align: center;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}
.abmore:hover{ color: #d0252e; border-color: #d0252e;}

.ablist{ width: 1250px; margin-top: 36px; margin-left: -25px;}
.ablist li{ float: left; width: 190px; height: 226px; margin: 0 30px; text-align: center; position: relative;}
.ablist li a{ height: 100%;}
.ablist li .one{ border: 2px solid #ddd; width: 186px; height: 186px;
	-moz-border-radius: 93px; -webkit-border-radius: 93px; border-radius:93px;}
.ablist li .one .cn{ padding-top: 55px; color: #666; line-height: 26px;}
.ablist li .one .en{ font-family: 'arial'; color: #c0c0c0; line-height: 24px;}
.ablist li .one .jia{ display: block; margin: 25px 0 0; height: 20px;
	background: url('../images/jia1.png') center no-repeat;}

.ablist li .two{ height: 196px; background: url('../images/huan.png') top no-repeat;
	position: absolute; top:0; left: 0; width: 100%; z-index: 1; opacity: 0; filter:alpha(opacity=0);}
.ablist li .two .hand{ width: 60px; height: 46px; background: url('../images/hand.png') center no-repeat;
	position: absolute; left: 50%; margin-left: -30px; bottom: 20px; z-index: 2; display: block;}
.ablist li .two label{ width: 64px; height: 20px; line-height: 20px; color: #bbb; font-family: 'arial';
	position: absolute; left: 50%; margin-left: -32px; bottom: 0; z-index: 2; display: block; background-color: #fff;}

.ablist li:hover .one{ border-color: #d70c18;}
.ablist li:hover .one .cn{ color: #d70c18; font-size: 16px;}
.ablist li:hover .one .jia{ background-image: url('../images/jia1h.png');}

.ablist li:hover .two{ opacity: 1; filter:alpha(opacity=100); top:30px;}

.ablist .one,.ablist .one .cn,.ablist .two{
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}




.fry{ border-top: 4px solid #d70c18;}
.fryone{ padding: 36px 0 15px; background: url('../images/net.png') center;}

.frytwo{ background: #fff url('../images/frybg.jpg') center no-repeat;}

.frytwo{ position: relative; padding: 50px 0 56px;}
.frytwo .bd{ width: 1200px; margin: 0 auto;}

.frylist{ width: auto; overflow: hidden;}
.frylist li{ float: left; width: 200px;}
.frylist li .lin{ padding: 10px;}
.frylist a{ display: block;  overflow: hidden;}
.frylist .pic{ width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; position: relative;}
.frylist img{ position: absolute; z-index: 1; left:0; top:0; width: 100%; height: 100%; object-fit:contain;}
.frylist li:hover a{ box-shadow: 0 0 10px 0 #fff;}


a.fryprev,a.frynext{ position: absolute; width: 40px; height: 40px; z-index: 1; top:50%; margin-top: -20px;
	line-height: 40px; color: #fff; text-align: center; font-family: 'simsun'; font-size: 30px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;
	background-image: url('../images/op0-20.png');}
a.fryprev{ left:50%; margin-left: -670px;}
a.frynext{ right: 50%; margin-right: -670px;}
a.fryprev:hover,a.frynext:hover{  background-image: url('../images/op0-60.png');}
@media screen and (max-width:1340px){
	a.fryprev{ left:10px; margin-left: 0;}
	a.frynext{ right: 10px; margin-right: 0;}
}




.ffri{ padding: 30px 0; background-color: #fff;}
.ffriin{ overflow: hidden; padding-left: 90px; font-size: 0;}
.ffri a{ display: inline-block; width: 168px; height: 48px; border: 1px solid #dfdfdf;
	line-height: 48px; text-align: center; margin: 7px 7px;}
.ffri a img{ max-width: 100%; max-height: 100%;}
.ffri a:hover{ box-shadow: 0 0 8px 0 #ccc;}

.ffri label{ float: left; margin-left:-90px; margin-top: 7px;
	 height: 50px; line-height: 50px; font-size: 16px; color: #333;}




.fyeji{ padding: 80px 0 65px;}

.boxh{ width: 100%; height: 165px;}
.boxh.yj1{ background: url('../images/fyj1.jpg') center no-repeat;}
.boxh.yj2{ background: url('../images/fyj2.jpg') center no-repeat;}
.boxh .inner{ padding: 38px 28px;}

.boxh h3{ color: #a72126; font-size: 20px; font-weight: bold; position: relative; padding-bottom: 10px;}
.boxh h3:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: 0;
	width: 34px; height: 3px; background-color: #fff;}
.boxh p{ font-size: 16px; line-height: 24px; color: #8fbdd7; text-transform: uppercase; margin-top: 10px;}
.boxh a{ color: #fff;}
.fyejicon{ width: 100%; margin-top: 50px; overflow: hidden;}
.fyejicon .l,.fyejicon .r{ width: 580px;}



.fyjlist{ margin-top: 24px;}
.fyjlist li{ line-height: 48px;}
.fyjlist li a{ display: block; height: 48px; color: #666; padding-left: 24px;
	background: url('../images/fang.png') 5px no-repeat; border-bottom: 1px dashed #d8d8d8;}
.fyjlist li:hover a,.fyjlist li:hover i{ color: #d70c18;}
.fyjlist li:hover a{ border-color: #d70c18;}
.fyjlist li span{ display: inline-block; width: 450px; height: 48px; overflow: hidden;}
.fyjlist li i{ float: right; display: inline-block; width: 80px; height: 48px; color: #999; font-style: normal;}

.fyejicon a.more{ display: block; border-bottom: 1px solid #aaa; margin-top: 30px;
	height: 40px; line-height: 40px; text-align: center; color: #999; text-transform: uppercase;}
.fyejicon a.more:hover{ border-color: #d70c18; color: #d70c18;}