@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#666;text-decoration:none;}
a:hover {color:#920300;}
a:active {color:#920300;}
.hidden{ display:none}
i{ font-style:normal}
.page{ float:left; width:100%; text-align:center; margin:50px 0 0;}
.page a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #e0e0e0; border-radius:3px;margin:0 3px; font-size:14px;}
.page a.current,.page a:hover{ color:#fff; border:1px solid #920300; background:#920300;}

/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#666;}  

/*index*/
.head{ float: left; width: 100%; padding: 20px 0;}
.logo{ float: left;}
.tel{ float: right; color: #920300; font-size: 20px; font-family: arial; font-weight: bold; background: url(tel.gif) no-repeat 0 center; padding: 0 0 0 44px; line-height: 40px; margin: 10px 0 0;}
.searchform{ float:right; background: url(searchbg.gif) no-repeat; width: 241px; height: 40px; margin: 10px 50px 0 0; display: inline; position: relative;}
.txt_search{ float:left; width: 239px; height: 38px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; padding: 1px 44px 1px 21px; height:38px; line-height: 38px; display: inline; border: medium none; color: #6d6e71; background: transparent; font-size: 14px;}
.btn_search{ position: absolute; right: 0; top: 0; width:44px; height:40px; background:none transparent; cursor:pointer; border: medium none;}	
.menubox{ float: left; width: 100%; background: #920300;}
.menu li{ float: left; width: 175px; text-align: center; line-height: 50px; font-size: 16px;}
.menu li.first{ width: 150px;}
.menu li a{ color:#fff; display: block;}
.menu li.on a,.menu li a:hover{ background: #810300;}
.banner{width: 100%; float: left; position: relative;}   
.indexcon{ float: left; width: 100%; background: url(aboutbg.gif) repeat-y center top;}
.wrap1{ margin: 0 auto; width: 100%; min-width: 1200px;}
.about{ float: left; width: 50%;}
.aboutcon{ float: right; width: 516px; padding: 0 84px 0 0;}
.abouttle{ color: #000; font-size: 32px; line-height: 46px; margin: 64px 0 0; position: relative;}
.abouttle:before{ content: "ABOUT"; position: absolute; left: -50px; top: -28px; color: #eee; line-height: 28px;}
.abouttxt{ font-size: 14px; line-height: 28px; color: #000; margin: 16px 0 0;}
.prolist{ float: left; width: 100%; margin: 32px 0 0;}
.prolist li{ float: left; width: 33.33%;}
.prolist li img{ display: block; width: 100%; vertical-align: bottom;}
.more{ float: right; width: 600px; margin: 28px 0 0;}
.more a{float: left; width: 194px; height: 42px; line-height: 42px; text-align: center; color: #fff; background: #920300; font-size: 17px;}
.gasbox{float: left; width: 516px; margin: 0 0 0 84px; padding: 0 0 100px; display: inline;}
.title1{ margin: 123px 0 24px;}
.title1 i{ color: #9e3734; font-size: 60px; display: block; line-height: 100px;}
.title1 span{ display: block; color: #fafafa; line-height: 46px; font-size: 28px;}
.detail1{ line-height: 26px; color: #fff;}
.title2{text-align: center; margin: 96px 0 40px;}
.title2 span{ display: inline-block; color: #333; line-height: 41px; font-size: 30px; position: relative; font-weight: bold;}
.title2 span:before,.title2 span:after{ content: ""; position: absolute; left: -95px; width: 66px; top: 20px; height: 1px; background: #ddd;}
.title2 span:after{ left: auto; right: -95px;}
.title2 i{ display: block; color: #333; line-height:24px; font-size: 14px; text-transform: uppercase;}
.protablist{ text-align: center;}
.protablist span{ display: inline-block; border: 1px solid #d4d4d4; width: 380px; height: 56px; line-height: 56px; text-align: center; font-size: 18px; position: relative; cursor: pointer;}
.protablist span.sel{ background: #920300; color: #fff;}
.sanjiao{position: absolute; left: 50%; bottom: -9px; margin-left: -11px; width: 0; height: 0;  border-left: 11px solid transparent; border-right: 11px solid transparent;  border-top: 9px solid #920300; display: none;}
.protablist span.sel .sanjiao{ display: block;}
.protabcon{ float: left; width: 100%; margin: 30px 0 0;}
.protabcon1{ display: none;}
.prolist_tablist{ float: left; width: 100%; text-align: center;}
.prolist_tablist span{ display: inline-block; line-height: 34px; margin: 0 38px; font-size: 14px; cursor: pointer; border-bottom: 2px solid #fff;}
.prolist_tablist span.on{ border-bottom: 2px solid #920300; color: #920300;}
.prolist_tabcon{float: left; width: 100%;padding: 20px 0 0;}
.prolist_tabcon1{display: none;}
.prolist1{float: left; width: 1215px; }
.prolist1 li{ float: left; width: 390px; margin: 50px 15px 0 0;}
.prolist1 li a{display: block; background: #fff; border: 1px solid #ececec;transition: border 0.2s ease 0s;}
.protxt{ display: block; text-align: center; font-size: 18px; background: #ececec; line-height: 56px; height: 56px; overflow: hidden;}
.propic{ padding: 2px; display: block; width: 384px;transition: all 0.2s ease 0s;}
.propic img{ display: block; width: 384px; height: 262px; vertical-align: bottom;}
.prolist1 li a:hover{ border: 1px solid #920300; background: #920300;}
.prolist1 li a:hover .protxt{background: #920300; color: #fff;}
.more1{ display: block; width: 194px; height: 42px; line-height: 42px; text-align: center; color: #fff; background: #920300; font-size: 17px; margin: 50px auto 0;}
.more1:hover{color: #fff;}
.tecbg{ float: left; width: 100%; background: #f0f0f0; margin: 100px 0 0; padding: 0 0 90px; * padding: 0 0 100px;}
.tectabbox{ float: left; width: 100%;}
.tectabcon{ float: left; width: 792px;}
.tectabcon1{ display: none;}
.tectablist{ float: right; width: 396px;}
.tectablist li{ height: 128px; background: #fff; padding: 22px 18px 0 28px; margin: 0 0 10px;}
.tectablist li.hover{background: #920300;}
.tectablist li.hover a{ color:#fff;}
.title3{font-size: 16px; color: #333; line-height: 24px;}
.detail2{ line-height: 24px; color: #666; height: 72px; overflow: hidden;}
.tectablist li.hover .title3,.tectablist li.hover .detail2{ color: #fff;}
.jslist{ float: left; width:100%; margin: 46px 0 0;}
.jslist li{ float: left; width: 364px; margin: 0 54px 0 0;}
.jslist li.noright{ margin-right: 0;}
.jslist li a{ display: block;}
.jspic{ display: block; background: #920300; position: relative;}
.jspic img{ display: block; vertical-align: bottom; width: 364px; height: 215px;transition: all ease-out .3s;}
.jspic:before{ content:"+"; position: absolute; font-size: 52px; font-weight: bold; color: #fff; left: 50%; top: 50%; margin: -30px 0 0 -26px; width: 52px; height: 52px; transform: scale(1.5, 1.5); opacity: 0; display: none\9; transition: all ease-out .3s; }
.jslist li a:hover .jspic:before{transform: scale(1, 1);opacity:1; display: block\9;}
.jslist li a:hover .jspic img{opacity: 0.5;filter:alpha(Opacity=50);}
.title4{font-size: 16px; color: #282828; line-height: 24px; margin: 0 0 10px;}
.detail3{ line-height: 24px; color: #7d7d7d; height: 72px; overflow: hidden;}
.jstxt{ padding: 15px 20px 0; height: 120px; border: 1px solid #d6d6d6; border-top: medium none;}
.foot{float: left; width: 100%; background: #464646; margin: 100px 0 0; padding: 45px 0 80px;}
.footleft{float: left; width: 900px;}
.foottle{ color: #dadada; font-size: 16px; line-height: 26px; margin: 0 0 14px;}
.footnav{ line-height: 34px; margin: 0 0 74px;}
.footnav a{ color: #909090; font-size: 14px; margin: 0 60px 0 0; display: inline-block;}
.footnav a:hover{color: #fff;}
.footcontact{}
.footcontact li{color: #909090; font-size: 14px; line-height: 34px; float: left; width: 100%;}
.footcontact li span{ float: left; width: 90px;}
.ewm{float: right; width: 128px; padding: 16px 16px 0; background: #fff; margin: 90px 0 0;}
.ewm img{ display: block; width: 100%; vertical-align: bottom;}
.ewm span{ display: block; line-height: 45px; font-size: 14px; color: #707070; letter-spacing: 5px; text-align: center;}
/*index end*/

/*产品列表*/
.left{float: left; margin: 40px 0 0; width: 260px;}
.title5{background:#920300;  text-align: center; color: #fff; float: left; width: 100%; }
.title5 span{font-size: 24px;line-height: 83px;}
.navtle{float: left; width: 100%; margin: 20px 0 0;}
.navtle a{display:block; float: left; width: 212px; padding: 0 29px 0 19px; background: #f2f2f2; font-size: 16px; color: #666; line-height: 43px;}
.navtle a.on,.navtle a:hover{ background: #920300; color: #fff;}
.navtle i{float: right;}
.lnavlist{float: left; width: 100%;}
.lnavlist li{ margin:10px 0 0;border: 1px solid #f2f2f2; }
.lnavlist li a{ line-height: 41px; display: block; padding: 0 60px 0 18px; font-size: 16px;}
.lnavlist li.on a,.lnavlist li a:hover{color: #920300;}
.showerji{background: url(jia.gif) no-repeat right center;}
.hideerji{ background: url(jian.gif) no-repeat right center;}
.lnavlist li li {margin: 0; border: medium none;}
.lnavlist li ul{ padding: 10px 0; display: none;}
.lnavlist li li a{ line-height: 38px; font-size: 14px;}
.lnavlist li.on li a{ color: #666;}
.lnavlist li.on li a:hover,.lnavlist li li.on a{color: #920300;}
.right{float: right;  width: 876px; margin: 40px 0 0;}
.prolist2{ width: 888px;}
.prolist2 li{ width: 284px; margin: 40px 12px 0 0;}
.prolist2 .propic{ width: 278px;}
.prolist2 .propic img{width: 278px; height: 190px; }
.prolist2 .protxt{ line-height: 42px; height: 42px;}
.sitebox{float: left; width: 100%; border-bottom: 1px solid #dcdcdc;}
.site{float: right; line-height: 58px; margin:3px 0 0; font-size: 14px;}
.site a{margin: 0 5px;}
.site a.current{ color: #920300; text-decoration: underline;}
/*产品列表 end*/

/*关于我们*/
.title6{ padding: 15px 0;}
.title6 span{display: block; line-height: 34px;}
.title6 i{display: block; line-height: 34px; font-size: 16px; text-transform: uppercase;}
.lnavlist1{ margin: 10px 0 60px; float: left; width: 100%;}
.lnavlist1 .navtle{margin: 10px 0 0;}
.articlecon{font-size: 14px; line-height: 28px; margin: 30px 0 0; float: left; width: 100%;}
.articlecon img{ max-width: 100%;}
.map{ float: left; width: 100%; margin: 40px 0 60px;}
.contact_left{ float: left; width: 400px; margin: 0 0 0 50px; display: inline;}
.title7{font-size: 18px; color: #333; line-height: 20px; margin: 0 0 20px;}
.detail4{ font-size: 14px; line-height: 34px;}
.contact_right{ float: right; width: 128px; margin: 0 158px 0 0; display: inline; text-align: center;}
.contact_right span{display: block; font-size: 14px; line-height: 36px;}
/*关于我们 end*/

/*产品详情页*/
.prodl{ float: left; width: 100%; margin: 40px 0 0;}
.prodl dt{ float: left; width: 476px;}
.prodl dt img{display: block; vertical-align: bottom; width: 470px; height:320px; border:3px solid #920300}
.prodl dd{float: right; width: 340px;}
.title8{ margin: 48px 0 0; color: #222; font-size: 20px; line-height: 34px;}
.detail5{ margin: 10px 0 0; line-height: 38px; font-size: 14px; color: #222;}
.prodetail_tablist{float: left; width: 100%; margin: 50px 0 30px;}
.prodetail_tablist span{ float: left; width: 245px; height: 56px; line-height: 56px; text-align: center; border: 1px solid #d4d4d4; font-size: 18px; cursor: pointer;}
.prodetail_tablist span.on{ background: #920300; color: #fff;}
.prodetail_tabcon{float: left; width: 796px; background: #f8f8f8; padding: 30px 40px;}
.prodetail{line-height: 31px;}
.prodetail img{ max-width: 100%;}
.prodetail_tabcon1{ display: none;}
.titlebox{float: left; width: 100%; margin: 40px 0 0;}
.title9{float: left; line-height: 58px; color: #2d2c2a;}
.title9 span{font-size: 24px; margin: 0 8px 0 0; }
.title9 i{ font-size: 16px; font-family: arial; text-transform: uppercase;}
/*产品详情页 end*/

/*新闻中心*/
.newslist{float: left; width: 900px;}
.newslist li{ float: left; width: 276px; margin: 40px 24px 0 0;}
.newslist li img{ display: block; width: 276px; height: 152px; vertical-align: bottom;}
.newstxt{ border: 1px solid #e1e1e1; padding: 15px 20px 20px; overflow:hidden;}
.newstxt span{ display: block; line-height: 28px; font-size: 14px; color: #222; margin: 0 0 10px; height:28px; overflow: hidden;}
.newstxt i{ display: block; line-height: 18px; height: 36px; overflow:hidden}
.newslist li a{ display: block;}
.newslist li a:hover{box-shadow: 2px 2px 8px rgba(0,0,0,0.1),-2px -2px 8px rgba(0,0,0,0.1);}
.title18{ text-align: center; color: #494949; font-size: 20px; margin: 40px 0 0; line-height: 36px; }
.newsinfo{ text-align: center; color: #a5a5a5; line-height: 40px; margin:5px 0 0;}
.newsinfo span{margin: 0 20px;}
.newsdetail{ border-top: 1px dotted #bbb; padding: 20px 0 0; margin: 16px 0 0;}
/*新闻中心 end*/

/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:1200px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/