/*重置*/
@charset "utf-8";
*{ margin:0px; padding:0px;}
a{ color: #808080;text-decoration:none;}
a:hover{cursor: pointer;outline: none;}
table{border-collapse:collapse; border-spacing:0px;}
body{text-align:left;font-weight:normal;word-wrap:break-word;color: #333;line-height:24px;font-size:14px; font-family:"微软雅黑";background:#ffffff;}
ul,dl,li,i{list-style:none;}
h1,h2,h3,h4,h5{font-size:12px;font-weight:normal;}
i,em,b{font-style:normal;font-weight:normal;list-style:none;}
.pr{position: relative;}.pa{position: absolute;}
img{border: none;max-width: 100%;max-height: 100%;transition: 1s transform;}

.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }

.index_wrapper{width: 100%;height: auto;position: relative;overflow: hidden;}
/*头部*/
#header{width: 100%;height: 84px;background:#fff;border-bottom: 1px solid #e6e6e6;position: fixed;top: 0;left: 0;z-index: 9;}
#header .header_box{width: 1200px;height: 100%;margin: 0 auto;position: relative;}
#header .logo{width:18%;height: 64px;float: left;padding: 10px 0;}
#header .logo a{display: table-cell;width: 456px;height:64px;vertical-align: middle;}
#header .logo a img{max-width: 100%;max-height: 100%;}
/*导航*/
#header .nav_box{width: 64.5%;float: left;height:64px;padding: 10px 0;position: relative;z-index: 5;}
#header .nav_box .yiji{height:100%;float: left;text-align: center;position: relative;}
#header .nav_box .yiji a.one{transition: 400ms;color: #333;display: block;height:64px;line-height:64px;font-size: 14px;position: relative;}
#header .nav_box .yiji:hover a.one,#header .nav_box .yiji.current a.one{color: #f08519;font-weight: bold;transition: 400ms;}
#header .nav_box .libox{display: none;width: 150%;height: auto;overflow: hidden;background: #fff;border: 1px solid #ccc;border-top: 2px solid #f08519;position: absolute;top: 74px;left: -25%;}
#header .nav_box .libox a{position: relative;display: block;width:80%;height: 38px;line-height: 38px;padding: 0 10%;text-align: left;font-size: 14px;color: #808080;}
#header .nav_box .libox a:hover{background: #f9f9f9;color: #f08519;}
#header .nav_box .libox a i{transition: 400ms;position: absolute;right:30%;top: 0;display: block;height: 100%;width: 30px;text-align: right;opacity: 0;}
#header .nav_box .libox a:hover i{transition: 400ms;right: 10%;opacity: 1;}
/*搜索*/
#header .search_btn{width:17.5%;height: 64px;float: right;padding: 10px 0;background: #f08519;}
#header .search_btn .bg{width:30%;height: 100%;background: #f08519;position: absolute;top: 0;right: -30%; }
#header .search_btn .tells{float: left;width: 162px;height: 100%;line-height: 64px;text-align: center;font-size: 16px;font-weight: bold;color: #fff;}
#header .search_btn dd.sea_icon{float: left;width: 22px;padding-left: 24px;height: 22px;border-left: 1px solid #f9ab5d;margin: 21px 0;background: url(../common/images/icon1.png) right center no-repeat;background-size: auto 100%;}
#header .search_btn .model-seachdiv{display: none;position: absolute;top: 85px;right: 0;padding: 20px;background: #fff;width:1160px;height: auto;z-index: 6;}
#header .search_btn .model-seachdiv form{width:100%;height: 48px;border: 1px solid #e6e6e6; }
#header .search_btn .model-seachdiv form .input{outline: none;width: 83.5%;height: 48px;float: left;background: #fff;border: none;text-indent: 15px;}
#header .search_btn .model-seachdiv form .seabtn{width: 16.5%;float: left;height: 48px;background: #f08519;color: #fff;border: none;}
#header .search_btn .hot_pro{width: 100%;height: auto;overflow: hidden;padding-top: 10px;font-size: 14px;color: #808080;}
#header .search_btn .hot_pro span{color: #333;}
#header .search_btn .hot_pro dd{display: inline-block;padding: 0 5px;cursor: pointer;}
#header .search_btn .hot_pro dd:hover{color: #f08519;}
/*banner*/
#model_banner .banner_img .slick-dots{height:20px;bottom: 26px;}
#model_banner .slick-dots li{transition: 400ms;width:18px;height: 18px;margin: 0 8px;border-radius: 50%;border: 1px solid transparent;}
#model_banner .slick-dots li button{transition: 400ms;width: 8px;height: 8px;background:#f08519;border-radius: 50%;margin: 5px;}
#model_banner .slick-dots li.slick-active{transition: 400ms;border: 1px solid #f08519;}
#model_banner .slick-dots li.slick-active button{transition: 400ms;background: #f08519;}
.slick-arrow:before{display: none;}

.index_contant{width: 100%;height: auto;overflow: hidden;}
.index_contant .product{width: 100%;height: auto;overflow: hidden;}
.index_contant .Box{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;padding: 80px 0;}
.index_contant .Box .Btitle{width:100%;margin-bottom: 20px;text-align: center;}
.index_contant .Box .Btitle h1{margin: 0 auto;padding: 0 32px;display: inline-block;width: auto;height: 50px;border-right: 1px solid #f08519;border-left: 1px solid #f08519;font-size: 24px;font-weight: bold;color: #000;line-height: 34px;}
.index_contant .Box .Btitle h1 p{font-size: 14px;color: #808080;line-height: 16px;text-transform: uppercase;font-weight: normal;}
.index_contant .Box .Btitle .etitle{line-height: 38px;font-size: 16px;color: #808080;}

.pro_chance .hd{width: 258px;height:520px;float: left;}
.pro_chance .hd dd{cursor: pointer;width: 100%;height:70px;line-height: 70px;font-size: 18px;color: #333;background: #efefef;position: relative;text-align: center;margin-bottom: 5px;}
.pro_chance .hd dd.on,.pro_chance .hd dd:hover{color: #fff;background: #f08519;}
.pro_chance .hd dd.on:before{content: "";border-left: 8px solid #f08519;border-right: 8px solid transparent;border-top: 8px solid transparent;border-bottom: 8px solid transparent;position: absolute;right: -16px;top: 27px;}
.pro_chance .hd dd span{padding: 0 10px;display: inline-block;height: 70px;position: relative;}
.pro_chance .hd dd.on span:before,.pro_chance .hd dd:hover span:before{content: "";transition: 400ms;width: 22px;height:1px;background: #fff;position: absolute;right: -22px;top: 35px;}
.pro_chance .hd dd.on span:after,.pro_chance .hd dd:hover span:after{content: "";transition: 400ms;width: 22px;height:1px;background: #fff;position: absolute;left: -22px;top: 35px;}
.pro_chance .hd .more_btn{width: 100%;height: 70px;line-height: 70px;text-align: center;font-size: 18px;background: #f08519;}
.pro_chance .hd .more_btn a{color: #fff;}

.pro_chance .bd{width:942px;height: 548px;overflow: hidden;float: right;position: relative; }
.pro_chance .bd .detil{zoom:1;width: 100%;height: auto;opacity: 0;position: absolute;top: 0;left: 0;z-index: 2;}
.pro_chance .bd .detil.cur{z-index: 6;opacity: 1!important;}
.pro_chance .bd .detil:first-child{opacity: 1;z-index: 3;width: 100%;}
.pro_chance .bd .detil .prolist{width: 100%;height: auto;overflow: hidden;}
.pro_chance .bd .detil .prolist li{width: 300px;height: auto;overflow: hidden;padding: 0 0 14px 14px;float: left;}
.pro_chance .bd .detil .prolist li a{display: block;width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #e6e6e6;}
.pro_chance .bd .detil .prolist li .pimg{width: 300px;height:203px;text-align: center;vertical-align: middle;}
.pro_chance .bd .detil .prolist li .title{width: 100%;height: 48px;border-bottom: 1px solid #e6e6e6;text-align: center;line-height: 48px;font-size: 16px;color: #333;overflow: hidden;}
.pro_chance .bd .detil .prolist li a:hover{border-bottom: 1px solid #f08519;}
.pro_chance .bd .detil .prolist li a:hover .title{color: #f08519;font-weight: bold;border-bottom: 1px solid #f08519;}

.index_contant .serv{background: url(../images/bg2.jpg) repeat;}
.index_contant .serv .serv_bg{background: url(../images/bg1.jpg) 85% bottom no-repeat;}
.index_contant .serv .servlist{padding:20px;height: auto;overflow: hidden;}
.index_contant .serv .servlist li{width: 134px;float: left;text-align: center;margin: 0 49px;}
.index_contant .serv .servlist li dd{transition: 400ms;width: 124px;height: 124px;margin:0 auto;background: #fff;border-radius: 50%;line-height: 124px;box-shadow: 0 0 18px #ececec;}
.index_contant .serv .servlist li dd .iconfont{font-size: 42px;}
.index_contant .serv .servlist li dd:hover{transition: 400ms;background: #f08519;color: #fff;}
.index_contant .serv .servlist li p{width: 100%;line-height: 24px;font-size: 18px;color: #333;padding: 15px 0;}
.index_contant .serv .tellphone{font-size: 36px;color: #333;font-family: "Adobe 宋体 Std";font-weight: bold;text-align: center;}
.index_contant .serv .tellphone span{position: relative;padding: 0 30px;}
.index_contant .serv .tellphone span:before{content: "";transition: 400ms;width: 236px;height:1px;background: #ccc;position: absolute;right: -236px;top: 18px;}
.index_contant .serv .tellphone span:after{content: "";transition: 400ms;width: 236px;height:1px;background: #ccc;position: absolute;left: -236px;top: 18px;}
.index_contant .serv .on_ask{display: block;width: 222px;height: 42px;line-height: 42px;text-align: center;background: #808080;font-size: 16px;color: #fff;margin:0 auto; margin-top: 20px;transition: 400ms;}
.index_contant .serv .on_ask:hover{background: #f08519;transition: 400ms;}

.case_ul{width: 100%;height: auto;overflow: hidden;}
.case_ul .case_l{width:590px;float: left;}
.case_ul .case_l .case_item a{display: block;width: 100%;height: 399px;overflow: hidden;position: relative;}
.case_ul .case_l .case_item .cimg{width: 590px;height: 399px;display: table-cell;text-align: center;vertical-align: middle;}
.case_ul .case_l .case_item .cimg img{display: inline-block;}
.case_ul .case_l .case_item a p{transition: 400ms;width: 94%;height: 50px;line-height: 50px;font-size: 18px;color: #fff;padding: 0 3%;position: absolute;bottom: 0;left: 0;
	background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000);}
.case_ul .case_l .case_item .slick-dots{height:50px;bottom: 0;right: 2%;text-align: right;}
.case_ul .case_l .case_item .slick-dots li{width:10px;height: 10px;margin: 20px 6px;}
.case_ul .case_l .case_item .slick-dots li button{width: 8px;height: 8px;background:#fff;border-radius: 50%;}
.case_ul .case_l .case_item .slick-dots li.slick-active button{background: #f08519;}
.case_ul .case_r{width: 610px;float: right;}
.case_ul .case_r ul li{width: 290px;height: 192px;padding:0 0 15px 15px;float: left;}
.case_ul .case_r ul li a{display: block;width: 100%;height:192px;overflow: hidden;position: relative;}
.case_ul .case_r ul li a .cimg2{width: 290px;height: 192px;display: table-cell;text-align: center;vertical-align: middle;}
.case_ul .case_r ul li a p{transition: 400ms;width: 100%;height: 50px;line-height: 50px;font-size: 18px;color: #fff;text-align: center;position: absolute;bottom: 0;left: 0;
	background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000);}
.case_ul .case_r ul li a:hover p{transition: 400ms;background-color: rgba(234, 118, 5, 0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2fea7605,endcolorstr=#2fea7605);}
.Box .seemore{display: block;width: 190px;height: 38px;line-height: 38px;padding: 0 14px;font-size: 14px;color: #494949;border: 1px solid #4a4a49;margin: 0 auto;margin-top: 20px;}
.Box .seemore i{float: right;}
.Box .seemore:hover{background: #f08519;border: 1px solid #f08519!important;color: #fff;}
.gg_img{width: 1920px;position: relative;left: 50%;margin-left: -960px;text-align: center;}

.About{width: 100%;height: auto;overflow: hidden;}
.About .about_l{width: 648px;height: 400px;float: left;background:#4a4a49 url(../images/bg3.png) right bottom no-repeat;}
.About .about_l .about_lbox{padding: 32px 50px;}
.About .about_l .about_lbox .line1{display: block;width:50px;height: 2px;background: #f08519;margin-bottom: 10px;}
.About .about_l .about_lbox .line2{display: block;width:93px;height: 2px;background: #f08519;margin: 10px 0;}
.About .about_l .about_lbox .title h1{font-size: 14px;color: #fff;text-transform: uppercase;line-height: 1.5;}
.About .about_l .about_lbox .title h1 p{font-size:24px;font-weight: bold;color: #f08519; }
.About .about_l .about_lbox dd{width: 100%;height: 120px;overflow: hidden;font-size: 14px;color: #fff;line-height: 30px;}
.About .Box .seemore{margin: 0;margin-top: 20px;color: #fff;border: 1px solid #fff;}
.About .about_r{width: 552px;height: 400px;float: right;}
.About .about_r video{height: 400px;width: 100%;}

.News{background: #f7f7f7;}
.News .new_other{width: 100%;height: auto;overflow: hidden;text-align: center;}
.News .new_other li{display: inline-block;width: 134px;height: 36px;line-height: 36px;font-size: 14px;margin:0 5px;}
.News .new_other li a{transition: 400ms;display: block;width: 100%;height: 100%;color: #fff;background: #808080;}
.News .new_other li a:hover{transition: 400ms;background: #f08519;font-weight: bold;}
.News .new_cont{padding: 10px 0;width: 100%;height: auto;overflow: hidden;}
.News .new_cont .new_l{width: 740px;height: auto;float: left;}
.News .new_cont .new_l .new_li{width:700px;height: 86px; padding: 20px;background: #fff;margin: 20px 0;}
.News .new_cont .new_l .new_li .time{float: left;width: 86px;height: 48px;padding: 19px 0;text-align: center;background: #f08519;color: #fff;font-size: 14px;}
.News .new_cont .new_l .new_li .time p{font-size: 24px;font-weight: bold;}
.News .new_cont .new_l .new_li dl{margin-left: 106px;}
.News .new_cont .new_l .new_li dl dt{width: 100%;height: 36px;line-height: 36px;font-size: 18px;color: #333;overflow: hidden;}
.News .new_cont .new_l .new_li dl dd{font-size: 14px;color: #808080;overflow: hidden;width: 100%;height: 48px;}
.News .new_cont .new_l .new_li a:hover dl dt{font-weight: bold;color: #f08519;}
.News .new_cont .new_r{width: 440px;float: right;padding-top: 20px;position: relative;}
.News .new_cont .new_r em{display: block;width: 430px;height: 262px;background: #f08519;position: absolute;top: 36px;right: 0;}
.News .new_cont .new_r .new_item{width: 430px;height: 262px;position: relative;z-index: 2;}
.News .new_cont .new_r .new_item a{display:table-cell;width: 430px;height: 262px;text-align: center;vertical-align: middle;position: relative;}
.News .new_cont .new_r .new_item a img{display: inline-block;}
.News .new_cont .new_r .new_item p{width: 94%;height: 40px;line-height: 40px;font-size: 16px;color: #fff;text-align: left;padding: 0 3%;position: absolute;bottom: 0;left: 0;
	background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000);}

.footer{width: 100%;height: auto;background: #464646;position: relative;z-index: 6;}
.footer .foot_top{width: 1200px;min-height: 270px;padding: 30px 0;margin: 0 auto;}
.footer .foot_top .contact{width: 420px;padding-right: 16px;float: left;}
.footer .foot_top .contact .logo{width: 100%;height: 62px;margin-bottom: 10px;}
.footer .foot_top .contact .context{width: 100%;height: auto;overflow: hidden;font-size: 14px;color: #ccc;line-height: 22px;}
.footer .foot_top .contact .context p{padding: 7px 0;}
.footer .foot_top .fo0t_nav{width: 442px;height: auto;overflow: hidden;float: left;padding-right: 20px;padding-top: 26px;}
.footer .foot_top .fo0t_nav li{width: 164px;float: left;}
.footer .foot_top .fo0t_nav li p{width: 100%;height: 36px;line-height: 36px;overflow: hidden;font-size: 18px;color: #fff;margin-bottom: 10px;}
.footer .foot_top .fo0t_nav li a{display: block;width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #ccc;overflow: hidden;}
.footer .foot_top .fo0t_nav li a:hover{font-weight:bold;color: #f08519;}
.footer .foot_top .foot_r{width:302px;height: auto;float:right;padding-top: 30px;}
.footer .foot_top .foot_r .link{padding-left: 26px;width: 274px;height:auto;position: relative;margin-bottom: 26px;}
.footer .foot_top .foot_r .link .link_btn{cursor: pointer;position: relative;padding: 0 12px;width: 250px;height: 42px;border: 1px solid #40403f;background: #4a4a49;line-height: 42px;color: #ccc;}
.footer .foot_top .foot_r .link .link_btn i{display: block;width: 1px;height: 1px;border-bottom: 8px solid #f08519;border-top: 8px solid transparent;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;right: 16px;top: 8px;}
.footer .foot_top .foot_r .link .link_a{display: none;padding: 0 12px;width: 250px;height: 108px;overflow-y:scroll;border: 1px solid #40403f;border-bottom: none;background: #4a4a49;position: absolute;bottom: 100%;left:26px;}
.footer .foot_top .foot_r .link .link_a a{display: block;width: 100%;height:36px;line-height: 36px;color: #999;}
.footer .foot_top .foot_r .link .link_a a:hover{color: #f08519;}
/* Let's get this party started */
.footer .foot_top .foot_r .link .link_a::-webkit-scrollbar{width: 3px;}
/* Track */
.footer .foot_top .foot_r .link .link_a::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 3px rgba(101,101,101,0.4); 
    -webkit-border-radius: 10px;
    border-radius: 10px;background: #434343;}
/* Handle */
.footer .foot_top .foot_r .link .link_a::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;border-radius: 10px;background: #80807e; 
    -webkit-box-shadow: inset 0 0 3px rgba(101,101,101,0.4); }
.footer .foot_top .foot_r .link .link_a::-webkit-scrollbar-thumb:window-inactive{background:#80807e; }

.footer .foot_top .ewmbox{width: 100%;}
.footer .foot_top .ewmbox dd{width:124px;height: auto;float: left;padding-left: 26px; }
.footer .foot_top .ewmbox dd img{display: block;}
.footer .foot_top .ewmbox dd p{font-size: 14px;color: #ccc;text-align: center;line-height: 30px;}
.footer .copy{width: 100%;height: auto;padding: 10px 0;background: #f08519;}
.footer .copy dd{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;text-align: center;font-size: 14px;color: #fedfbf;}
.footer .copy dd a{color: #fedfbf}
.footer .copy dd a:hover{color: #fff;}

.quickbar_nav ul li.quickbar_weixin:hover .quickbar_hoverbox{width: 130px;height: 130px;}