@charset "utf-8";
/*格式化样式*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin: 0;
	padding: 0;}
html,body,form,iframe{width:100%;height:100%;padding: 0px;margin:0px;*position:static;*overflow-x:hidden;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color: #333;outline: 0;font-family:"微软雅黑 Regular","微软雅黑";font-size:12px;line-height: 120%;*line-height: 130%;}
body{*letter-spacing: 0px;background-color: #f1f1f1;}
a,a:hover{color:#333;}
img{vertical-align: bottom;}
input{list-style:none;  color:#5B5B5B;}

/*头部+logo*/
.topArea{background:#0242ab; width:100%; line-height:40px; display:block;overflow: hidden; border-bottom:1px solid #949699;}
.top{width:98%; margin:0 auto; overflow:hidden; color:#fff; position:relative;}
.top .searchbox{ display:none;}
.top .span1{padding-left:5px;}

/*导航栏目*/
.headerArea{width:100%;background:#0242ab;} 
.navbox{ display:none;}
.header{height:69px;width:95%; margin:0 auto;}
.header .m_logo{width:155px; float:left;}
.header .m_logo img{width:auto; max-width:100%;}
.header .pc_logo{display:none;}
.nav_m {position: relative;width: 100%;}
.nav_m .n_icon {display: block;width:30px;height:27px;background: url(../images/menu.png) no-repeat;position: absolute;right: 15px; top: -52px;z-index: 9999;cursor: pointer;}
.nav_m ul {width: 100%; border-top: 3px solid #ff0101;display: none; background:#fff;}	
.nav_m ul li { width: 100%; height: 38px;line-height: 38px; border-bottom: 1px dashed #ddd;}
.nav_m ul li a { display: block; width: 94%; height: 38px; line-height: 38px; padding: 0px 3%; color: #555;text-align: center;}
.nav_m ul li a:hover{color:#ff0101;}
/*轮播图*/
.slideBox{ width:100%;  overflow:hidden; position:relative; z-index:-1;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:41%; bottom:5%; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:8px;  width:12px; height:12px; line-height:40px; text-align:center; background:#0242ab; cursor:pointer; border-radius:6.5px;}
.slideBox .hd ul li.on{ background:#ff2a00; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto !important; display:block;}
/*首页产品*/
.home_productArea{background:#f1f1f1; padding:20px 0px;}
.slideTxtBox{ width:95%; margin:0px auto; background:#fff; text-align:center; font-size:12px; overflow: hidden;}
.slideTxtBox .titles{display:none;}
.slideTxtBox .hd{line-height:30px; position:relative; overflow:hidden;}
.slideTxtBox .hd ul{background:url(../images/product_bg.png) no-repeat left 0px; padding-top:85px;}
.slideTxtBox .hd ul li{cursor:pointer; border:1px solid #0242ab; border-radius:3px; width:80%; margin-left:48px; margin-bottom:16px;}
.slideTxtBox .hd ul li p{ border:1px solid #fff; background:#0242ab; color:#fff;border-radius:3px; }
.slideTxtBox .hd ul li.on p{ background:#ff2a00;}
.slideTxtBox .hd ul li.on{ border:1px solid #ff2a00;}
.slideTxtBox .bd ul{ padding:30px 0px; overflow:hidden; width:96%; margin:0 auto;}
.slideTxtBox .bd .bd1{display:block;}
.slideTxtBox .bd .bd2{display:none;}
.slideTxtBox .bd li{ width:46%; float:left; margin:10px 2%;}
.slideTxtBox .bd li .img{border:1px solid #999999;}
.slideTxtBox .bd li:hover .img{border:1px solid #ff2a00;}
.slideTxtBox .bd li .img img{width:auto; max-width:96%; margin:2%; border:1px solid #c1c1c1;}
.slideTxtBox .bd li .txt{ line-height:24px;}
.slideTxtBox .bd li:hover .txt a{color:#ff2a00;}
/*tel*/
.telArea{width:100%; background:#0242ab; padding:8px 0px;}
.telArea .tel{ width:95%; margin:0 auto; overflow:hidden;}
.telArea .tel img{width:auto; max-width:100%; margin:0 auto;}
.telArea .tel1{display:block;}
.telArea .tel2{display:none;}
.telArea .tel3{display:none;}
/*关于我们*/
.home_aboutArea{width:100%; background:#f1f1f1; padding:32px 0px 0px;} 
.home_about{width:95%; margin:0 auto;overflow:hidden; background:#fff; position:relative;}
.home_about .img {width:50%;}
.home_about .img img{width:auto; max-width:100%;}
.home_about .titles{ width:45%;background: url(../images/xian.png) no-repeat left bottom; line-height:40px; text-align: left; font-size:13px; color: #20222a;  padding-right:12px; position:absolute; top:0px; right:0px;}
.home_about .titles .more{float: right;width: 50px;display: block; text-align:right;}
.home_about .titles p{display:none;}
.home_about .content{ margin-left:15px; padding-left:7px; padding-top:15px; width:95%;}
.home_about .content .about_img{float:left; width:40%; margin-right:8px; max-width:270px;}
.home_about .content .about_img img{width:auto; max-width:100%;}
.home_about .content p{ color:#4c4c4c; font-size:12px; line-height:28px;}
.home_about .content .home_case{width:100%; overflow:hidden; background:url(../images/xian.jpg) no-repeat top center; padding:50px 0px 15px;}
.home_about .content .home_case ul li{width:45%; margin:5px 2.5%; float:left; text-align:center;}
.home_about .content .home_case ul li .pic{width:96%; padding:2%; border:1px solid #999;}
.home_about .content .home_case ul li .pic img{width:auto; max-width:100%;height: 240px;}
.home_about .content .home_case ul li .txt{line-height:28px; color:#1f232c;}
.home_about .titles .more2{display:none;}
/*news*/
.home_newsArea{width:100%; background:#f1f1f1;}
.home_news{width:95%; margin:0 auto; background:#fff; overflow:hidden;position: relative;}
.home_news .title2{border-bottom:1px solid #999; position:relative;}
.home_news .title2 .more{font-size:12px; color:#ff2a00; position:absolute; bottom:5px; right:5px;}
.home_news .title2 .img{width:50%;}
.home_news .title2 .img{ width:auto; max-width:100%;}
.home_news .part_1 ul {padding:15px 0px 20px;}
.home_news .part_1 ul li{line-height:39px; height:39px; font-size:12px; overflow:hidden; width:96%; border-bottom:1px dashed #ccc; margin:0 auto;}
.home_news .part_2 ul {padding:15px 0px 20px;}
.home_news .part_2 ul li{line-height:39px; height:39px; font-size:12px; overflow:hidden; width:96%; border-bottom:1px dashed #ccc; margin:0 auto;}
.home_news .part_3 p{width:96%; margin:0 auto; line-height:28px;}
.home_contact{padding:10px 0px;}
/*footer*/
.footerArea{background:#0242ab; padding:180px 0px 30px; z-index:-1; margin-top:-150px;}
.footerArea2{background:#0242ab; padding:30px 0px; }
.linkbox{display:none;}
.footerbox{width:95%; margin:0 auto;}
.footerbox .footer{padding-top:15px; color:#fff; text-align:center; line-height:24px;}
.footerbox .footer p{font-size:12px; color:#fff; line-height:24px;}
.footerbox .footer_nav{display:none;}
.footerbox .footer2{display:none;}
/*容器*/
.main{background:#fff; width:95%;  margin:20px auto 60px; overflow:hidden;}
.left{padding-bottom:10px;}
.left ul{border-left:2px solid #999; margin-left:22px; padding-top:22px;}
.left ul li{width:80%; margin-left:18px;border: 1px solid #0242ab;border-radius: 3px; margin-bottom:22px; position:relative;}
.left ul li .ico{position:absolute; background:url(../images/dian.png) no-repeat center center; width:12px; height:12px; left:-26px; top:7px;}
.left ul li a{border: 1px solid #fff;background: #0242ab;color: #fff;border-radius: 3px; display:block; line-height:28px; font-size:14px; text-align:center;}
.left ul li.current{border: 1px solid #ff2a00;}
.left ul li.current a{ background:#ff2a00;}
.left ul li:hover{border: 1px solid #ff2a00;}
.left ul li:hover a{ background:#ff2a00;}
.right{width:95%; margin:0 auto;}
.right .titles{background: url(../images/xian.png) no-repeat left bottom;line-height: 45px;text-align: left;font-size: 20px;color: #20222a;padding-left: 20px;position: relative;}
.location{ display:none;}
.right .content{line-height:24px; }
.right .content img{width:auto; max-width:100%;}
.right .content .about_img{text-align:center;}
.about_case{width:100%; overflow:hidden; background:url(../images/xian.jpg) no-repeat top center; padding:50px 0px 15px;}
.about_case ul li{width:45%; margin:5px 2.5%; float:left; text-align:center;}
.about_case ul li .pic{width:96%; padding:2%; border:1px solid #999;}
.about_case ul li .pic img{width:auto; max-width:100%;}
.about_case ul li .txt{line-height:28px; color:#1f232c;}
.telArea2{border-bottom:2px solid #ccc;}
/*product*/
.list_img{ padding:20px 0px;}
.list_img ul{overflow:hidden;}
.list_img ul li{width: 46%;float: left; margin: 10px 2%; text-align:center;}
.list_img ul li .img{border: 1px solid #999999;}
.list_img ul li:hover .img{border:1px solid #ff2a00;}
.list_img ul li:hover a{color:#ff2a00;}
.list_img ul li .img img{width:auto; max-width:98%; padding:1%;height:240px;}
.list_img ul li .txt { line-height: 24px;}
.page {width: 49%; float: left; display: block;height: 32px;}
.page a { color: #fff; background: #0242ab; padding: 6px 32px; margin: 0px 6px; border: 1px solid #0242ab; font-size: 12px; border-radius: 8px;}
.page3{display:none;}
/*news*/
.list_news{padding:20px 0px;}
.first{padding-bottom:25px; overflow:hidden;}
.first .img{ width:35%; float:left; border:1px solid #ccc; margin-right:10px; max-width:230px;}
.first .img img{width:auto; max-width:98%; padding:1%;}
.first h4{ font-size:16px; line-height:30px; height:30px; overflow:hidden;}
.first h4 a{ color:#4c4c4c;}
.first h4 a:hover{ color:#ff2a00;}
.first .date{font-size:12px; line-height:24px; color:#ff2a00;}
.first .info{height:36px; line-height:18px; overflow:hidden;}
.first .xq{line-height:20px;color:#ff2a00;}
.list_news li{line-height:39px; border-bottom:1px dashed #ccc; height:39px; overflow:hidden;}
.list_news li a:hover{color:#ff2a00;}
.list_news ul{padding-bottom:10px;}
/*show*/
.content .title3{text-align:center; line-height:40px; border-bottom:1px solid #999; font-size:20px; padding-top:10px;}
.content .update{ font-size:12px; color:#999; text-align:center; line-height:30px;}
.content .show{padding:20px 0px; border-bottom:1px solid #999; line-height:24px;}
.up_down{ padding:15px 0px; overflow:hidden;}
.up_down li{width:50%; float:left;}
.up_down li a{ display:block; width:86px; height:27px;  color:#fff; background:#0242ab; line-height:27px; text-align:center; margin:0 auto; border-radius:3px;}
.up_down2{display:none;}
.inputbox { margin:15px 0px 20px; overflow: hidden;}
.inputbox p { padding: 0.5em 0px;  overflow: hidden;}
.inputbox .ibl { float: left; width: 30%; max-width: 80px; text-align: right; display: block;  padding-top: 0.4em;}
.inputbox .ibr {float: left;display: block; padding-left: 0.3em; width: 65%;}
.input3 { border: 1px solid #E8E8E8; padding: 0.6em 0.4em;  font-size: 12px; color: #666; width: 95%;}
.btn-submit { width: 70px; height: 25px; border: 0px none;background: #C90C0A none repeat scroll 0% 0%; cursor: pointer; color: #FFF; font-size: 14px;}
.reset { width: 70px; height: 25px; border: 0px none; background: #F3B349 none repeat scroll 0% 0%;  cursor: pointer; color: #FFF; font-size: 14px;}
@media screen and (min-width:360px){
.slideTxtBox .hd ul li{ width:83%}
}
@media screen and (min-width:480px){
.home_about .titles { width:52%}
.linkbox{ display:block; overflow:hidden;}
.linkbox .link_img{width:30%; float:left; max-width:177px;}
.linkbox .link{width:65%; float:left; margin-left:15px; line-height:24px; color:#fff;}
.linkbox .link a{ color:#fff; display:block; padding:0px 5px; width:80px; float:left;}
.left ul li{width:90%;}
.location{ display:block; position:absolute; font-size:12px; bottom:9px; right:5px; height:20px; line-height:20px;}

}
@media screen and (min-width:765px){
/*头部+logo*/
.top { width:95%;}
.top .searchbox{ display:block; position:absolute; top:5px; right:0px; width:170px; border:1px solid #fff; border-radius:15px; height:28px;} 
.serach_input{border:none; background:#0242ab; padding:0.4em; height:17px; color:#fff;float: left; margin-left:11px;}
.btn_serach{background:url(../images/search.png) no-repeat center center; width:18px; height:19px; cursor:pointer; border:none; position:absolute; top:4px; right:12px;}
/*导航栏目*/
.header{height:80px;}
.nav{padding:0px 0px 0px 3%; height:80px; display:block;}
.header .m_logo{display:none;}
.header .pc_logo{display:block;float:left;}
/*产品*/
.slideTxtBox{width:98%;}
.slideTxtBox .bd ul{width:100%;}
.slideTxtBox .hd{width:36%; float:left;}
.slideTxtBox .bd{width:61%; float:left; margin-left:15px;}
.slideTxtBox .hd ul li{width:81%;}
.slideTxtBox .titles{ width:62%; float:right; background:url(../images/xian.png) no-repeat left bottom; line-height:45px; text-align:left; font-size:20px; color:#20222a; padding-left:20px; position:relative; display:block;}
.slideTxtBox .titles .more{position:absolute; top:18px; right:0px;}
/*tel*/
.telArea .tel1{display:none;}
.telArea .tel2{display:block;}
.telArea .tel3{display:none;}
/*case*/
.home_about .content{border-left:2px solid #999999;}
.home_about .titles {width:60%;}
.home_about .content .home_case ul li{width:24%; margin:5px 0.5%;}
.home_about .titles .more {display:none;}
.home_about .titles { line-height:45px;}
.home_about .titles p{ display:block; padding-left:20px; font-size:18px;}
.home_about .titles .more2{position:absolute; top:18px; right:0px; display:block;}
.home_about .titles{top:10px;}
/*news*/
.home_news .part_1 ul{width:width: 95%; margin-left:15px; border-left:2px solid #999999; padding-bottom:30px;}
.home_news .part_2 ul{width:width: 95%; margin-left:15px; border-left:2px solid #999999; padding-bottom:30px;}
.home_contact{width:width: 95%; margin-left:15px; border-left:2px solid #999999;}
/*footer*/
.linkbox .link_img{width:177px;}
.linkbox .link{width:73%;}
.footerbox .footer{display:none;}
.footerbox .footer_nav{display:block; overflow:hidden; padding:20px 0px; width:85%; margin:0 auto;}
.footerbox .footer_nav li{width:14%; float:left; text-align:center; color:#fff;}
.footerbox .footer_nav li a{color:#fff;}
.footerbox .footer2{display:block; color:#fff; overflow:hidden; margin:0 auto;}
.footerbox .footer2 .footer_logo{float:left; margin-right:20px;padding-top: 6px;}
.footerbox .footer2 .footer3{line-height:28px;}
.footerbox .footer2 .footer3 a{color:#fff;}
.footerbox .footer2 .footer3 a:hover{ text-decoration:underline;}
/*about*/
.left{width:30%; float:left; max-width:270px;}
.left ul{padding-bottom:150px;}
.about_case ul li{width:24%; margin:5px 0.5%;}
.right{width:65%; margin-left:5%; float:left;}
.right .content{padding:20px 0px; width:98%; margin:0 auto;}
.right .content .about_img{width:40%; float:left; max-width:266px; margin-right:15px;}
/*page*/
.page{display:none;}
.page3{display:block; text-align:center; margin-top:20px;}
.page3 a { color: #fff; background: #0242ab; padding: 3px 10px; margin: 0px 6px; border: 1px solid #0242ab; font-size: 12px;}
.page3 span { color: #0242ab; padding: 3px 10px; margin: 0px 3px; border: 1px solid #0242ab; font-size: 12px;}
.page3 a:hover{color:#0242ab; background:#fff;}
.up_down{display:none;}
.up_down2{ padding:15px 0px; overflow:hidden; display:block;}
.up_down2 li{ line-height:24px;}
.up_down2 li a{ color:#333;}
.up_down2 li a:hover{text-decoration:underline;}
}
@media screen and (min-width:1000px){
.header{width:98%; height:99px;}
.header .pc_logo{margin-top:5px;}
.nav_m{display:none;}
.navbox{position:relative;z-index:1000;height:53px; display:block; width:81%; float:right; padding-top:22px;}	
.nav2{font-size:14px;}
.nav2 li{height:53px;line-height:53px;float:left;text-align:center;position:relative;background:url(../images/line.png) left center no-repeat; width:14.28%; font-size:14px;}
.nav2 li.line{width:2px;background:url(../images/nav_line.jpg) no-repeat 0 50%}
.nav2 li a{line-height:30px; height:30px; margin-top:12px; color:#608598;display:block;width:78%;color:#FFFFFF; font-weight:bold; margin-left:20%;}
.nav2 li .current,.nav2 li a:hover{color:#ff2a00;text-decoration:none; background:#dfdfdf;}
.nav2 li a:hover{color:#ff2a00;text-decoration:none; background:#dfdfdf;}
.shownav{background:#dfdfdf;visibility:hidden;position:absolute;font-weight:normal;width:78%; left:20%;display:none;_display:block;}
.nav2 li:hover .shownav{display:block;}
.nav2 li .shownav a{line-height:30px;height:auto;color:#ff2a00; margin:0px; width:100%; border-top:1px solid #808080;}
.nav2 li .shownav a:hover{background:#ff2a00;color:#fff}
/*产品*/
.slideTxtBox .bd li{width:31%; margin:6px 0.8%;}
.slideTxtBox .bd .bd1{display:none;}
.slideTxtBox .bd .bd2{display:block;}
/*tel*/
.telArea .tel1{display:none;}
.telArea .tel2{display:none;}
.telArea .tel3{display:block;}
/*news*/
.home_news .part_1{width:32%; float:left;}
.home_news .part_2{width:32%; float:left; margin-left:1.5%;}
.home_news .part_3{width:32%; float:left;margin-left:1.5%;}
.home_news .part_2 ul{border:none;}
.home_contact{border:none;}
/*footer*/
.footerbox .footer2{ width:85%;}

.right{ width:69%; margin-left:20px;}
.list_img ul li {width: 31%; margin:10px 0.8%;}
.slideBox .hd { right:48%;}
}
@media screen and (min-width:1200px){
.top{ width:100%; max-width:1100px;}
.header{width:1100px;}
.slideTxtBox{width:1100px;}
.telArea .tel{ width:1100px;}
.home_about{width:1100px;}
.home_news {width:1100px;}
.footerbox {width:1100px;}
/*容器*/
.main{width:1100px;}
.right{ width:72%;}
}