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: 1120px;margin:0px auto;height:auto;*zoom:1;}
.content: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:#e62129;}
.more{ width:133px; height: 33px; line-height: 33px; color: #fff; background: #e62129; display: block; margin: 0 auto; transition: all 0.3s ease 0s; overflow: hidden; text-align: center; border-radius: 33px;}
.more:hover{ color: #fff; background: #333;}
.pc{ display: block;}
.mc{ display: none;}

/*顶部*/
.header{ width: 100%; height: 82px;}
.header .logo{ width: 305px; height: 47px; margin-top: 18px;}
.header .tel{ display: none;}
.header .en{ display: none;}

/*导航*/
.share-list{height: 22px;margin-top: 29px;width: 58px;margin-left: 8px;border-left:1px solid #e5e5e5;}
.share-list li{float: right;height: 16px;line-height: 16px;margin-top: 3px;cursor: pointer;position: relative;margin-left: 20px;}
.share-list a{display: block;width: 100%;font-size: 16px;color: #5f8fa6;}
.share-list span{display: block;width: 19px;height: 16px;overflow: hidden;background: url(images/list.png) no-repeat center;}
.share-list span.two{background-position: 0 -40px;transition: all 0.5s ease 0s;}
.share-list span.two:hover{background-position: 0 -61px;transition: all 0.5s ease 0s;}
.share-list .weixin{width: 100px;background: #fff;text-align: center;line-height: 100px;height: 100px;box-shadow: 0 0 5px #f1f1f1;position: absolute;top:29px;left: 50%;z-index: 9999;display: none;margin-left: -50px;}
.share-list .weixin:after{content:'';width: 0px;height: 0px;top: -20px;left: 50%;margin-left: -10px;border-width: 10px;border-style: solid;border-color: transparent transparent #fff transparent;position: absolute;}
.nav{margin-right: 20px;line-height: 82px;}
.nav li{float: left;padding: 0 8px 0 9px;line-height: 80px;margin-left: 30px;border-bottom: 2px solid #fff;}
.nav a{font-size: 15px;color: #333;display: block;width: 100%;}
.nav li:hover,.nav li.act{border-bottom: 2px solid #e52228;transition: border-bottom 0.3s ease-out;}
.nav li:hover a,.nav li.act a{color: #e52228;transition: all 0.3s;}
.m_nav{ display: none;}

/*轮播图*/
.banner{width:100%; position:relative; overflow:hidden;}
.banner_bar{ width:1000px; margin:0 auto;}
.n_banner{ width:1920px; margin:0 -460px; overflow:hidden; position:relative;}
.banner ul{ width:100%; position:relative;  height:519px;}
.banner ul li{ width:100%; position:absolute;  height:519px; left:0; top:0; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.banner ul li.on{z-index:2;}
.banner .num{ position:absolute; width:100%; height:10px; bottom:20px; left:0; text-align:center; z-index:3;}
.banner .num a{ width:10px; height:10px; display:inline-block; background:none; border: 1px solid #fff; border-radius:10px; margin:0 5px;}
.banner .num a.on{ background:#fff;}
.banner li img {display: block;}

/*关于我们*/
.about{ width: 100%; height: auto; text-align: center; padding: 40px 0; background: #f4f4f4;}
.about h2{ font-size: 28px; font-weight: normal; color: #333; padding-bottom: 20px;}
.about .t_p{ margin-bottom: 30px;}
.about .m_p{ display: none;}

/*产品中心*/
.products{ width: 100%; height: auto; text-align: center; margin-bottom: 30px;}
.products h2{ font-size: 28px; color: #333; padding-top: 35px; margin-bottom: 20px;}
.m_products{ display: none;}

.TabTitle{ width:1200px; height: auto; line-height:33px; margin: 0 auto; overflow: hidden; margin-bottom: 20px;}
#myTab0{ width: 100%; height: auto;}
.TabTitle li{ float:left; padding: 0 20px; height: 33px; background: #f1f1f1; border-radius: 33px; text-align: center; display: block; line-height: 33px; cursor: pointer; margin: 0 8px 8px;}
.TabTitle .active{ background: #e62129; color:#fff;}

.news_list{ width: 100%; height: auto; margin: 0 auto;}
.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;}

/*产品轮播*/
.eduList,.eduList2,.eduList3,.eduList4,.eduList5,.eduList6,.eduList7,.eduList8{ width:1036px; height:270px; position:relative; margin: 0 auto 15px;}
.eduList .mid,.eduList2 .mid2,.eduList3 .mid3,.eduList4 .mid4,.eduList5 .mid5,.eduList6 .mid6,.eduList7 .mid7,.eduList8 .mid8{ 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,.eduList8 .mid8 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,.eduList8 .mid8 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,.eduList8 .mid8 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,.eduList8 .mid8 li p{ line-height: 30px; transition: all 0.3s ease 0s;}

.eduList .left,.eduList2 .left2,.eduList3 .left3,.eduList4 .left4,.eduList5 .left5,.eduList6 .left6,.eduList7 .left7,.eduList8 .left8{ 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,.eduList8 .right8{ width:54px; height:54px; background: url(images/cp_right.png); position:absolute; top:95px;cursor:pointer; right: -75px;}

/*底部*/
.footer{ width: 100%; height: 75px; line-height: 75px; background: #2b2c2d; color: #999; text-align: center; overflow: hidden;}
.footer a{ color: #999;}
.footer a:hover{ color: #ddd;}
.m_footer{ display: none;}

/*右侧*/
.div_left_js{ position:fixed; right:0px; top:50%; margin-top:-182px; z-index:100;}
.div_left_js .div1{ margin-bottom:2px; position:relative; height:76px;}
.div_left_js .div1 a{ display:block; position:absolute; right:0px;}
.div_left_js .div2{ margin-bottom:2px; position:relative; height:70px; right:0px;}
.div_left_js .div2 a{ background:#946c38; display:block; width:219px; position:absolute; right:-149px;}
.div_left_js .div3{ margin-bottom:2px; position:relative; height:70px;}
.div_left_js .div3 a{ background:#946c38; display:block; width:80px; position:absolute; right:-10px;}

/*底部翻页*/
.fenye{ width:100%; height:auto; overflow:hidden; clear:both; padding-top:10px;}
.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;}

/*内页*/
.ban_about{ width: 100%; height: 300px; background: url(images/ban_about.jpg) no-repeat center;}
.ban_cp{ width: 100%; height: 300px; background: url(images/ban_cp.jpg) no-repeat center;}
.ban_news{ width: 100%; height: 300px; background: url(images/ban_news.jpg) no-repeat center;}
.ban_contact{ width: 100%; height: 300px; background: url(images/ban_contact.jpg) no-repeat center;}
.page{ width: 1120px; min-height: 600px; padding: 30px 0 40px; overflow: hidden; margin: 0 auto;}
.page h2{ font-size: 28px; font-weight: normal; color: #333; padding-bottom: 20px; text-align: center;}
.page2{ width: 1200px; min-height: 600px; padding: 30px 0 40px; overflow: hidden; margin: 0 auto;}
.page2 h2{ font-size: 28px; font-weight: normal; color: #333; padding-bottom: 20px; text-align: center;}
.cp_xq{width: 800px; text-align: left; margin: 0 auto;}
.about_img{ display: block;}
.m_about_img{ display: none;}
.honor{ width: 1138px; height: auto; overflow: hidden; margin: 0 auto;}
.honor li{ width: 168px; height: auto; margin: 0 10px;}
.honor li img{ width: 100%; height: auto;}

.page_nav{ width: 220px; height: auto; float: left;}

.page_nav dl dd{ width: 100%; height: 41px; float: left; position:relative; margin-bottom: 1px;}
.nav_left{ width: 100%; height: 41px; line-height: 41px; display: block; background: #ddd; text-indent: 13px; font-size: 15px; color: #333;}
.nav_left:hover{ background: #e62129; color: #fff;}
.nav_right{ width:270px; height:41px; position:absolute; top:0; left:220px; display: none; z-index: 111; text-indent: 13px;}
.nav_right a{ width:270px;height:41px; line-height:37px; display:block; float:left; background:#ddd;}
.nav_right a:hover{ background: #e62129; color: #fff;}

.cp_list{ width: 960px; height: auto; float: right;}
.cp_list li{ width: 218px; height: 259px; float: left; margin: 0 10px 20px; border: 1px solid #e5e5e5; text-align: center; line-height: 41px; overflow: hidden; transition: all 0.3s ease 0s;}
.cp_list li:hover{ border: 1px solid #e62129;}
.cp_list li .img{ width: 218px; height: 218px; overflow: hidden;}
.cp_list li img{ width: 218px; height: 218px;}

/*产品类别*/
.lb_nav{ width: 100%; height: auto; margin: 0 auto 20px; overflow: hidden;}
.lb_nav li a{ padding: 0px 20px; height: 33px; line-height: 33px; background: #f1f1f1; border-radius: 33px; margin: 0 8px 8px; display: block;}
.lb_nav li a:hover{ background: #e62129; color: #fff;}
.hong{ padding: 0px 20px; height: 33px; line-height: 33px; background: #E62129; color: #fff; border-radius: 33px; margin: 0 0 20px; display: block;}
.hong:hover{ background: #AE0000; color: #fff;}

.page_con{ width: 760px; height: auto; margin: 0 auto; overflow: hidden; text-align: center;}
.page_con .left{ width: 180px; height: auto; float: left; margin-left: 150px;}
.page_con .right{ width: 380px; height: auto; float: left; text-align: left;}

.map_box{ width:1000px; height:500px; margin: 30px auto 50px;}
.map_box img{ max-width:none}
.map_box .in_map_box{ border:1px solid #ccc; padding:20px; border-radius:20px; height:100%}

/*内页新闻*/
.page_news{ width: 1080px; min-height: 500px; margin: 0 auto 20px; text-align: center; overflow: hidden;}
.page_news li{ width: 100%; height: 35px; line-height: 35px; background: #f5f5f5; border-bottom: 1px dashed #e9e9e9; margin-bottom: 7px;}
.page_news li a{ margin-left: 20px; float: left;}
.page_news li span{ float: right; padding-right: 20px;}
.page_news .tit{ color: #333; font-size: 18px; text-align: center; width: 100%; height: 41px;}
.page_news .time{ height: 37px; line-height: 37px; background: #f2f2f2; border-bottom: 1px solid #e6e6e6; line-height: 37px; text-align: center; color: #888; font-size: 12px; margin-bottom: 12px;}
.page_news .text{ text-align: left;}

@media (max-width:1199px){
.pc{ display: none;}
.mc{ display: block;}
.header{ width: 100%; height: 60px; overflow: hidden; position: relative;}
.header .logo{ height: 34px; width: auto; margin-top: 13px; margin-left: 10px;}
.header .tel{ position: absolute; right: 11px; top: 11px; display: inline-block; display: block;}
.header .en{ position: absolute; width: 38px; height: 38px; font-size: 16px; text-align: center; line-height: 38px; right: 60px; top: 11px; display: inline-block;}
.nav{ display: none;}
.m_nav{ width: 100%; height: 40px; background: #ae0000; display: block;}
.m_nav a{ display: block; width: 25%; height: 40px; line-height: 40px; color: #fff; font-size: 14px; text-align: center; float: left;}
.m_nav a:hover,.m_nav a.active{ background: #e47917; color: #fff;}
.banner{ margin:0;}
.banner_page{ display: none;}
.banner_bar{ width:100%;}
.n_banner{ width:100%; margin:0; height:auto;}
.banner ul{height:389px;}
.banner ul li{height:389px;}
.products{ display: none;}
.m_products{ display: block; width: 100%; height: auto; text-align: center; padding: 20px 0 30px; overflow: hidden;}
.m_products h2{ font-size: 22px; color: #333; margin-bottom: 15px;}
.m_products ul{ margin-bottom: 10px; overflow: hidden;}
.m_products li{ width: 47%; height: auto; float:left; margin-left: 2%; line-height: 30px;}
.m_products img{ width: 100%; border: 1px solid #ddd;}

.about{ width: 100%; height: auto; text-align: center; padding: 30px 0; background: #f4f4f4;}
.about h2{ font-size: 22px; font-weight: normal; color: #333; padding-bottom: 15px;}
.about .t_p{ display: none;}
.about .m_p{ width: 94%; margin-left: 3%; margin-bottom: 20px; display: block; text-align: left; text-align:justify; text-justify:inter-ideograph;}
.about .m_p img{ width: 100%; padding-top: 15px;}

.ban_about{ width: 100%; height: 150px; background: url(images/ban_about.jpg) no-repeat center; background-size: auto 100%;}
.ban_cp{ width: 100%; height: 150px; background: url(images/ban_cp.jpg) no-repeat center; background-size: auto 100%;}
.ban_news{ width: 100%; height: 150px; background: url(images/ban_news.jpg) no-repeat center; background-size: auto 100%;}
.ban_contact{ width: 100%; height: 150px; background: url(images/ban_contact.jpg) no-repeat center; background-size: auto 100%;}
.page{ width: 94%; margin-left: 3%; min-height: 400px; padding: 30px 0 40px; overflow: hidden; margin: 0 auto; text-align:justify; text-justify:inter-ideograph;}
.page h2{ font-size: 22px; font-weight: normal; color: #333; padding-bottom: 10px; text-align: center;}
.page2{ width: 100%;}
.cp_xq{width: 94%; margin-left: 3%; text-align: left;}
.cp_xq img{ width: 100%;}
.about_img{ display: none;}
.m_about_img{ display: block; width: 100%;}

.lb_nav{ width: 100%; height: auto; margin: 0 auto 10px; overflow: hidden;}
.lb_nav li{ width: 30%; margin-left: 2.5%; float: left; margin-bottom: 10px;}
.lb_nav li a{ padding: 0px; height: 33px; line-height: 33px; background: #f1f1f1; border-radius: 0; margin: 0; display: block; display: block; text-align: center;}
.lb_nav li a:hover{ background: #e62129; color: #fff;}

.cp_list{ width: 100%;}
.cp_list li{ width: 47%; height: auto; float: left; margin: 0; margin-left: 2%; border: 1px solid #e5e5e5; text-align: center; line-height: 30px; transition: all 0s ease 0s; margin-bottom: 7px;}
.cp_list li:hover{ border: 1px solid #e62129;}
.cp_list li .img{ width: 100%; height: auto; overflow: hidden;}
.cp_list li img{ width: 100%; height: auto;}

.page_news{ width: 100%; min-height: 400px; margin: 0 auto 20px; text-align: center; overflow: hidden;}
.page_news li{ width: 96%; margin-left: 2%; height: 35px; line-height: 35px; background: #f5f5f5; border-bottom: 1px dashed #e9e9e9; margin-bottom: 7px; overflow: hidden; position: relative;}
.page_news li a{ margin-left: 10px; float: left;}
.page_news li span{ float: right; padding-right: 10px; position: absolute; background: #f5f5f5; top: 0; right: 0; padding-left: 10px; font-size: 12px;}
.page_news .tit{ color: #333; font-size: 18px; text-align: center; width: 100%; height: 41px;}
.page_news .time{ height: 37px; line-height: 37px; background: #f2f2f2; border-bottom: 1px solid #e6e6e6; line-height: 37px; text-align: center; color: #888; font-size: 12px; margin-bottom: 12px;}
.page_news .text{ text-align: left;}

.honor{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.honor li{ width: 30%; height: auto; margin: 0 0 0 2%;}
.honor li img{ width: 100%; height: auto;}

.div_left_js{ display: none;}
.footer{ display: none;}
.m_footer{ width: 100%; height: auto; background: #2b2c2d; color: #999; text-align: center; overflow: hidden; display: block; padding: 15px 0;}
.m_footer a{ color: #999;}
.m_footer a:hover{ color: #ddd;}

.page_con{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; text-align: left;}
.page_con .top{ width: 100%; height: auto; float: left; text-align: center;}
.page_con .bottom{ width: 100%; height: auto; float: left; text-align: left; margin-bottom: 15px;}

.map_box{ width:100%; height:200px; margin: 20px auto 30px;}
.map_box img{ max-width:none}
.map_box .in_map_box{ border:1px solid #ccc; padding:8px; border-radius:8px; height:100%}

.fenye{ width:100%; height:auto; overflow:hidden; clear:both; padding-top:20px;}
.pagesnow a{ width: 25px; height:25px; background:#333; color:#fff; font-size:14px; line-height:25px; float:left; margin-right:7px; text-align:center;}
.pages a{ width: 25px; height:25px; background:#e6e6e6; color:#666; font-size:14px; line-height:25px; float:left; margin-right:7px; text-align:center;}
.pages a:hover{ background:#333; color:#fff;}
.pagean{ width:65px; height: 25px; margin-right:7px; float:left; background: #e6e6e6; line-height: 25px; text-align: center;}
.pagean a:hover{ width: 65px; height:25px; background:#333; color:#fff; font-size:14px; line-height:25px; float:left; margin-right:7px; text-align:center;}
}