@charset "utf-8";







body{margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 26px;}







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







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







a:hover{color: #ff7704;}







.fl{float: left;}







.fr{float: right;}







.clear{clear: both;}







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







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















.topbar{height: 30px; width: 100%; background: #000; color: #fff; line-height: 30px;}







.topbar a{color: #fff; line-height: 30px; display: inline-block;}







.topbar a:hover{color: #FF7704;}







.topbar .lang a{ padding-left: 35px; background: url(../img/home_03.jpg) left center no-repeat; }







.topbar .other a{ margin-left: 10px;}







.header{height: 36px; padding: 41px 0 35px 0;}







.header .logo{height: 36px; width: 204px; background: url(../img/home_07.jpg) left center no-repeat;}







.header .logo a.logolink{display: block; height: 36px; width: 204px; background: url(../img/home_07.jpg) center no-repeat;}























.logo a.mobileBtn{width:30px; height:30px; float: right; margin: 3px 0px 0 0;  cursor:pointer; position: relative;  display: none;







transition:.2s .1s; -moz-transition:.2s .1s; -ms-transition:.2s .1s; -o-transition:.2s .1s; -webkit-transition:.2s .1s;







transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 







-moz-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 







-ms-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1);







 -o-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 







-webkit-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }







.logo a.mobileBtn hr{height:4px; background:#ffffff; background:#ed6d00; display:block; margin:0; padding:0; border:none; position:absolute;







transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}







.logo a.mobileBtn hr:nth-child(1){width:100%; top:0; right:0;}







.logo a.mobileBtn hr:nth-child(2){width:40%; top:50%; left:0; margin-top:-2px; opacity:1;}







.logo a.mobileBtn hr:nth-child(3){width:40%; top:50%; right:0; margin-top:-2px; opacity:1;}







.logo a.mobileBtn hr:nth-child(4){width:100%; bottom:0; right:0;}























.header .search{ height: 30px; margin: 2px 0; width: 246px; border: 1px solid #d4d4d4;}







.header .search .txt{width: 202px; padding: 0; padding-left: 12px; line-height: 30px; border: 0; border-right: 1px solid #d4d4d4; }







.header .search .btn{width: 30px; height: 30px; background: url(../img/sbtn.jpg) center no-repeat; border: none; transition: all .3s; opacity: 1; padding: 0; margin: 0;}







.header .search .btn:hover{ opacity: .8;}







.menu{ width:100%; background: #818181;}







.menu ul li{height: 42px; width: 20%; float: left; position:relative;}







.menu ul li a{display: block; text-align: center; background: #818181; color: #fff; font-size: 18px;  line-height: 42px;}







.menu ul li a:hover,.menu ul li a.active{ background: #FF7704;}







.menu ul li .child{ position:absolute; top:42px; left:0; width:280px;background:#818181; z-index:9999; display:none; box-shadow: 2px 2px 10px #818181;







    -webkit-box-shadow: 2px 2px 10px #818181;







    -moz-box-shadow: 2px 2px 10px #818181;}







.menu ul li .child.show{display:block;}







.menu ul li .child ul{position:relative;}







.menu ul li .child ul li{  width:100%; height:auto; float:none; background:#e4e4e4;}







.menu ul li .child ul li a{ text-align:left; padding:10px 5%; line-height:22px;  font-size:16px; border-bottom:1px solid #ab9f9f; }















.menu ul li .child ul li a.haschild{}







.menu ul li .child ul li a.haschild:after{ content:">"; float:right; color:#ab9f9f; }















.menu ul li .child ul li .thirdchild{ position:absolute; top:0; left:280px; width:280px; background:#a7a7a7; display:none; box-shadow: 2px 2px 10px #818181; -webkit-box-shadow: 2px 2px 10px #818181; -moz-box-shadow: 2px 2px 10px #818181; }







.menu ul li .child ul li .thirdchild.show{display:block;}







.menu ul li .child ul li .thirdchild li{ background:#a7a7a7;}







.menu ul li .child ul li .thirdchild a{white-space: nowrap; overflow: hidden; background:transparent; text-overflow: ellipsis;  color:#fff;  border-bottom:1px solid #c7c5c5;}







.menu ul li .child ul li .thirdchild a:hover{background: #FF7704; color:#fff;}















.banner{width: 100%; overflow:hidden; position:relative;}







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

.hd01{text-align:center; position:absolute; bottom:0; left:0; right:0;}
.hd01 .swiper-pagination-bullet {
    width: 45px;
    height: 3px;
    display: inline-block;
    margin: 0 7px;
    background: #818181;
    position: relative;
    opacity: 1;
    border-radius: 0;
}
.hd01 .swiper-pagination-bullet-active{
	background: #818181;
}



.iprobox{ padding: 25px 0 40px 0;}







.ipro{}







.ipro li{width: 33.33%; background: url(../img/line.jpg) right center no-repeat; float: left;}







.ipro li:nth-last-child(1){background: none;}







.ipro li .probox{ padding: 0 15px;}







.ipro li .probox .pic{text-align: center;}







.ipro li .probox .tit{ font-size: 22px; color: #070707; line-height: 42px; text-align: center;}







.ipro li .probox .intro{font-size: 12px; color: #585757; line-height: 22px; padding: 10px 0;}







.ipro li .probox .more{text-align: center;}







.ipro li .probox .more a{ color: #d42a1d; font-size: 14px; font-weight: bold; padding-right: 20px; line-height: 30px; background: url(../img/more.jpg) right center no-repeat; display: inline-block;}















.itabbox{width: 343px; height: 278px; background: url(../img/aboutbg.jpg) no-repeat center; padding: 65px 90px 0 93px;}







.itabbox .tabbtn{height: 40px;}







.itabbox .tabbtn a{display: block; width: 50%; float: left; line-height: 40px; text-align: center; font-size: 20px; background: #ffbe09; color: #fff;}







.itabbox .tabbtn a:hover,.itabbox .tabbtn a.active{background: #FFF; color: #030303; }







.itabbox .tabcon{}







.itabbox .tabcon .tabconbox{display: none;}







.itabbox .tabcon .iabout{color: #fff; padding-top: 15px;}







.itabbox .tabcon .ipress{padding-top: 15px;}







.itabbox .tabcon .ipress ul li{line-height: 26px; color: #fff; height: 26px;}







.itabbox .tabcon .ipress ul li a{color: #fff; float: left;}







.itabbox .tabcon .ipress ul li span{float: right;}







.itabimgbox{width: 654px; height: 343px;}







.mb36{margin-bottom: 36px;}







.footer{background: #444; color: #d7d7d7; padding: 10px 0 0 0;}







.footer .link{padding: 17px 0;}







.footer .link a{display: block; height: 20px; margin-right: 25px; float: left; background-image: url(../img/home_32.jpg); background-repeat: no-repeat;}







.footer .link a.a1{width: 30px; background-position: 0 0;}







.footer .link a.a2{width: 20px; background-position: -55px 0;}







.footer .link a.a3{width: 20px; background-position: -100px 0; position:relative;}















.footer .link a.a4{width: 20px; background-position: -145px 0;}







.footer .link a.a5{width: 20px; background-position: -190px 0;}























.st_facebook_large,.st_googleplus_large,.st_twitter_large,.st_linkedin_large, .st_print_large {







    margin-left: 5px;







}















.footer .footertree{padding: 30px 0 20px 0; border: 1px solid #6d6d6d; border-left: none; border-right: none;}







.footer .footertree .treelist{width: 20%; float: left;}







.footer .footertree .treelist li{line-height: 24px;}







.footer .footertree .treelist li a{color: #d7d7d7;}







.footer .footertree .treelist li a:hover{color: #FF7704;}







.footer .footertree .treelist .tit{line-height: 36px;}







.footer .footertree .treelist .tit a{color: #fff; font-weight:bold;}







.footer .copy{font-size: 14px; line-height: 62px; height: 62px;}















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







.infobanner img{visibility: hidden;}







.main{padding: 27px 0;}







.main .side{padding: 15px; width: 247px; min-height: 450px; background: #f3f3f3;}







.main .side .proside{margin-bottom:10px;}







.main .side .tit{height: 48px; padding: 0 10px; background: #fff;}







.main .side .tit h2{ margin: 0; padding: 0; line-height: 47px; border-bottom: 1px solid #e9e9e9; background: url(../img/about_05.jpg) 210px 22px no-repeat; font-size: 20px; color: #444; }







.main .side .tit.active h2{color: #fe7704;}







.main .side .tit.active{ margin-bottom: 0;}







.main .side .con{ background: #fff; padding: 10px 10px 50px 10px; margin-bottom: 10px; display: none; height: 0; }







.main .side .con.active{display: block; height: auto;}







.main .side .con.open{display: block; height: auto;}







.main .side .tit.open{margin-bottom: 0px;}







.main .side .con ul li{line-height: 36px;}







.main .side .con ul li a{padding-left: 22px; line-height: 36px; display: inline-block; background: url(../img/about_09.jpg) left center no-repeat; color: #828282; font-size: 12px;}







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















.main .info{margin-left: 310px;}







.main .info .tit{font-size: 22px; color: #1d1c1c; line-height: 38px; margin-bottom: 20px;}







.main .info .con{font-size: 16px; color: #444; line-height: 32px; padding-bottom: 100px;}







.main .info .con .prointro{ont-size:14px ; color: #353333; padding: 0 0 20px 0; line-height: 24px;}







.main .info .con .prolist{}







.main .info .con .prolist li{ width: 31.6%; margin-right: 2%; margin-bottom: 60px; border: 1px solid #E2E2E2; float: left;}







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







.main .info .con .prolist li .protit{ line-height: 46px; padding: 0 10px; font-size: 16px; color: #353636; background: #f0f0f0; text-align:center;}







.main .info .con .prolist li .propic{text-align: center;}







.main .info .con .prolist li .prointro{font-size: 14px; line-height: 22px; color: #666; padding:  0 10px 10px 10px; text-align:center;}























.newslist{}







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







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







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







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







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























.procatebox{ margin-bottom: 40px;}







.procatebox .catetit{ font-size: 22px; color: #353333; line-break: 36px; font-weight: bold;}







.procatebox .intro{font-size:14px ; color: #353333; padding: 10px 0;}







.procatebox .smallcate{ padding: 10px 0 0 0; line-height: 36px; text-align: right;}







.procatebox .smallcate a{display: inline-block; margin-left: 20px; font-size: 14px; line-height: 36px; color: #353333;}







.procatebox .smallcate a:hover{color: #FF7704;}







.procatebox .cateprolist{ padding:20px 0;}







.procatebox .cateprolist ul li{ width: 23.3%; margin-right: 2%; border: 1px solid #E2E2E2; float: left;}

.procatebox.search .cateprolist ul li{ margin-bottom:20px;}

.procatebox .cateprolist ul li:nth-child(4n){margin: 0;}







.procatebox .cateprolist ul li .protit{ line-height: 46px; padding: 0 10px; font-size: 16px; color: #353636; background: #f0f0f0; text-align:center;}







.procatebox .cateprolist ul li .propic{text-align: center;}







.procatebox .cateprolist ul li .prointro{font-size: 14px; line-height: 22px; color: #666; padding:  0 10px 10px 10px; text-align:center;}















.pdpicbox{ width: 555px;}







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







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







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







.pdpicbox .smallpicbox{min-height: 88px;}







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







.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: 28px; color: #6e6b6b; line-height: 36px; margin: 0; margin-bottom: 40px;}







.pdinfo .proattr{height: 283px; line-height: 30px; font-size: 16px; color: #7e7a7a;}







.pdinfo a.inqurybtn{padding: 0 40px; background: #ed6d00; line-height: 45px; display: inline-block; color: #fff; font-size: 20px; 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: 40px 0 30px 0;}







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















.pdprolist{}







.pdprolist .tit{height: 52px; border-bottom: 1px solid #E4E6E5;}







.pdprolist .tit a{display: inline-block; padding: 0 30px 0 10px; font-size: 18px; font-weight: bold; line-height: 51px; border-bottom: 2px solid #D70010; margin-bottom: -1px;}







.pdprolist .con {padding: 10px 0;}







.pdprolist .con ul li{width: 15%; margin-right: 1%; border: 1px solid #E4E6E5; float: left;}







.pdprolist .con ul li .ptit{padding: 4px 10px; line-height: 22px; text-align:center;}



.pdprolist .con ul li .protit{ line-height: 32px; font-size: 12px; color: #353636; background: #f0f0f0; text-align:center;}



.pdprolist .con ul li .propic{text-align: center;}



.pdprolist .con ul li .prointro{font-size: 12px; line-height: 22px; color: #666; text-align:center;}























.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(../img/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;}















.pagelist{ margin: 15px 0; text-align:center;}







.pagelist a{  font-size: 12px;







    cursor: pointer;







    margin: 0 5px;







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







.pagelist a:hover,.pagelist a.current{  background:#0066d9; color:#fff; border:1px solid #0066d9;}















.page {







    margin: 15px 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:#0066d9; color:#fff; border:1px solid #0066d9;







  }







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







  













@media(max-width:600px) {







	







	.ipro li{width: 100%; background: none;}







}







@media(max-width:760px) {







	.wrap{width: 96%; margin: 0 auto;}







	.header{padding: 10px 0; height: 86px;}







	







	.header .logo{width: 100%; margin-bottom: 10px;}







	.header .logo a.mobileBtn{display: block;}







	.header .logo a.mobileBtn.open hr:nth-child(1){width:100%; top:50%; margin-top:-2px; transform:rotate(45deg); -moz-transform:rotate(45deg);







-ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); 







transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; 







-o-transform-origin:center; -webkit-transform-origin:center;}







	.header .logo a.mobileBtn.open hr:nth-child(2){opacity:0; left:-50%;}







	.header .logo a.mobileBtn.open hr:nth-child(3){opacity:0; right:-50%;}







	.header .logo a.mobileBtn.open hr:nth-child(4){width:100%; bottom:50%; margin-bottom:-2px; transform:rotate(-45deg); -moz-transform:rotate(-45deg);







	-ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); 







	transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; 







	-o-transform-origin:center; -webkit-transform-origin:center;}







	







	.header .search{width: 100%;  float: none; clear: both; display:none;}







	.header .search .txt{width: 80%; padding-left: 3%;}







	.header .search .btn{ min-width: 30px; width: 16%;}







	







	.menu{ height: 0; overflow: hidden; transition: all .4s; }







	.menu.open{height: auto; margin-bottom:10px;}







	.menu ul li{height: 42px; width: 100%; float: left;}







	







	.banner .swiper-wrapper .swiper-slide div{height: 300px;}







	







	.itabbox{width: 80%; padding: 65px 10% 0 10%;}







	.itabimgbox{width: 100%; height: auto;}







	







	.footer .footertree .treelist{width: 100%; margin-bottom: 10px; height: 36px; overflow: hidden;}







	.footer .footertree .treelist.open{height: auto;}







	.footer .footertree .treelist li{ width: 100%;}







	.footer .footertree .treelist li a{}







	.footer .footertree .treelist li.tit{width: 100%;}







	.footer .footertree .treelist li.tit a{font-size: 16px; font-weight: bold;}







	.footer .footertree .treelist li.tit:after{content: '+';    float: right;







    font-size: 14px;







    font-weight: normal;







    margin-top: -2px;







    margin-right: 8px;







    -webkit-transition: -webkit-transform .3s ease;







    transition: -webkit-transform .3s ease;







    transition: transform .3s ease;







    transition: transform .3s ease, -webkit-transform .3s ease;}







    .footer .footertree .treelist li.tit.open:after{







    	-webkit-transform: rotate(45deg) scale(1.08);







    -ms-transform: rotate(45deg) scale(1.08);







    transform: rotate(45deg) scale(1.08);







	







    }







        







	.infobanner{height: 260px;}







	.main .side{width: 100%; padding: 0; min-height: auto; float: none;}







	.main .side .tit h2{background: url(../img/about_05.jpg) right center no-repeat;}







	.main .side .con{ height:0; padding:0 10px; transition: all .4s; overflow: hidden; display: block;}







	.main .side .con.open{height: auto; padding: 10px;}







	.main .info{margin-left: 0;}







	.main .info .tit{ margin-top: 20px;}







	.footer .copy{padding: 10px; height: 42px; line-height: 21px ; text-align: center;}







	







	.procatebox .cateprolist ul li{width: 48.5%; margin-bottom: 10px;}







	.procatebox .cateprolist ul li:nth-child(2n){margin-right: 0;}







	.procatebox .cateprolist ul li .protit{ font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}







	.main .info .con .prolist li{width: 47%;}











	.main .info .con .prolist li:nth-child(3n){ margin-right: 2%;}







	.pdpicbox{width: 100%; float: none;}







	.pdpicbox .bigpicbox{width: 100%; height: auto;}







	.pdpicbox .bigpicbox ul li{width: 100%; height: auto;}







	.pdpicbox .smallpicbox{height: auto;}







	.pdpicbox .smallpicbox ul li{width: 20%; margin-right: 2%; height: auto;}







	.pdinfo{ margin-left: 0; padding: 30px 0 0 0;}







	.pdinfo .proattr{height: auto;}







	







	.pdprolist .con ul li{width: 48.5%; margin-left: 2px; margin-bottom: 10px;}







	.pdprolist .con ul li:nth-child(2n){margin-right: 0;}







	







}







@media(min-width:761px) and (max-width:1000px) {







	







	.wrap{width: 96%;}	







	.itabbox{width: 80%; padding: 65px 10% 0 10%; background-size: cover;}







	.itabimgbox{ display: none;}







	.banner .slide div{height: 360px;}







	.procatebox .cateprolist ul li{width: 23%;}







}















@media(min-width:1001px) and (max-width:1200px) {







	







	.wrap{width: 96%;}	







	.itabbox{width: 46%; padding: 65px 2% 0 2%; background-size: cover;}







	.itabimgbox{  width: 50%; overflow: hidden;}







	.itabimgbox img{height: 100%;}







}

@media(max-width:430px) {







	.procatebox .cateprolist ul li{ width: 47%;}







	.procatebox .cateprolist ul li .protit{ font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;}







	.ipro li{width: 100%; background: none;}







}