@charset "utf-8";

/* CSS Document */

body{margin: 0; padding: 0; font-family: Arial; font-size: 12px;  line-height: 26px; color:#737070;}

ul,ul li{list-style: none; margin: 0; padding: 0;}

a:link,a:visited{text-decoration: none; transition: all .4s; color: #737070;}

a:hover{color: #cc0001;}

.fl{float: left;}

.fr{float: right;}

.clear{clear: both;}

img{border: 0; vertical-align: middle; max-width: 100%; height: auto;}

.wrap{width: 1210px; margin: 0 auto;}



.header{height:63px; padding:6px 0 12px 0;}

.logo{width:77px; height:63px; background:url(index_03.jpg) center no-repeat;}

.logo a{height:63px; display:block;}



.menu{ height:36px; margin:23px 0 4px 0; }

.menu ul li{ margin-left:48px; float:left; line-height:36px; position:relative;}

.menu ul li a{font-size:18px; color:#737070; line-height:36px;}

.menu ul li a:hover,.menu ul li a.active{color:#cc0001;}
.menu ul li a.haschild{padding-right:22px; background:url(index_06.jpg) right center no-repeat;}

.menu ul li ul.child{padding-top:15px; width:200px; position:absolute; top:36px; left:-10px; background:#fff; z-index:999; display:none;  }

.menu ul li ul.child li{ float:none; margin:0;  position:relative;}

.menu ul li ul.child li a{font-size:14px; display:block;padding-left:10px; line-height:36px; }
.menu ul li ul.child li.haschild>a:after{content:">"; margin-right:10px; float:right;}
.menu ul li ul.child li a:hover{ color:#cf0010;}
.menu ul li ul.child li.hover{ background:#ebeff1;}
.menu ul li ul.child li.hover>a{color:#cf0010;}
.menu ul li ul.child li .thirdchild{ position:absolute; top:0; left:200px; width:260px; background:#ebeff1; display:none;}
.menu ul li ul.child li .thirdchild li a{display:block;}
.menu ul li ul.child li .thirdchild li a:hover{ background:#fff;}



.banner{width: 100%;}

.banner .slide div{height: 521px; background-position: center; background-repeat: no-repeat; background-size: cover;}



.iabout{padding:44px 0 0 0;}

.iabout .pic{width:627px; }

.iabout .con{ width:440px; padding:60px 60px 0 0;}

.iabout .con h2{font-size:24px; font-family:Tahoma; line-height:48px; color:#000;}

.iabout .con div.intro{ font-size:14px; line-height:24px; color:#737070;}

.iabout .con .more{ padding:60px 0 0 0; }

.iabout .con .more a{display:inline-block; padding:0 24px; font-size:12px; line-height:44px; font-family:Tahoma; background:#cc0001; color:#fff;}

.iabout .con .more a:hover{opacity:.8;}

.ipro{padding:0 0 44px 0;}

.ipro .pic{width:583px; }

.ipro .con{ width:511px; padding:80px 0 0 60px;}

.ipro .con h2{font-size:24px; font-family:Tahoma; line-height:48px; color:#000;}

.ipro .con div.intro{ font-size:14px; line-height:24px; color:#737070;}

.ipro .con .more{ padding:60px 0 0 0; }

.ipro .con .more a{display:inline-block; padding:0 24px; font-size:12px; line-height:44px; font-family:Tahoma; background:#cc0001; color:#fff;}

.ipro .con .more a:hover{opacity:.8;}



.footer{ padding:61px 0 30px 0 ; background:#4d4d4d;}

.footer .logo{width:89px; height:69px; background:url(index_23.jpg) center no-repeat;}

.footer .logo a{height:69px; display:block;}

.footer .cattree{padding:15px 0 0 97px;}

.footer .cattree ul li{float:left; width:205px; line-height:38px; }

.footer .cattree ul li a{font-size:14px; color:#fbfbfb; line-height:38px; display:block;}

.footer .cattree ul li a:hover{color:#cc0001;}

.footer .finfo{width:287px; margin:-11px 0 -20px 0;}

.footer .finfo .joinuson{padding:32px 0 0 0; height:35px; margin-bottom:47px; background:url(index_20.jpg) left top no-repeat;}

.footer .finfo .joinuson a{height:35px; margin-right:32px; display:block; float:left; background-image:url(index_27.jpg); background-repeat:no-repeat;}

.footer .finfo .joinuson a.last{margin-right:0;}

.footer .finfo .joinuson a:hover{opacity:.8;}

.footer .finfo .joinuson  a.a1{width:23px; background-position:0 0;}

.footer .finfo .joinuson  a.a2{width:37px; background-position:-56px 0;}

.footer .finfo .joinuson  a.a3{width:33px; background-position:-125px 0;}

.footer .finfo .joinuson  a.a4{width:33px; background-position:-191px 0;}

.footer .finfo .joinuson  a.a5{width:30px; background-position: right center;}

.footer .finfo .wx{margin-right:64px; text-align:right;}

.footer .copy{ font-size:14px; color:#fbfbfb; font-family:Tahoma; text-align:center;}



.infobanner{width:100%; height:290px; background-size:cover; background-position:center; background-repeat:no-repeat;}

.infobanner img{visibility:hidden;}

.main{min-height:600px; width:100%; background:url(infobg.png) bottom right no-repeat; padding-top:46px;}

.main .side{width:250px; }

.main .side .tit{height:58px; background:#ff7b02; color:#fff; font-size:24px; line-height:58px; padding-left:20px;}

.main .side .con{ margin-bottom:60px;}

.main .side .con ul li{ border-bottom:1px solid #dad8d9;}

.main .side .con ul li a{font-size:16px; color:#949393; line-height:20px; display:block; padding:10px 0 10px 20px;}

.main .side .con ul li a:hover,.main .side .con ul li a.active{color:#cc0001;}

.main .proside .tit{background:url(products_06.jpg) 220px 20px no-repeat #ff7b02;}

.main .proside .con ul li.cat a{ font-size:20px; color:#ff7b02;}



.main .info{ width:925px;}

.main .info .tit{ font-size:30px; color:#ff7b02; line-height:60px; padding-top:20px;}

.main .info .con{ color:#7b7b7b; font-size:12px; line-height:40px; padding:20px 0 100px 0;}

.prolist li{ width:295px; float:left; margin-right:20px; margin-bottom:20px;}

.prolist li:nth-child(3n){margin-right:0;}

.prolist li div.pic{width:293px; height:251px; border:1px solid #d8d8d8;}

.prolist li div.t{line-height:20px; padding:10px 0; text-align:center;}

.prolist li div.t a{font-size:16px;}

.page {

    margin: 30px 0; text-align:center;

  }

  .page a ,.page span{

    font-size: 12px;

    cursor: pointer;

    margin: 0 5px;

    background:#fff; border:1px solid #ccc; color:#1f1f1f;

  }

  .page a:hover ,.page a.current{

    background:#cc0001; color:#fff; border:1px solid #cc0001;

  }

  .page a,.page span{ padding:4px 8px; margin:0 4px; line-height:22px;}

.promain{padding:20px 0 0 0; background:none;}

.pdpath{ line-height:36px; color:#ccc; font-size:14px; margin-bottom:20px;}

.pdpath a{color:#ff7b04;}

.pdpath span{color:#000;}

.pdpicbox{ width: 555px;}

.pdpicbox .bigpicbox{border: 1px solid #EAEAEA; width: 553px; height: 400px; margin-bottom: 15px; text-align:center;}

.pdpicbox .bigpicbox ul li{width: 553px; height: 400px; display: none;}

.pdpicbox .bigpicbox ul li.active{display: block;}

.pdpicbox .smallpicbox{height: 74px;}

.pdpicbox .smallpicbox ul li{width: 98px; height: 72px; border: 1px solid #eaeaea; cursor: pointer; float: left; margin-right: 8px; }

.pdpicbox .smallpicbox ul li:nth-last-child(1){ margin: 0;}

.pdpicbox .smallpicbox ul li.active{border-color: #d70010;}

.pdinfo{margin-left: 589px;}

.pdinfo h1{font-size: 18px; color: #6e6b6b; line-height: 36px; margin: 0; margin-bottom: 40px;}

.pdinfo h1 span{color:#ff7b02;}

.pdinfo .proattr{height: 160px; line-height: 30px; font-size: 16px; color: #7e7a7a; margin-bottom:60px;}

.pdinfo a.inqurybtn{padding: 0 40px; background: #ed6d00; line-height: 52px; display: inline-block; color: #fff; font-size: 24px; font-weight: bold;}

.pdinfo a.inqurybtn:hover{color: #fff;}

.pdinfo .prolink {padding: 15px 0;}

.pdinfo .prolink a{font-size: 14px; padding-left: 20px; display: inline-block; margin-right: 10px;}

.pdinfo .prolink a.a1{ background: url(../img/pro2_14.jpg) left center no-repeat;}

.pdinfo .prolink a.a2{ background: url(../img/pro2_11.jpg) left center no-repeat;}

.pdinfo .prolink a.a3{ background: url(../img/pro2_06.jpg) left center no-repeat;}

.pdinfo .prolink a.a3 .share-show{  border:1px solid #eee; width:148px; padding:8px 8px 0 8px; position:absolute; display:none; z-index:2}

.pdinfo .prolink a.a3:hover .share-show{display:block;}

.share-show span{margin: 0px 0px 0px 3px;}

.share-show .stButton .stLarge{ width:17px; height:17px; background-size:cover}

.share-show .stButton .stLarge:hover{ background-position: -17px;}

.pdinfo .prolink a.a4{ background: url(../img/pro2_08.jpg) left center no-repeat;}



.protab{ padding-top: 60px; margin-bottom: 60px;}

.protab .protabbtn{ height: 52px; border-bottom: 1px solid #e4e6e5; }

.protab .protabbtn a{border-top: 2px solid #d70010; border-right: 0; line-height: 51px; text-align: center; display: block; float: left; padding: 0 15px; background: #f8f9fb; font-size: 18px; font-weight: bold; margin-bottom: -1px;}

.protab .protabbtn a:nth-last-child(1){border-right:1px solid #e4e6e5;}

.protab .protabbtn a.active{background: #fff; border-top: 2px solid #d70010; margin-bottom: -1px; border-bottom: 0px;}

.protab .protabcon{display: none; padding: 25px 0 30px 0;}

.protab .protabcon.active{display: block;}





.share span{margin: 0px 0px 0px 3px;}

.share .stButton .stLarge{ width:17px; height:17px; background-size:cover}

.share .stButton .stLarge:hover{ background-position: -17px;}







.formbox{ width:90%; margin:0 auto;  padding-bottom: 80px; font-size:14px; line-height:30px; border:1px solid #e4e4e4; padding:5%;}

.formbox .linef{width:45%; float:left; margin-right:5%; min-height:93px;}

.formbox .linef label{font-weight: normal;color: #000;transition: all 0.3s;}

.formbox .linef .inputtxt{ border: none; border-bottom:1px solid #eee; border-radius: 0;box-shadow:none;background: none;padding:6px 0; height:20px; width:100%;}

.formbox .linef  .inputtxt:focus{outline:none;}

.formbox .linef .inputtxt.big{height:120px; padding:30px 1%; width:98%;  border:1px solid #eee; }

.formbox .linef.big{width:95%; margin:0;}

.formbox .linef .tips{height:30px; line-height:30px;}

.formbox .linef .inputselect{

    border: none;

    border-bottom: 1px solid #eee;

    border-radius: 0;

    box-shadow: none;

    background: none;

	height:33px; width:100%;}

.subButton{background: #bc2a1f; border:none; color: #fff; font-size: 24px;cursor: pointer; padding: 0 50px; line-height:50px; float: right; transition:all .4s;}

.subButton:hover{opacity:.8;}

.formbox .linef .tips.error{ background:url(err.png) left center no-repeat; background-size:auto 60%; padding-left:22px; color:#bc2a1f;}

.formbox .linef  .inputtxt.error,.formbox .linef  .inputselect.error{border-color:#bc2a1f;}





.newslist{}

.newslist li{ padding-bottom: 10px; margin-bottom: 40px; background: url(xline.jpg) bottom repeat-x;}

.newslist li a{font-weight: bold; color: #555; line-height: 30px; font-size: 14px;}

.newslist li a:hover{color: #cc0001;}

.newslist li p{font-size: 14px; padding: 10px 0; margin: 0; line-height: 24px; color: #868686;}

.newslist li span{color: #cc0001;font-size: 14px; }