ul,li,span,b,p,strong,ol,dl,dd,dt,h1,h2,h3,h4,h5,input,a,div,img{margin:0px;padding: 0px;text-decoration:none;}
.content{width: 1080px;margin:0px auto;overflow:hidden;height:auto;*zoom:1;}
.content:after{content:"";clear:both;visibility:hidden;height:0px;display:block;}
.content2{width: 1200px;margin:0px auto;overflow:hidden;height:auto;*zoom:1;}
.content2:after{content:"";clear:both;visibility:hidden;height:0px;display:block;}
.content3{width: 1080px;margin:0px auto;height:auto;*zoom:1;}
.content3:after{content:"";clear:both;visibility:hidden;height:0px;display:block;}
body{font-family: "微软雅黑";position: relative;background: #fff; font-size: 14px; line-height: 24px;}
li{font-family: "微软雅黑";list-style:none;}
img{ border:0px none;}
a{text-decoration:none; color:#666;}
a:hover{ color:#0266b4;}

/*顶部*/
.header{ width: 100%; height: 88px; background: url(images/head_bg.jpg) no-repeat center;}
.logo{ margin-top: 13px;}

/*导航*/
.nav{ width: 565px; height: 88px;}
.nav li a{ width: 113px; height: 88px; line-height: 88px; float: left; display: block; color: #fff; text-align: center; background: #0266b4;}
.nav li a:hover,.nav li a.active{ background: #2582cb; color: #fff;}
.tel{ height: 88px; line-height: 88px; color: #fff; font-family: arial; font-size: 26px; background: url(images/tel.png) no-repeat 0 27px; padding-left: 50px; margin-left: 40px;}

/*轮播图*/
.index-banner{ position:relative; width:100%; height:550px; overflow:hidden; z-index: 1;}
.index-banner ul { position:absolute; width:100%; left:0;top:0;height:550px;}
.index-banner ul li{ position:absolute; width:1920px; left:50%; top:0; height:550px; margin-left:-960px; opacity:0; filter: alpha(opacity=0);}
.index-banner .trigger { position:absolute; bottom:30px; width:100px;left:50%; margin-left: -30px; height:12px; z-index:2}
.index-banner .trigger span{ display:inline-block; width:12px; height:12px; margin-right:9px; background:url(images/banner_btn.png) no-repeat; cursor:pointer; overflow:hidden;}
.index-banner .trigger span.cur{ background-position:-21px 0}

/*关于我们*/
.about{ width: 100%; height: auto; text-align: center; overflow: hidden; padding-bottom: 66px;}
.about h2{ font-size: 30px; color: #333; padding-top: 45px;}
.about h6{ font-family: arial; font-size: 12px; color: #cbcbcb; padding-bottom: 15px;}
.about p{ color: #666;}
.about ul{ width: 800px; height: auto; margin: 35px auto 0;}
.about li{ width: 200px; height: auto; float: left;}
.about_01,.about_02,.about_03,.about_04{ width: 106px; height: 145px; display: block; margin-left: 42px; transition: all 0.3s ease 0s;}
.about_01 span,.about_02 span,.about_03 span,.about_04 span{ line-height: 266px; font-size: 16px;}
.about_01{ background: url(images/ab_icon_01.jpg) no-repeat;}
.about_01:hover{ background: url(images/ab_icon_01x.jpg) no-repeat;}
.about_02{ background: url(images/ab_icon_02.jpg) no-repeat;}
.about_02:hover{ background: url(images/ab_icon_02x.jpg) no-repeat;}
.about_03{ background: url(images/ab_icon_03.jpg) no-repeat;}
.about_03:hover{ background: url(images/ab_icon_03x.jpg) no-repeat;}
.about_04{ background: url(images/ab_icon_04.jpg) no-repeat;}
.about_04:hover{ background: url(images/ab_icon_04x.jpg) no-repeat;}

.eduList10{ width:1036px; height:auto; position:relative; margin: 0 auto;}
.eduList10 .mid10{ width:1036px; height:auto; overflow:hidden;}
.eduList10 .mid10 li{ width:225px; height:auto; float:left; text-align: center; margin: 0 17px;}
.eduList10 .mid10 li img{ width: 223px; height: 316px; transition: all 0.3s ease 0s; border: 1px solid #f5f5f5; margin-bottom: 5px;}
.eduList10 .mid10 li:hover img{ width: 223px; height: 316px; border: 1px solid #0266b4;}
.eduList10 .mid10 li p{ font-size: 14px; line-height: 20px; transition: all 0.3s ease 0s;}

.eduList10 .left10{ width:54px; height:54px; background: url(images/cp_left.png); position:absolute; top:135px; cursor:pointer; left: -75px;}
.eduList10 .right10{ width:54px; height:54px; background: url(images/cp_right.png); position:absolute; top:135px;cursor:pointer; right: -75px;}

/*产品认证证书*/
.cprz{ width: 100%; height: 590px; background: #f5f5f5; text-align: center; overflow: hidden;}
.cprz h2{ font-size: 30px; color: #333; padding-top: 45px;}
.cprz h6{ font-family: arial; font-size: 12px; color: #cbcbcb; padding-bottom: 20px;}

/*产品中心*/
.products{ width: 100%; height: 580px; background: url(images/cp_bg.jpg) center; text-align: center; overflow: hidden;}
.products h2{ font-size: 30px; color: #fff; padding-top: 45px;}
.products h6{ font-family: arial; font-size: 12px; color: #9db6d6; padding-bottom: 17px;}

.TabTitle{ width:100%; height: auto; line-height:36px; margin: 0 auto; overflow: hidden; margin-bottom: 28px;}
#myTab0{ width: 100%; height: auto;}
.TabTitle li{ float:left; padding: 0 39px; height: 36px; background: #fff; border-radius: 36px; text-align: center; display: block; line-height: 36px; cursor: pointer; margin: 0 10px;}
.TabTitle .active{ background: #f00; color:#fff;}

/*产品轮播*/
.eduList,.eduList2,.eduList3,.eduList4,.eduList5,.eduList6,.eduList7{ width:1036px; height:270px; position:relative; margin: 0 auto;}
.eduList .mid,.eduList2 .mid2,.eduList3 .mid3,.eduList4 .mid4,.eduList5 .mid5,.eduList6 .mid6,.eduList7 .mid7{ width:1036px; height:auto; overflow:hidden;}
.eduList .mid li,.eduList2 .mid2 li,.eduList3 .mid3 li,.eduList4 .mid4 li,.eduList5 .mid5 li,.eduList6 .mid6 li,.eduList7 .mid7 li{ width:235px; height:auto; float:left; text-align: center; margin: 0 12px;}
.eduList .mid li img,.eduList2 .mid2 li img,.eduList3 .mid3 li img,.eduList4 .mid4 li img,.eduList5 .mid5 li img,.eduList6 .mid6 li img,.eduList7 .mid7 li img{ width: 235px; height: 235px; transition: all 0.3s ease 0s;}
.eduList .mid li:hover img,.eduList2 .mid2 li:hover img,.eduList3 .mid3 li:hover img,.eduList4 .mid4 li:hover img,.eduList5 .mid5 li:hover img,.eduList6 .mid6 li:hover img,.eduList7 .mid7 li:hover img{ width: 235px; height: 235px;}
.eduList .mid li p,.eduList2 .mid2 li p,.eduList3 .mid3 li p,.eduList4 .mid4 li p,.eduList5 .mid5 li p,.eduList6 .mid6 li p,.eduList7 .mid7 li p{ color: #fff; font-size: 16px; line-height: 40px; transition: all 0.3s ease 0s;}
.eduList .mid li:hover p,.eduList2 .mid2 li:hover p,.eduList3 .mid3 li:hover p,.eduList4 .mid4 li:hover p,.eduList5 .mid5 li:hover p,.eduList6 .mid6 li:hover p,.eduList7 .mid7 li:hover p{ color: #ff0;}

.eduList .left,.eduList2 .left2,.eduList3 .left3,.eduList4 .left4,.eduList5 .left5,.eduList6 .left6,.eduList7 .left7{ width:54px; height:54px; background: url(images/cp_left.png); position:absolute; top:95px; cursor:pointer; left: -75px;}
.eduList .right,.eduList2 .right2,.eduList3 .right3,.eduList4 .right4,.eduList5 .right5,.eduList6 .right6,.eduList7 .right7{ width:54px; height:54px; background: url(images/cp_right.png); position:absolute; top:95px;cursor:pointer; right: -75px;}

.more{ width: 162px; height: 36px; border-radius: 36px; background: #fff; text-align: center; display: block; line-height: 36px; margin: 25px auto 0; transition: all 0.3s ease 0s;}
.more2{ width: 162px; height: 36px; border-radius: 36px; background: #b7b7b7; text-align: center; display: block; line-height: 36px; margin: 15px auto 0; transition: all 0.3s ease 0s; color: #fff;}
.more2:hover{ color: #fff; background: #0266B4;}

/*新闻动态*/
.news{ width: 100%; height: auto; text-align: center; overflow: hidden; padding-bottom: 66px;}
.news h2{ font-size: 30px; color: #333; padding-top: 45px;}
.news h6{ font-family: arial; font-size: 12px; color: #cbcbcb; padding-bottom: 25px;}
.news ul{ width: 1089px; height: auto; margin: 0 auto;}
.news li{ width: 345px; height: 285px; float: left; margin: 0 9px; overflow: hidden; position: relative;}
.news li .img{ width: 345px; height: 205px; overflow: hidden;}
.news li img{ width: 345px; height: 205px; transition: 500ms;}
.news li:hover img{transform: scale(1.05);}
.news li .tit{ width: 345px; height: 80px; background: #f6f6f6; line-height: 80px; transition: all 0.3s ease 0s;}
.news li:hover .tit{ background: #0266B4; color: #fff;}
.news li .time{ width: 136px; height: 26px; background: #f6f6f6; line-height: 31px; margin: -106px 0 0 105px; position: absolute; transition: all 0.3s ease 0s;}
.news li:hover .time{ background: #0266B4; color: #fff;}
.news li a:hover .time{ color: #fff;}

/*友情链接*/
.link{ width: 100%; height: 127px; background: #f1f1f1;}
.link ul{ width: 1125px; margin: 0 auto;}
.link li{ width: 181px; height: 73px; float: left; margin: 27px 22px 0;}
.link_01,.link_02,.link_03,.link_04,.link_05{ width: 181px; height: 73px; transition: all 0.3s ease 0s; display: block;}
.link_01{ background: url(images/link_01.jpg);}
.link_01:hover{ background: url(images/link_01x.jpg);}
.link_02{ background: url(images/link_02.jpg);}
.link_02:hover{ background: url(images/link_02x.jpg);}
.link_03{ background: url(images/link_03.jpg);}
.link_03:hover{ background: url(images/link_03x.jpg);}
.link_04{ background: url(images/link_04.jpg);}
.link_04:hover{ background: url(images/link_04x.jpg);}
.link_05{ background: url(images/link_05.jpg);}
.link_05:hover{ background: url(images/link_05x.jpg);}

/*底部*/
.footer{ width: 100%; height: 64px; line-height: 64px; background: #3f3f3f; color: #fff; text-align: center;}
.footer a,.footer a:hover{ color: #fff;}

/*内页*/
.about_ban{ width: 100%; height: 400px; background: url(images/about_ban.jpg) no-repeat center;}
.cp_ban{ width: 100%; height: 400px; background: url(images/cp_ban.jpg) no-repeat center;}
.news_ban{ width: 100%; height: 400px; background: url(images/news_ban.jpg) no-repeat center;}
.page_bg{ width: 100%; min-height: 600px; background: #f5f5f5; overflow: hidden;}
.page{ width: 1050px; height: auto; margin: 0 auto; padding: 30px 0 40px;text-align:justify; text-justify:inter-ideograph;}

/*内页菜单*/
.page_nav{height: 75px;background-color: #fff;border-bottom: 1px solid #e5e5e5;}
.page_nav li{margin-right: 23px;font-size: 16px;line-height: 74px; float: left;}
.page_nav li a{display: block;padding: 0 18px;}
.page_nav li a:hover,.page_nav li a.active{color: #035cac;border-bottom: 2px solid #035cac;position: relative;margin-bottom: -1px;}

/*产品菜单*/
.page_nav dl dd{margin-right: 23px;font-size: 16px;line-height: 74px; float: left; position:relative;}

.nav_left{display: inline-block;padding: 0 18px; float: left;}
.nav_left:hover{color: #035cac;border-bottom: 2px solid #035cac;position: relative;margin-bottom: -1px;}

.nav_right{ width:180px; height:auto; position:absolute; top:74px; left:0px; display: none; z-index: 1111111; text-indent: 13px;}
.nav_right a{ width:180px;height:35px; line-height:35px; text-align:left; display:block; float:left; background:#eee; font-size: 14px;}
.nav_right a:hover{ text-decoration:none;}

/*内页产品列表*/
.cp_list{ width: 1180px; height: auto; padding: 30px 0 50px;}
.cp_list li{width:280px;height:314px;float:left; margin: 0 7px 16px;background: #fff;}
.cp_list li a{display: block;width:266px;height:300px;border:7px solid #fff;background: #fff;transition-duration: 500ms;}
.cp_list li a:hover{border-color:#dadada;}
.cp_list li a .img{display: block;width:250px;height:250px;margin: 0 auto;}
.cp_list li a .img img{width:100%;height:100%;}
.cp_list li a .tits{line-height: 51px;color:#666; height: 51px; overflow: hidden; font-size: 14px; text-align: center;}

.cp_list2{ width: 1180px; height: auto; padding: 30px 0 50px;}
.cp_list2 li{width:280px;height:384px;float:left; margin: 0 7px 16px;background: #fff;}
.cp_list2 li a{display: block;width:266px;height:370px;border:7px solid #fff;background: #fff;transition-duration: 500ms;}
.cp_list2 li a:hover{border-color:#dadada;}
.cp_list2 li a .img{display: block;width:250px;height:320px;margin: 0 auto;}
.cp_list2 li a .img img{width:100%;height:100%;}
.cp_list2 li a .tits{line-height: 51px;color:#666; height: 51px; overflow: hidden; font-size: 14px; text-align: center;}

.cp_con{ width: 1040px; min-height: 500px; background: #fff; padding: 30px 20px; margin: 30px auto 40px;}
.cp_con .tit{ width: 100%; height: auto; padding-bottom: 20px; font-size: 20px; color: #000; text-align: center;}

/*内页新闻列表*/
.news_list{ width: 1050px; height: auto; margin: 0 auto; padding: 30px 0 50px;}
.news_list li{position: relative;width: 1011px;height: 159px;padding: 12px 25px 14px 12px;background: #fff;margin-bottom: 18px;}
.news_list .intro{float: right;width: 720px;height: 159px;}
.news_list .intro a.tit{ font-size: 17px;line-height: 26px;}
.news_list .intro p{ padding: 3px 0 7px; border-bottom: 1px dashed #cecece; color: #999;}
.news_list .intro .text{ margin-top: 7px; color: #999;}
.news_list .tit{ width: 100%; height: auto; padding-bottom: 20px; font-size: 20px; color: #000; text-align: center;}
.news_list .time{ width: 100%; height: auto;}

/*联系我们*/
.contact{ width: 405px; height: 500px; position: absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: 100px; background: #fff; padding: 20px; text-align: left;}
.contact h2{ font-size: 30px; color: #000;}
.contact .text{ border-bottom: 1px dashed #cecece; padding: 20px 0;}
.contact .text2{ padding: 20px 0;}
.map{ width:100%; height:100%;}
.foot_contact{ width: 100%; height: 64px; line-height: 64px; background: #3f3f3f; color: #fff; text-align: center; position: absolute; bottom: 0;}
.foot_contact a,.foot_contact a:hover{ color: #fff;}

/*底部翻页*/
.fenye{ width:100%; height:auto; overflow:hidden; clear:both; padding-top:20px;}
.pagesnow a{ width: 37px; height:34px; background:#333; color:#fff; font-size:14px; line-height:34px; float:left; margin-right:7px; text-align:center;}
.pages a{ width: 37px; height:34px; background:#e6e6e6; color:#666; font-size:14px; line-height:34px; float:left; margin-right:7px; text-align:center;}
.pages a:hover{ background:#333; color:#fff;}
.pagean{ width:72px; height: 34px; margin-right:7px; float:left; background: #e6e6e6; line-height: 34px; text-align: center;}
.pagean a:hover{ width: 72px; height:34px; background:#333; color:#fff; font-size:14px; line-height:34px; float:left; margin-right:7px; text-align:center;}

/*反回顶部*/
.cd-top{display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 10px;overflow: hidden;text-indent: 100%;white-space: nowrap;background: rgba(44, 44, 44, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.cd-top.cd-is-visible{/* the button becomes visible*/visibility: visible;opacity: 1;}
.cd-top.cd-fade-out{/* 如果用户继续向下滚动,这个按钮的透明度会变得更低*/opacity: 1;}
.no-touch .cd-top:hover{background-color: #e86256;opacity: 1;}
@media only screen and (min-width: 768px){.cd-top{right: 20px;bottom: 20px;}}
@media only screen and (min-width: 1024px){.cd-top{height: 60px;width: 60px;right: 30px;bottom: 30px;}}