@charset "utf-8";
body,html{height:100%;padding:0;margin:0;min-width:1200px;font:14px 微软雅黑;color:#444}
a{text-decoration:none;outline:0;color:#666;transition:.2s}
p{text-align:justify;text-justify:inter-ideograph;margin:0}
li{list-style-type:none;vertical-align:top;margin:0;padding:0}
ul{margin:0;padding:0}
img{margin:0;padding:0;border:0;vertical-align:top}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;margin:0;padding:0}
dd,dl,dt{padding:0;margin:0}
em,i{font-style:normal}
input{outline:0;border:none}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.w0{width:100%}
.w1200{width:1200px;margin:0 auto}
.content{width:1200px;margin:0 auto}
/*toubu*/
.wel{background-color:#e9eaee;}
.wel span{font-size: 15px;line-height: 30px;color: #454545;}
.header_top{margin:15px 0}
.header_top .logo{height:57px;width:412px}
.header_top .logo img{width:100%;}
.header_top .header_tel{background:url(../images/tel_bg.png) no-repeat left center;padding-left:70px}
.header_top .header_tel i{font-size:16px}
.header_top .header_tel p{font-weight:700;color:#1170d3;font-size:30px;line-height:25px;font-family:Arial;display:block;padding-top:10px}
/*导航*/
.hearer_Nav {height: 53px;line-height: 53px;position: relative;z-index: 1000;background-color:#e9eaee;}
.hearer_Nav .daohang {width: 1200px;margin: 0 auto;height: 53px;}
.hearer_Nav ul li {font-size: 17px;width: 200px;height: 53px;line-height: 53px;float: left;text-align: center;position: relative}
.hearer_Nav ul li.last {background: 0 0}
.hearer_Nav ul li>a {display: block;color: #333}
.hearer_Nav ul li:hover>a,.hearer_Nav ul li.cur>a {background-color: #1170d3;text-decoration: none;color: #fff;}
.hearer_Nav ul li .ej_Nav {position: absolute;width: 100%}
.hearer_Nav ul li .ej_Nav {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0)}
.hearer_Nav ul li:hover .ej_Nav {opacity: 1;visibility: visible;transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0)}
.hearer_Nav ul li .ej_Nav dl {width: 365px}
.hearer_Nav ul li .ej_Nav dd {width: 100%;height: 40px;line-height: 40px;float: left}
.hearer_Nav ul li .ej_Nav dd a {display: block;width: 100%;height: 39px;color: #fff;text-align: center;font-size: 14px;background: #1170d3; border-bottom: 1px solid #eee;}
.hearer_Nav ul li .ej_Nav dd a:hover {background-color: #ea9900;color: #fff;}
/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:600px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#ffa23b}
.flexslider .slides a img{width:100%;height:600px;display:block}
/*底部*/
.footer{background-color: #444;    margin-top: 80px;}
.footer .footernav{width: 1200px;margin:0 auto;padding-top: 30px;}
.footer .footernav ul li{width: 200px;float: left;line-height: 20px;}
.footer .footernav ul li a{text-align: center;color:#fff; font-size: 17px;display: block;}
.footer .logo{width: 280px;height: 120px;}
.footer .logo img{width:100%;}
.footer .footbody{padding-top: 80px;}
.footer .foot_lx{margin-left: 155px; }
.footer .foot_lx p{font-size: 15px;color: rgba(255, 255, 255, 0.5); line-height: 24px;margin-bottom: 20px;}
.footer .foot_lx p img{margin-right: 10px; width: 23px;height: 23px;}
.footer .ewm p{width: 170px;}
.footer .ewm img{width: 150px;height: 150px;float:left;}
.footer .ewm p{font-size: 15px;color: #fff;line-height: 18px;margin-bottom: 20px; padding-top: 12px;text-align: center;padding-left: 8px;}
.footer .bq{padding-top: 35px;display: block;margin: 0 auto; padding-bottom: 20px; color: #fff; text-align: center;}
.footer .bq p{font-size: 15px;color: rgba(255, 255, 255, 0.5); line-height:16px;text-align: center;}
.footer .bq p img{margin-right: 10px; width:15px;height: 16px;}
.footer .bq a{color: #fff;font-size: 15px;line-height: 16px;text-align: center;}
/*最底部信息*/
.copyright{margin-bottom: 20px;margin-top: 20px;}
.footer .ewm{width: 150px;height: 150px;}
.footer .ewm img{width: 100%;}
/*同意标题*/
.tytitle{height: 100px;}
.tytitle span{ font-size: 32px; color: #454545; text-align: center; font-weight: normal;margin: 0 auto;display: block;}
.tytitle span img{width: 99px; height: 3px; vertical-align: middle;margin:0 18px 0 23px;}
.tytitle b{font-weight: bold; color: #1170d3;}
.tytitle a{color: #454545; text-decoration: none; }
.tytitle em{ display: block;font-size: 18px; color: #737373;height: 35px;line-height: 35px;font-family:"Microsoft Yahei"; font-weight: normal; text-align: center;}
/*产品*/
.pro{background:#fff; box-sizing: border-box;padding-top: 60px; }
.pro_nav{height: 47px; margin-bottom: 22px; position: relative; }
.pro_nav ul{width: 594px; margin:0 auto;}
.pro_nav li{ height: 47px; line-height: 47px; text-align: left;width: 296px;padding-left: 47px; font-size: 18px; color: #666666; float: left;box-sizing: border-box;margin-right: 1px;background:#f0f0f0; position: relative;  }
.pro_nav li a{ text-decoration: none; color: #333333; }
.pro_nav li em{width: 26px;height: 27px;overflow: hidden;margin: 10px 10px 0 33px; position: relative; float: left;}
.pro_nav li em img{position: absolute;left:0;top:0;}
.pro_nav li.cur{background: #1170d3;}
.pro_nav li.cur a{ font-weight: bold; color: #fff; }
.pro_nav li.cur em img{top:-27px;}
.pro_nav li:last-child{margin-right: 0;}
.prolist{ }
.prolist .jt{width: 32px; height: 32px;position: absolute;bottom:0;z-index: 1;}
.xc li{width: 360px;position: relative;  margin-right: 36px; float: left; display: block; height: 270px;margin-bottom: 32px;border: 1px solid #ccc; overflow: hidden;}
.product ul li .img{width: 360px;height:270px;overflow: hidden;}
.xc li img{ display:block;width:360px; height:270px;transition:.5s ease-in;overflow: hidden;}
.xc ul li img:hover { transform:scale(1.1,1.1);}
.xc li em{ height:50px;  font:16px "Microsoft YaHei"; line-height:50px; color:#666666; overflow:hidden; display: block; text-align: center; display: block; }
.xc li a{ text-decoration: none; }
.xc li.nones{margin-right: 0;}
.xc li:hover{  border: 1px solid #1170d3; }
.xc li p{ font-size: 17px;color: #fff; font-weight: normal;line-height: 35px;text-align: center; position: relative;overflow: hidden; bottom: 34px; text-overflow: ellipsis; white-space: nowrap; width: 360px;  background-color: rgba(102, 102, 102, 0.44);}
.xc li:hover p{ color:rgb(17, 112, 211);background-color:rgba(255, 255, 255, 0.44);}
/*关于我们*/
.scroll_bg{width:100%;/*height:100%;*/height:408px;background-image:url(../images/scroll_bg.jpg);background-attachment:fixed;background-position:50% 0;background-repeat:no-repeat;position:absolute;z-index:-1}
.company{padding:50px 0;background-color: rgba(238, 238, 238, 0.69);}
.company .title b{color:#fff}
.company .com_body {padding-top: 20px;}
.company .com_body span{font-size:20px;color:#2066b2;display:block;letter-spacing:2px;line-height:35px}
.company .com_body b{display:block;font-size:17px;color:#333;font-weight:400;margin-bottom:10px}
.company .com_body p{text-indent:2em;color:#666;font-size:15px;line-height:25px}
.company .com_body a{display:block;width:120px;text-align:center;color:#1170d3;line-height:35px;border-radius:30px;margin-top:20px;border:1px solid #1170d3}
.company .com_body a:hover{background:#2066b2;color:#fff}
/*/新闻资讯/*/
.nswsbj{ padding-top:60px;box-sizing: border-box; background:#fff; overflow: hidden; font-family:"Microsoft Yahei";position: relative;}
.nswsbj h2{ margin-bottom: 30px;}
.newstit{ height:42px;width: 304px; margin:0 auto; background: #fff; position: relative;z-index: 1; }
.newstit i{color:#333333;height: 42px; display: inline-block; font-weight: normal;text-decoration: none;}
.newstit i a{position: relative; text-decoration: none; font-size: 18px; display: inline-block;height:40px; color:#222222; line-height:40px; text-align: center; font-weight: normal; border:1px solid #d9d9d9;width:150px; float: left;}
.newstit i a:before{-webkit-transition:width .3s;transition:width .3s;content: "";width: 0; height: 3px; background:#0891e1;position: absolute;left:0;bottom:0px;}
.newstit i a:nth-child(2){margin-left: -1px;}
.newstit i a.cur{color: #333; font-weight: bold;}
.newstit i a.cur:before{content: "";width: 100%; height: 3px; background:#0891e1;position: absolute;left:0;bottom:0px;}
.newstit p{width: 97px; height: 28px; border:1px solid #d9d9d9; position: absolute; right: -448px;top:7px;}
.newstit p a{width: 48px; height: 28px;  float: left;}
.newstit p .newsprev{background: url(../images/news_left.gif) no-repeat;}
.newstit p .newsnext{background: url(../images/news_right.gif) no-repeat;}
.newstit p a:nth-child(1){border-right: 1px solid #d9d9d9;}
.news_nr{margin-top:20px;}
.news_nr ul li{width: 320px;margin-right: 80px; float: left;}
.news_nr ul li img{width: 320px;height: 240px;}
.news_nr ul a.tit{color:#222222; font-weight: normal;font:16px "Microsoft YaHei"; height: 70px; line-height: 70px; display: block; margin-bottom: 25px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align: left; border-bottom: 1px dashed #999999;}
.news_nr ul .wz{  }
.news_nr ul .wz p{ font:15px "Microsoft YaHei"; line-height:24px; height: 100px; color:#888888;}
.news_nr ul .wz em{background:url(../images/newsico.gif) no-repeat left center; padding-left:20px;display:block; font:14px Arial; color:#888888;}
/*优势部分*/
.ysbj{ position: relative; box-sizing: border-box;padding-top: 60px;font-family:"Microsoft Yahei";}
.ysbj h2{margin-bottom: 35px;}
.ysbj h2 span{ background: url(../images/ystitbg.png) no-repeat center center;}
.ysbj .tempWrap{overflow:hidden; position:relative; width:1200px}
.ys{  position: relative;padding-top: 50px; }
.yst{ height:103px;  position: absolute;left:0;top:0; z-index: 1; }
.yst li{cursor: pointer; position: relative; margin-right: 110px; width:185px; height:103px;  color: #fff;  float:left; font:20px "Microsoft Yahei"; font-weight:bold; text-align:center;padding-top: 55px; box-sizing: border-box;}
.yst li:nth-child(1){margin-left: 40px;}
.yst li:last-child{margin-right: 40px;}
.yst li.cur{ color: #fff;}
.yst li:nth-child(1){background:url(../images/ysico1.png) no-repeat center top;visibility: visible; animation-duration: 1s; animation-delay: 0.2s; animation-name: fadeInDown;}
.yst li:nth-child(2){background:url(../images/ysico2.png) no-repeat center top;visibility: visible; animation-duration: 1s; animation-delay: 0.4s; animation-name: fadeInDown;}
.yst li:nth-child(3){background:url(../images/ysico3.png) no-repeat center top;visibility: visible; animation-duration: 1s; animation-delay: 0.5s; animation-name: fadeInDown;}
.yst li:nth-child(4){background:url(../images/ysico4.png) no-repeat center top;visibility: visible; animation-duration: 1s; animation-delay: 0.6s; animation-name: fadeInDown;}
.yst li:nth-child(1).cur{background:url(../images/ysico1cur.png) no-repeat center top;visibility: visible; animation-duration: 1s; animation-delay: 0.2s; animation-name: fadeInDown;}
.yst li:nth-child(2).cur{background:url(../images/ysico2cur.png) no-repeat center top;visibility: visible; animation-duration: 1s; animation-delay: 0.4s; animation-name: fadeInDown;}
.yst li:nth-child(3).cur{background:url(../images/ysico3cur.png) no-repeat center top;visibility: visible; animation-duration: 1s; animation-delay: 0.5s; animation-name: fadeInDown;}
.yst li:nth-child(4).cur{background:url(../images/ysico4cur.png) no-repeat center top;visibility: visible; animation-duration: 1s; animation-delay: 0.6s; animation-name: fadeInDown;}
.ysbj ul.m_ys{width: 9600px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -4800px;}
.ys a.jt{width: 23px; height: 42px;position: absolute;top:42%;}
.ys a.ysprev{background: url(../images/ysleft.png) no-repeat 0 0;left:-90px;}
.ys a.ysprev:hover{background: url(../images/ysleft1.png) no-repeat 0 0;left:-90px;}
.ys a.ysnext{background: url(../images/ysright.png) no-repeat  0 0;right:-90px;}
.ys a.ysnext:hover{background: url(../images/ysright1.png) no-repeat  0 0;right:-90px;}
.ys  li{/*height:550px;*/overflow: hidden;position: relative; float: left;}
.ys  li img{width: 1200px;height: 550px; display: block; float: left;}
.ys .wz{height: 380px; width: 440px;padding:30px 25px 0; box-sizing: border-box;  position: absolute;  top:110px; left:60px; background:rgba(255,255,255,0.95);}
.ys .wz span {height:86px; padding-top:63px;font-size: 27px;display: block; color: #454545; text-align: left; font-weight: bold; box-sizing: border-box; background: url(../images/01.png) no-repeat;  }
.ys .wz p{height: 60px;overflow: hidden; font-size:17px;color: #333333;  text-align: left;padding-left: 18px; background: url(../images/yspico.jpg) no-repeat 0 9px;margin-top: 55px;  }
.ys .wz p i{font-size: 17px; color: #ff0101; font-weight: bold;}
.m_ys li.d1 span{background:url(../images/01.png) no-repeat center top;}
.m_ys li.d2 span{background:url(../images/02.png) no-repeat center top;}
.m_ys li.d3 span{background:url(../images/03.png) no-repeat center top;}
.m_ys li.d4 span{background:url(../images/04.png) no-repeat center top;}
.m_ys li.d5 span{background:url(../images/01.png) no-repeat center top;}
.m_ys li.d6 span{background:url(../images/01.png) no-repeat center top;}
/*隔断*/
.xbanner{background:url(../images/xbanner.jpg) no-repeat center;height:200px;margin-top: 50px;}
.xbanner .content{padding-top:30px;}
.xbanner p{font-size: 30px; line-height: 45px; color: #fff; text-align: center;}
.xbanner span{line-height: 52px;font-size: 20px;color: rgba(238, 238, 238, 0.85);font-weight: 500;display: block; text-align: center;}
.xbanner a{ width: 100px;line-height: 30px;text-align: center;border-radius: 20px;border: 1px solid #fff;color: #fff;display: block;    margin: 0 auto;}