@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.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: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.content{width: 1200px;margin:0 auto;}
.hidden{overflow: hidden;}
/*header start*/
.wel{background-color: #eee;height: 30px;}
.wel p{line-height:30px;color:#454545;}
.wel .right{line-height:30px; text-align: center;}
.wel .right a{ color: #454545; font-size: 14px;}
.wel .right a{ margin-right: 25px;}
.wel .right a:last-child{ margin-right: 0;}
.header .head_top{height: 120px;}
.header .head_nav{background: #09c;height: 50px;border-top: 3px solid #fff;}
.header .head_nav ul li{width:171px;float: left;height: 50px;line-height: 50px;font-size: 16px;text-align: center;position: relative;}
.header .head_nav ul li a{color: #fff;display: block;width: 100%}
.header .head_nav ul li:hover{background: #ccc;height:50px;}
.header .head_nav ul li:hover a{color: #fff;border-top: 3px solid #fc9;position: absolute;top: -3px}
.header .head_nav ul li.on {background: #f1f1f1;height:50px;}
.header .head_nav ul li.on a{color: #09c; font-weight: bold;border-top: 3px solid #fc9;position: absolute;top: -3px}
/*右侧图标*/
.head_top .right{ margin:20px 0 0;}
.head_top .dz-rx span{ display: block; color: #454545; font-size: 22px;line-height: 22px; margin-bottom: 10px;text-align: center}
.head_top .dz-rx p{ font-size: 18px; color: #fc9;font-weight: bold; line-height:40px;border-radius: 20px;border:1px solid #09c;background-color: #09c;padding-left: 20px;padding-right: 20px;}
.header p.slogen{width: 289px; padding-left: 25px;padding-right: 25px; font-size: 16px; padding-top: 20px;}
.header p.slogen i{color:#09c;font-weight: bold;}
.header .logo{width: 480px;height: 120px;}
.header .logo img{width: 480px;height: 120px;}
/*轮播*/
.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:rgba(0,0,0,.3);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:#fc9}
.flexslider .slides a img{width:100%;height:600px;display:block}

/*热门*/
.hot{box-shadow: 1px 1px 1px #ccc;height: 60px;}
.hot span{ display: block;float: left; font-weight: bold;line-height:60px;color: #09c;}
.hot p{float: left;line-height:60px;color: #454545;}
/*product start*/
.product{padding-top:60px;background:url(../images/probg.jpg) no-repeat center; height: 1350px;  }
.pro_l{width: 265px; border: 1px solid rgba(204, 204, 204, 0.55);background: #fff;}
.pro_l > ul > li > a{display: block; color: #09c;font-weight: 700;line-height:44px;padding-left: 73px;  width: 192px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;font-size:16px;background: url(../images/proicon1.png) no-repeat 20px #dfdfdf;text-overflow: ellipsis; }
.pro_l > ul > li:hover >a{background:url(../images/proicon1.2.png) no-repeat 20px #09c;color: #fff}
.pro_l ul.erji{padding:5px 0px;}
.pro_l ul.erji li{background: url(../images/aicon.png) no-repeat 0px center;line-height: 31px;border-bottom: 1px dashed #dfdfdf;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: left;width: 120px;margin: 4.5px 6px 1px;}
.pro_l ul.erji li:hover a{color: #09c}
.pro_l ul.erji li a{ padding-left:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro_l .pro_title{padding:20px 0 20px 0; height:66px;font-size:30px;color:#Fff; background: url(../images/title_01.jpg) no-repeat left;text-align: center;}
.pro_l .pro_title span{ display: block; font-size:20px; color:#ccc;text-transform: Uppercase;font-family: "arial";}
.pro_l .pro_title a{color: #fff;}
.pro_con{width:920px;}
.pro_con span.ptit{display: block; width: 920px; height: 41px;line-height: 41px;color: #333; border: 1px solid #ccc; margin-bottom: 5px;background: #fff;}
.pro_con span a.more{display: block;float: right;color: #666;font-size: 15px;padding-right:20px;}
.pro_con span a.tit{ display: block; font-weight:bold;color: #09c;font-size: 17px; float: left; border-left: 5px solid #09c;padding-left: 12px;}
.pro_con .proadv{width: 920px;height:227px;    margin-top: 5px;}
.pro_con .proadv img{width: 920px;height: 227px;}
.pro_con li{width:278px;margin:0 0 26px 26px; border:1px #dfdfdf solid;float: left;border-bottom-color:#09c;}
.pro_con li img{ width:278px; height:210px;padding:0px;}
.down img{width:100%;height:305px;}
.pro_con li{ position: relative; display: inline-block;margin: 8px 40px 8px 0px;background: #fff; overflow: hidden;border:1px #ddd solid; }
.pro_con li:nth-child(3n){float: right;margin-right: 0}
.pro_con i.one{color:#333;    font-size: 15px; text-align: center;padding:10px 30px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%;  background:rgba(0, 153, 204, 0.82);}
.pro_con li .box i.two{ color:#fff;font-size:14px;padding: 0 20px; margin:10px 0 0 0;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box img{ display: block; margin: auto; height:auto;width:auto;}
.pro_con li:hover .box{ opacity: 1;top:0}
.pro_con li:hover i.one{ opacity: 0;}
.pro_con li:hover .rightDown span{   border-bottom: 35px solid #ffcc99;}
.pro_con .rightDown span{position:absolute;bottom:0;right:0;width:0;height:0;border-left:35px solid transparent;border-bottom:35px solid #09c;-webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}
.pro_con .rightDown b{position:absolute; bottom:1px;right:3px;  color:#fff; font-size:20px;}

/*关于我们*/
.scroll_bg{width: 100%;height: 100%;background-image: url(../images/scroll_bg.jpg);background-attachment: fixed;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;z-index: -1;}
.pr{position: relative;}
.about{line-height:24px;height:639px;background:url(../images/abbg.png) no-repeat 0 0;   margin: 0 auto;}
.aboutil{padding: 74px 0 0 10px;font-size: 24px;line-height: 68px;color: #fff;}
.aboutil a,.honner_c li span a{color: #fff;display: block;}
.aboutil span{display: block;font-family: Arial;text-transform: uppercase;    font-size:20px;line-height: 30px; opacity: 0.5;}
.about_c{width: 926px;}
.about_p,.about_p img{width:926px;height:440px;display: block;overflow: hidden;}
.about_w{  display: block; position: absolute;height: 115px; width: 550px; margin-top: 190px; color: #fff;}
.about_w p{overflow: hidden;text-indent: 2rem;}
.abousb {height: 180px;border:1px solid #fff;position: absolute;width:600px;}
.abousb img{width:600px;height: 180px;}

/*优势*/
.adv{margin-top:50px;background: url(../images/ys_bg.jpg) no-repeat center top;height:1500px;}
.adv li {margin: 0;width: 565px;}
.adv .tit {font-size: 24px;margin-left: 80px; height: 80px;border-bottom: 1px dashed rgba(69, 69, 69, 0.24);}
.adv .tit i {display: block;font-size: 18px;font-style: normal;text-transform: uppercase;}
.adv .tit em {display: block;font-style: normal;font-size: 18px;}
.adv .wz {margin: 10px 0 0;line-height: 30px;}
.adv .wz p {margin: 0;padding-left: 80px;}
.adv .wz span {display: block;background: url(../images/ys_btn1.png) no-repeat ;font-size: 22px;line-height:50px;width: 160px;margin: 30px 0 0 80px;text-align: center;}
.adv .wz span a {display: block;color: #fff;padding-left: 38px;}
.adv li.d1 {margin-top:20px;float: left;}
.adv li.d2 {margin-top:680px;width: 540px;float:right;right: 0;}
.adv li.d2 .wz span {background-image: url(../images/ys_btn2.png);}
.adv li.d2 .wz span a {color: #fff;opacity: 0.9;}
.adv li.d3 {margin-top: 50px;float: left;}
.adv li.d4 {margin-top: 50px;width: 540px;float:right;right: 0;}
.adv li.d4 .wz span {background-image: url(../images/ys_btn2.png);}
.adv li.d4 .wz span a {color: #fff; opacity: 0.9;}
.adv .t01{background: url(../images/01.png) no-repeat left center;padding-left: 90px;padding-top: 20px;}
.adv .t02{background: url(../images/02.png) no-repeat left center;padding-left: 90px; padding-top: 20px;}
.adv .t03{background: url(../images/03.png) no-repeat left center;padding-left: 90px; padding-top: 20px;}
.adv .t04{background: url(../images/04.png) no-repeat left center;padding-left: 90px; padding-top: 20px;}

/*广告条*/
.xbanner{background:url(../images/xbanner.png) no-repeat center;text-align: center;height: 300px;margin-top: -70px;}
.xbanner .xt{margin-top: 110px;}
.xbanner p{font-size: 17px; line-height: 25px; color: #fff; width: 308px; padding-left: 10px;padding-right: 10px; margin-bottom: 10px;}
.xbanner span{font-weight: bold;font-size: 28px;color: #fff;border: 1px solid #fc9; border-radius: 10px;background: #fc9;line-height: 40px; padding-left: 10px; padding-right: 10px;}

/*标题*/
.pubtit{height: 100px;margin:0 auto;text-align: center; }
.pubtit span{display: block;line-height: 30px;font-size: 32px;color: #c7c6c6;text-transform:Uppercase;font-family:"arial";}
.pubtit p{line-height: 40px;text-align: center;color: #666;font-size:30px;font-weight: 600;}
.about .pubtit{height: 100px;margin:0 auto;text-align:left;padding-top: 90px; }
.about .pubtit span{display: block;line-height: 30px;font-size: 32px;color: #c7c6c6;text-transform:Uppercase;font-family:"arial";}
.about .pubtit p{line-height: 40px;text-align: left;color: #fff;font-size:30px;font-weight: 600;}

/*新闻动态*/
.news{padding:80px 0;background:url(../images/newsbg.jpg) no-repeat center;}
.news .content{}
.news .yin_t{ height:70px;}
.news_t{height: 40px;width: 300px;margin:0 auto;}
.news_t ul li{float: left;width: 150px;overflow: hidden;}
.news_t ul li a{font-size: 14px;color: #333;display: block; float: left; width: 150px; text-align: center; height: 40px; line-height: 40px; overflow: hidden;background:url(../images/news_k01.gif) no-repeat;} 
.news_t ul li a:hover,.news_t ul li.on a{color: #fff;font-weight: bold;background:url(../images/news_k02.gif) no-repeat;}
.news01{width: 600px;float: left;}
.news01 .news_pic{width: 600px;     margin-bottom: 30px;height: 200px;float: left;}
.news01 .news_pic img{width: 600px;height: 200px;}
.news .wz{width: 600px;}
.news .wz .date{float: left;height: 56px;width: 95px; font-size: 14px; color: #fc9; background:url(../images/news_line.gif) no-repeat right 10px;line-height: 30px;padding: 10px 0 0;}
.news .wz .date b{display: block;font-size: 24px;color: #09c;text-align: center;}
.news .wz dd{width: 465px;float:right;}
.news .wz dd  a.tit{height: 30px;overflow: hidden;font-size: 16px;display: block;color: #333;white-space:nowrap;  text-overflow:ellipsis;   }
.news .wz dd  a.tit:hover{ color: #09c;}
.news .wz p.jj{color: #666;}
.news_desc{font-size: 14px; color: #888; line-height: 20px; height: 40px; overflow: hidden;} 
.news .wz p.ee{ color: #666;text-align: center}
.news02{ width:560px;float: right;}
.news .news02 .wz{ width:560px;height: 70px;overflow: hidden;border-bottom: #dadada 1px solid;padding: 20px 0;}
.news .news02 .date{width: 90px;}
.news .news02 dd{width: 430px;float: right;}
.news .news02 .nobor{border-bottom: none;}

/*footer start*/
.footer{background: #333;padding: 30px 0 0px;}
.product_list {width: 400px;}
.product_list li {float: left;width: 50%;}
.product_list li:nth-child(2n) {margin-right: 0;}
.product_list li a {color: #d9d9d9;font-size: 15px;display: block;margin-bottom: 8px;padding-left: 20px;background: url(../images/fk.png)no-repeat left center; line-height: 48px;}
.foot_product{width: 300px;margin-right: 180px;}
.foot_product b {display:block;color: #fff;font-size: 17px;margin-bottom: 30px;}
.foot_lianxi {width: 335px;}
.foot_lianxi b {display:block;color: #fff;font-size: 17px;margin-bottom: 30px;}
.contact_list {width: 500px;}
.contact_list li {margin-bottom: 15px;font-size: 16px;color: #d9d9d9;}
.contact_list li a {color: #d9d9d9;font-size: 15px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 89%;}
.contact_list li img {vertical-align: middle;margin-right: 20px;}
.footer .ewm{width: 150px;height: 180px;}
.footer .ewm b {display:block;color: #fff;font-size: 17px;margin-bottom: 30px;}
.footer .ewm img{width: 150px;height: 150px;display: block;margin:0 auto;}
.footer .ewm p{line-height: 30px;color: #fff;font-weight: bold;font-size: 17px;text-align: center;}
.foot_bot{background: #444;line-height: 35px;margin-top: 20px;}
.foot_bot span{color: #ccc;}
.foot_bot a{color: #ccc;}
.foot_bot p{color: #ccc;text-align: center;}