@charset "utf-8";
*{padding: 0;margin: 0;font-family:Microsoft YaHei;font-size:14px;color: #333333;}
select,option,input{outline: none;}
a{text-decoration: none;}
input{border: none;}
img{border: none;}
/*导航开始*/
#nav{width: 1100px;height: 88px;overflow: hidden;margin: 0 auto;position: relative;}	
#nav .logo{float: left;margin-right: 132px;width:200px;height:88px;}
#nav ul{float: left;}
#nav ul li{float: left;}
#nav ul a{display: block;padding-left: 3px;padding-right: 3px; font-size: 15px;color: #333333;height: 85px;border-bottom: 3px solid #fff; line-height: 85px;margin-right: 20px;}
#nav .change{position: absolute;right: 0;top: 26px; display: block;border: 1px solid #333333;color: #333333;width: 43px;height: 33px;font-size: 12px;text-align: center;line-height: 33px;}
/*导航结束*/
/*banner开始*/
.banner{ width:100%; height:830px; overflow:hidden; position:relative;margin-bottom: 30px;}
.b-img{ height:830px; position:absolute; left:0; top:0;}
.b-img a{ display:block; height:830px; float:left;}
.down{text-align: center; width: 48px;height: 48px;position: absolute;bottom: 55px;left: 50%; z-index: 1; border-radius: 50%;}
.down .cover{width: 48px;height: 48px;position: absolute;top: 0;left: 0;overflow: hidden;z-index: 2;border-radius: 50%;background: #6a7391;opacity: 0.4;filter: alpha(opacity=40);}
.down img{margin-top: 20px;position: relative;z-index: 3;}
.bar-left{ position:absolute; z-index:1; display:block; width:52px; height:100%; left:70px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:52px; height:100%; right:70px; background:none; top:0px; }
.bar-left em{ display:block; width:52px; height:102px; background:url(../img/lbtn.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:52px; height:102px; background:url(../img/rbtn.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
/*banner结束*/
/*产品中心开始*/
#cp{width: 100%;height:400px;background: #f4f4f4;overflow: hidden;margin-bottom: 40px;}	
.dd_main{width:1100px;height: 300px;margin: 0 auto;}
.zl_left{width:45px;height:110px;float:left; margin-top:70px;background: #d2d2d2;position: relative; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;cursor: pointer;}
.zl_left img{position: absolute;top: 39px;left: 11px;}
.zl_left:hover{background: #9dcc00;}
.zl_right{ width:45px; height:110px;float:right; margin-top:70px;position: relative;background: #d2d2d2;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;cursor: pointer;}
.zl_right img{position: absolute;top: 39px;left: 11px;}
.zl_right:hover{background:#9dcc00;}
.zl_content{width:940px; height:300px; float:left;margin-left: 30px;margin-right: 30px;overflow: hidden;}
.zl_content ul li{width:278px;height: 298px; float:left;border: 1px solid #dcdcdc;margin-right: 50px;position: relative;}
.zl_content ul li a>img{width: 278px;height: 298px;}
.zl_content ul li a .text{width: 278px;height: 96px;background: #DCDCDB;position: absolute;bottom: 0;left: 0;z-index: 2;}
.zl_content ul li a .text h1{font-size: 18px;color: #000000;font-weight: 400;margin-top: 10px;margin-left: 19px;margin-bottom: 7px; width: 240px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zl_content ul li a .text p{font-size: 14px;color: #666666;width: 240px;height: 45px;line-height: 24px;overflow: hidden;margin-left: 19px;}
.zl_content ul li:hover .text  h1{color: #FFFFFF;transition: all .4s;}
.zl_content ul li:hover .text  p{color: #FFFFFF;transition: all .4s;}
.zl_content ul li:hover .text{background: #9dcc00;transition: all .4s;}
.zl_content ul li:hover .cover{display: block;transition: all .5s;}
.zl_content ul li a .cover{transition: all .5s;display: none;width: 278px;height: 202px;overflow: hidden;position: absolute;z-index: 2;top: 0;left: 0;}
.zl_content ul li a .cover>div{transition: all .5s;width: 278px;height: 202px;background: #000000;opacity: .4;filter: alpha(opacity=40);position: absolute;z-index: 3;}
.zl_content ul li a .cover img{transition: all .5s;position: absolute;top: 63px;left: 104px;z-index: 4;}
/*产品中心结束*/
/*关于涛博开始*/
#gy{width: 100%;height:300px;background: #f4f4f4;overflow: hidden;margin-bottom: 40px;}		
#gy .gy{height: 300px;overflow: hidden;}
#gy .gy .left{width: 430px;height: 300px;float: left;overflow: hidden;}
#gy .gy .left>p{font-size: 15px;color: #666;line-height: 30px;text-indent: 2em;}
#gy .gy .left>a{ display: block;width: 230px;height: 34px;font-size: 17px;color: #555555;border: 1px solid #555555;margin-top: 24px; text-align: center;line-height: 34px;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
#gy .gy .left>a:hover{background: #9dcc00;color: #FFFFFF;border: 1px solid #9dcc00;}
#gy .gy .right{width: 620px;height: 300px;overflow: hidden;float: right;}
#gy .gy .right .xwpic{width: 273px;height: 296px;overflow: hidden;float: left;margin-right: 22px;}
#gy .gy .right .topa{width: 322px;height: 130px;float: right;border-top: 1px solid #c7c7c7;border-bottom: 1px solid #c7c7c7;margin-bottom: 10px;}
#gy .gy .right .topa:hover h1{color: #00ccff;}
#gy .gy .right .topa  h1{font-weight: 400;font-size: 15px;margin-top: 14px;margin-bottom: 10px;}
#gy .gy .right .topa  h2{font-weight: 400;font-size: 13px;margin-bottom: 10px;color: #999;}
#gy .gy .right .topa  p{font-size: 12px;color: #666666;line-height: 24px;width: 322px;height: 45px;overflow: hidden;}
#gy .gy .right .bota{float: right;display: block;width:322px;height: 28px;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333333;}
#gy .gy .right .bota span{display: block;width: 4px;height: 8px;overflow: hidden;float: left;margin-top: 10px;margin-right: 5px;background: url(../img/tra1.png) no-repeat;}
#gy .gy .right .bota:hover{color: #00ccff;text-decoration: underline;}
#gy .gy .right .bota:hover span{background: url(../img/tra2.png) no-repeat;}
/*关于涛博结束*/
/*底部开始*/
#footer{width: 100%;height: 272px;background: url(../img/foot.png) repeat-x;overflow: hidden;}
#footer .footer{height: 272px;overflow: hidden;position: relative;}
#footer .footer dl{margin-right: 20px;margin-top: 30px;float: left;height: 192px;overflow: hidden;}
#footer .footer dl dt{font-size: 12px;color: #FFFFFF;margin-bottom: 15px;}
#footer .footer dl dd,dd>a{font-size: 13px;color: #FFFFFF;line-height: 30px;}
#footer .footer dl dd a:hover{color: #15aad1;}
#footer .footer dl dd.dizhi{width:310px;overflow:hidden;word-break:break-all;}
#footer .footer p{color: #fff;text-align: center;font-size: 14px;padding-top: 15px;clear: both;}
#footer .footer .logo2{width: 161px;height: 152px;position: absolute;top: 37px;right: 0;}
/*底部结束*/
/*新闻中心开始*/
#banner2{width:100%;position:relative;overflow:hidden;height:300px;}
#banner2 .bannerbox{position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;}
.news>h1{font-size: 26px;color: #333333;font-weight: 400;text-align: center;}
.news>p{width: 370px;margin: 0 auto;height: 40px;overflow: hidden;margin-bottom: 30px;}
.news>p a{float: left;margin-left: 25px;margin-right: 25px;font-size: 18px;color: #666666;line-height: 40px;}
.news>p span{float: left;line-height: 40px;}
.news .topList {width: 1100px;overflow: hidden;height: auto;margin-bottom: 50px;}
.news .topList li{float: left;margin-right: 50px;}
.news .topList .xwtop{transition: all .5s; display: block;width: 330px;height: 318px;border: 1px solid #cccccc;border-bottom: 6px solid #cccccc;float: left;overflow: hidden;}
.news .topList .xwtop .xwpic{width: 330px;height: 214px;overflow: hidden;}
.news .topList .xwtop .xwpic img{width: 330px;height: 214px;}
.news .topList .xwtop h1{font-size: 18px;color: #333;width: 290px;font-weight: 400;margin: 20px auto;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .topList .xwtop p{font-size: 13px;margin-left: 20px;color: #9dcc00;}
.news .topList .xwtop:hover{border-bottom: 6px solid #00ccff;}
.news .topList .xwtop:hover h1{color: #9DCC00;}
.news .xwbot{display: block;width: 1100px;height: 190px;border-bottom: 1px dashed #e5e5e5;overflow: hidden;transition: all .5s;}
.news .xwbot .left{width: 152px;height: 153px;overflow: hidden;float: left;margin-top: 26px;}
.news .xwbot .left p{width: 152px;height: 100px;font-size: 38px;font-weight: 700;text-align: center;line-height: 100px;color: #FFFFFF;background: #999999; transition: all .5s;}
.news .xwbot .left h1{font-size: 12px;color: #666;font-weight: 400;text-align: center;width: 150px;height: 36px;line-height: 36px;border: 1px solid #afafaf;border-top: none;}
.news .xwbot .right{width: 910px;height: 189px;float: right;overflow: hidden;}
.news .xwbot .right h1{font-size: 18px;font-weight: 400;margin-top: 25px;margin-bottom: 20px;color: #333333;transition: all .5s;}
.news .xwbot .right p{width: 910px;height: 60px;font-size: 14px;line-height: 30px;color: #444444;overflow: hidden;margin-bottom: 15px;transition: all .5s;}
.news .xwbot .right .gd{color: #444;transition: all .5s;}
.news .xwbot:hover .gd{text-decoration: underline;}
.news .xwbot:hover .left p{background: #9dcc00;}
.news .xwbot:hover .right h1{color: #9dcc00;}
.news .xwbot:hover .right span{color: #9dcc00;}
/*新闻中心结束*/
/*新闻内页开始*/
.newsinner{min-height: 300px;}
.newsinner .left{width: 735px;float: left;}
.newsinner .left .top{height: 88px;border-bottom: 1px dashed #cecece;margin-bottom: 20px;}
.newsinner .left .top h1{font-size: 22px;color: #333333;font-weight: 400;}
.newsinner .left .top .time{height:60px;font-size: 12px;color: #999999;line-height: 60px;}
.newsinner .left .top .time img{margin-top: 20px;margin-right: 10px;}
.newsinner .left .con p{font-size: 15px;color: #444444;line-height: 30px;}
.newsinner .left .con{padding-bottom: 150px;}
.newsinner .right{width: 290px;float: right;}
.newsinner .right .return{float: right;font-size: 18px;color: #00ccff;margin-bottom: 25px;}
.newsinner .right .return img{margin-top: 2px;}
.newsinner .right .bot{width: 228px;height: 282px;border: 10px solid #f3f3f3;overflow: hidden;padding: 20px;}
.newsinner .right .bot a{display: block;width: 228px;height: 145px;overflow: hidden;}
.newsinner .right .bot .a1{border-bottom: 1px solid #f3f3f2;}
.newsinner .right .bot a p{font-size: 20px;color: #333333;margin-bottom: 20px;margin-top: 20px;}
.newsinner .right .bot a p img{margin-right: 8px;margin-top: 5px;}
.newsinner .right .bot a h1{font-size: 16px;color: #444;margin-bottom: 10px; font-weight: 400;width: 225px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.newsinner .right .bot a span{font-size: 12px;color: #444;}
.newsinner .right .bot a:hover h1{color: #9dcc00;}
.newsinner .right .bot a:hover span{color: #9dcc00;}
/*新闻内页结束*/
/*下载中心开始*/
.download{padding-bottom: 100px;}
.download>h1{font-size: 26px;color: #333333;font-weight: 400;text-align: center;}
.download>p{width: 640px;margin: 0 auto;height: 40px;overflow: hidden;margin-bottom: 30px;}
.download>p a{float: left;margin-left: 25px;margin-right: 25px;font-size: 18px;color: #666666;line-height: 40px;}
.download>p span{float: left;line-height: 40px;}
.download table{width: 1100px;}
.download table,table tr th, table tr td { border:1px solid #ccc;height: 42px; }
.download table .n1{width: 64px;}
.download table .n2{width: 882px;}
.download table .n3{width: 149px;}
.download table th{background: #9dcc00;font-size: 15px;font-weight: 400;color: #FFFFFF;text-align: center;}
.download table tr{color: #333;font-size: 15px;}
.download table .n4{text-align: center;}
.download table .n5 a{padding-left: 30px;color: #333333;}
.download table .n6{text-align: center;}
.download table .n6 span{display: block;width: 75px;height: 25px;background: #898989;color: #FFFFFF;font-size: 13px;text-align: center;line-height: 25px;margin-left: 38px;}
.download table .n6 span:hover{background: #00ccff;cursor: pointer;}
/*下载中心结束*/
/*人才招聘开始*/
.service{padding-bottom: 100px;}
.service>h1{font-size: 26px;color: #333333;font-weight: 400;text-align: center;}
.service>p{width: 600px;margin: 0 auto;height: 40px;overflow: hidden;margin-bottom: 30px;}
.service>p a{float: left;margin-left: 25px;margin-right: 25px;font-size: 18px;color: #666666;line-height: 40px;}
.service>p span{float: left;line-height: 40px;}
.zp .left{width: 270px;height: 600px; float: left;overflow: hidden;background: url(../img/zp.png) no-repeat;position: relative;}
.zp .right{width: 790px;float: right;overflow: hidden;}
.zp .right .top{height: 50px;width: 790px;background: #eeeeee;position: relative;}
.zp .right .top span{color: #333333;position: absolute;line-height: 50px;font-size: 15px;}
.zp .right .top span.span1{left: 25px;}
.zp .right .top span.span2{left: 207px;}
.zp .right .top span.span3{right: 246px;}
.zp .right .top span.span4{right: 84px;}
.accordion {width: 790px;}
.accordion .act{color: #cc1706 !important;border: 1px solid #CC1706 !important;background: url(../img/tra4.png) no-repeat 748px 22px !important;}
.accordion .link {cursor: pointer;display: block;height: 48px;line-height: 48px;color: #333;position: relative;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border: 1px solid #a0a0a0;background: url(../img/tra3.png) no-repeat 754px 20px;}
.accordion .link span{position: absolute;font-size: 15px;}
.accordion .link .span1{left: 25px;}
.accordion .link .span2{left: 240px;}
.accordion .link .span3{right: 310px;}
.accordion .link .span4{right: 90px;}
.submenu {display: none;border: 1px solid #eee;}
.submenu .zpcover{padding: 25px;}
.submenu .zpcover p{font-size: 15px;color: #666;line-height: 30px;}
/*人才招聘结束*/
/*联系我们开始*/
.contact{overflow: hidden;}
.contact .right{float: left;overflow: hidden;width: 420px;}
.contact .right .left{width: 420px;height: 240px;float: left;overflow: hidden;}
.contact .right .left p{height: 35px;border: 1ox solid red;font-size: 16px;color: #333;margin-bottom: 10px;line-height: 35px;}
.contact .right .left p span{display: block;width: 35px;height: 35px;overflow: hidden;float: left;margin-right: 10px;}
.contact .right .left p .span1{background: url(../img/icon1.png) no-repeat 0 0;}
.contact .right .left p .span2{background: url(../img/icon1.png) no-repeat 0 -35px;}
.contact .right .left p .span3{background: url(../img/icon1.png) no-repeat 0 -70px;}
.contact .right .left p .span4{background: url(../img/icon1.png) no-repeat 0 -104px;}
.contact .right .left p .span5{background: url(../img/icon1.png) no-repeat 0 -139px;}
.contact .right .left p em{font-weight: 700;color: #CC1706;font-size: 18px;font-style: oblique;}
.contact .right .right{width: 420px;height: 295px;float: left;overflow: hidden;}
.contact .right .right form{width: 420px;overflow: hidden;}
.contact .right .right form div{height: 38px;width: 430px;margin-bottom: 20px;overflow: hidden;}
.contact .right .right form div span{float: left;line-height: 38px;color: #333333;font-size: 18px;margin-right: 27px;}
.contact .right .right form div .text{width: 315px;height: 36px;border: 1px solid #bfbfbf;background: #FFFFFF;float: left;border-radius: 6px;color: #333;padding-left: 5px;}
.contact .right .right form div .text2{line-height: 36px; width: 315px;height: 122px;border: 1px solid #bfbfbf;background: #FFFFFF;float: left;border-radius: 6px;color: #333;padding-left: 5px;}
.contact .right .right form .submit{width: 100px;height: 30px;background: #CC1706;color: #FFFFFF;cursor: pointer;float: left;margin-left: 100px;font-size: 15px;border-radius: 6px;}
/*联系我们结束*/
/*关于开始*/
.about{padding-bottom: 100px;}
.about>h1{font-size: 26px;color: #333333;font-weight: 400;text-align: center;}
.about>p{width: 800px;margin: 0 auto;height: 40px;overflow: hidden;margin-bottom: 30px;}
.about>p a{float: left;margin-left: 25px;margin-right: 25px;font-size: 18px;color: #666666;line-height: 40px;}
.about>p span{float: left;line-height: 40px;}
.about .con{width: 1100px;height: 663px;background: url(../img/bg.png) no-repeat;margin:0 auto}
.about .con h1{font-size: 20px;font-weight: 400;text-align: center;padding-top: 50px;padding-bottom: 40px;}
.about .con p{width: 1000px;margin: 0 auto;font-size: 16px;line-height: 30px;text-indent: 2em;}
/*关于结束*/
/*产品开始*/
.product{padding-bottom:100px;}
.product ul{width: 1100px;overflow: hidden;}
.product ul li{float: left;margin-right: 34px;margin-bottom: 45px;}
.product ul li a{display: block;width: 247px;height: 265px;overflow: hidden;border: 1px solid #dcdcdc;position: relative;}
.product ul li h1{width: 227px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-left: 10px;padding-right: 10px;height: 38px;text-align: center;line-height: 38px;color: #000;position: absolute;bottom: 0;left: 0;background: #dcdcdc;font-weight: 400;}
.product ul li:hover h1{background: #9DCC00;color: #dcdcdb;}
/*产品结束*/
/*产品内页开始*/
.prodinner {padding-bottom: 100px;}
.prodinner .top{width: 1100px;height: 350px;overflow: hidden;text-align: center;}
.prodinner>h1{font-size: 18px;text-align: center;font-weight: 400;padding-bottom: 40px;}
.prodinner p{font-size: 16px;line-height: 36px;}
/*产品内页结束*/
/*公共样式*/
.wrap{width: 1210px;margin: 0 auto;overflow: hidden;}
.title{height: 60px;}
.title span{display: block;width: 5px;height: 20px;background: #00ccff;float: left;margin-right: 10px;margin-top: 30px;}
.title p{font-size: 18px;float: left;margin-top: 28px;}
.loaction{height: 80px;overflow: hidden;background: url(../img/home.png) no-repeat left center;}
.loaction p{font-size: 15px;color: #666666;float: left;padding-left: 26px;line-height: 80px;}
.loaction p a{color: #666666;font-size: 15px;}
.news .page2{width: 530px;height: 45px;margin: 70px auto;overflow: hidden;}
.news .page2 a{transition: all .5s;display: block;float: left;padding: 10px 20px;margin-right: 10px;border: 1px solid #666666;color: #333333;font-size: 15px;}
.news .page2 a:hover{background: #00ccff;border: 1px solid #00ccff;color: #FFFFFF;}