@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #000; 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;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
i , em{font-style: normal;}
.content{width: 1200px;margin:0 auto;}

/*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}

/*header start*/
.header{border-top:5px solid #32808D;}
.header .head_top{height:80px;}
.header .head_top .tel_box{width: 260px;height: 80px;color: #fff}
.header .head_top .tel_box > a{color:#fff;padding: 0 8px;line-height: 36px;}
.header .head_top .tel_box .tel{margin-top:28px;width: 248px;text-align: right; background: url(../images/tel_bg.png) no-repeat left center;padding-left: 14px;}
.header .head_top .tel_box .tel p{display: block; color: #696969; text-align: left;line-height: 30px; padding-left:54px;font-size: 16px;}
.header .head_top .tel_box .tel b{font-size: 30px;color: #32808D;font-family: arial;font-weight: bold;}
.header .head_top .logo{width:542px;height: 84px;padding-top: 16px;}
.header .head_top .logo img{width: 542px;height: 84px;}
.head_nav .content{margin-top: 39px;}
/*头部*/
.header .head_nav{background:url(../images/navbg.jpg) no-repeat;border-top: 3px solid #fff;}
.header .head_nav ul li{width:150px;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%;font-weight: 600;}
.header .head_nav ul li:hover{background: #eee;height:50px;}
.header .head_nav ul li:hover a{color: #333;border-top: 3px solid #6b6b6b;position: absolute;top: -3px}

/*pubtit*/
.pubtit{text-align: center;height: 120px;font-size: 38px;color: #333;}
.pubtit em{color: #32808D;font-weight: bold;}
.pubtit span{display: block;font-size: 20px;color: #282828;font-weight: normal;}
.pubtit i{display: block; background: url(../images/tit.png) no-repeat center;height: 14px;}
.pubtit1{text-align: left;height: 120px;font-size: 38px;color: #333;padding-left: 30px;}
.pubtit1 em{color: #32808D;font-weight: bold;}
.pubtit1 span{display: block;font-size: 20px;color: #282828;font-weight: normal;}
.pubtit1 i{display: block; background: url(../images/tit.png) no-repeat left 30px center;height: 14px;}

/*一排标志*/
.iconlist{padding:40px  0;}
.iconlist ul li{float:left;width: 250px;margin-right:64px;} 
.iconlist ul li img{width: 160px;height: 160px;display: block;margin:0 auto;}
.iconlist ul li a{display: block;text-align: center;line-height: 50px;font-size: 20px;font-weight: 600;color: #504f4f;}
.iconlist ul li:nth-child(4n){float:right;margin-right: 0}

/*product start*/
.product{padding:80px  0 0;height: 1370px; background: url(../images/pbg.jpg) no-repeat center;}
.leftNav{ width:280px; background: #fff;padding-bottom:20px;}
.leftNav ul{padding:15px 0; }
.leftNav ul li{height: 35px;padding-top: 15px;background: url(../images/line_01.png) no-repeat bottom center;}
.leftNav ul li a{margin-left:35px; font-size:15px;color:#ccc; padding-left:20px; background: url(../images/arrow_01.jpg) no-repeat left; }

/*左侧产品列表*/
.titlist{background-color:rgb(255 255 255 /35%);position:relative;width:260px;border-bottom: 1px dashed #ccc;          }
.titlist ul.fir{width:92%;height:auto;overflow:hidden;margin:0 auto;margin-top: 20px;margin-bottom: 15px;}
.titlist ul.fir a.firtit{line-height:45px;width:100%;color: #32808d;font-weight: 600;font-size: 16px;text-indent:50px;background: url(../images/tbg1.jpg) no-repeat center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.titlist ul.fir a.firtit:hover{text-indent:60px;color: #333;}
.titlist ul.sec li{overflow:hidden;padding-left: 10px;margin:0 auto;border-bottom: 1px dashed #ccc;}
.titlist ul.sec li a{ font-size: 15px;    background: url(../images/pdot.png) no-repeat left center;  color: #fff;padding-left: 25px;line-height:45px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.titlist ul.sec li a:hover{color: #333;;}
.cont{padding:30px  0 54px 0;}
.cont p{line-height:50px;font-size: 24px;color: #eee;text-align: center;} 
.cont span{line-height: 40px;font-size: 30px;color: #32808D;text-align: center;display: block; font-family: "arial"; font-weight: 600;} 
/*右侧*/
.right{width:920px;padding-top:10px;}
.right .keytit {margin-left: 27px;border-bottom: 1px solid #32808d;margin-bottom:30px;width: 100%;}
.right .keytit ul li{line-height: 40px;float: left;margin-right: 30px;background: #32808d;padding: 0 20px;}
.right .keytit ul li:hover{background-color:#ccc;}
.right .keytit ul li a{color: #fff;font-size: 17px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;     }
.right .keytit ul li:hover a{color: #333;}
.right .keytit a.more{display: block;float: right;font-size:17px;font-weight: 600;color: #333;line-height: 40px;}
.pro_con li{width:278px;margin:0 0 26px 26px; border:1px #dfdfdf solid;float: left;border-bottom-color:#ccc;}
.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:0 0 12px 26px; background: #fff; overflow: hidden;border:1px #ddd solid; }
.pro_con i.one{color:#333;font-size: 16px; 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:rgb(50 128 141 / 77%)}
.pro_con li .box i.two{ color:#fff;font-size: 16px;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 i em{ display: block;text-align: center;color: #32808D;font-size: 14px;line-height: 30px;}
.pro_con li:hover .rightDown span{border-bottom:35px solid #1c949a}
.pro_con .rightDown span{position:absolute;bottom:0;right:0;width:0;height:0;border-left:35px solid transparent;border-bottom:35px solid #ccc;-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;}

/*标题*/
.ptit{background: url(../images/ptbg.png) no-repeat center; height: 96px; }
.ptit b{display: block;color: #32808D;text-transform: uppercase;font-size:60px;padding: 0 10px;}
.ptit p{font-size: 35px;font-weight: 600;}
.ptit span{text-transform: uppercase;display: block;color: #32808D;letter-spacing: 7px;font-size:25px;}

/*简介*/
.about{padding:80px 0;background:url(../images/abbg.jpg) no-repeat center;height:508px;}
.about .wz{width:800px;}
.about .wz .tit i{font-size:35px;color: #333;text-align: left;font-weight: bold;}
.about .wz .tit span{display: block;line-height:35px;font-size: 20px;color: #666;text-align: left;letter-spacing:5px;}
.about .wz .tit em{display: block;border-bottom: 3px solid #ccc;width: 100px;height:20px; margin-bottom: 20px;}
.about .wz  p{line-height:32px;color: #666;text-indent:2rem;font-size: 15px;}
.about .wz a.more{display: block;   width: 100px;line-height: 30px;font-size: 16px;  color: #666;border:1px solid #666;text-align: center;margin-top: 20px;}
.about .wz a.more:hover{color: #32808d;border:1px solid #32808d;}
.about .wz .contact{padding-top: 40px;}
.about .wz .contact ul li{width:325px;float: left;line-height:35px;color: #444;font-size: 18px;}
.about .wz i.itit{display: block;background-color: #32808D;line-height: 50px;width:400px;font-weight:600;    color: #fff;font-size: 20px;padding-left: 30px;margin-bottom:30px;}

/*隔断*/
.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;}
.slect{background-color:rgb(50 128 141 / 90%);height: 300px;}
.sall{width:741px;margin:0 auto;padding-top: 30px;}
.sall .s1  , .sall .s2   {width: 280px;margin-left:50px; border-right: 1px solid rgb(255 255 255 / 28%); padding-right: 50px;}
.sall .s1 a.aimg{display: block;border:1px solid #b2ced3;padding: 20px; background:url(../images/sicon1.png) no-repeat  top center;   }
.sall .s2 a.aimg {display: block;border:1px solid #b2ced3;padding: 20px; background:url(../images/sicon2.png) no-repeat  top center;   }
.sall .s1 a.aimg img , .sall .s2 a.aimg img{width: 100px;height: 100px;display: block;margin:0 auto;}
.sall .s1 a.aimg p ,  .sall .s2 a.aimg p{text-align: center;line-height: 40px;font-size:25px;font-weight: 600;color: #fff; padding-top: 70px;}
.sall .s1 a.aimg span ,  .sall .s2 a.aimg span{display: block;text-align: center;font-family: "arial";text-transform:uppercase;color: #ccc;font-size: 18px;line-height: 40px;}
.sall .none{border-right:none;padding-right: 0}
.sall .s1 a.aimg em  ,  .sall .s2 a.aimg em{display: block;height:2px;width: 80px;margin:5px auto;background-color: #fff;}

/*鼠标效果*/
.sall .s1 a.aimg:hover{display: block;border:1px solid #b2ced3;padding: 20px; background:url(../images/sicon1-1.png) no-repeat  top center;   }
.sall .s2 a.aimg:hover{display: block;border:1px solid #b2ced3;padding: 20px; background:url(../images/sicon2-1.png) no-repeat  top center;   }
.sall .s1:hover a.aimg  , .sall .s2:hover a.aimg    {border:1px solid #333;}
.sall .s1:hover a.aimg p  , .sall .s2:hover a.aimg p    {color: #333;}
.sall .s1:hover a.aimg span ,   .sall .s2:hover a.aimg span  {color: #333}
.sall .s1:hover a.aimg em  ,   .sall .s2:hover a.aimg em   {background-color: #333};

/*adv*/
.ys{padding: 60px  0 0;width: 100%;}
.g_ys1{height:405px;background: #eee;}
.ys .img{width: 50%;height: 405px;overflow: hidden;}
.ys .img img{width:100%;height: 405px; display: block;transition:.5s ease-in;}
.ys .img img:hover { transform:scale(1.1,1.1);}
.g_ys1 .m_ys1{padding-left: 5%;padding-top: 60px;}
.g_ys1 .m_ys1 span{display: block;   height: 70px;font-size:30px;color: #333;}
.g_ys1 .m_ys1 span em{display: block;font-size: 26px;color: #333;text-transform: uppercase;line-height: 30px;}
.g_ys1 .m_ys1 span b{color: #32808D;}
.g_ys1 .m_ys1 i{display: block; margin-top: 30px;background:url(../images/ystit2.png) no-repeat;width:430px;height: 44px;line-height: 44px;padding-left: 14px;font-size: 22px;color: #fff;font-weight: normal;}
.g_ys1 .m_ys1 p{height: 32px;line-height: 32px;padding-left: 35px;background:url(../images/ysico.png) no-repeat 12px 10px;font-size:15px;color: #494949;}
.g_ys1 .right{width:50%;}
.g_ys2{height:405px;background: #eee;}
.g_ys2 .left{width:50%;}
.g_ys2 .m_ys2{padding-right: 5%;  padding-top: 50px;}
.g_ys2 .m_ys2 span{height: 70px;font-size: 30px;color: #333;}
.g_ys2 .m_ys2 span em{display: block;font-size: 26px;color: #333;text-transform: uppercase;line-height: 30px;}
.g_ys2 .m_ys2 i{display: block;margin-top: 30px;     background:url(../images/ystit2.png) no-repeat;width:430px;height: 44px;line-height: 44px;padding-left: 14px;font-size: 22px;color: #fff;font-weight: normal;}
.g_ys2 .m_ys2 p{height: 32px;line-height: 32px;padding-left: 35px;background:url(../images/ysico.png) no-repeat 12px 10px;font-size:15px;color: #494949;}



/*news*/
.news{overflow: hidden;padding:80px 0;background: url(../images/photo_bg.gif) repeat;}
.new-left{float: left;width: 650px;}
.con .f_cb{height: 194px; background: #fff; padding: 20px;  margin-bottom: 20px;}
.con .nimg{float: left;width: 260px;height:195px;overflow: hidden;}
.con .nimg img{width: 260px;height:195px;display: block;transition: all 0.3s linear 0s;}
.con .nimg:hover img{transform: scale(1.1);}
.con .wz{float: right;width: 320px;}
.con a.ntit1{display: block;color: #333333;font-weight: normal;overflow: hidden;line-height: 22px;    font-size: 16px; white-space: nowrap; text-overflow: ellipsis;}
.con p{line-height: 28px;height: 84px; overflow: hidden; color: #999;margin-top: 15px;}
.con a.more{display: block;margin-top: 26px;width: 120px;line-height:30px;background-color: #a2a2a2;color: #fff;text-align: center;border-radius: 20px;}
.con a.more:hover{background: #32808D;}

/*news-right*/
.n1{background: url(../images/dtbg1.jpg) no-repeat right center; width: 649px;height: 64px;margin-bottom: 22px;padding-top: 10px;}
.n1 .ntime{float: left;width: 115px;border-right: 1px solid #ebebeb;font-family: "Arial";text-align: center;}
.n1 .ntime span{display: block;font-size: 24px;color: #fff;line-height: 30px;font-weight: normal;}
.n1 .ntime em{display: block;font-size: 16px;color: #aaaaaa;line-height: 24px;font-weight: normal;}
.n1 a{float: right;width: 435px;margin-right: 20px;color: #fff;padding-right: 40px;line-height: 54px;    font-size: 16px;}
.n1:hover{background: url(../images/dtbg2.jpg) no-repeat right center;}
.n1:hover a , .n1:hover span , .n1:hover em {color: #333;}
.new-right{float: right;width: 475px;}
.new-right-title{position: relative; height: 58px;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece; margin-bottom: 30px;}
.new-right-title {line-height: 58px;font-size: 16px;color: #666;font-weight: normal;}
.new-right-text{padding: 0px 0 15px 45px; border-bottom: 1px dashed #cecece; background: url(../images/wen.jpg) no-repeat left 0;margin-bottom: 15px;}
.new-right-text a.ntit{display: block;line-height: 26px;color: #333;font-size: 16px;overflow: hidden;   white-space: nowrap; text-overflow: ellipsis;}
.new-right-text p{line-height: 26px;color: #999;margin-top: 10px;}
.new-right .none{border-bottom: 0;}
.new-right-text a.ntit:hover{color:#32808D}

/*footer*/
.footWrap{background:#353535;box-sizing:border-box;overflow:hidden;}
.footer{width:1200px;margin:0 auto;overflow:hidden; padding: 100px 0;}
.footWrap span{display: block;line-height:30px;color:#fff; font-size: 26px;font-weight: 700;margin-bottom: 20px;font-family: arial; text-transform: uppercase;}
.fnav{overflow:hidden;width:335px;float:left;height:208px;border-right:1px solid #4a4a4a}
.fnavv a{font-size:15px;color:#cecece;line-height:36px;}
.fnav  em  ,  .fcontact  em{display: block;width: 100px;height: 2px;background-color: #fff;margin: 4px 0 12px 0;}
.fnavv li{float: left;height:36px;margin-right:35px;width:93px;}
.fcontact {float:left;overflow:hidden;width:474px;height:208px;box-sizing:border-box;border-right:1px solid #4a4a4a;padding-left:51px}
.fcontact p{height:42px;line-height:42px;padding-left:50px;background:url(../images/fttel.png) no-repeat left center;font-size:26px;color:#32808d;font-weight:700;margin-bottom:15px}
.fcontact li , .fcontact1 li{line-height:28px;color:#949494;font-weight:400;font-size:15px;}
.fcontact li em , .fcontact1 li em{padding:0 10px}
.fcontact li a , .fcontact1 li a{color: #949494}
.fcontact1{float:left;overflow:hidden;width:385px;height:208px;box-sizing:border-box;padding-left:51px;padding-top: 94px;}
.fcontact1 p{height:42px;line-height:42px;padding-left:50px;font-size:26px;color:#fff;font-weight:700;margin-bottom:15px}

/*copyright*/
.footWrap2{height:108px;line-height:108px;color:#666;background:#2e2e2e}
.footWrap2 a{color:#666}
.flogo{width:179px;float:left;margin-right:30px}
.flogo img{width:179px;height:75px;display:block;margin-top:20px}
.footWrap2 p{float:right;opacity:.4;color:#fff}
.footWrap2 p a{color:#fff;opacity:1}
.footWrap2 em{padding:0 5px}