@charset "utf-8";
html{ font-size: 100px; }
body{font-family:"Microsoft YaHei";  color:#333; font-size:14px;}
.ny3,.ny4{ background:#fafafa}
*{margin:0px;padding:0px;list-style: none; outline:none }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#0064e3}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}

.hasdiv{ overflow:hidden; display:block; position:relative;}
.hasdiv .bkg{ display:block; width:100%;
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;background-size:cover; background-position:center center; background-repeat:no-repeat;}
.hasdiv .bkg img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: block;
    object-fit: cover;
}
.hasdiv:hover .bkg{transform: rotate(0deg) scale(1.08);
            -webkit-transform: rotate(0deg) scale(1.08);
            -moz-transform: rotate(0deg) scale(1.08);
            -o-transform: rotate(0deg) scale(1.08);
            -ms-transform: rotate(0deg) scale(1.08);}

.w1200{ width: 1200px; margin: auto; }
.w1520{ width: 1520px; margin: auto; max-width:96%; }
.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding: 40px 0px; }
.head{ height:80px;  background: #fff;}
.logo{ float: left; padding-top: 15px; line-height:50px; }
.logo img,.logo i{ text-indent:13px; display:inline-block; font-size:32px; font-weight:bold; float:left;}

.nav{ float:right; font-size: 18px; }
.nav li{ float: left; text-align: center; position: relative; z-index: 999; width:110px; height:80px; line-height:80px;}
.nav li a{ display: block; width:100%; height:100%;}
.nav li:hover a,.nav li.on a{ color:#0064e3 }

.nav li .sub-box1{ position:absolute;text-transform:none; top:80px; left: -25%;  width:150%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;text-align: center; color:#333; border-bottom: #ddd 1px dotted; height:40px; line-height: 40px; }
.nav li .sub-box a:hover{ background: #0064e3; color: #fff; }


.headtel{ float: right; line-height:80px; height: 80px; overflow: hidden; font-size:24px; color:#0064e3 }
.headtel:before{ font-size:30px; position:relative; top:2px;}


.index_dh{ margin: auto; text-align: center; width: 250px; position: relative;  color: #666;  text-transform:uppercase;}
.index_dh b{ font-size: 28px; color: #1E50AE; display: block; margin: 5px auto; }
.index_dh:before{ width: 60px; height: 1px; content: ""; background: #333; display: block; position: absolute;top: 50px; left: 0px;}
.index_dh:after{ width: 60px; height: 1px; content: ""; background: #333;display: block; position: absolute; top: 50px; right: 0px;}

.index_dh1{ color: #fff; }
.index_dh1 b{color: #fff;}
.index_dh1:before{ background: #fff; }
.index_dh1:after{ background: #fff;}
.ys_box{ margin: 0px auto; background: url(../images/bj.png) no-repeat center;  height: 536px; }
.ys_con{ width: 92%; margin: auto; }
.ys_box li{ float: left; width: 365px; margin-top: 6%; overflow: hidden; height: 185px; }
.ys_box li .pic{ float: left; }
.ys_box li .pic img.yin{ display: none; }
.ys_box li:hover .pic img.yin{ display: inline-block; }
.ys_box li:hover .pic img.xian{ display: none; }
.ys_box li .text{ padding-top: 35px; float: right; width: 200px;}
.ys_box li .text span{ font-size: 18px; display: block; margin: 10px auto; }
.ys_box li .text p{ color: #999; line-height: 180%; }
.ys_box li:nth-child(2n){ margin-left: 32%;  }
.ys_box li:nth-child(2n) .pic{ float: right; }
.ys_box li:nth-child(2n) .text{ float: left; }





.price{ padding: 60px 0px; }
.category ul{ text-align: center; margin: 25px auto; }
.category ul li {
	display: inline-block;
	cursor: pointer;
	padding: 0px 25px;
	line-height: 30px;
}
.category ul li a{ color: #333; }
.category ul li.active a{ color: #fff; background: #1E4FB1;  padding: 10px 20px; font-size: 16px;}
.cont {display: none; margin-top: 50px;}
.cont.active {display: block;}
.cont li{ float: left; width:31%; margin-left: 2%; margin-bottom: 2%; }
.cont li .pic span{ height: 237px; }
.cont li a{ color: #333; }
.cont li .text{ margin: 10px auto; text-align: center; }
.cont li .text p{ color: #333; }
.cont li .text span{ display: block; color: #999; margin: 10px auto; }

.box1{ margin: auto; background: url(../images/bj2.jpg) no-repeat center; padding-bottom: 50px;  }
.index_dh2{ margin: auto; color: #fff;  text-align: center; padding: 60px 0px 30px 0px;}
.index_dh2 p{ font-size: 40px; font-weight: bold; }
.index_dh2 span{ display: block; margin: 5px auto; text-transform:uppercase;  font-size:16px;}

.yewu{ margin: auto; color: #fff; text-align: center; }
.yewu a{ color: #fff; }
.yewu .pic img{ margin: auto;  border-radius:160px;}
.yewu .text{ margin: 40px auto;  }
.yewu .text span{font-size: 20px; display: block;}
.yewu .text i{ display: block; width: 40px; height: 1px; background: #fff;  margin: 20px auto;}
.yewu .text p{ margin: 45px auto;  line-height: 200%;}


.sl_con{ margin: 60px auto; }
.sl_con li{ float: left; width: 33.3%; text-align: center; font-size: 16px; }
.sl_con li span{ display: block; font-size: 56px; }


.box3{ margin: auto; background: url(../images/bj3.jpg) no-repeat center; padding-bottom: 40px;  }
.lxwm{ color: #cccccc; width: 50% }
.lxwm_dh{ font-size: 46px; margin: auto; padding-top: 40px; }
.lxwm_con{ margin: 30px auto; line-height:200%; font-size: 16px; }

.ly_index{ margin: auto; color: #fff; width: 45%; padding-top: 30px;}
.ly_index p{ margin: 20px auto; }
.ly_index p span{ padding-right: 10px; }
.ly_index input[type="text"]{ height: 30px; line-height: 30px; width: 80%; background: #dbdbdb; border: none; }
.ly_index textarea{width: 80%; height: 80px; background: #dbdbdb; border: none;}
.ly_index p input[type="submit"]{ background: #5ab4ff;  margin-left: 40px;  width: 120px; height: 40px; line-height: 40px; color: #fff; border: none; cursor: pointer;}
.ly_index p font{ color: #f00; padding-left: 5px; }




.nbanner{ position:relative; margin: auto; padding-bottom:23.4%; background-position: center; background-repeat: no-repeat; background-size: cover;  }
.nbanner:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  content: ""; background: rgba(0,0,0,0.35); z-index: 1;}
.nbanner p{top:50%; transform: translateY(-50%); position:absolute; text-align:center; color:#FFF; font-size:0.4rem; display:block; width:100%; z-index: 2;}
.n_dh{ margin: auto;  text-align: center; }
.n_dh a{ display: inline-block; padding: 10px 20px; font-size: 16px; margin: 50px 10px 20px 10px; }
.n_dh a:hover{color: #fff; background: #1E4FB1; }
.n_dh a.on{color: #fff; background: #1E4FB1; }
.valign{display: flex;align-items: center;justify-content: center;}

.comtit{ text-align:center; position:relative; height:50px; line-height:50px;}
.comtit .i{ display:block; font-size:0.4rem; position:relative; z-index:1; top:-3px; font-weight:bold}
.comtit.white .i{ color:#FFF}
.comtit em{ display:block; font-size:0.5rem; color:#f3f3f3; font-weight:bold; z-index:0; font-family:Arial, Helvetica, sans-serif; position:absolute; width:100%; left:0px; top:0px;text-transform: uppercase;}
.comtit.white em{ color:#FFF; opacity:0.15}
.ywfw{ margin-bottom:5.1%}
.ywfw .comtit{ margin:6.4% 0px 3.6% 0px}
.ywfw ul{}
.ywfw ul li{ float:left; width:23.5%; margin-right:2%; text-align:center;   background-repeat:no-repeat; background-position:center; background-size:cover}
.ywfw ul li .big_con{padding-bottom:168%;position:relative;}
.ywfw ul li.z{ margin-right:0px;}
.ywfw ul li .show{transition: all 0.2s; opacity:1;}
.ywfw ul li .hide{transition: all 0.2s;opacity:0; background:rgba(0,100,227,0.5)}
.ywfw ul li:hover .show{opacity:0;}
.ywfw ul li:hover .hide{opacity:1;}
.ywfw ul li dl{position:absolute; width:100%; height:100%; left:0px; top:0px;}
.ywfw ul li dl .img{ display:block; width:100%;}
.ywfw ul li dl .img img{ display:block; width:100px; margin:auto;}
.ywfw ul li dl i{ display:block; width:100%; color:#FFF; font-size:0.24rem; padding:16px 0px 9px 0px; font-weight:bold;}
.ywfw ul li dl span{display:block; width:100%; color:#FFF; font-size:0.18rem; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase }
.ywfw ul li dl p{display:block; padding:0px 15px 0px 15px; padding-top:30px; line-height:28px; height:112px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden; color:#FFF; text-align:left;}
.ywfw ul li dl .m{ margin:10% auto 0px auto; }
.m{display:block; width:150px; height:50px; line-height:50px; text-align:center; background:#FFF; border-radius:3px; font-size:16px; color:#0064e3; border: #fff 1px solid}

.about{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.about{ padding-top:5%; padding-bottom:5.2%}
.about_con{ display:block; margin:auto; margin-top:22%; width:1400px; max-width:100%; color:#FFF; text-align:center; background:rgba(18,117,243,0.9); border-top-left-radius:50px;border-bottom-right-radius:50px; padding-top:33px; padding-bottom:40px;}
.about_con p{ font-size:16px; line-height:2; width:85%; display:block; margin:auto; max-width:90%}
.about_con a{ margin:auto; margin-top:24px;}
.about_con a:hover{background: none;  border:#fff 1px solid; color: #fff;}

.indexnew{ padding:5% 0px 5% 0px;}
.indexnewbg{ padding:3% 0px 2.5% 0px;}
.indexnew .new_nav{ padding:3.3% 0px; }
.new_nav{ text-align:center; font-size:0px;}
.new_nav a{ display:inline-block; padding:0px 30px; height:48px; margin:0px 10px; line-height:48px; text-align:center; font-size:18px; color:#0064e3; border:1px solid #0064e3; border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.new_nav a:hover,.new_nav a.on{color:#FFF;background: linear-gradient(to right, #1c7efb, #0064e3);}
.new_nav a.on:hover{color:#0064e3; border:1px solid #0064e3; background: none;}

.indexnew ul{}
.indexnew ul li{ float:left; width:31%; margin-right:3.5%; background:#f6f6f6; transition: all 0.5s; }
.indexnew ul li.baise{margin-bottom:3.5%; background:#fff;-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
-o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
.indexnew ul li.z{ margin-right:0px;}
.indexnew ul li .bkg{ padding-bottom:64%;}
.indexnew ul li .new_con{ padding:6.3%;}
.indexnew ul li .new_con i{ display:block; font-size:18px; font-weight: bold;  color:#282828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.indexnew ul li .new_con em{display:block; color:#999999; font-family:Arial, Helvetica, sans-serif; padding:15px 0px 20px 0px;}
.indexnew ul li .new_con p{ color:#666; line-height:22px;display: -webkit-box; height:66px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.indexnew ul li:hover{-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}

.indexnew ul li:hover .new_con i{ color:#0064e3; }

.yjzs{ padding-top:5.2%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.yjzsny{padding-top:0%;}
.yjzs .comtit{}
.yjzs .new_nav{ margin-top:3.2%}
.yjzs ul{ padding:5% 0px 4.3% 0px;}
.yjzsny ul {
    padding: 4% 0px 1% 0px;
}
.yjzs ul li{ float:left; background:#FFF; width:48.3%; margin-right:3.4%; margin-bottom:3.4%;transition: all 0.5s;}
.yjzs ul li:hover{transform: translateY(-5px);}
.yjzsny ul li{-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
.yjzs ul li.z{ margin-right:0px;}
.yjzs ul li .yj_con{ padding:5.4%;}
.yjzs ul li i{ display:block; font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.yjzs ul li img{ display:block; padding:17px 0px;}
.yjzs ul li p{ font-size:20px; color:#666;}


.contact{ padding:5% 0px 5% 0px;}
.contact .comtit{ margin-bottom:3.7%}
.contact .contact_l{ position:relative; width:717px; max-width:49%; float:left;}
.contact .contact_l i{ display:block; font-size:30px; color:#0064e3;}
.contact .contact_l em{ color:#999; font-family:Arial, Helvetica, sans-serif; display:block; line-height:2.4}
.contact .contact_l ul{ padding-top:45px;}
.contact .contact_l ul li{ font-size:16px; line-height:1.5; padding-bottom:17px; color:#282828; position:relative; padding-left:50px;}
.contact .contact_l ul li span{ color:#999; position:absolute; left:0px;}
.contact .contact_l .divqr{ line-height:3; text-align:center; width:148px; position:absolute; right:0px; bottom:-40px; }
.contact .contact_l .divqr img{ padding:8px;width:130px; border:1px solid #dddddd; display:block;}
.contact .contact_r{ float:right; width:736px; max-width:49%}
.contact .contact_r iframe{width:100%;}
.route{ height:70px; line-height:70px; -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
 -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
 -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
 box-shadow: 0px 0px 15px rgba(0,0,0,0.2); overflow:hidden}
.route p{ float:right; font-size:14px; }
.route ul{ float:left; font-size:0px;}
.route ul a{ font-size:16px; display:inline-block; padding:0px 10px; line-height:68px; margin-right: 20px;}
.route ul a:hover,.route ul a.on{color:#0064e3; border-bottom:2px solid #0064e3; font-weight:bold}
.foot{ background:#000000;padding-top:3.7%;}
.foot ul{ float:left;width:11.8%;}
.foot ul a{ color:#999;display:block;line-height:1.2;padding-bottom:13px;}
.foot ul a.at{ font-size:16px;color:#FFF;padding-bottom:23px;}
.foot .add{ color:#FFF;float:right;}
.foot .add span{font-size:24px;display:block;padding-bottom:12px;}
.foot .add p{display:block; border-bottom:1px solid #2b2b2d; font-size:16px; padding:10px 0px; position:relative; padding-left:25px;}
.foot .add p.no{ border:none}
.foot .add p em{ position:absolute; left:0px; line-height:1.4}
.foot .copy{ text-align:center; padding:11px 0px; color:#999; border-top:1px solid #262626; margin-top:40px;}
.foot .copy i{ display:inline-block; margin-right: 10px;}
.foot .copy a{ display:inline-block;color:#999;}
.foot{overflow:hidden;}