body,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}
img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
a{color:inherit;text-decoration:none;}
p{letter-spacing: 1px;}
/*******CSS reset*************/
body{color:#444;font: normal 100% Microsoft YaHei,Helvetica, Arial, sans-serif;min-width: 1200px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.box{width: 1400px;margin: 0 auto;min-width: 1400px;}
.nov{background: #67C1BF !important;color: #fff;}
a:hover{text-decoration: none;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.mt40 {margin-top: 40px !important;}
/*title*/
.g_title{margin: 0 auto;text-align: center;/*background: url(/html/template/ylv/img/12.png) no-repeat center;*//*padding: 30px 0;*/}
.g_title h2 {font-size: 40px; margin-top: 40px;}
.g_title h3{font-size: 34px;color: #397dd2; margin-bottom: 5px;}
.g_title em{font-size: 12px;font-style: initial;font-family: Regular;letter-spacing: 1px; color: #ccc; text-transform: uppercase;}
.g_title p {font-size: 14px; color: #666;}
/*top*/
.g_top{height:120px;overflow:hidden}
.g_top .top_t{width: 100%;height: 39px;line-height: 39px;color: #fff;background: #000;font-size: 0.875rem;}
.g_top .top_t a{color:#fff;padding:0 6px;}
.g_top .top_t a:hover{text-decoration: underline;}

.m_hcon .logo{/*width: 600px; height: 100px;*/ margin-top: 40px;}
.m_hcon .logo a { position: relative; display: block; height: 41px;}
.m_hcon .logo img {height: 41px;}
.m_hcon .logo a:after{content: ''; display: block; width: 1px; height: 42px; background: #e6e6e6; position: absolute; right: -15px; top: 0;}
.m_hcon .logo .logo_slogn {line-height: 20px; margin: 0 30px;}
.m_hcon .logo .logo_slogn span{display: block; font-size: 16px; color: #666;}
.m_hcon .logo .logo_slogn b {display: block; font-size: 18px;}
.m_hcon .logo ul {overflow: hidden;}
.m_hcon .logo ul li {float: left; margin-right: 20px; background: url(/html/template/ylv/img/ico_top.png) no-repeat left center; padding-left: 24px; line-height: 20px; margin-bottom: 4px;}
.m_hcon .u_tel i{font-size: 2rem;color: #397dd2;}
.m_hcon h3{float:left;color:#000;line-height:108px;font-size:1.25rem;margin-left: 15px;}
.u_tel{font-size:14px;color:#333;/*line-height:20px;padding-top: 35px;*/ background: url(/html/template/ylv/img/top_tel.png) no-repeat left top; padding-left: 56px; margin-top: 40px;}
.u_tel span {display: block;}
.u_tel b{display:block;font-size:26px; line-height:30px;color:#397dd2;font-family:Impact;font-weight: normal;}

/*.logo{margin-top: 11px;}*/
.head_by{    float: left;margin-top: 15px;margin-left: 30px;}
/*nav*/
.menu{height:52px;overflow:hidden;background:#397dd2;}
.header_naver{width:1400px;margin:0 auto}
.menu li{float:left;width: 12.5%;}
.menu li:hover,.active{background: #2e64a8;}

.menu li a{color:#fff;font-family:"Microsoft YaHei";font-size:1rem;color:#fff;line-height:52px;display:inline-block;height:52px;text-align:center;}
.menu .cur a,.menu li a:hover{text-decoration:underline}
.menu li a:-webkit-any-link{display:block}
.menu li ol{position:absolute;background:#315d94;z-index:99;display:none;width: 128px;}
.menu li:hover ol{display:block}
.menu li ol a:hover{background:#397dd2}
/*.menu li:nth-of-type(3) ol{width:260px}
.menu li:nth-of-type(3) ol a{float:left;width:calc(50% - 32px)}*/
/*banner*/
.slideBox{ width:100%;  overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 50px;}
.slideBox .hd ul li.on{ background:#333; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;  display:block;  }
/*search*/
.g_ser{height:48px;line-height:48px;border-bottom:1px solid #e5e5e5; margin: 10px 0;}
.h_sea{line-height:23px;height:29px;overflow:hidden;padding:10px 0 0;color:#666; font-size: 14px;}
.s_inp input{background: #F5F5F5;border: 1px solid #dfdfdf;height: 27px;line-height: 30px;border-radius: 3px 0 0 3px;padding-left: 20px;float: left;}
.s_inp button{width: 29px;height: 29px;float: left;background: #397dd2;border: none;border-radius: 0 3px 3px 0; text-align: center; padding: 0;}
.s_inp button i{color: #fff;font-size: 1.525rem; display: block; line-height: 29px; width: 100%; text-align: center;}
.inp01{height:25px;line-height:25px;background:url(/html/template/ylv/img/s_inp.jpg) no-repeat 0 0;border:0;padding-left:30px;width:150px;float:left;color:#94a1b5}
.s_ss{float:left;width:50px;height:25px}
.key a{color:#666;padding:0 5px;}
.key b {font-weight: normal;}
/*footer*/
.footer{/*background:url(/html/template/ylv/img/footer.jpg) no-repeat;*/width: 100%;clear: both; background: #4d4d4d;}
/*.footer .footer_box{height: 59px;line-height: 59px;}
.footer ul li{width: 16%;float: left;text-align:center;color: #fff;}
.footer ul li a{font-size: 22px;}
.footer ul li:hover a{text-decoration: underline;}
.footer .footer_txt{padding: 20px 0;text-align: center;}
.footer .footer_txt p{color: #fff;font-size: 18px;line-height: 30px;}*/
.footer-menu {border-bottom: 1px solid #5c5c5c; line-height: 60px; text-align: center;}
.footer-menu a {margin: 0 40px; color: #fff;}
.footer-box {overflow: hidden; margin: 20px 0; color: #fff;}
.footer-box > div {float: left; width: 465px; border-right: 1px solid #5c5c5c; height: 245px;}
.footer-box > div:nth-child(2) {/*width: 460px;*/ width: 465px;}
.footer-box > div:nth-child(3){border: none; width: 435px; float: right;}

.footer-slogn {padding-top: 30px; color: #fff;}
.footer-slogn span {display: block; font-size: 16px;}
.footer-slogn b {display: block; font-size: 18px; margin-bottom: 20px;}
.footer-slogn ul {overflow: hidden; margin-bottom: 10px;}
.footer-slogn ul li {float: left; margin-right: 20px; background: url(/html/template/ylv/img/ico_top.png) no-repeat left center; padding-left: 24px; line-height: 18px; font-size: 14px; margin-bottom: 15px;}
.footer-slogn p {font-size: 14px;}
.footer-message-box {padding: 0 35px; overflow: hidden;}
.footer-message span {display: block; font-size: 16px; line-height: 42px;}
.footer-message input {outline:none; display: block; width: 100%; height: 35px; line-height: 35px; border: 1px solid #397dd2; padding: 0 10px; background: #5f5f5f; color: #fff; margin-bottom: 2px; box-sizing: border-box;}
.footer-message textarea {outline:none; display: block; width: 100%; height: 75px; line-height: 35px; padding: 0 10px;  border: 1px solid #397dd2; background: #5f5f5f; color: #fff; box-sizing: border-box;}
.footer-message button {display: block; width: 85px; height: 30px; line-height: 30px; text-align: center; background: #397dd2; text-align: center; color: #fff; font-size: 14px; border-radius: 20px; border: none; margin-top: 20px;}
.footer-contact {padding-left: 30px; padding-top: 30px; overflow: hidden;}
.footer-info {width: 235px; background: url(/html/template/ylv/img/top_tel.png) no-repeat left top;}
.footer-info span {display: block; font-size: 14px; text-indent: 55px;}
.footer-info b {display: block; font-size: 26px; text-indent: 55px; font-family: Impact; font-weight: normal; margin-bottom: 20px;}
.footer-info p {font-size: 14px; margin-bottom: 10px;}
.footer-info a {display: block; width: 100%; height: 42px; line-height: 42px; background: #397dd2; font-size: 16px; color: #fff; text-align: center; margin-top: 20px;}
.footer-ewm {width: 160px;}
.footer-ewm span {display: block; font-size: 14px; color: #999; margin-top: 10px; text-align: center;}
.footer-bottom {line-height: 36px; height: 36px; background: #333; color: #999; font-size: 14px; text-align: center;}
/*?????????????????¡ª*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#397dd2 url(../img/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#397dd2 url(../img/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#397dd2 url(../img/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#397dd2 url(../img/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
/*È«Íøµ£±£Íø¼ò½é*/
.about{width: 100%;padding-top: 30px;}
.about-con {margin-top: 40px; overflow: hidden;}
.about .about-con .left{width: 550px;}
.about .about-con .right{width: 800px;}
.about .about_box{line-height: 30px;font-size: 16px; overflow: hidden;}
.about .about_box b {display: block; font-size: 24px; color: #397dd2;}
.about .about_box span {display: block; font-size: 12px; color: #ccc; font-family: Regular; text-transform: uppercase; margin-bottom: 10px;}
.about .about_box p {margin-bottom: 10px; text-indent: 2em;}
.about .more{display: block;width: 152px;height: 42px;text-align: center;line-height: 42px;background: #397dd2; color: #fff; margin-top: 30px;/*border: 1px solid #397dd2;*/border-radius: 20px;/*float: right;margin-right: 51px;*/}

.position {height: 45px; line-height: 45px; border-bottom: 1px solid #e5e5e5; text-align: right; color: #999;}
.position a {margin: 0 2px; color: #999;}

.about-service, .about-contact {padding-top: 60px;}
/*.about-service .g_title h3{font-size: 28px;}*/
.about-service .g_title p {font-size: 16px; line-height: 36px; margin-top: 10px;}
.about-service-con {margin-top: 30px;}
.about-service-con .left, .about-service-con .right {width: 50%; margin-bottom: 20px;}
.about-sevice-text{display: flex; flex-direction: column; justify-content: center; /*align-items: center;*/ height: 182px;}
.about-sevice-text b{display: block; font-size: 24px; color: #397dd2; font-weight: normal;}
.about-sevice-text p {font-size: 18px; color: #666666; margin: 10px 0;}
.about-sevice-text span {display: block; font-size: 12px; color: #cccccc; text-transform: uppercase;}
.about-service-con .text-left {padding-left: 80px;}
.about-service-con .text-right {padding-right: 80px;}
.about-contact-box{overflow: hidden; margin-top: 30px;}
.about-contact-box > div {float: left; width: 446px; height: 245px; background: #f5f5f5; margin-right: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.about-contact-box > div:nth-child(3) {margin-right: 0; }
.about-contact-box img {width: 60px; height: 60px;}
.about-contact-box span {display: block; font-size: 14px; color: #999; margin: 10px 0;}
.about-contact-box b {font-size: 20px; color: #333;}
.about-contact-box a {display: block; width: 188px; height: 38px; line-height: 38px; border-radius: 20px; border: 1px solid #397dd2; text-align: center; color: #397dd2; font-size: 16px; font-weight: bold; margin-top: 20px;}
.contact-map {width: 100%; height: 630px; margin: 50px auto;}
.contact-box {background: url(/html/template/ylv/img/message_box.jpg) no-repeat top center;/* height: 524px;*/ color: #fff; padding: 40px; overflow: hidden; border-radius: 15px;}
.contact-message{width: 600px;}
.contact-message b {display: block; height: 33px; line-height: 33px; font-size: 26px; background: url(/html/template/ylv/img/ico_message.png) no-repeat left top; padding-left: 50px; margin-bottom: 30px;}
.contact-message .left, .contact-message .right{width: 48%;}
.contact-message label {display: block; font-size: 18px; margin-bottom: 10px; margin-top: 20px;}
.contact-message input,.contact-message select {outline:none; border: 1px solid #fff; line-height: 34px; background: rgba(255,255,255,0.2); padding: 0 15px; color: #fff; width: 100%; box-sizing: border-box;height:34px;}
.contact-message select option{color:#666}
.contact-message input::placeholder, .contact-message textarea::placeholder {color: #fff;}
.contact-message textarea {outline:none; width: 100%; height: 120px; border: 1px solid #fff;  line-height: 34px; background: rgba(255,255,255,0.2); padding: 0 15px; color: #fff; box-sizing: border-box; font-family: Microsoft YaHei,Helvetica, Arial, sans-serif;}
.contact-message button {display: block; width: 166px; height: 44px; background: #fff; font-size: 16px; color: #3461c6; line-height: 44px; text-align: center; border: none; border-radius: 5px; margin-top: 60px;}
.contact-info{width: 260px; margin-right: 60px; padding: 20px; background: rgb(255,255,255,0.2); text-align: center; color: #fff;}
.contact-info img {width: 160px; height: 160px;}
.contact-info p {font-size: 14px; line-height: 24px; margin-top: 10px;}
.contact-info .content-info-p{border-bottom: 3px double #fff; padding-bottom: 20px; margin-bottom: 20px;}
.contact-info a {display: block; width: 208px; height: 42px; line-height: 42px; text-align: center; border-radius: 20px; background: #fff; font-size: 16px; color: #397dd2; margin: 20px auto 20px;}
.contact-info span {display: block; width: 206px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; border: 1px solid #fff; font-size: 14px; margin: 0 auto 20px;}
.contact-info span b {font-size: 18px; font-weight: normal; font-family: Impact;}

.prt_list .g_title {margin: 50px auto 30px;}
#af_h3{height: 33px;line-height: 33px;color: #333;font-size: 1.5rem;/*padding-left: 18px;*/margin-bottom: 20px;border-bottom: 1px solid #ccc;padding-bottom: 5px;}

.g_fl{overflow: hidden;}
.g_fl .m_left{width:302px;float:left}
.g_fl .m_left h3{padding:3px 0 5px 0;color:#333;font-size:1.5rem;border-bottom:1px solid #ccc}
.g_fl .m_left h3 a{color:#666;text-decoration:none;font-size:0.825rem;float:right;line-height:36px}

.g_fl .m_left .m_flc h4{margin: 0;/*margin-top: 10px;*/background: #f1f1f1;height: 45px;line-height: 45px;border-bottom: 2px solid #fff;/*text-indent: 40px;*/color: #666666;font-weight: initial;-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}
.g_fl .m_left .m_flc h4 a{font-size: 1rem;/*text-align: center;*/ position: relative; display: block; padding-left: 42px;}
.g_fl .m_left .m_flc h4 a:before{content: '?'; display: block; position: absolute; left: 25px; top: 0; line-height: 45px; margin-right: 15px;}
.g_fl .m_left .m_flc h4:hover{background: #397dd2;color: #fff;}
.g_fl .m_left .m_di{margin-top: 10px;width: 100%;height: 343px;overflow: hidden;}
.g_fl .m_left .m_di img{-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}
.g_fl .m_left .m_di:hover img{transform:scale(0.9);}

.m_left_contact {padding: 40px 0; background: #f1f1f1; margin-top: 15px;}
.m_left_contact > div {background: url(/html/template/ylv/img/top_tel.png) no-repeat left top; padding-left: 52px; width: 162px; margin: 0 auto;}
.m_left_contact > div span {display: block; font-size: 14px; color: #333; line-height: 20px;}
.m_left_contact > div b {display: block; font-size: 26px; color: #397dd2; font-weight: normal; font-family: Impact;}
.m_left_contact a {display: block; width: 214px; height: 42px; line-height: 42px; text-align: center; background: #397dd2; font-size: 16px; color: #fff; margin: 15px auto 0;}

.g_fl .m_right{width:1072px}
.g_fl .m_right .more1{color:#fff;font-size:10px;font-weight:400;text-transform:uppercase;padding-right:16px}
.g_fl .m_right h2, .news_list_r h2{height:33px;line-height:33px;color:#333;font-size:1.5rem;/*padding-left:18px;*/margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom: 5px;}
.g_fl .m_right h2 a, .news_list_r h2 a{color:#333;}
.g_fl .m_right h2 span a {font-size: 1rem; color: #666;}


#af_h3{height: 33px;line-height: 33px;color: #333;font-size: 1.5rem;/*padding-left: 18px;*/margin-bottom: 20px;border-bottom: 1px solid #ccc;padding-bottom: 5px;}

.g_fl .m_right .u_lst6 {overflow: hidden;}
.g_fl .m_right .u_lst6 li{float:left;width:250px;/*height:250px;*/margin-left:15px;margin-bottom:10px}
.g_fl .m_right .u_lst6 li:nth-child(3n){margin-right: 0;}
.g_fl .m_right .u_lst6 li img{width:250px;height:190px;border:1px solid #ddd;display:block;-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}
/*.g_fl .m_right .u_lst6 li:hover{transform: scale(0.9);}*/
.g_fl .m_right .u_lst6 span{height:45px;line-height:45px;display:block;text-align:center;color:#333;font-size:0.825; overflow: hidden;}

.product-img-box {margin: 40px auto; overflow: hidden;}
.product-img-box > .left{width: 700px;}
.product-img-box > .left img {width: 100%;}
.product-img-box > .right{width: 640px;}
.product-img-box > .right h1 {font-size: 24px; font-weight: normal; color: #333; line-height: 76px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px;}
.product-img-box > .right p {padding: 20px; font-size: 16px; line-height: 36px; background: #f1f1f1; margin-bottom: 30px;}
.product-img-box-contact {margin-right: 30px; background: url(/html/template/ylv/img/top_tel.png) no-repeat left top;}
.product-img-box-contact span {display: block; line-height: 20px; font-size: 14px; color: #666; text-indent: 50px;}
.product-img-box-contact b {display: block; font-size: 26px; line-height: 22px; color: #333; font-weight: normal; font-family: Impact; text-indent: 50px;}
.product-img-box-contact a {display: block; width: 212px; height: 42px; line-height: 42px; font-size: 16px; text-align: center; background: #397dd2; color: #fff; margin-top: 12px;}
.product-img-box-ewm {position: relative;}
.product-img-box-ewm img {display: inline-block; width: 100px; hyphens: 100px; border: 5px solid #4a88d6;}
.product-img-box-ewm span {display: block; position: absolute; left: 120px; bottom: 0; font-size: 14px; color: #666; width: 60px;}