@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}

.content{width: 1200px;margin:0 auto;}

/*banner*/

.flexslider{margin:0 auto 0;position:relative;width:100%;height:750px;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:#ffb400}

.flexslider .slides a img{width:100%;height:750px;display:block}



/*头部*/

.header{height: 80px;background:rgb(228 228 228);position: fixed;z-index: 99999999;   box-shadow: 4px 2px 2px #ccc; width: 100%;}

.header .head_body{padding: 0 30px;}

.header .head_body .head_tel .logo{width: 300px;height: 80px;}

.header .head_body .head_tel p{display: block;font-size: 16px;line-height: 27px;padding-top: 10px;color: #666}

.header .head_body .head_tel b{font-size: 30px;font-family: Arial;color: #555;}

.header .head_body > ul{margin-right: 20px}

.header .head_body > ul > li{float: left;line-height: 80px;font-size: 16px;padding: 0 20px;position: relative;}

.header .head_body > ul > li > a{display: block;color: #333}

.header .head_body > ul > li:hover {background: #26b4a6;}

.header .head_body > ul > li .sub{position: absolute;top: 80px;left:0px;width: 100%;display: none;}

.header .head_body > ul > li .sub li{height:auto;line-height:18px;background: rgba(0,0,0,0.6);width: 100%;text-align: center; padding: 14px 0px;}

.header .head_body > ul > li .sub li a{color: #fff;font-size: 14px;}

.header .head_body > ul > li .sub li:hover {background: #26b4a6}

.header .head_body > ul > li:hover .sub{display: block;}

.header .head_body > ul > li.on {background: #26b4a6;}

.header .head_body > ul > li.on a{color: #fff;}



/*统一使用的标题*/

.pubtit{height: 100px;margin:0 auto;text-align: center; }

.pubtit span{display: block;line-height: 30px;opacity: 0.5;font-weight: 600;font-size:40px;color: #c7c6c6;text-transform:Uppercase;font-family:"times new roman";}

.pubtit p{line-height: 40px;text-align: center;color: #666;font-size:30px;font-weight: 600;}



/*产品中心*/

.pro{background:#fff; box-sizing: border-box;padding-top:80px; }

.pro_nav{height:auto; margin-bottom: 22px; position: relative; }

.pro_nav ul{ width:100%;margin:0 auto; text-align: center;}

.pro_nav li a{ text-decoration: none; color: #333333; display: block;}

.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.on a  , .pro_nav li:hover a {color: #fff; }

.pro_nav li{line-height: 47px; padding-left: 70px;text-align: left; width:299px;background:#eee; font-size: 18px; color: #666666;box-sizing: border-box;margin-right: 1px;position: relative; display: inline-block;}

.pro_nav li:hover{background:#26b4a6;}

.pro_nav li.on{background:#26b4a6;}

/*..pro_nav li:nth-child(2){background: url(../images/picon2-1.png) no-repeat #eee  left 30px center;}

.pro_nav li:nth-child(2):hover{background: url(../images/picon2.png) no-repeat #26b4a6  left 30px center;}

.pro_nav li:nth-child(2).on{background: url(../images/picon2.png) no-repeat #26b4a6  left 30px center;}

.pro_nav li:nth-child(3){background: url(../images/picon3-1.png) no-repeat #eee  left 30px center;}

.pro_nav li:nth-child(3):hover{background: url(../images/picon3.png) no-repeat #26b4a6  left 30px center;}

.pro_nav li:nth-child(3).on{background: url(../images/picon3.png) no-repeat #26b4a6  left 30px center;}*/
.sx3 li{width: calc(33.3333% - 1px) !important; text-align: center !important; text-indent: 0px !important; padding-left: 0px !important;}
.sx2 li{width: calc(50% - 1px) !important; text-align: center !important; text-indent: 0px !important; padding-left: 0px !important;}


/*下方*/

.prolist  li{width: 360px;position: relative;  margin:10px 18px; 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;}

.prolist  li img{ display:block;width:360px; height:270px;transition:.5s ease-in;overflow: hidden;}

.prolist  ul li img:hover { transform:scale(1.1,1.1);}

.prolist  li em{ height:50px;  font:16px "Microsoft YaHei"; line-height:50px; color:#666666; overflow:hidden; display: block; text-align: center; display: block; }

.prolist  li a{ text-decoration: none; }

.prolist  li:hover{  border: 1px solid #26b4a6; }

.prolist  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: 340px;  background-color: rgba(102, 102, 102, 0.44); padding: 0px 10px;}

.prolist  li:hover p{ color:#26b4a6;background-color:rgba(255, 255, 255, 0.5);}



/* 合作 */

.hz{ overflow:hidden; position:relative;padding: 80px  0  }

.hz .tit{height: 110px;}

.hz .tit p{color: #333;line-height: 60px; font-size: 35px; text-align: center;}

.hz .tit span{color: #999; font-size:18px;text-align: center;display: block;text-transform: uppercase;}

.hz .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }

.hz .bd{ padding:10px;   }

.hz .bd ul{ overflow:hidden; zoom:1; }

.hz .bd ul li{ margin:0 8px; float:left;width:204px; height:84px; overflow:hidden;border:1px solid #ccc;   }

.hz .bd ul li .pic{ width:200px; height:80px; }

.hz .bd ul li .pic img{ width:200px; height:80px;   display:block; padding:2px;  }

.hz .bd ul li .pic a:hover img{ border-color:#999;  }

.hz .bd ul li .title{ line-height:24px;   }



/*关于我们*/

.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}

.company{padding: 50px 0;background:rgb(38 180 166 / 88%);height:350px;}

.company .pubtit{height: 100px;margin:0 auto;text-align: center; }

.company .pubtit span{display: block;line-height: 30px;font-weight: 600;font-size:40px;color: #bdbdbd;text-transform:Uppercase;font-family:"times new roman";}

.company .pubtit p{line-height: 40px;text-align: center;color: #fff;font-size:30px;font-weight: 600;}

.company .title b{color:#fff}

.company .com_body span{font-size:20px;color:#26b4a6;display:block;letter-spacing:2px;line-height:35px;padding-top: 20px;}

.company .com_body b{display:block;font-size:20px;color:#fff;font-weight:400;margin-bottom:10px}

.company .com_body p{text-indent:2em;color: #eee;;font-size:15px;line-height:35px}

.company .com_body a{display:block;width:120px;float: left; margin-right: 30px;text-align:center;color:#fff;line-height:35px;border-radius:30px;margin-top:20px;border:1px solid #fff}

.company .com_body a:hover{background:#ffb400;color:#fff}



/*新闻中心*/

.news{padding:80px 0;background-color:#fff}

.new_l{height: 344px;box-sizing: border-box;border: 1px solid #e8e8e8;}

.new_l .exm{font-weight:400;padding:18px 26px 0;height:169px;border-bottom:1px solid #e8e8e8;overflow:hidden}

.new_l .exm i{display:block;overflow:hidden;font-style: normal;}

.new_l .exm i span{display:inline-block;width:49px;height:48px;font-size:24px;background:url(../images/h_hot.png) no-repeat;padding:8px 6px 0 0;line-height:39px;text-align:center;margin-right:6px;float:left}

.new_l .exm i a{display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float:left;color:#111;font-size:18px;padding-top:17px}

.new_l .exm i a:hover{color:#26b4a6}

.new_l .exm em{display:block;color:#999;line-height:26px;padding-top:10px;font-style: normal;}

.new_l .exm em a:hover{color:#26b4a6}

/*两个示范*/

.n_on{height:155px;margin-bottom:20px}

.n_on .n1{overflow:hidden;float:left;padding:28px 21px 0 28px;width:342px;margin-right:23px}

.n_on .n1:last-of-type{margin-right:0;border-left:1px solid #e8e8e8;height:128px}

.n_on .n1:first-of-type{margin-right:0;border-right:1px solid #e8e8e8;height:128px}

.n_on .n1 .date{float:left;width:52px;height:99px;background:#26b4a6;text-align:center;box-sizing:border-box;font-family: impact;font-size:16px;color:#fff;padding-top:30px}

.n_on .n1 .date span{display:block; font-size: 20px;line-height: 30px;}

.n_on .n1 .nr{float:right;width:278px;float:right}

.n_on .n1 .nr a{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:16px;color:#333;font-weight:400;margin:10px 0}

.n_on .n1 .nr p{color:#999;line-height:26px}

.n_on .n1:hover .date{background:#26b4a6}

.n_on .n1:hover .nr a{color:#26b4a6}

/*左边*/

.new_l ul{padding-left:28px}

.new_l ul li{overflow:hidden}

.new_l ul li{padding-left: 18px; line-height: 35px;overflow: hidden;background:url(../images/n_io.jpg) no-repeat 0 15px}

.new_l ul li a{color:#666;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.new_l ul li a:hover{color:#26b4a6}

.new_l ul li span{display:inline-block;float:right;padding-right:28px;color:#8c8c8c;}



/*底部*/

.footer{padding-top:85px;font-family:"Microsoft Yahei"; box-sizing: border-box;background:url(../images/ftbg.jpg) no-repeat center}

.footer .flogo{height: 200px; width: 320px;margin-right:50px;}

.footer .flogo img{width: 150px; height:150px;display: block;margin:0 auto;}

.footer .flogo p{font-size:16px;color: #777;text-align: center;line-height: 35px;line-height: 48px;}

.footer .ftgy{ padding-bottom: 40px;}

.footer .ftgy span{display: block;line-height: 34px;font-size: 26px;color: #fff;margin-bottom: 10px;text-transform:Uppercase;font-family: "arial"}

.footer .ftgy li{line-height: 36px;color: #888;}

.footer .ftgy li a{color: #888;font-size: 15px;}

.footer .ftpro{float: left;width: 192px;}

.footer .ftnav{float: left;width:270px;}

.footer .ftnav li{float: left;width: 100px;font-size:16px;color: #888;}

.footer .addlst{margin-right:50px;}

.footer .addlst li{position: relative;line-height: 36px;color: #888;font-size:15px;}

.footer .copyr{border-top: 1px solid #d2d2d2;font-size: 14px;color: #7f8386;line-height: 40px;}

.footer .copyr span{display: block;color: #7f8386;}

.footer .copyr span a{color: #7f8386;}

.footer .copyr span.tech{display: block;text-align: center;}