*{ padding: 0; margin: 0;} body{ background: #fff;} a{ text-decoration: none; outline: none;} a:hover{ text-decoration: none;} ul{ list-style: none;} body,html,div,a,p,ul,li,span,b,i,em,small,input,button{ font-family: "microsoft yahei";} i,em{ font-style: normal;} img{ border: 0;} .w1200{ width: 1200px; margin: 0 auto;} .w1000{ width: 1000px; margin: 0 auto;} .w800{ width: 800px; margin: 0 auto; padding-left: 100px;} .w1100{ width: 1100px; margin: 0 auto;} .pull-left{ float: left;} .pull-right{ float:right} .col-md-6{ width: 50%; float: left; height: 800px; overflow: hidden;} .clearfloat:after{ display:block; clear:both; content:""; visibility:hidden; height:0} .clearfloat{ zoom:1} .logo_wrap{ padding: 0; background: #fff; overflow: hidden; } .logo_box{ overflow: hidden; margin: 0 auto; height: 92px;} .logo_wrap .logo a img{ margin: 0 auto; padding-top: 10px;} .logo_wrap .seach{ width: 300px; height:38px ; background: #f2f2f2; border: #d7d7d7 solid 1px; border-radius: 19px; margin: 26px 0 0 50px; position: relative;} .logo_wrap .seach input{ width: 100%; height: 100%; text-indent: 10px; color: #949494; border: none; background: none; outline: none} .logo_wrap .seach button{ position: absolute; right: 10px; top: 0px; width: 36px; height: 36px; cursor: pointer; background: url(../images/scoop.jpg) no-repeat center center; border: none; outline: none;} .logo_wrap .tel{ line-height: 90px; color: #f60; font-family: arial; font-size: 18px} .logo_wrap .tel a{ color:#333} .logo_wrap .tel a img{ vertical-align: middle; padding-right:6px; width:36px} .main_nav_wrap{ background: #000000;} .main_nav_wrap .main_nav dl:nth-child(1){ padding-left: 50px;} .main_nav_wrap .main_nav dl{ float: left; margin: 0; position: relative;} .main_nav_wrap .main_nav dl dt{ height: 46px; line-height: 46px; } .main_nav_wrap .main_nav dl dt span{ padding: 0 15px; color: #007FC2; font-size: 16px; float: left;} .main_nav_wrap .main_nav dl dt a{ display: inline-block; height: 100%; float: left; font-size: 18px; color: #fff; text-decoration: none; padding: 0 15px; font-family: 'Trade Gothic Bold'; font-weight: normal; } /*.main_nav_wrap .main_nav dl dt a:hover{ background: #f60;}*/ .main_nav_wrap .main_nav dl.active dt a{ background: #f60;} .main_nav_wrap .main_nav dl dd{ position: absolute; background: #fff; -webkit-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.3); box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.3); background: #f5f5f5; display:none ; z-index: 999999;} .main_nav_wrap .main_nav dl.active dd{ display: block;} .main_nav_wrap .main_nav dl dd .item-1{ padding:12px 22px; border-right: #dddddd solid 1px; background: #fff;} .main_nav_wrap .main_nav dl dd .item-1 h4{ font-size: 16px; font-family: 'Trade Gothic Bold'; color: #333; font-weight: normal; padding: 4px 0 4px 0;} .main_nav_wrap .main_nav dl dd .item-1 h4 a{ color: #333; font-size: 16px; font-family: 'Trade Gothic Bold'; color: #333; font-weight: normal;} .main_nav_wrap .main_nav dl dd .item-1 h4 a:hover{ color: #ff4c00;} .main_nav_wrap .main_nav dl dd .item-1 p{ padding-bottom: 3px;} .main_nav_wrap .main_nav dl dd .item-1 p a{ font-size: 14px; font-family: 'TradeGothicLtCondensed'; color: #333;} .main_nav_wrap .main_nav dl dd .item-1 p a:hover{ color: #ff4c00;} .main_nav_wrap .main_nav dl dd .item-2{ padding:22px;} .main_nav_wrap .main_nav dl dd .item-2 h4{ font-family: 'Trade Gothic Bold'; padding-bottom: 2%; font-size: 22px; color: #FF4C00; font-weight: normal;} .main_nav_wrap .main_nav dl dd .item-2 p{ font-size: 16px; line-height: 1.25em; font-family: 'Trade Gothic Light'; color: #888;} .main_nav_wrap .main_nav dl dd.sub_link-1{ width: 1000px; top: 46px; left: -150px;} .main_nav_wrap .main_nav dl dd.sub_link-1 .item-1{ width: 210px; height: 180px;} .main_nav_wrap .main_nav dl dd.sub_link-1 .item-2{ width: 440px;} .main_nav_wrap .main_nav dl dd.sub_link-2{ width: 800px; top: 46px; left: -200px;} .main_nav_wrap .main_nav dl dd.sub_link-2 .item-1{ width: 210px; height: 80px; padding-top: 20px;} .main_nav_wrap .main_nav dl dd.sub_link-3{ width: 800px; top: 46px; left: -300px;} .main_nav_wrap .main_nav dl dd.sub_link-3 .item-1{ width: 180px; height: 100px; padding-top: 20px;} .main_nav_wrap .main_nav dl dd.sub_link-3 .item-2{ width: 500px;} .main_nav_wrap .main_nav dl dd.sub_link-4{ width: 800px; top: 46px; left: -400px;} .main_nav_wrap .main_nav dl dd.sub_link-4 .item-1{ width: 180px; height: 170px; padding-top: 20px;} .main_nav_wrap .main_nav dl dd.sub_link-4 .item-2{ width: 500px;} .main_nav_wrap .main_nav dl dd.sub_link-5{ width: 800px; top: 46px; right: -100px;} .main_nav_wrap .main_nav dl dd.sub_link-5 .item-1{ width: 180px; height: 250px; padding-top: 20px;} .sub_banner{ width: 500px;} .main_nav_wrap .main_nav dl dd.sub_link-5 .item-2 h4{ text-align: center;} .main_nav_wrap .main_nav dl dd.sub_link-5 .item-2 .link-item{ padding: 15px 25px; text-align: center; float: left; width: 200px;} .main_nav_wrap .main_nav dl dd.sub_link-5 .item-2 .link-item .ico{ width: 55px; height: 55px; margin: 0 auto;} .main_nav_wrap .main_nav dl dd.sub_link-5 .item-2 .link-item .ico img{ width: 100%; height: 100%;} .main_nav_wrap .main_nav dl dd.sub_link-5 .item-2 .link-item .name{ padding: 10px 0; font-family: 'Trade Gothic Light'; font-size: 14px} .main_nav_wrap .main_nav dl dd.sub_link-5 .item-2 .link-item .name a{ color: #FF4C00;} .main_nav_wrap .main_nav dl dd.sub_link-5 .item-2 .link-item .banner-info-description{ font-size: 13px; line-height: 21px;} .main_nav_wrap .main_nav dl dd.sub_link-5 .item-2 .link-item .tel_link span{ display: inline-block; text-align: center; font-size: 13px; padding: 0 10px;} .main_nav_wrap .main_nav dl dd.sub_link-5 .item-2 .link-item .tel_link a{ color: #FF4C00;font-size: 12px} .carousel-inner .item{ } .carousel-caption{ background: rgba(0,0,0,0.5); bottom:150px;} .carousel-caption h4{ color: #fff; font-size: 48px; font-family: impact;} .banner{ width: 100%; height: 600px; overflow: hidden; position: relative;} .banner .slide{ width: 100%; height: 600px; overflow: hidden; } .banner .slide li{ width: 100%; height: 600px; overflow: hidden; position: relative;} .banner .slide li img{ position: absolute; top: 0; left: 50%; margin-left: -1000px; max-width: 2000px; /*max-height: 600px;*/} .banner .slide li .txt_box{ position: absolute; top: 40%; left: 50%; width: 1000px; margin-left: -500px;} .banner .slide li .txt{ padding: 15px; background: rgba(0,0,0,0.3); position: absolute;} .banner .slide li .txt h4{ font-size: 47px; color: #fff; font-family: 'ChampionGothicWelterweight'; line-height: 1; letter-spacing: 2px; text-shadow: 1px 1px 5px black; font-weight: normal; text-transform: uppercase;} .banner .slide li .txt h5{ font-family: 'Trade Gothic Bold'; color: white; text-transform: capitalize; font-size: 22px; text-shadow: 1px 1px 5px black; font-weight: normal; padding-top: 15px; text-transform: uppercase;} .banner .slide li .txt .banner_btn{ padding-top: 15px;} .banner .slide li .txt .banner_btn a{ /*background-color: #FF4C00;*/ background-color:#5f9e0f; padding: 10px 20px; color: white; border-radius: 3px; cursor: pointer; font-family: 'Trade Gothic Bold'; font-size: 16px; border: 1px solid #5f9e0f; text-align: center; display: inline-block;} .banner .slide li:nth-child(1) .txt .banner_btn a{ background-color: #FF4C00; padding: 10px 20px; color: white; border-radius: 3px; cursor: pointer; font-family: 'Trade Gothic Bold'; font-size: 16px; border: 1px solid #FF4C00; text-align: center; display: inline-block;} .banner .slide li:nth-child(2) .txt .banner_btn a{ background-color: #5f9e0f; padding: 10px 20px; color: white; border-radius: 3px; cursor: pointer; font-family: 'Trade Gothic Bold'; font-size: 16px; border: 1px solid #5f9e0f; text-align: center; display: inline-block;} .banner .slide li:nth-child(3) .txt .banner_btn a{ background-color: #5f9e0f; padding: 10px 20px; color: white; border-radius: 3px; cursor: pointer; font-family: 'Trade Gothic Bold'; font-size: 16px; border: 1px solid #5f9e0f; text-align: center; display: inline-block;} .banner .slide li:nth-child(4) .txt .banner_btn a{ background-color: #007fc2; padding: 10px 20px; color: white; border-radius: 3px; cursor: pointer; font-family: 'Trade Gothic Bold'; font-size: 16px; border: 1px solid #007fc2; text-align: center; display: inline-block;} .banner .btn{ position:absolute; top:50%; margin-top:-30px; width:30px; height:60px;/* background:rgba(0,0,0,0.5);*/ color:#fff; text-align:center; line-height:60px; font-size:60px; display:none; cursor:pointer; font-family:����;} .banner .btn.left-btn{ left: 20px;} .banner .btn.right-btn{ right: 20px;} .banner:hover .btn{ display: block;} .banner .num{ position: absolute; text-align: center; font-size: 0; width: 100%; left: 0; bottom: 20px; width:140px\9; left: 50%\9; margin-left: -70px\9;} .banner .num li{ display: inline-block; width: 14px; height: 14px; border-radius: 100%; background: #333; cursor: pointer; margin: 0 3px; _float:left; float:left\9;} .banner .num li.active{ background: #f30;} .first_con{ padding: 30px 0; padding-bottom: 0;} .first_con .title{ text-align: center; padding: 30px 0 10px 0; font-family: 'ChampionGothicWelterweight'; font-size: 30px} .first_con .title span{ font-family: 'ChampionGothicWelterweight'; font-size: 30px} .first_con .txt{ text-align: center; font-size: 22px; font-family: 'Trade Gothic Bold'; } .situation_box{ padding: 20px 100px; /*padding-top: 35px;*/} .situation_box ul{ width: 100%;} .situation_box ul li{ float: left; display: inline-block; width: 45%; height: 40px; line-height: 40px;} .situation_box ul li:nth-child(odd){ text-align: right; padding-right: 5%;} .situation_box ul li:nth-child(even){ text-align: left; padding-left: 5%;} .situation_box ul li:nth-child(odd) span{ float: right;} .situation_box ul li:nth-child(even) span{ float: left;} .situation_box ul li span{ color: #FF4C00; font-size: 30px; display: inline-block; padding: 0 5px; margin-top: 3px;} .situation_box ul li a{ font-family: 'Trade Gothic Bold'; font-size: 18px; display: inline-block; } /*.situation_box ul li span{ color: #FF4C00; font-size: 30px; display: inline-block; float: left;} .situation_box ul li a{ font-family: 'Trade Gothic Bold'; font-size: 18px; display: inline-block; float: left; padding-left: 10px;}*/ .COLLECTIONS{ padding: 0; background: #e3e3e3;} .COLLECTIONS_title{ text-align: center; font-size: 36px; font-family: 'ChampionGothicWelterweight'; padding: 35px 0; color: #007FC2;} .COLL_nav{ height: 44px; line-height: 44px; background: #000;} .COLL_nav a{ font-size: 15px; padding: 0 15px; color: #fff; font-family: 'Trade Gothic Bold'; color: #eee;} .COLL_nav a:hover{ color: #FF4C00;} .COLL_nav .container{ padding: 0;} .COLLECTIONS .person{ position: relative; margin-top:50px} .COLLECTIONS .person img{ width: 410px;} .COLLECTIONS .person .item{ position: absolute; height: 24px; line-height: 24px; left: 0; top: 0;} .COLLECTIONS .person .item span{ position: absolute; display: inline-block; width: 18px; height: 18px; border-radius: 100%; border: #797979 solid 1px; top: 3px;} .COLLECTIONS .person .item small{ position: absolute; display: inline-block; width: 12px; height: 12px; border-radius: 100%; background:#797979 ; top: 3px; left: 3px;} .COLLECTIONS .person .item i{ height: 2px; position: absolute; left: 18px; width: 150px; border-bottom: #797979 solid 1px; top: 10px;} .COLLECTIONS .person .item a{ display: block; width: 132px; height: 24px; line-height: 24px; text-align: center; background: url(../images/c-bg.png) no-repeat; position: absolute; left: 168px; cursor: pointer; text-decoration: none; color: #333; font-family: 'Trade Gothic Bold'; font-size: 14px; text-transform: uppercase;} .COLLECTIONS .person .item.active a{ background: url(../images/c-bg-hover.png); color: #fff;} .COLLECTIONS .person .item.active i{ border-bottom: #ff4c00 solid 1px; } .COLLECTIONS .person .item.active span{ border: #ff4c00 solid 1px;} .COLLECTIONS .person .item.active span small{ background: #ff4c00;} .COLLECTIONS .person .item.item-1{ top: 63px; left: 237px;} .COLLECTIONS .person .item.item-2{ top: 113px; left: 247px;} .COLLECTIONS .person .item.item-3{ top: 293px; left: 237px;} .COLLECTIONS .person .item.item-4{ top: 433px; left: 357px;} .COLLECTIONS .person .item.item-5{ top: 160px; left: 247px;} .COLLECTIONS .person .item.item-4 i{ width: 80px;} .COLLECTIONS .person .item.item-4 a{ left: 98px;} .COLLECTIONS .fr_info{ background: #ebebeb;} .COLLECTIONS .fr_info .title{ text-align: center; padding: 25px 0; font-size: 24px; font-family: 'ChampionGothicWelterweight'} .COLLECTIONS .fr_info .txt{ padding: 0 30px; font-size: 17px; color: #222; line-height: 1.25em; font-family: 'Trade Gothic Light';} .COLLECTIONS .fr_info .list{ padding: 25px 0 25px 30px;} .COLLECTIONS .fr_info .list li{ float: left; width: 240px; padding: 15px; overflow: hidden;} .COLLECTIONS .fr_info .list li a{ display: block; width: 100%; height: 100%;} .COLLECTIONS .fr_info .list li a img{ width: 240px; height: 210px; background-color:#fff} .COLLECTIONS .fr_info .list li a span{ text-align: center; height: 30px; line-height: 30px; display: block; color: #333; font-family: 'Trade Gothic Bold'; font-size: 14px; overflow: hidden; background: #fff; margin-top: -5px;} .COLLECTIONS .fr_info .list li:nth-child(1){ border-right:#dedede solid 1px; border-bottom:#dedede solid 1px;} .COLLECTIONS .fr_info .list li:nth-child(2){ border-bottom:#dedede solid 1px;} .COLLECTIONS .fr_info .list li:nth-child(3){ border-right:#dedede solid 1px; border-bottom:#dedede solid 1px;} .COLLECTIONS .fr_info .list li:nth-child(4){ border-bottom:#dedede solid 1px;} .COLLECTIONS .fr_info .list li:nth-child(5){ border-right:#dedede solid 1px;} .COLLECTIONS .fr_info .more{ text-align: center; padding-bottom:20px} .COLLECTIONS .fr_info .more a{ display: inline-block; padding: 10px 100px; font-size: 16px; background: #FF4C00; color: #fff; font-family: 'Trade Gothic Bold'; border-radius: 3px; border: 1px solid #FF4C00; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .COLLECTIONS .fr_info .more a:hover{ background: #fff; color: #FF4C00;} /*produce hot*/ .situation_list{background:url(../images/bg.jpg) no-repeat; background-size: 100% 100%; margin-top: 30px;} .situation_list_t{ text-align: center; padding: 20px 0; color: #000; font-size: 30px; font-family: 'ChampionGothicWelterweight'; font-weight: normal; margin-bottom: -20px; text-transform: uppercase;} .scroll-outer{ height:421px;/*background:url(../images/bg.jpg) 50% 0 no-repeat;*/} #scroll{ width:1080px;margin:0 auto;padding-top:30px;font-family:"Microsoft Yahei";} #scroll .owl-wrapper-outer{margin:0 auto;} #scroll .item{position:relative;width:250px;height:340px;margin:0 auto;background-color:#fff;overflow:hidden;} #scroll .item img{ width: 250px; height: 250px;} #scroll .shd{position:absolute;left:0;top:0;width:100%;height:100%;} #scroll .shd a{display:block;width:250px;height:239px;*background-image:url(about:blank);background-image:url(about:blank)\0;} #scroll .txt{position:absolute;left:0;bottom:-25px;width:226px;height:100px;padding:0 12px;color:#888;} #scroll h3{width:226px;height:3em; line-height:1.5em; margin-bottom:6px;font:700 18px/25px arial,"Microsoft Yahei";overflow:hidden;} #scroll h3 a{color:#333;text-decoration:none;} #scroll h3 a:hover{color:#338de6;} #scroll p{width:226px;height:54px;line-height:18px;font-size:12px; display:none} #scroll .item:hover .shd{background-color:rgba(0, 0, 0, 0);} #scroll .item:hover .txt{background-color:#fff\9;background-color:rgba(248, 249, 249, 0.95);box-shadow:0 0 15px 15px rgba(248, 249, 249, 0.95);} .owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "����";background-color:transparent;overflow:hidden;_display:none;} .owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;} .owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;} .owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";} .owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";} .footer_wrap{ background:#000000; background: -webkit-linear-gradient(left, #000000 , #333333); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #000000, #333333); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #000000, #333333); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #000000 , #333333); /* 标准的语法 */ } .footer{ padding: 40px 0; color: #fff;} .footer .item-1{ width: 440px; padding-right: 25px;/* border-right:#999 solid 1px*/ background: url(../images/footer_line.png) no-repeat right center;} .footer .item-1 .t{ padding-bottom: 15px; font-size: 25px; font-family: 'ChampionGothicWelterweight'; color: #007FC2;} .footer .item-1 .txt{ font-size: 13px; line-height: 19px;} .footer .item-1 .txt p{ padding-bottom: 15px; font-family: 'Trade Gothic';} .footer .item-2{ padding-left: 35px; padding-right: 35px; background: url(../images/footer_line.png) no-repeat right center; min-height: 320px;} .footer .item-2 dt{ padding-bottom: 15px; font-size: 25px; font-family: 'ChampionGothicWelterweight'; color: #007FC2;} .footer .item-2 dd{ padding-bottom: 7px; } .footer .item-2 dd a{ color: #fff; font-family: 'TradeGothicLTCondensed'; font-size: 13px} .footer .item-2 dd a:hover{ color: #FF4C00;} .footer .item-3{ width: 250px; } .footer .item-3 dt{ padding-bottom: 15px; font-size: 25px; font-family: 'ChampionGothicWelterweight'; color: #007FC2;} .footer .item-3 dd{ padding-bottom: 8px; } .footer .item-3 dd a{ color: #fff; font-family: 'TradeGothicLTCondensed'; font-size: 13px} .footer .item-3 dd a:hover{ color: #FF4C00;} .footer .item-3 .links{ padding-top: 5px; height:100px} .footer .item-3 .links .item{ padding-top: 10px; height: 30px; line-height: 30px;} .footer .item-3 .links .item span{ display: inline-block; float: left; padding-right: 10px;} .footer .item-3 .links .item span img{ width: 30px; height: 30px;} .footer .item-3 .links .item a{ color: #fff; float: left; font-size: 13px;} .footer .item-3 .social-links{ box-sizing: content-box; color: rgb(255, 255, 255); display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: bold; height: 0px; line-height: 16.2px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;} .footer .item-3 .social-links li{ float:left; width:30px; height:30px; padding-right:6px} .footer .item-3 .social-links li a{ display:block; width:100%; height:100%; line-height:30px; color:#fff; font-size:18px; background-color:#666; text-align:center; border-radius:100%} .footer .item-3 .social-links li a:hover{ background-color:#f30} .copyright{ text-align: center; padding:0 0 40px 0; font-size: 13px; color: #888; font-family: 'Trade Gothic';} .sub_banner{ height:360px ; width: 100%; overflow: hidden; position: relative;} .sub_banner img{ position: absolute; top: 0; left: 50%; margin-left: -1000px; max-width: 2000px; width: 2000px;} .sub_banner .sub_banner_box{ height: 100%; position: relative;} .sub_banner .sub_banner_box .txt{ padding: 15px; background: rgba(0,0,0,0.0); top: 100px; position: absolute;} .sub_banner .sub_banner_box .txt h4{ font-size: 47px; color: #fff; font-family: 'ChampionGothicWelterweight'; line-height: 1; letter-spacing: 2px; text-shadow: 1px 1px 5px black; font-weight: normal;} .sub_banner .sub_banner_box .txt h5{ font-family: 'Trade Gothic Bold'; color: white; text-transform: capitalize; font-size: 22px; text-shadow: 1px 1px 5px black; font-weight: normal; padding-top: 15px;} .sub_banner .CONTACT_link{ position: absolute; right: 0; top: 80px;} .sub_banner .link-item{ padding: 15px 25px; text-align: center; float: left; width: 200px;} .sub_banner .link-item .ico{ width: 55px; height: 55px; margin: 0 auto;} .sub_banner .link-item .ico img{ width: 55px; height: 55px; position: relative; margin-left: -50px;} .sub_banner .link-item .name{ padding: 10px 0; font-family: 'Trade Gothic Light'; font-size: 14px} .sub_banner .link-item .name a{ color: #FF4C00;} .sub_banner .link-item .banner-info-description{ font-size: 13px; line-height: 21px;} .sub_banner .link-item .tel_link span{ display: inline-block; text-align: center; font-size: 13px; padding: 0 10px;} .sub_banner .link-item .tel_link a{ color: #FF4C00;font-size: 12px} .contact_title{ font-size: 30px; font-family: 'ChampionGothicWelterweight'} .contact_title_2{ padding-bottom: 15px; font-size: 22px; font-family: ''Trade Gothic Bold''} .faq_expand{ font-family: 'Trade Gothic Bold'; color: #000; font-size: 16px; cursor: pointer;} .faq_expand span,.faq_expand i{ font-family: 'Trade Gothic Bold'; color: #000; font-size: 16px; cursor: pointer;} .contact_box .contact_box_txt{ width: 810px;} .contact_box .contact_box_form{ width: 320px;} .contact_box_txt .title{ font-family: 'Trade Gothic Bold'; text-transform: uppercase; font-weight: normal; font-size: 20px; margin-top: 20px;} .contact_box_txt p{ font-family: 'Trade Gothic Light'; text-transform: uppercase; font-size: 14px; color: #444; line-height: 180%;} .contact_box_txt p span{ color: #FF4C00;} .contact_box_txt p a{ font-family: 'Trade Gothic Light'; text-transform: uppercase; font-size: 14px; color: #444;} .contact_box_txt ul{ margin:20px 0; width:100%; margin-right:-40px} .contact_box_txt ul li{ border:#ddd solid 1px; background:#F3F3F3; float:left; width:330px; margin-right:20px; height:340px; margin-bottom:20px; padding:0 20px;} .contact_box_txt ul li .title2{ text-align:center; color:#FF4C00; border-bottom:#ddd solid 2px; padding-bottom:15px} .contact_box_form .title{ font-family: 'Trade Gothic Bold'; text-transform: uppercase; font-weight: normal; font-size: 20px; margin-top: 20px;} .contact_box_form .form_item{ padding-top: 20px;} .contact_box_form .form_item dt{ text-transform: uppercase; font-size: 13px !important; font-family: 'Trade Gothic';} .contact_box_form .form_item span{ color: #FF4C00; padding-right: 5px;} .contact_box_form .form_item dd{ padding-bottom: 20px; padding-top: 5px;} .contact_box_form .form_item dd input{ background-color: #F3F3F3; border: 1px solid #ddd; border-radius: 2px; background-image: none; line-height: 1.75em; height: 2.75em; width: 100%; font-family: 'Trade Gothic'; font-size: 14px; outline: none; text-indent: 15px;} .contact_box_form .form_item dd input:focus{ background: rgb(250,250,250);} .contact_box_form .form_item dd textarea{ background-color: #F3F3F3; border: 1px solid #ddd; border-radius: 2px; background-image: none; line-height: 1.75em; height: 8.75em; width: 100%; font-family: 'Trade Gothic'; font-size: 14px; outline: none; text-indent: 15px;} .contact_box_form .form_item dd textarea:focus{ background: rgb(250,250,250);} .contact_box_form .form_btn{ } .contact_box_form .form_btn input.submit{ cursor: pointer; width: 150px !important; padding: 10px 20px !important; color: white; background-color: #FF4C00; text-transform: uppercase; border-radius: 3px; font-family: 'Trade Gothic Bold'; font-size: 16px; border: 1px solid #FF4C00;} .contact_box_form .form_btn input.reset{ cursor: pointer; width: 150px !important; padding: 10px 20px !important; color: white; text-transform: uppercase; border-radius: 3px; font-family: 'Trade Gothic Bold'; font-size: 16px; border: 1px solid #000000; background-color: #000000;} .sub_con{ padding: 35px 0;} .products_box .fl_bar{ width: 270px;} .fl_bar .title{ font-size: 24px; font-family: 'ChampionGothicWelterweight';. padding-bottom: 15px; color:#FF4C00;} .fl_bar dl dt{ font-size: 16px; color: #000; border-bottom: 1px solid #ededed; margin-top: 10px; margin-bottom: 10px; padding: 5px 0; font-family: 'Trade Gothic Bold'; cursor: pointer;} .fl_bar dl dt a{ font-size: 16px; color: #000; font-family: 'Trade Gothic Bold'; cursor: pointer; display: block; height: 100%;} .fl_bar dl dt.active a{ color: #FF4C00;} .fl_bar dl.has dt{ background: url(../images/plus.png) no-repeat right center; background-size: 5%;} .fl_bar dl dd { height: 1px; overflow: hidden; transition: all 0.3s linear;} .fl_bar dl dd ul{ padding: 10px 20px;} .fl_bar dl dd ul li{ margin-bottom: 7px; font-size: 15px; color: #666; font-family: 'TradeGothicLTCondensed';} .fl_bar dl dd ul li a{ font-size: 15px; color: #666; font-family: 'TradeGothicLTCondensed'} .fl_bar dl dd ul li a span{ padding-left: 10px; font-size: 15px; color: #666; font-family: 'TradeGothicLTCondensed'} .fl_bar dl dd ul li a:hover{ color: #FF6600;} .fl_bar dl.has.active dt{ background: url(../images/minus.png) no-repeat right center; background-size: 5%;} .fl_bar dl.has.active dd{ height: auto; overflow: visible;} .fr_list{ width: 890px;} .fr_list .pro_list ul{ margin-right: -30px;} .fr_list .pro_list li{ display: inline-block; float: left; width: 200px; margin-right: 30px; height:300px; overflow: hidden; text-align: center; padding-bottom: 35px; position: relative;} .fr_list .pro_list li a .p_img{ width: 200px; height: 200px; position:relative; overflow:hidden} .fr_list .pro_list li a img{ /*width: 200px; height: 200px;*/ max-width:200px; max-height:200px; text-align: center; vertical-align:middle /*opacity: 0.5; transition: all 0.2s linear;*/ position:absolute; top:0; left:0; margin:50% 0 0 50%; transform:translate(-50%,-50%)} .fr_list .pro_list li a span{ display: block; font-size: 16px; line-height: 130%; font-family: 'Trade Gothic Bold'; color: #333; padding: 0 10px; padding-top: 15px; transition: all 0.2s linear; overflow:hidden} .fr_list .pro_list li a:hover img{ opacity: 1;} /*.fr_list .pro_list li i{ display: inline-block; position: absolute; top: 0; left: 0; width: 200px; height: 200px; background: #000; opacity: 0.1; transition: all 0.2s linear;}*/ .fr_list .pro_list li a:hover i{ opacity: 0;} .fr_list .pro_list li a:hover span{ color: #ff4c57; text-decoration: underline;} .pro_datile .pro_datile_img{ width: 400px; text-align: center; border: #f1f1f1 solid 1px; } .pro_datile .pro_datile_img img{ max-width: 400px; padding-top: 20px;} .pro_datile .pro_datile_txt{ width: 460px;} .pro_datile .pro_datile_txt .datile_name{ font-size: 26px; font-family: 'Trade Gothic Bold'; padding-bottom: 25px;} .pro_datile .pro_datile_txt .tab_btn{ height: 34px; line-height: 34px; border-bottom: #e6e6e6 solid 1px;} .pro_datile .pro_datile_txt .tab_btn span{ display: inline-block; float: left; height: 34px; line-height: 34px; margin-right: 10px; background: #e6e6e6; padding: 0 20px; font-size: 14px; font-family: 'Trade Gothic Bold'; cursor: pointer;} .pro_datile .pro_datile_txt .tab_btn span.active{ background: #007FC2; color: #fff;} .pro_datile .tab_box .tab_list{ padding: 20px 0;} .pro_datile .tab_box .tab_list .t{ font-size: 22px; font-family: 'Trade Gothic Bold'} .pro_datile .tab_box .tab_list .c{ font-size: 16px; padding-top: 20px;} .pro_datile .tab_box .tab_list .c p{ padding-left: 20px; position: relative; font-size: 16px; font-family: arial; color: #555; padding-bottom: 15px; line-height: 130%;} /*.pro_datile .tab_box .tab_list .c p:before{ content: ''; display: inline-block; position: absolute; background: #777; width: 4px; height: 4px; overflow: hidden; border-radius: 2px; top: 8px; left:5px}*/ .pro_datile .tab_box .tab_list .c img{ width:100px} .page{ text-align: center; padding: 15px 0;} .page a{ display: inline-block; padding: 2px 8px; font-size: 13px; color: #777; margin: 0 6px; background: rgba(0,0,0,0.05); font-family: 'Trade Gothic Bold'; border-radius: 3px;} .page b{ display: inline-block; padding: 2px 8px; font-size: 13px; color: #fff; margin: 0 6px; background: #FF4C00; font-family: 'Trade Gothic Bold'; border-radius: 3px;} .page a:hover{ color: #333;} .Similar{ padding-top: 35px;} .Similar .t{ padding-bottom: 15px; height: 30px; border-bottom: #f1f1f1 solid 1px;} .Similar .t span{ float: left; font-size: 26px; font-family: 'Trade Gothic Bold';} .Similar .t a{ float: right; display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 24px; color: #555; font-family: '宋体'; background: #f1f1f1; margin-left: 5px;} .Similar .t a:hover{ background: #007FC2; color: #fff;} .Similar #myscroll{ display: block; width: 100%; position: relative; overflow: hidden; height: 270px; margin-top: 25px;} #myscroll #myscrollbox{ display: block; float: left; position: absolute; left: 0px; top: 0; width: 1000000px;} #myscroll #myscrollbox ul{ display: block; float: left; padding: 0; margin: 0; padding-top:10px} #myscroll #myscrollbox ul li{ display: block; float: left; padding: 0; width: 180px; overflow: hidden; text-align: center; transition: all 0.2s linear;} #myscroll #myscrollbox ul li a{ display: inline-block; width: 160px;} #myscroll #myscrollbox ul li img{ width: 160px; height: 160px;} #myscroll #myscrollbox ul li a span{ display: block; font-size: 16px; line-height: 130%; font-family: 'Trade Gothic Bold'; color: #333; padding: 0 10px; padding-top: 25px; transition: all 0.2s linear;} #myscroll #myscrollbox ul li a:hover span{ color: #FF4C00;} #myscroll #myscrollbox ul li:hover{ transform: translateY(-5px);} #mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .similer_more{ padding: 35px 0; text-align: center;} .similer_more a{ display: inline-block; padding: 10px 100px; font-size: 16px; background: #FF4C00; color: #fff; font-family: 'Trade Gothic Bold'; border-radius: 3px; border: 1px solid #FF4C00; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .similer_more a:hover{ background: #fff; color: #FF4C00;} .SUB_LINK{ background: #222; text-align: center; padding: 15px;} .SUB_LINK a{ font-size: 16px; font-family: 'Trade Gothic Bold'; color: #fff;} .SUB_LINK span{ padding: 0 20px; font-family: 'Trade Gothic Bold'; font-size: 16px; color: rgb(255, 76, 0);} .SUB_LINK a.active{ color: rgb(255, 76, 0)} .story_con .title{ padding-bottom: 25px; font-size: 30px; font-family: 'ChampionGothicWelterweight'} .story_con p{ line-height: 150%; padding-bottom: 20px; font-family: 'Trade Gothic'; font-size: 17px; text-transform: initial; } .story_con p b{ font-weight:normal; color:#007FC2} .story_con .c{ padding: 25px 0; -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; padding-bottom: 40px;} .story_con p img{ display: block; text-align: center; margin: 0 auto; max-width: 100%; padding-bottom: 25px;} .story_con .c.com-2{ padding: 25px 0; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px;} .story_con .thrum{ text-align: center;} .story_con .thrum img{ max-width: 100%; width: 100%;} .news_list{ width: 730px;} .news_list .news_item{ border-bottom: #ccc solid 1px; padding-bottom: 30px; margin-bottom: 30px;} .news_list .news_item:nth-last-child(1){ border-bottom: none;} .news_list .news_item .title{ padding-bottom: 25px;} .news_list .news_item .title .time{ float: left; background: #FF4C00; color: #fff; font-size: 12px; line-height: 3em; display: block; padding-left: 0.5em; padding-right: 1em; margin-right: 1em; position: relative; margin-top: 10px;} .news_list .news_item .title .time:after{ content: ''; display: block; position: absolute; top: 0; right: 0; border-style: solid; border-width: 1.5em 0.6em 1.5em 0px; border-color: transparent #FFFFFF transparent transparent; height: 0;} .news_list .news_item .title .name{ float: left; width: 630px;} .news_list .news_item .title .name h4{ text-transform: uppercase; font-weight: bold; font-size: 22px; margin-left: 2px; letter-spacing: -1.4px; word-break: break-all;} .news_list .news_item .title .name h4 a{ color: #FF4C00 !important; font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;} .news_list .news_item .title .author{ font-size: 15px; color: #888; font-family: 'Trade Gothic Light';} .news_list .news_item .title .author b{ font-family: 'Trade Gothic Bold'; font-weight: normal; color: #000;} .news_list .news_item .con_t{ padding: ;} .news_list .news_item .con_t .img{ text-align: center; padding-bottom: 15px;} .news_list .news_item .con_t .img img{ max-width: 630px;} .news_list .news_item .con_t .des{ font-size: 17px; color: #222; line-height: 1.25em; font-family: 'Trade Gothic Light'; } .news_list .news_item .con_t .des p{font-size: 17px; color: #222; line-height: 1.25em; font-family: 'Trade Gothic Light'; margin-bottom: 1.25em; font-family: 'Trade Gothic Light'; } .news_list .news_item .con_t .des p b{ font-family: 'Trade Gothic Bold'; font-weight: normal;} .news_list .news_item .con_t .des p strong{ font-family: 'Trade Gothic Bold'; font-weight: normal;} .news_list .news_item .con_t .des p a{ color: #ff4c00; font-size: 17px; font-family: 'Trade Gothic Light';} .news_list .news_item .con_t .read_more{} .news_list .news_item .con_t .read_more a{ display: inline-block; padding: 10px 30px; font-size: 16px; background: #FF4C00; color: #fff; font-family: 'Trade Gothic Bold'; border-radius: 3px; text-transform: uppercase; border: 1px solid #FF4C00; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .news_list .news_item .con_t .read_more a:hover{ background: #fff; color: #FF4C00;} .news_list .news_item .tags{ margin-top: 35px;font-size: 15px; font-family: 'Trade Gothic Light'; color: #888; padding-left: 25px; background: url(../images/tag.png) no-repeat left center;} .news_list .news_item .tags a{ color: #FF4C00; font-size: 15px; font-family: 'Trade Gothic Light';} .news_right{ width: 310px;} .news_right .news_sou{ background: #f4f4f4; padding: 18px; margin-bottom: 25px;} .news_right .news_sou h6{ padding-bottom: 6px; line-height: 1.4; margin: 0px 0px 12px 0px; font-size: 17px; font-family: 'Trade Gothic Bold'; font-weight: normal; text-transform: uppercase;} .news_right .news_sou .form{ height: 40px; line-height: 40px; background: #afafaf; border-radius: 2px; margin-bottom: 20px;} .news_right .news_sou .form .input_t{ float: left;height: 40px; line-height: 40px; background: none; border: none; outline: none; text-indent: 10px; color: #ffffff; background: #afafaf; font-family: 'Helvetica Neue', Arial, sans-serif; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2); -webkit-appearance: textfield; -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);} .news_right .news_sou .form .input_b{ float: right; border: none; outline: none; cursor: pointer; width: 40px; height: 40px; background: url(../images/search_icon.png) no-repeat center center; background-size: 24px 24px;} .hot_news li{ padding-bottom: 15px;} .hot_news li a{ font-family: 'Trade Gothic Light'; font-weight: normal; color: #000; font-size: 15px} .hot_news li a:hover{ color: #FF4C00;} .Distributor_form .item{ padding-bottom: 20px; padding-top: 5px;} .Distributor_form .item label{ width: 150px; text-align: right; text-transform: uppercase; font-size: 13px !important; font-family: 'Trade Gothic'; float: left; padding-right: 15px; padding-top: 10px;} .Distributor_form .item label span{ color: #f00; padding-right: 5px;} .Distributor_form .item input{ background-color: #F3F3F3; border: 1px solid #ddd; border-radius: 2px; background-image: none; line-height: 1.75em; height: 2.75em; width: 400px; font-family: 'Trade Gothic'; font-size: 14px; outline: none; text-indent: 15px; float: left; margin-left: 15px;} .Distributor_form .item input:focus{ background: rgb(250,250,250); } .Distributor_form .item textarea{ background-color: #F3F3F3; border: 1px solid #ddd; border-radius: 2px; background-image: none; line-height: 1.75em; height: 8.75em; width: 400px; font-family: 'Trade Gothic'; font-size: 14px; outline: none; text-indent: 15px; float: left; margin-left: 15px} .Distributor_form .item textarea:focus{ background: rgb(250,250,250);} .Distributor_form .form_btn{ padding: 0 300px 0 180px;} .Distributor_form .form_btn input.submit{ cursor: pointer; width: 150px !important; padding: 10px 20px !important; color: white; background-color: #FF4C00; text-transform: uppercase; border-radius: 3px; font-family: 'Trade Gothic Bold'; font-size: 16px; border: 1px solid #FF4C00;} .Distributor_form .form_btn input.reset{ cursor: pointer; width: 150px !important; padding: 10px 20px !important; color: white; text-transform: uppercase; border-radius: 3px; font-family: 'Trade Gothic Bold'; font-size: 16px; border: 1px solid #000000; background-color: #000000;} .Distributor .title{ font-family: 'Trade Gothic Bold'; text-transform: uppercase; font-weight: normal; font-size: 20px; margin: 20px 0;} .faq{ padding-top: 15px;} .faq dl{} .faq dl dt{font-family: 'Trade Gothic Bold'; font-size: 16px; color: #000; border-top: 2px solid #ebebeb; padding-top: 10px; padding-left: 25px; background: url(../images/right.png) no-repeat 7px 12px; background-size: 12px 16px; cursor: pointer; padding-bottom: 10px;} .faq dl dd{ padding: 0 25px; transition: all 0.3s linear; height: 1px; overflow: hidden;} .faq dl dd p{ font-size: 17px; color: #222; line-height: 1.25em; font-family: 'Trade Gothic Light'; padding-bottom: 20px;} .faq dl.active dd{ height: auto; overflow: auto; padding-top: 20px;}