html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul,li{list-style:none;}h1,h2,h3,h4,h5{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a,a:hover,a:focus{color:inherit;text-decoration:none!important;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff;color:#333;font-size:14px;font-family:"微软雅黑";border-left:1px #ffffff solid;border-right:1px #ffffff solid}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
em,i{font-style:normal;}
.pr{position:relative;}
.pa{position:absolute;}
.fl{float:left}  .fr{float:right}
.tc{text-align:center}
.tr{text-align:right}
/********General**********/
.wrap{margin:0 auto;width:100%;overflow-x:hidden;}
/********General**********/
.width {width:calc(100% - 260px);margin:auto;}
@media screen and (max-width:1440px){.width{width:calc(100% - 180px);margin:auto;}}
@media screen and (max-width:1280px){.width{width:calc(100% - 110px);}}
@media screen and (max-width:1024px){.width{width:calc(100% - 20px);}} 

/*header*/
.tel{display:block;line-height:30px;position:absolute;z-index:2;text-align:right;right:20px;top:5px}
.tel a{float:left;height:16px;font-size:14px;color:#666666;padding:0 9px;line-height:16px;position:relative;cursor:pointer;}
.header{list-style:none;}
.header .head{height:auto;position:relative;margin:0 auto;background:url(../image/tbg.jpg) no-repeat center;}
.h_con{height:auto;position:relative;margin:0 auto;padding:10px 0;}
.head .logo{width:calc(100% - 320px); padding-top:25px;}
.head .logo img{width:100%;max-width:820px; alignment-adjust:middle;}


.head .fs_top{font-size: 14px; background: #0542ad; color: #fff; line-height: 3;}
.head .fs_top h2{font-size: 14px; font-weight: normal;}
.head .fs_top p{ padding-left: 20px;}
.head .fs_logo{float: left;background: url(../log.png)no-repeat left;padding-left: 90px;margin: 1.1% 0 0 3%;height: 80px;}
.head .fs_logo span{font-size: 40px;margin-top: 6px;border-bottom: 1px solid #0b51aa}
.head .fs_logo p{font-size: 14px;color: #333;border-top: 1px solid #135cba;}
.head .fs_cpbt div{width: 60px;height: 2px;background: #cc0033;margin: auto;margin-top: 15px;}




.h_tel{width:310px;}
.h_tel img{width:100%;max-width:310px;}
.header .nav{height:55px;background:#08af0f;z-index:5;position:relative;margin:0}
.header .nav ul li{float:left;width:calc((100% - 280px) / 7);text-align:center;text-align:center;position:relative;line-height:55px}
.header .nav ul li a{display:block;height:55px;font-size:16px;border-right:1px solid rgb(255,255,255,0.2);line-height:55px; color:#FFF;}
.header .nav ul li i{position:absolute;width:100%;height:0;background-color:#e60012;left:0;top:0;z-index:-1;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav ul li a:hover i{height:100%;}
.header .nav ul .time{float:right;display:block;height:55px;font-size:16px;line-height:55px;width:250px; color:#FFF;}
@media screen and (max-width:1280px){
.head .logo{padding-top:15px;}
}
@media screen and (max-width:1100px){
.head .logo{width:calc(100% - 275px);}
.h_tel{width:270px;}
}
@media screen and (max-width:1024px) {
.tel{display:none}
.head .logo{width:100%;margin:0px auto;display:block;text-align:center; padding-top:0;}
.h_tel{display:none}
.header .nav ul .time{display:none;}
.header .nav ul li{width:calc(100% / 7);}
.header .nav ul li:nth-child(7) a{border-right:none;}
}
@media screen and (max-width:768px) {
.header .nav{height:65px;padding-top:10px;}
.header .nav ul li{width:calc(100% / 3);line-height:25px;height:25px;font-size:15px;font-weight:normal;float:left;text-align:center;overflow:hidden;margin-bottom:5px;}
.header .nav ul li:nth-child(5){display:none;}
.header .nav ul li:nth-child(3) a{border-right:none;}
.header .nav ul li a{display:block;line-height:20px;font-size:16px;height:20px;color:#FFFFFF }
}
@media screen and (max-width:640px) {
.head .logo{display:none;}
}
/*header end*/

/*footer*/
.foot{background:#111; width:100%; }
.footbox{padding:20px 0; margin:0 auto;}
.footcontact{float:left; width:350px;}
.footcontact h3{font-size:26px; color:#fff; line-height:50px; font-weight:normal;}
.footcontact ul{}
.footcontact ul li{height:50px; line-height:50px; font-size:14px; color:#aaa;}
.footcontact ul li i{display:inline-block; margin-top:12px; float:left; margin-right:10px; width:26px; height:26px;}
.footcontact ul li i img{float:left;}
.footcontact ul li a{font-size:14px; color:#aaa;}

.footmenu{float:left; width:calc(95% - 490px); margin-left:5%;}
.footmenu dl{float:left; width:25%;}
.footmenu dl dt{line-height:40px; }
.footmenu dl dt a{color:#fff; font-size:18px;}
.footmenu dl dd{height:32px; line-height:32px;}
.footmenu dl dd a{color:#aaa; font-size:14px;}
/*.footmenu dl:nth-child(2){width:50%;}
.footmenu dl:nth-child(2) dd{width:50%; float:left;}*/

.footewm{width:140px; float:right;}
.footewm h3{font-size:26px; color:#fff; line-height:50px; font-weight:normal; margin-bottom:10px;}
.footewm h3 span{font-size:14px; display:block; color:#aaa; line-height:30px;}
.footewm ul{width:280px;}
.footewm ul li{float:left; width:140px;}
.footewm ul li img{width:140px;}

.copyright{width:100%; height:60px; line-height:25px; color:#fff; text-align:left; background:#000; font-size:14px; border-top:1px #333 solid;overflow:hidden; padding-top:10px;}
.copyright a{color:#fff; padding-left:5px;}

.footlink{ display:block; height:35px;}
@media screen and (max-width:1280px){
.footcontact{width:320px;}
.footmenu{width:calc(97% - 460px); margin-left:3%;}
}	
@media screen and (max-width:1024px){
.footmenu dl{width:50%;}
.footmenu dl:nth-child(2){display:none;}
.copyright{height:70px; line-height:35px;}
.footlink{display:none;}
}
@media screen and (max-width:768px){
.footmenu{display:none;}
}
@media screen and (max-width:640px){
.footbox{display:none;}
.copyright{height:auto; line-height:32px; text-align:center; padding-bottom:75px; padding-top:25px;}
.copyright span{display:block;}
.copyright a{padding-left:0;}
}


.fxdb{display:none}
@media screen and (max-width:640px) {
.fxdb{display:block;height:60px;position:fixed;bottom:0px;left:0px;width:100%;z-index:9999;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+440));}
.fxdb li{float:left;list-style:none;height:55px;text-align:center;box-sizing:border-box;width:50%;}
.fxdb li a{display:block;width:94%;text-align:center;margin:0px auto;background:#e60012;border-radius:50px;height:50px;box-shadow:0 0 5px #fff;}
.fxdb li:first-child a{background:#111;}
.fxdb li img{height:30px;margin-top:10px}
}
.vipb{position:absolute;bottom:3px;right:5px;height:30px;background:url(../image/vip.png) no-repeat center right;padding-right:68px;font-size:20px;color:#e7b144;line-height:35px;text-align:right;z-index:99}
.vipb a{color:#e7b144;font-size:20px;}
@media screen and (max-width:640px) {
.vipb{bottom:62px;right:5px;}	
}
.icon {background:url(../image/icon.png) no-repeat;display:inline-block;vertical-align:middle;} 
.animate-tel {animation:tada 1s linear infinite;transform-origin:50% 50%;-webkit-animation:tada 1s linear infinite;-webkit-transform-origin:50% 50%;-moz-animation:tada 1s linear infinite;-moz-transform-origin:50% 50%;-o-animation:tada 1s linear infinite;-o-transform-origin:50% 50%;-ms-animation:tada 1s linear infinite;-ms-transform-origin:50% 50%;}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
-ms-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0);
}
}
/*footer end*/

/*首页*/

/*Banner*/
.fullSlide {width:100%;position:relative;overflow:hidden;height:700px;} 
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;} 
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;overflow:hidden;text-align:center;background-position:center top;background-repeat:no-repeat;background-size:cover;height:700px;} 
.fullSlide .bd li a {display:block;height:700px;} 
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:10px;line-height:10px;} 
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:20px;height:20px;margin:2px;border-radius:20px;overflow:hidden;background:#fff;line-height:999px;background:#333;} 
.fullSlide .hd ul .on {background:#d01616;width:50px;height:20px;border-radius:10px  } 

.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;/* filter:alpha(opacity=50);opacity:0.5;*/display:none;width:73px;height:73px;} 
.fullSlide .prev {background:url(../image/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(../image/right1s.png) no-repeat;}
.s_ban{display:none;} 
@media screen and (max-width:1440px){
.fullSlide {height:640px;} 
.fullSlide .bd li{height:640px;}
.fullSlide .bd li a {height:640px;} 
}
@media screen and (max-width:1280px){
.fullSlide {height:520px;} 
.fullSlide .bd li{height:520px;}
.fullSlide .bd li a { height:520px;} 
}
@media screen and (max-width:1024px){
.fullSlide {height:500px;} 
.fullSlide .bd li{height:500px;}
.fullSlide .bd li a { height:500px;} 
}
@media screen and (max-width:992px){
.fullSlide {height:390px;} 
.fullSlide .bd li{height:390px;}
.fullSlide .bd li a { height:390px;} 
}
@media screen and (max-width:768px){
.fullSlide {height:320px;} 
.fullSlide .bd li{height:320px;}
.fullSlide .bd li a { height:320px;} 
.fullSlide .hd ul li {width:15px;height:15px;border-radius:15px;} 
.fullSlide .hd ul .on {width:40px;height:15px;border-radius:8px  } 
}
@media screen and (max-width:640px){
.fullSlide{display:none;} 
.s_ban{display:block;width:100%;}
.s_ban img{display:block;width:100%;}
}

/**/
.Toubu{width:100%;background:url(../image/Toubu.jpg) no-repeat center top; max-height:610px;}
.root {width:100%;height:149px;position:relative;}
.root dl{position:relative;}
.root dt {float:left;margin-top:-76px;width:251px;height:225px;}
.root dt img {display:block;width:251px;height:225px; z-index:19999; position:relative}
.root .wzgg {padding-top:36px;position:relative;height:113px;width:calc(100% - 280px);float:right;font-size:15px;color:#555555;line-height:34px;text-indent:2em;}
.root .wzgg p { display:inline}
.root .wzgg p em {font-weight:bold;}
.root .wzgg h1{ font-size:15px;display:inline; font-weight:normal}
.root .wzgg h2{font-size:15px; display:inline; font-weight:normal}
.root .wzgg h3{font-size:15px; display:inline; font-weight:normal}
.root .wzgg span{ display:inline; font-weight:normal}
.root .wzgg i {display:block;position:absolute;right:0;bottom:-22px;width:120px;height:37px; color:#FFFFFF;background:#e3c771;}
.root .wzgg img {display:block;width:26px;height:20px;}
.wzgg{display:inline}
.wzgg_bt{display:inline}
.mainsytj{ padding:20px 0 0; }
.mainsytj_top{ text-align:center;}
.mainsytj_top dt{ font-size:30px; line-height:60px; color:#295592 ;font-weight:bold}
.mainsytj_top dt i{ height:90px; overflow:hidden; width:100%; display:block; display:none}
.mainsytj_top dd{ font-size:18px; line-height:40px; color:#999; text-transform:uppercase; font-weight:normal }
.mainsytj_top p{ background:#295592; height:2px; width:40px; margin:0 auto; display:none} 
@media only screen and (max-width:1680px) { 
.root dt{ margin-top:-57px}
}
@media only screen and (max-width:1440px) { 
.root .wzgg i{ bottom:-12px}
.root .wzgg h1{ display:none;}
.root .wzgg h2{ display:none;}
}
@media only screen and (max-width:1280px) { 
.root .wzgg{ height:140px; overflow:hidden;}
.mainsytj_top dt{ font-size:30px; line-height:40px; } 
}
@media only screen and (max-width:1024px) { 
.root .wzgg{ height:130px}
.root dt{ margin-top:-33px}
.root .wzgg i{ display:none}
}
@media only screen and (max-width:992px) { 
.root .wzgg{ line-height:27px;}
.mainsytj_top dt{ font-size:24px; line-height:40px; } 
}
@media only screen and (max-width:768px) { 
.Toubu{ display:none}
}

/**/
.sytitle{text-align:center; padding:25px 0;}
.sytitle h1{font-size:1.8em;color:#FF0000; font-weight:bold; line-height:2em;}
.sytitle h3{font-size:36px; color:#111; font-weight:bold; line-height:50px;}
.sytitle p{font-size:18px; color:#666; line-height:50px; text-align:left;}
@media screen and (max-width:1024px){
.sytitle h3{font-size:30px;}
.sytitle p{font-size:16px; line-height:30px;}
}
@media screen and (max-width:480px){
.sytitle h3{font-size:27px;}
.sytitle p{font-size:15px;}
}
@media screen and (max-width:380px){
.sytitle h3 span{display:none;}
.sytitle p{line-height:22px;}
}



/**/
.sycpzx{width:100%; background:#f8f8f8; padding:0;}
.tac{display:block; margin:20px 0;}
.tac a{display:block;font-size:16px;width:calc(93% / 8);line-height:50px;margin-right:1%;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;float:left;border:1px solid #ddd;border-radius:48px; box-sizing:border-box;}
.tac a:nth-child(8n){margin-right:0;}
.tac a:hover{background:#ff9801;}
.sypro-list{ margin:0 auto;}
.sypro-list dl{position:relative;}
.sypro-list dl dd{float:left; width:calc(97% / 4); margin-right:1%; margin-bottom:1%; background:#fff; box-sizing:border-box; padding:5px; border:1px #eee solid; transition:all 0.5s ease;}
.sypro-list dl dd:nth-child(4n){ margin-right:0;}
.sypro-list dl dd h4{font-size:18px; color:#333; font-weight:normal; padding:20px 0 0 20px; height:25px; line-height:25px; overflow:hidden;}
.sypro-list dl dd span{display:block;width:100%;height:0;position:relative;padding-bottom:80%;transition:all 0.3s ease 0.1s;overflow:hidden;}
.sypro-list dl dd span img{width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.3s ease-in-out;}
.sypro-list dl dd>p {color:#fff; text-align:center; position:relative; padding:0 20px 20px;}
.sypro-list dl dd>p a.nyproduct-list-lj {position:relative;z-index:9;color:#666;border:1px #eee solid; font-size:14px; width:100%; height:40px; line-height:40px; text-align:center; display:inline-block; transition:all 0.5s ease;}
.sypro-list dl dd>p:after{content:" "; background:#e60012; z-index:1; position:absolute; left:22px; top:0; width:0; height:42px; transition:all 0.5s ease;}
.sypro-list dl dd:hover{box-shadow:0px 2px 10px 1px rgba(0,0,0,0.1);}
.sypro-list dl dd:hover h3 img {transform:scale(1.1);}
.sypro-list dl dd:hover>p a.nyproduct-list-lj{color:#fff;}
.sypro-list dl dd:hover>p:after{width:calc(100% - 40px);}
@media screen and (max-width:1280px){
.sypro-list dl dd { width:calc(98% / 3);margin-bottom:15px;} 
.sypro-list dl dd:nth-child(4n) {margin-right:1%;} 
.sypro-list dl dd:nth-child(3n) {margin-right:0;} 
}
@media screen and (max-width:1024px){
.sycpzx{padding:10px 0;}
.tac a{width:calc(97% / 4);}
.tac a:nth-child(4n){margin-right:0;}
}
@media screen and (max-width:768px){
.sypro-list dl dd h4{font-size:16px; padding-left:0; display:block; text-align:center;}
}
@media screen and (max-width:640px){
.tac{display:none;}
.sypro-list dl dd {width:49.5%;} 
.sypro-list dl dd:nth-child(3n) {margin-right:1%;} 
.sypro-list dl dd:nth-child(2n) {margin-right:0;} 
.sytitle h1{font-size:1.3em;color:#FF0000; font-weight:bold; line-height:2em;}
} 
@media screen and (max-width:380px){
.sypro-list dl dd {width:100%; margin-right:0!important;} 
}

/**/
.index-pice{ position:relative;} 
.index-pice .pice{ position:absolute; left:34%; top:50px; width:56%; } 
.index-pice .pice h2{ font-size:46px; color:#fff; font-weight:bold } 
.index-pice .pice p{ font-size:18px; color:#dcdcdc; margin-top:20px; } 
.pice-bottom{ margin-top:50px; } 
.pice-bottom .piceLeft{ float:left; width:100%; } 
.pice-bottom .piceRight{ float:right; margin-top:10px; width:30%; } 
.pice-bottom .piceLeft strong{ font-size:26px; color:#f0be4d; display:block; } 
.pice-bottom .piceLeft .btn-price{ width:291px; height:65px; line-height:65px; display:block; text-align:center; font-size:22px; color:#fff; font-weight:bold; padding-right:4%; margin-top:60px; position:relative; } 
.pice-bottom .piceLeft .btn-price:after{ width:24px; height:23px; background:url(http://ytdygs.com/template/default/images/fj.png) no-repeat; content:""; display:inline-block; position:absolute; left:50%; margin-left:100px; top:50%; margin-top:-12.5px; }
@media screen and (max-width:1280px){
.pice-bottom{ margin-top:30px; } 
.pice-bottom .piceLeft strong{ font-size:24px;} 
}
@media screen and (max-width:1024px){
.index-pice{ background:url(../image/bg3.jpg) no-repeat right bottom #000; min-height:592px;} 
.index-pice img{ display:none;} 
.index-pice .pice{left:10px;width:calc(100% - 20px); } 
.pice-bottom{ margin-top:50px; } 
.pice-bottom .piceLeft strong{ font-size:26px;} 
}
@media screen and (max-width:640px){
.index-pice .pice h2{ font-size:40px;} 
.pice-bottom{ margin-top:30px; } 
.pice-bottom .piceLeft strong{ font-size:24px;} 
}
@media screen and (max-width:480px){
.index-pice{ min-height:650px;} 
.index-pice .pice h2{ font-size:36px;} 
.pice-bottom .piceLeft strong{ font-size:22px;} 
}
@media screen and (max-width:380px){
.index-pice{ min-height:700px;} 
.index-pice .pice h2{ font-size:33px;} 
.pice-bottom .piceLeft .btn-price{ width:231px; height:60px; line-height:60px; font-size:20px; margin-top:50px;} 
}
/**/
.index-about { padding:10px 0 200px; background:url(../image/bg1.jpg) bottom right no-repeat; } 
.about-pic { float:left; width:640px; height:524px; overflow:hidden;} 
.about-pic img{ height:auto; } 
.about-info { float:right; width:calc(100% - 690px); height:524px; overflow:hidden; } 
.syabouttitle{ display:none;}
.about-info h1 { color:#333; font-size:46px; line-height:1.1; font-weight:bold;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.about-info h3 { display:block; height:310px; overflow:hidden;} 
.about-info p { color:#666; font-size:18px; line-height:33px; margin-top:20px; } 
.about-info ul { margin-top:50px; margin-left:-3.3%; }
.about-info ul li { float:left; width:calc(97% / 4); margin-right:1%; text-align:center; } 
.about-info ul li:nth-child(4) { margin-right:0; } 
.about-info ul li strong { display:block; color:#e60012; font-size:36px; line-height:1.1; } 
.about-info ul li em{ margin-top:4px; font-size:16px;} 
.about-info span { margin-top:20px; } 
.btn-price { display:inline-block; width:276px; line-height:60px; text-align:center; background-color:#e60012; -webkit-border-radius:70px; -moz-border-radius:70px; -ms-border-radius:70px; -o-border-radius:70px; border-radius:70px; color:#333; font-size:20px; cursor:pointer; position:relative; z-index:0; left:20px; color:#FFF; } 
.btn-price:before { content:""; position:absolute; left:-10px; top:-10px; right:-10px; bottom:-10px; background:rgba(230,0,18, .3); -webkit-border-radius:70px; -moz-border-radius:70px; -ms-border-radius:70px; -o-border-radius:70px; border-radius:70px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; z-index:-1; }
.btn-price:hover:before { background:rgba(230,0,18, .1); } 
@media (max-width:1700px){
.about-info h1 {font-size:40px;} 
}
@media (max-width:1600px){
.about-info h1 {font-size:34px;} 
}
@media (max-width:1500px){
.about-info h1 {font-size:30px;} 
}
@media (max-width:1440px){
.about-pic {width:600px;} 
.about-info { width:calc(100% - 620px);} 
.about-info h1 {font-size:29px;} 
}
@media (max-width:1280px){
.about-pic {width:580px;} 
.about-info { width:calc(100% - 600px);} 
}
@media (max-width:1024px){
.index-about { padding:10px 0 30px;} 
.about-pic { display:none;} 
.about-info { width:100%; height:auto; padding-bottom:20px;} 
.syabouttitle{margin:25px 0 15px; display:block;}
.syabouttitle h4{font-size:30px; color:#333; line-height:50px; font-weight:bold;}
.syabouttitle h5{font-size:22px; color:#666;}
.about-info h1 { display:none;} 
}
@media (max-width:640px){
.about-info h3 {height:330px;} 
.about-info p {font-size:16px;margin-top:0; } 
.about-info span { margin-top:50px; } 
}
@media (max-width:380px){
.syabouttitle h4{font-size:25px;}
.syabouttitle h5{font-size:19px;}
.btn-price{width:246px;line-height:48px;font-size:18px;} 
}

/**/
.index-txt {text-align:center;} 
.index-txt h2 {color:#333; font-size:46px; line-height:1.1; font-weight:bold;} 
.index-txt h2:before, .index-txt h2:after {content:''; display:inline-block; vertical-align:middle; width:35px; height:26px; background-repeat:no-repeat; margin-top:-6px;} 
.index-txt h2:before {background-image:url(../image/tit-icon01.png); margin-right:20px;} 
.index-txt h2:after {background-image:url(../image/tit-icon02.png); margin-left:20px;} 
.index-txt p {color:#666; font-size:18px; line-height:30px; margin-top:10px;} 
@media (max-width:1280px){
.index-txt h2 {font-size:40px;} 
}
@media (max-width:1024px){
.index-txt h2 {font-size:36px;} 
}
@media (max-width:640px){
.index-txt h2 {font-size:30px;} 
.index-txt h2:before {margin-right:10px;} 
.index-txt h2:after {margin-left:10px;} 
.index-txt p {font-size:16px; margin-top:20px;} 
}
@media (max-width:480px){
.index-txt h2 i{ display:none;} 
}
@media (max-width:380px){
.index-txt h2:before, .index-txt h2:after { display:none;} 
}
/**/
.index-type { margin-top:-170px;}
.yz{height:auto;padding:20px 0;}
.yz li{float:left;margin:1% 1%;width:calc(88% / 6);position:relative;}
.yz li em{display:block; display:block;width:100%;height:0; position:relative; padding-bottom:70%;transition:all 0.3s ease 0.1s;overflow:hidden; }
.yz li img{width:100%;height:100%;position:absolute; top:0; left:0}
.yz li p {width:100%;height:46px;text-align:center; background:#e60012; color:#FFF; line-height:46px; overflow:hidden;} 
@media (max-width:1440px){
.yz li{width:calc(90% / 5);}
.yz li:nth-child(6){display:none;}
}
@media (max-width:1280px){
.yz li{width:calc(92% / 4);}
.yz li:nth-child(5){display:none;}
}
@media (max-width:1024px){
.index-type { margin-top:30px;}
.yz{ padding-bottom:0;}
.yz li{width:calc(94% / 3);margin-bottom:2%;}
.yz li:nth-child(n+5){display:block;}
}
@media (max-width:480px){
.yz li{width:calc(96% / 2);}
}
@media (max-width:380px){
.yz li p { display:none;} 
}
.white,.whites{position:relative;overflow:hidden;}
.white:after,.whites:after{content:''; cursor:pointer; position:absolute; left:-100%; top:0; width:100%; height:100%; background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform:skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}


/**/
.fc {width:100%;padding:20px 0 25px; background:url(../image/bg2.jpg) no-repeat center bottom #000;} 
.fc .sytitle h3{color:#fff;}
.fc .sytitle p{color:#999;}
.fc .fc_main .fc_view {margin-top:15px;} 
.fc .fc_main .fc_view .tempWrap {width:100% !important; padding-bottom:15px;} 
.fc .fc_main .fc_view ul { padding-bottom:15px!important;} 
.fc .fc_main .fc_view ul li {float:left;width:calc(25% - 14px);height:auto;position:relative;margin:5px 7px;box-shadow:0px 15px 15px -15px #000;} 
.fc .fc_main .fc_view ul li > a { display:block;width:100%;height:0;position:relative;padding-bottom:80%;transition:all 0.3s ease 0.1s;overflow:hidden;} 
.fc .fc_main .fc_view ul li > a > img {width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.3s ease-in-out; } 
.fc .fc_main .fc_view ul li .fc_txt {width:100%;height:60px;text-align:center; background:#fff;} 
.fc .fc_main .fc_view ul li .fc_txt > a {width:100%;height:100%;line-height:52px;font-size:16px;color:#333333;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;} 
.fc .fc_main .fc_view ul li .fc_txt > span {width:28px;border-bottom:1px solid #adadad;box-sizing:border-box;text-align:center;height:30px;line-height:30px;margin-top:10px;font-size:20px;font-family:Arial;color:#333333;margin-right:18px;} 
.fc .fc_main .fc_view ul li:hover > a > img {transform:scale(1.05);} 
.fc .fc_main .fc_view ul li:hover .fc_txt > a {color:#e60012;} 
.fc .fc_main .fc_view .fc_btn {width:100%;text-align:center;margin-top:20px;} 
.fc .fc_main .fc_view .fc_btn .fc_p, .fc .fc_main .fc_view .fc_btn .fc_n {display:inline-block;vertical-align:middle;margin:0 20px;width:53px;height:53px;cursor:pointer;position:relative;border-radius:50%;background:#e60012;transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out;} 
.fc .fc_main .fc_view .fc_btn .fc_p:hover, .fc .fc_main .fc_view .fc_btn .fc_n:hover {transform:translateY(-5px);box-shadow:0 10px 15px -10px rgba(0, 0, 0, 0.5);} 
.fc .fc_main .fc_view .fc_btn .fc_p::after, .fc .fc_main .fc_view .fc_btn .fc_n::after {content:"";position:absolute;width:100%;height:100%;border-radius:50%;left:0;top:0;} 
.fc .fc_main .fc_view .fc_btn .fc_p::after {background:url(../image/fc_p.png) center no-repeat;} 
.fc .fc_main .fc_view .fc_btn .fc_n::after {background:url(../image/fc_n.png) center no-repeat;}
@media screen and (max-width:1024px){
.fc {margin-top:10px; padding-top:20px;} 
.fc .fc_main .fc_view {margin-top:15px;} 
.fc .fc_main .fc_view ul li { width:calc(33.33333% - 14px);} 
}
@media screen and (max-width:640px){
.fc .fc_main .fc_view ul li { width:calc(50% - 14px);} 
}

@media screen and (max-width:480px){
.fc {margin-top:5px;padding-top:0;} 
.fc .fc_main .fc_view ul li { width:calc(100% - 14px);} 
}

/*新闻*/
.index-news {margin-top:20px; margin-bottom:10px; } 
.index-news .index-txt {margin-bottom:40px;} 
.n-box {float:left; width:47%;} 
.box-fr {margin-left:6%;} 
.news-txt {line-height:40px;} 
.txt-more {float:right; width:50px; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} 
.txt-more:hover {margin-right:-5px;} 
.txt-con {overflow:hidden; display:block; color:#333; font-size:30px; font-weight:bold;} 
.txt-con:before {content:''; display:inline-block; vertical-align:middle; width:49px; height:34px; background:url(../image/tit-icon03.png) no-repeat; margin-right:15px; margin-top:-2px;} 
.txt-con:hover {color:#d01616;} 
.box-hot {margin-top:30px;} 
.box-hot li {padding:20px; background-color:#FFF; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; -webkit-box-shadow:0 3px 15px rgba(37, 92, 79, .15); -moz-box-shadow:0 3px 15px rgba(37, 92, 79, .15); -ms-box-shadow:0 3px 15px rgba(37, 92, 79, .15); -o-box-shadow:0 3px 15px rgba(37, 92, 79, .15); box-shadow:0 3px 15px rgba(37, 92, 79, .15); overflow:hidden; position:relative; margin-bottom:20px;} 
.box-pic {float:left; width:265px; margin-top:15px; height:115px; overflow:hidden;} 
.box-pic a {display:block; position:relative; padding-top:66.3%; overflow:hidden; height:115px;} 
.box-pic a img {position:absolute; left:0; top:0; width:100%; height:auto; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px;} 
.box-info {display:block; overflow:hidden; padding:7px 20px;} 
.box-info a {display:block; color:#333; font-size:18px; line-height:28px; font-weight:bold; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} 
.box-info a:hover {color:#d01616;} 
.box-info p.box-font{line-height:26px; height:52px; margin-top:10px; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} 
.box-info span {display:inline-block; color:#AAA; font-size:16px; margin-top:8px;} 
.box-more {position:absolute;right:0;bottom:0; width:42px; line-height:42px; height:42px; text-align:center; background-color:#d01616; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -ms-border-top-left-radius:10px; -o-border-top-left-radius:10px; border-top-left-radius:10px; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} 
.box-more img{max-width:100%;border:none;vertical-align:middle; padding-top:13px;} 
.box-more:hover {width:50px;} 
.box-list li {line-height:34px; margin-top:10px;} 
.box-list li span {float:right; width:90px; margin-left:20px; color:#AAA; font-size:16px;} 
.box-list li a {display:block; overflow:hidden; color:#666; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} 
.box-list li a:before {content:''; display:inline-block; vertical-align:middle; width:26px; height:26px; background:url(../image/news-icon.png) no-repeat; margin-right:8px; margin-top:-6px;} 
.box-list li:hover a {margin-left:4px; color:#d01616; }
@media screen and (max-width:1440px){
.box-pic {width:225px;} 
}
@media screen and (max-width:1280px){
.txt-con {font-size:26px;} 
.box-pic {width:185px;} 
}
@media screen and (max-width:1024px){
.index-news {margin-top:30px;} 
.txt-con {font-size:22px;} 
.box-pic {width:165px;} 
.box-info a {font-size:16px;} 
.box-list li {line-height:34px; margin-top:20px;} 
.box-list li a{font-size:16px;} 
}
@media screen and (max-width:992px){
.n-box {width:100%;} 
.box-fr { display:none;} 
}
@media screen and (max-width:480px){
.box-pic {width:145px;} 
.news-txt { display:none;} 
.box-hot {margin-top:0;} 
}
@media screen and (max-width:380px){
.box-pic { display:none;} 
.box-info {padding:7px;} 
.box-list li span { display:none;} 
}

/**/
.footfg{width:100%; height:300px; background:url(../image/fban.jpg) center center no-repeat}
.footfg dl{margin:0 auto}
.footfg dl dd{float:left; width:calc(100% / 3); position:relative; text-align:center;}
.footfg dl dd:after{content:" "; width:1px; height:150px; background:#fff; z-index:1; position:absolute; right:0; top:80px;}
.footfg dl dd:last-child:after{display:none;}
.footfg dl dd span{display:inline-block; width:78px; height:60px; margin-top:80px;}
.footfg dl dd h3{font-weight:normal; color:#fff; font-size:24px; line-height:50px; font-family:"微软雅黑 light";}
.footfg dl dd p{color:#fff; font-size:18px; font-weight:bold;}
.footfg dl dd em{color:#fff; font-size:36px; font-weight:bold; display:block; text-align:center;margin-top:80px; height:60px; line-height:60px; padding-bottom:10px;}
.footfg dl dd h4{width:80%; height:40px; background:#d01616; line-height:40px; color:#fff; font-size:16px; text-align:center; border:none; margin:0 auto;}
@media screen and (max-width:1024px){
.footfg dl dd{width:50%;}
.footfg dl dd:nth-child(2){ display:none;}
}
@media screen and (max-width:768px){
.footfg dl dd em{font-size:30px;}
}
@media screen and (max-width:480px){
.footfg{ height:240px;}
.footfg dl dd{width:100%;}
.footfg dl dd:after{display:none;}
.footfg dl dd:nth-child(3){ display:none;}
.footfg dl dd span{margin-top:40px;}
}
/*首页end*/


/*内页*/
.f-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb{zoom:1;}
.hide{display:none;}
.span-1{float:left;margin-right:2%;width:6.33333333%;transition:.2s width ease;}
.span-2{float:left;margin-right:2%;width:14.66666667%;transition:.2s width ease;}
.span-3{float:left;margin-right:2%;width:23%;transition:.2s width ease;}
.span-4{float:left;margin-right:2%;width:31.33333333%;transition:.2s width ease;}
.span-5{float:left;margin-right:2%;width:39.66666667%;transition:.2s width ease;}
.span-6{float:left;margin-right:2%;width:48%;transition:.2s width ease;}
.span-7{float:left;margin-right:2%;width:56.33333333%;transition:.2s width ease;}
.span-8{float:left;margin-right:2%;width:64.66666667%;transition:.2s width ease;}
.span-9{float:left;margin-right:2%;width:73%;transition:.2s width ease;}
.span-10{float:left;margin-right:2%;width:81.33333333%;transition:.2s width ease;}
.span-11{float:left;margin-right:2%;width:89.66666667%;transition:.2s width ease;}
.span-12{float:left;margin-right:2%;width:98%;transition:.2s width ease;}
@media only screen and (max-width:1024px){
.midd-1{width:6.33333333%;}
.midd-2{width:14.66666667%;}
.midd-3{width:23%;}
.midd-4{width:31.33333333%;}
.midd-5{width:39.66666667%;}
.midd-6{width:48%;}
.midd-7{width:56.33333333%;}
.midd-8{width:64.66666667%;}
.midd-9{width:73%;}
.midd-10{width:81.33333333%;}
.midd-11{width:89.66666667%;}
.midd-12{width:98%;}
.midd-13{width:106.33333333%;}
.midd-14{width:114.66666667%;}
.midd-15{width:123%;}
.midd-16{width:131.33333333%;}
.midd-17{width:139.66666667%;}
.midd-18{width:148%;}
.midd-19{width:156.33333333%;}
.midd-20{width:164.66666667%;}
.midd-21{width:173%;}
.midd-22{width:181.33333333%;}
.midd-23{width:189.66666667%;}
.midd-24{width:198%;}
.midd-hide{display:none!important;}
.midd-center{position:relative;left:-1%;float:none;clear:both;display:block;margin-right:auto;margin-left:auto;}
}
@media only screen and (max-width:640px){
.smal-1{width:6.33333333%;}
.smal-2{width:14.66666667%;}
.smal-3{width:23%;}
.smal-4{width:31.33333333%;}
.smal-5{width:39.66666667%;}
.smal-6{width:48%;}
.smal-7{width:56.33333333%;}
.smal-8{width:64.66666667%;}
.smal-9{width:73%;}
.smal-10{width:81.33333333%;}
.smal-11{width:89.66666667%;}
.smal-12{width:98%;}
.smal-13{width:106.33333333%;}
.smal-14{width:114.66666667%;}
.smal-15{width:123%;}
.smal-16{width:131.33333333%;}
.smal-17{width:139.66666667%;}
.smal-18{width:148%;}
.smal-19{width:156.33333333%;}
.smal-20{width:164.66666667%;}
.smal-21{width:173%;}
.smal-22{width:181.33333333%;}
.smal-23{width:189.66666667%;}
.smal-24{width:198%;}
.smal-hide{display:none!important;}
.smal-center,.smal-show{display:block;}
.smal-center{position:relative;left:-1%;float:none;clear:both;margin-right:auto;margin-left:auto;}
}

.mt4 {margin-top:40px;}
.mt6 {margin-top:60px;}
.mt2 {margin-top:24px;}
.mt3 {margin-top:30px;}
@media screen and (max-width:640px){
.mt4 {margin-top:20px;}
.mt3 {margin-top:15px;}
}

.position_now{font-size:14px;background-color:#F5F5F5;width:100%;}
.position_now .auto{height:80px;}
.position_now a{display:inline-block;color:#707070;}
.position_now .fl a:hover{color:#065cc3;}
.position_now .fl{color:#707070;line-height:80px;}
.position_now .fl img{height:20px;margin-top:-4px;display:inline-block;margin-right:8px;}
.position_now .fr{font-family:impact;color:#e60012;font-size:0;}
.position_now .fr img{height:26px;float:left;margin:28px 10px 0 0;}
.position_now .fr strong{font-weight:100;font-size:22px;display:block;float:left;line-height:80px;}
.position_now .fr a{display:inline-block;width:100px;padding:0 5px;height:80px;color:#333;font-size:16px;text-align:center;line-height:80px;overflow:hidden;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.position_now .fr a i{width:100%;height:0%;background-color:#065cc3;position:absolute;left:0;top:0;z-index:-1;-webkit-transition:.5s height;-o-transition:.5s height;-ms-transition:.5s height;-moz-transition:.5s height;transition:.5s height;}
.position_now .fr a:hover i, .position_now .fr a.active i{height:100%;}
.position_now .fr a:hover, .position_now .fr a.active{color:#fff;}

@media screen and (max-width:768px){
.position_now .fr{display:none;}
}

.place{background:#f5f5f5;height:76px;line-height:76px;padding-left:2%;position:relative;}
.place:after{content:"";width:100%;height:100%;display:block;position:absolute;right:-100%;top:0;background:#065cc3}
.place i{width:20px;height:76px;margin-right:12px;display:block;float:left;background:url(http://ytdygs.com/template/default/images/zhuye.png) no-repeat center}
.place a:hover{color:#065cc3;}
@media screen and (max-width:760px){
.place{height:50px;line-height:50px;}
.place:after{display:none;}
}

/*分类样式*/
.subCate li{border-bottom:1px solid #dcdcdc;padding:0 2rem;line-height:6rem;}
.subCate li:last-child{border-bottom:0;}
.subCate li a{font-size:16px;}
.subCate li a i{font-size:2.4rem;vertical-align:middle;margin-right:1rem;}

/*横排分类*/
.sub_bk{text-align:center;}
.sub_bk a{display:block;float:left;line-height:48px;font-size:16px;border:1px solid #ddd;border-radius:48px;margin-right:1%;width:calc(93% / 8);box-sizing:border-box;margin-bottom:15px;height:48px;overflow:hidden}
.sub_bk a:hover,.sub_bk a.active{background:#065cc3;color:#fff;}
.sub_bk a:nth-child(8n){margin-right:0;}
.sub_bk span{color:#fff;font-size:16px;margin-left:10px;display:inline-block;cursor:pointer;position:absolute;right:0;top:0;display:none;line-height:4rem;}
.sub_bk .show{height:auto;background:#eee;}
@media screen and (max-width:1280px){
.sub_bk a{font-size:15px;}
}
@media screen and (max-width:1024px){
.sub_bk a{width:calc(97% / 4);}
.sub_bk a:nth-child(4n){margin-right:0;}
}
@media screen and (max-width:640px){
.sub_bk a{width:49%;margin-right:2%}
.sub_bk a:nth-child(2n){margin-right:0;}
}
@media screen and (max-width:480px){
.sub_bk a{line-height:40px;border-radius:40px;margin-bottom:8px;height:40px;}
}
@media screen and (max-width:380px){
.sub_bk a{line-height:36px;font-size:14px;border-radius:36px;margin-bottom:5px;height:36px;}
}

/*关于我们*/
/**/
.abtext1{width:100%; height:475px; padding:70px 0; box-sizing:border-box; background:url(../image/aboutimg01.jpg) center bottom no-repeat;}
.abtext1title{text-align:center;}
.abtext1title h3{padding:0 0 30px;}
.abtext1title h3 .at2{display:none;}
.abtext1title h3 img{max-width:100%;}
.abtext1title p{font-size:16px; line-height:36px; color:#666;}
.abtext1list{padding-top:20px;}
.abtext1list ul li{float:left; width:25%; text-align:center;}
.abtext1list ul li h3{color:#e60012; font-size:16px; font-weight:normal;}
.abtext1list ul li h3 b{font-family:impact; font-size:80px;}
.abtext1list ul li p{font-size:16px; color:#666; line-height:36px;}
@media screen and (max-width:1280px){
.abtext1list ul li h3 b{font-size:70px;}
}
@media screen and (max-width:1024px){
.abtext1list ul li h3 b{font-size:48px;}
}
@media screen and (max-width:768px){
.abtext1{height:auto; padding:40px 0;}
.abtext1list ul li{float:left; width:50%; text-align:center; margin-bottom:10px;}
.abtext1list ul li h3 b{font-size:36px;}
}
@media screen and (max-width:480px){
.abtext1title h3 .at1{display:none;}
.abtext1title h3 .at2{display:block;margin:0 auto;}
}
@media screen and (max-width:380px){
.abtext1list ul li h3 b{font-size:30px;}
.abtext1list ul li p{font-size:13px; line-height:26px;}
}
/**/
.gg{width:100%; height:500px; background:url(../image/gg.jpg) center top no-repeat;}
.ggcon{float:right; width:460px; height:450px; padding:45px 20px 0; background:url(../image/gg1.png) center top no-repeat; box-sizing:border-box;}
.ggcon h3{font-size:30px; color:#fff; line-height:50px;}
.ggcon p{color:#fff; font-size:16px; line-height:36px; margin:10px 0 20px;}
.ggcon a{display:block; width:180px; height:45px; color:#fff; font-size:16px; line-height:41px; border:2px #fff solid; box-sizing:border-box; padding-left:15px; background:url(http://ytdygs.com/template/default/images/aboutimg06.png) 150px center no-repeat; position:relative;}
.ggcon a span{position:relative; z-index:9}
.ggcon a:after{content:" "; width:0; height:41px; position:absolute; left:0; top:0; z-index:1;transition:all 0.5s ease;}
.ggcon a:hover:after{width:176px; background:rgba(0,0,0,0.2);}
@media screen and (max-width:480px){
.gg{height:auto; background:#111; padding:20px 0;}
.ggcon{float:none; width:100%; height:auto; padding:25px; background-position:right bottom; background-size:cover;}
.ggcon h3{font-size:28px;}
}
@media screen and (max-width:380px){
.ggcon{padding:15px;}
.ggcon h3{font-size:22px;}
}

/**/
.nyabouttext3{margin:0 auto; padding:40px 0;}
.nyabouttext3 p{font-size:16px; line-height:36px; text-indent:2em; margin:20px 0; color:#666;}


/**/
.abtext2{width:100%; height:600px; position:relative; overflow:hidden;}
.abtext2:before{content:" "; display:inline-block; position:absolute; width:50vw; height:600px; right:50%; top:0; z-index:1; background:url(../image/aboutimg03.jpg) right top no-repeat}
.abtext2:after{content:" "; display:inline-block; position:absolute; width:50vw; height:600px; left:50%; top:0; z-index:1; background:url(../image/aboutimg04.jpg) left top no-repeat}
.abtext2 .width{position:relative; z-index:9;}
.abtext2l{float:left; width:50%;}
.abtext2l h3{font-size:30px; color:#333; margin:70px 0; position:relative; font-weight:bold;}
.abtext2l h3:before{position:absolute;}
.abtext2l h3:after{position:absolute;}
.abtext2l h3 span{color:#e60012; margin-left:5px;}
.abtext2l h3 b{color:#fff; font-family:impact; text-transform:uppercase;font-weight:normal; margin-left:10px;}
.abtext2l h4{padding-bottom:20px;}
.abtext2l p{color:#fff; font-size:16px; line-height:32px;}
.abtext2r{float:left; width:50%; box-sizing:border-box; padding:95px 0 0 115px;}
.abtext2r p{color:#fff; line-height:46px; font-size:18px;}
@media screen and (max-width:1440px){
.abtext2r{padding-left:50px;}
}
@media screen and (max-width:1280px){
.abtext2r{padding-top:50px;}
}
@media screen and (max-width:1024px){
.abtext2:before{display:none;}
.abtext2:after{width:100%;left:0; background-size:cover;}
.abtext2l{display:none;}
.abtext2r{width:100%;}
}
@media screen and (max-width:480px){
.abtext2{height:auto;}
.abtext2r{padding:30px;}
.abtext2r p:nth-child(n+4){display:none;}
.abtext2r p:nth-child(8){display:block;}
}
/**/
.hzlc{margin:0 auto; padding:30px 0 50px;}
.hzlc ul{position:relative;}
.hzlc ul:after{content:" "; background:#eee; width:1350px; height:1px; position:absolute; left:0; top:70px;}
.hzlc ul li{float:left; width:calc(93% / 8); margin-right:1%; cursor:pointer; box-sizing:border-box;}
.hzlc ul li:last-child{margin-right:0}
.hzlc ul li div{height:70px; position:relative;}
.hzlc ul li div i{display:inline-block; position:absolute; left:0; top:0; width:72px; height:72px; z-index:2;}
.hzlc ul li div i:before{transition:all 0.5s ease; content:" "; font-size:22px; position:absolute; width:5px; height:5px; left:0; top:0; z-index:2; background:url(../image/lc-icon.png) left top no-repeat;}
.hzlc ul li div i:after{transition:all 0.5s ease; content:" "; font-size:22px; position:absolute; width:5px; height:5px; right:0; top:0; z-index:2; background:url(../image/lc-icon.png) left top no-repeat;}
.hzlc ul li:hover div i:before{left:67px; top:67px; background:url(../image/lc-icon1.png) left top no-repeat;}
.hzlc ul li:hover div i:after{right:67px; top:67px; background:url(../image/lc-icon1.png) left top no-repeat;}
.hzlc ul li div em{display:inline-block; position:absolute; left:0; top:0; width:72px; height:72px; z-index:2;}
.hzlc ul li div em:before{transition:all 0.5s ease; content:" "; font-size:22px; position:absolute; width:5px; height:5px; left:0; bottom:0; z-index:2; background:url(../image/lc-icon.png) left top no-repeat;}
.hzlc ul li div em:after{transition:all 0.5s ease; content:" "; font-size:22px; position:absolute; width:5px; height:5px; right:0; bottom:0; z-index:2; background:url(../image/lc-icon.png) left top no-repeat;}
.hzlc ul li:hover div em:before{left:67px; bottom:67px; background:url(../image/lc-icon1.png) left top no-repeat;}
.hzlc ul li:hover div em:after{right:67px; bottom:67px; background:url(../image/lc-icon1.png) left top no-repeat;}
.hzlc ul li div span{display:inline-block; position:absolute; left:2px; top:2px; width:35px; height:35px; z-index:1; background:#f8f8f8; border:1px #eee solid; box-sizing:border-box;}
.hzlc ul li div img{position:absolute; z-index:9; left:16px; top:16px;}
.hzlc ul li h3{font-size:18px; color:#333; line-height:35px; margin-top:10px;}
.hzlc ul li h3 b{color:#e60012;margin-right:5px;}
.hzlc ul li p{color:#888;line-height:28px;}
@media screen and (max-width:1280px){
.hzlc ul li h3{font-size:16px;}
}
@media screen and (max-width:1024px){
.hzlc ul li{width:calc(97% / 4); margin-bottom:10px;}
.hzlc ul li:nth-child(4n){margin-right:0}
}
@media screen and (max-width:480px){
.hzlc ul li{width:calc(99% / 2);}
.hzlc ul li:nth-child(2n){margin-right:0}
}








.content{line-height:30px;}
.content p{margin:6px 0;font-size:16px;line-height:32px}
.cbox-bg{background:#f1f1f1;padding:30px;}
.p-style{color:#6a6a6a;font-size:16px;}

/*关于我们end*/

#allmap p{line-height:10px;margin:10px;}

/***************global*****************/

/*公司动态*/
.news-box{position:relative;padding:50px 0;}
.news-box:nth-child(2n){background:#f5f5f5;}
.news-box a{display:block;}
.txtW {font-size:18px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;} 
.txtH {word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:25px;}
.news-box h3{font-size:24px;position:relative;}
.news-box h3 span{float:right;font-size:16px;}
.news-box p{font-size:16px;color:#656565;margin-top:20px}
.news-box a:hover h3{color:#065cc3;}

@media screen and (max-width:1024px){
.news-box{padding:30px 0;}
.news-box h3{font-size:20px;}
}
@media screen and (max-width:640px){
.news-box h3{font-size:20px;}
}
@media screen and (max-width:480px){
.news-box{padding:15px 0;}
.news-box h3{font-size:16px;}
.news-box p{font-size:14px;}
}
@media screen and (max-width:480px){
.news_list2 li span{display:none;}
}


.txtW {font-size:18px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;} 
.txtH {word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:25px;}
.xwzx ul{list-style-type:none;margin-bottom:10px;}
.xwzx ul li{border-bottom:1px dotted #ccc;height:40px;line-height:40px;text-align:left;overflow:hidden}
.xwzx ul li span{float:right}

@media screen and (max-width:480px){
.news_list2 li span{display:none;}
.xwzx ul li span{ display:none;}
}

.article{line-height:30px;padding:24px 0;}
.news-tit{font-size:36px;font-weight:bold;}
.tool{color:#999;padding:24px 0;}
.tool span{display:inline-block;margin:0 6px;font-size:14px;}
.bshare-custom{padding:24px 0;}

@media screen and (max-width:640px){
.news-tit{font-size:30px;}
}
@media screen and (max-width:480px){
.news-tit{font-size:24px;}
}
@media screen and (max-width:360px){
.news-tit{font-size:20px;}
}

.ny-page{border-top:1px solid #ddd;line-height:36px;padding:10px 0 0;font-size:14px;}
@media screen and (max-width:1024px){
.ny-page .txtW{font-size:15px;}
}
.content{line-height:30px;}
.content p{margin:6px 0;}
.content img{max-width:100%;}
/*公司动态end*/

/*产品展示*/
.pro-cont{padding-top:40px;}
.pro{margin-top:18px;}
.pro li{text-align:center;list-style:none;margin-bottom:15px}
.pro li a{display:block;}
.pro li a span{display:block;width:100%;height:0;position:relative;padding-bottom:80%;overflow:hidden}
.pro li a span img{width:100%;position:absolute;top:0;left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.pro li a span img:hover {transform:scale(1.2);} 
.pro li a em{display:block;width:100%;height:0;position:relative;padding-bottom:70%;overflow:hidden}
.pro li a em img{width:100%; height:100%;position:absolute;top:0;left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.pro li a em img:hover {transform:scale(1.2);} 
.pro li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.pro li a:hover p{color:#000;}
@media screen and (max-width:767px){
.pro li{overflow:hidden;width:49%;float:left;margin-right:2%}
.pro li:nth-child(2n){margin-right:0}
}
@media screen and (min-width:768px){
.pro li{overflow:hidden;width:23.5%;float:left;margin-right:2%;}
.pro li:nth-child(4n){margin-right:0}
.pro li a p{height:32px;line-height:32px;}
}
@media screen and (min-width:992px){
.pro li a p{height:36px;line-height:36px;}
}
@media screen and (min-width:1200px){
.pro li a p{height:50px;line-height:50px;font-size:16px}
}

#textarea{line-height:35px;font-size:15px}
#textarea img{max-width:100%}

.keys{padding-top:15px;line-height:30px;padding-bottom:10px}

/*************index&goods**************/
.pro_info{padding:18px 5px 0;}
.rel_center0{text-align:center;}
.rel_center0 img{max-width:100%;}
.pro_name h2{font-size:20px;padding:22px 0;border-bottom:1px dashed #ddd;}
.pro-canshu{padding:0;}
.pro-canshu p{line-height:30px;color:#666;}
.pro_name a.nm{display:block;width:172px;height:40px;border:1px solid #5F5F5F;background:#5F5F5F;color:#fff;text-align:center;line-height:40px;}
.pro_name a.nm:hover{display:block;background:none;color:#5F5F5F;}
.xgcp_title{padding:10px;background-color:#fafafa;margin:15px 0;}
.xgcp_title h3{color:#065cc3;border-left:2px solid #065cc3;padding-left:20px;height:30px;line-height:30px;font-weight:bold;font-size:20px;}
#textarea img{max-width:100%}
@media screen and (min-width:768px){
.pro_name h2{font-size:22px;}
.pro-canshu{padding:0;}
.info_title h3{padding:40px 0 22px 0;}
}
@media screen and (min-width:1200px){
.pro_name h2{font-size:24px;}
.pro-canshu{padding:0;}
.info_title h3{padding:48px 0 24px 0;}
}

/********goods_info&jobs_info*******/
/*产品展示end*/


/*联系我们*/
.yunu-section {padding-top:60px;} 
.yunu-contact {background-color:#F7F7F7;padding:25px;} 
.yunu-contact h4 {margin:0;font-size:24px;border-bottom:1px solid #ddd;padding-bottom:15px;} 
.yunu-contact dl {margin:0;padding:20px 0;border-bottom:1px dashed #ccc;overflow:hidden;} 
.yunu-contact dt {float:left;} 
.yunu-contact dd {margin-left:55px;font-size:24px;padding-top:16px;} 
.yunu-contact dd span {padding-left:50px;} 
@media only screen and (max-width:640px){
.yunu-contact dd {font-size:20px;} 
}
@media only screen and (max-width:480px){
.yunu-contact dd {font-size:16px;} 
.yunu-contact dd span {padding-left:10px;} 
}
@media only screen and (max-width:400px){
.yunu-contact h4 {font-size:20px;} 
.yunu-contact dl:nth-child(3) dd span{display:block;} 
}
/*联系我们end*/

/*上一页_下一页*/
#prev_next{margin:18px 0px;clear:both;overflow:hidden;text-align:left}
#prev_next li{margin:8px 0;}

/*分页样式*/
.page {margin:0px auto;width:98%;padding-top:10px;padding-bottom:8px;clear:both}
.page ul li{float:left;border:1px solid #e5e5e5;padding:0 5px;height:25px;line-height:25px;overflow:hidden;color:#000;margin:5px;}
.page ul li a{color:#666;display:block}
.page ul li a:hover{color:#000;}
.page ul li a.on{color:#333;font-weight:bold;}
.page ul li.last{color:#7b7b7b;}