﻿@charset "utf-8";

/*产品分类*/
.myys_product {padding: 50px 0 0;position: relative;box-sizing: border-box;background: url(../images/anbg.gif) center top;background-color: #fff; }

.myys_product_con {padding: 20px 0}

.myys_product_con ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.myys_product_con li{width: 275px;position: relative; background: #fff;text-align: center;border: 1px solid #efefef; overflow: hidden;padding: 20px; box-sizing: border-box;margin-bottom: 20px}
.myys_product_con li img{ width: 240px;height: 180px;}
.myys_product_con li h2{font-size:16px;font-weight:normal ;text-align: center;overflow: hidden;line-height: 35px}


/*qsa*/
.myys_qa_bj{ height: 555px; padding-top: 60px; background: #f3f3f3; overflow: hidden;}
.myys_qa{ width: 1000px; height: 555px; margin: 0 auto; overflow: hidden;font-family:"Microsoft Yahei";background:url(../images/faq_bj.jpg) no-repeat 262px 93px; position: relative;}
.myys_qa h2{ height: 93px; overflow: hidden; text-align: center; font-size: 36px; line-height: 44px;}
.myys_qa h2 a{ color: #222222;}
.myys_qa h2 span{ display: block; font-size: 24px; color: #222222; font-weight: normal; line-height: 34px;}
.myys_qa h2 img{ vertical-align: middle; margin: 0 10px;}
.myys_qa h2 i{ color: #f58200;font-style: normal;}
.myys_qa p{ position: absolute; width: 238px; height: 41px; overflow: hidden;}
.myys_qa .p01{ top: 210px; left: 0;}
.myys_qa .p02{ top: 302px; left: 0;}
.myys_qa .p03{ top: 406px; left: 0;}
.myys_qa .p04{ top: 210px; right: 0;}
.myys_qa .p05{ top: 302px; right: 0;}
.myys_qa .p06{ top: 406px; right: 0;}
.myys_qa p a{ display: block;width: 238px; height: 41px; overflow: hidden;background:url(../images/faq_2.jpg) no-repeat left 0; font-size: 14px; font-weight: bold; color: #666666; line-height: 41px;}
.myys_qa p a span{ display: inline-block; font-size: 38px;font-family: Arial; padding: 0 10px; vertical-align: middle;}
.myys_qa p.p00 a{background:url(../images/faq_3.jpg) no-repeat left 0; padding-left: 18px; width: 220px;}
.myys_qa p a:hover{background:url(../images/faq_1.jpg) no-repeat left 0; color: #f58200; text-decoration: none;}
.myys_qa p.p00 a:hover{background:url(../images/faq_4.jpg) no-repeat left 0;}
.myys_qa p a:hover span{ color: #f58200;}

/*ad*/
.myys_ad{ height: 189px; overflow: hidden; position: relative;background:url(../images/ad.jpg) no-repeat center 0;}
.myys_ad i{ display: block; position: absolute; top: 40px; right:50%; margin-right: -565px; width: 264px; overflow: hidden;}
.myys_ad i a{ display: block; float: left; margin-right: 25px; width: 103px; height: 37px;background:url(../images/pic_ico.gif) no-repeat center 0; text-align: center; line-height: 37px; color: #fff; font-size: 14px;}

/**/
.myys_bj{ height: 1569px; background: #f3f3f3  no-repeat center top; overflow: hidden;font-family:"Microsoft Yahei";}
.myys{ height: 1569px; width: 1000px; margin: 0 auto;background:  url(../images/ys_bj.jpg) no-repeat 446px 230px; position: relative;}
.myys h2{ padding-top: 70px; text-align: center; color: #222222;font-size: 36px; line-height: 44px;}
.myys h2 img{ vertical-align: middle;  margin: 0 10px;}
.myys h2 span{ display: block; font-size: 24px;  font-weight: normal; }
.myys h2 i{ color: #f58200;}
.myys p{ position: absolute; width: 455px; height: 239px;}
.myys p img{width: 455px; height: 239px;}
.myys .p01{ top: 274px; left: 0;}
.myys .p02{ top: 507px; right: 0;}
.myys .p03{ top: 761px; left: 0;}
.myys .p04{ top: 998px; right: 0;}
.myys .p05{ top: 1249px; left: 0;}
.myys dl{}
.myys .dl01{ position: absolute; top: 284px; right:0; width: 450px;}
.myys .dl02{ position: absolute; top: 530px; left:0; width: 446px;}
.myys .dl03{ position: absolute; top: 783px; right:0; width: 450px;}
.myys .dl04{ position: absolute; top:1024px; left:0; width: 446px;}
.myys .dl05{ position: absolute; top: 1278px; right:0; width: 450px;}
.myys dt{ height: 44px; border-bottom: 1px solid #d4d4d4; line-height: 44px; padding-left: 54px; overflow: hidden; font-size: 20px; color: #222; font-weight: bold;}
.myys dd{ font-size: 16px; color: #555555; line-height: 28px; margin-top: 10px; padding-left: 54px;background:  url(../images/ys_ico.gif) no-repeat 45px 10px;}
.myys .dl02 dt , .myys .dl04  dt{ padding-left: 35px;}
.myys .dl02 dd, .myys .dl04  dd{ padding-left: 35px;background:  url(../images/ys_ico.gif) no-repeat 25px 10px;}

/*xl*/
.myys_sb{height: 722px;}
.myys_sb h2{ padding: 40px 0; text-align: center; color: #222222;font-size: 36px; line-height: 44px;}
.myys_sb h2 img{ vertical-align: middle;  margin: 0 10px;}
.myys_sb h2 span{ display: block; font-size: 24px;  font-weight: normal; }
.myys_sb h2 i{ color: #f58200;font-style:normal;}

.myys_sb .sblst{position: relative;}
.myys_sb .sblst li{float: left;width: 268px;height: 200px;}
.myys_sb .sblst li img{width: 268px;height: 200px;display: block;transition: all 0.3s linear 0s;overflow: hidden;}
.myys_sb .sblst li:hover img{transform: scale(1.05);}
.myys_sb .sblst li em{display: block;height: 48px;line-height: 48px;text-align: center;font-size: 16px;color: #333333;overflow: hidden;font-style:normal;}
.myys_sb .sblst .sb1{position: absolute;left:0;top:0;width: 605px;height: 452px;}
.myys_sb .sblst .sb1 img{width: 605px;height: 452px;display: block;transition: all 0.3s linear 0s;overflow: hidden;}
.myys_sb .sblst .sb1:hover img{transform: scale(1.02);}

.myys_sb .sblst .sb2{position: absolute;left:636px;top:0;}
.myys_sb .sblst .sb3{position: absolute;left:933px;top:0;}
.myys_sb .sblst .sb4{position: absolute;left:636px;top:254px;}
.myys_sb .sblst .sb5{position: absolute;left:933px;top:254px;}



/*公司简介*/

.myys_about{padding-top: 50px;background:#f7f7f7;}

.myys_about .list{height:380px; clear: both;margin-bottom: 75px;background: #fff;box-shadow:0 0 10px #888888; }
.myys_about .list dt{width:600px; float: right;height: 380px;overflow: hidden;}
.myys_about .list dt img{ width: 600px; height: 380px;display: block;transition: all 0.3s linear 0s; }
.myys_about .list dt:hover img{transform: scale(1.1);}

.myys_about .list dd{float: left; width: 520px;padding: 62px 40px 0 40px;}
.myys_about .list h3{font-size: 24px;font-weight: normal;color: #222222;margin-bottom: 20px}
.myys_about .list h3 a{color: #222222;text-decoration: none;font-weight: bold;font-size: 26px}
.myys_about .list h3 em{font-size: 12px;font-weight: normal;color: #999999;text-transform: uppercase;padding-top: 6px;font-family: 'Arial';font-style: normal;}
.myys_about p{ overflow: hidden;font-size: 14px;line-height: 26px;color: #555555;}
.myys_about em{display: block;}





/* 新闻资讯 */
.myys_news{padding: 30px 0 ;position: relative;}

.myys_news .content{padding: 30px 0}

.myys_news{padding-top: 43px;}

.myys_news{}
.myys_news .fl{width: 646px;}
.myys_news .hd{height: 52px;line-height: 52px;background:url(../images/newtit2.jpg) no-repeat 0 9px;margin-bottom: 20px;} 
.myys_news .hd li {display: block; width: 100%;float: left; color: #313131; font-size: 24px;}
.myys_news .hd li {position: relative;}
.myys_news .u_more{position: absolute;right: 0}
.myys_news .u_more{ color: #757575; font-size: 14px; font-family: arial;text-transform: uppercase; width: auto}

.myys_news .u_dlst3{ padding-bottom: 20px}
.myys_news .u_dlst3 dt{position: relative; float: left; width: 248px;height: 140px;overflow: hidden;  margin-right: 22px;}
.myys_news .u_dlst3 dt img{width: 248px; height: 140px;display: block;transition: all 0.3s linear 0s;}
.myys_news .u_dlst3 dt:hover img{transform: scale(1.2);}
.myys_news .u_dlst3 dd{float: left; width: 368px;position: relative;padding-top: 18px;height: 122px;}
.myys_news .u_dlst3 dd h4 a{ font-size: 16px; display: block; color: #4b4b4b; height: 32px; line-height: 32px; overflow: hidden; font-weight: bold; margin-bottom: 18px;width: 340px;}
.myys_news .u_dlst3 dd p{ color: #888c8e; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;width: 340px;}
.myys_news .u_dlst3 dd span{position: absolute;right: -5px;bottom: 0;}

.myys_news .u_lst5 li{ height: 38px; line-height: 38px; overflow: hidden; color: #7c7c7c; background:url(../images/dtico.jpg) no-repeat 5px 14px; padding-left: 22px;  padding-right: 24px;}
.myys_news .u_lst5 li a{ font-size: 14px; color: #7c7c7c;}
.myys_news .u_lst5 li span{ color: #999999; font-family: arial;font-size: 14px;float: right;}
.myys_news .u_lst5 li:hover a{color: #e76f19;}
.myys_news .u_lst5 li:hover span{color: #e76f19;}

.myys_news .wend{ width:526px;}
.myys_news .wend h3{background:url(../images/wdtit.jpg) no-repeat 0 8px;height: 52px;line-height: 52px; margin-bottom: 20px; } 
.myys_news .wend h3 { color: #e76f19; font-size: 24px; font-weight: normal;position: relative;}
.myys_news .wend h3 span a{color: #757575;font-weight: normal;font-size: 14px;text-transform: uppercase;}
.myys_news .wend dl{ height: 138px; }
.myys_news .wend dt{ height:50px;  line-height:50px; border-bottom: 1px solid #dadada; overflow: hidden; font-size:16px; color:#4b4b4b; }
.myys_news .wend dt a{ color:#4b4b4b;background:url(../images/wdico.jpg) no-repeat 0 12px;padding-left:0; display: block;}
.myys_news .wend dd{font-size:14px;  padding-left:0; padding-top: 18px;  line-height:30px; color:#7c7c7c; height: 60px; overflow: hidden;}  
.myys_news .wend .m_zxc{height: 365px;overflow: hidden;}
.myys_news .wend dl:hover dt a{background:url(../images/wdico2.jpg) no-repeat 0 12px;color: #e76f19}