﻿body{font-family:"微软雅黑"!important;color: #999;font:14px Microsoft YaHei!important;line-height: 24px;background: #fff;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
.fl{float: left;}.fr{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.db{display: block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.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; }
a{text-decoration: none;color: #999;}
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none!important;color: #fff;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
label{font-weight: normal;width:100%;}
a:focus {outline:none;outline-offset:0;}
.container{margin:0 auto;padding:0!important;}
.img{width: 100%;height: auto;overflow: hidden;}
.img img{width: 100%;transition: 1s transform;}
#wrap_index{overflow: hidden;position: relative;}
.wrap_scoll{width: 100%;height: auto;overflow: hidden;position: relative;z-index: 6;background: #fff;}
/*head*/
#header{width: 100%;height:91px;position: fixed;top: 0;left: 0;z-index: 22;border-bottom: 1px solid #c51d2c;background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000);}
#header .logo{width: 25%;height: 100%;float: left;}
#header .logo a{display: table-cell;width: 100%;height: 80px;vertical-align: middle;transition: 400ms;}
#header .logo img{max-height: 100%;max-width: 100%;}
#header .logo .logo2{display: none;}
#header .head_r{width: 75%;float: left;padding: 8px 0;}
#header .head_r .tellbox{height: 30px;text-align: right;width: 100%;line-height: 31px;color: #fff;font-size: 15px;}
#header .head_r .tellbox span{color: #f13a3a;margin-right: 10px;}
#header .head_r .tellbox a{color: #fff;margin: 0 10px;}
#header .head_r .tellbox a:hover,#header .head_r .tellbox a.on{color: #f13a3a;}
/*nav*/
#header .nav_box{width: 100%;height:42px;}
#header .nav_box .yiji{width:13.57%;height:42px;float: left;text-align: center;position: relative;}
#header .nav_box .yiji a.one{display: block;height:100%;color: #fff;font-size: 15px;line-height: 42px; overflow: hidden;position: relative;background: url(img/icon1.png) center 51px no-repeat;}
#header .nav_box .yiji:hover a.one,#header .nav_box .yiji.current a.one{background: url(img/icon1.png) center bottom no-repeat;}
#header .nav_box .yiji .libox{width: 100%;height: auto;display: none;position: absolute;top:52px;left: 0;z-index: 10;
background-color: rgba(241, 58, 58, 0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2ff13a3a,endcolorstr=#2ff13a3a);}
#header .nav_box .yiji .libox a{display: block;overflow: hidden;width: 100%;height:42px;line-height: 42px;text-align: center;font-size: 14px;color: #fda7a7;}
#header .nav_box .yiji .libox a:hover{color: #fff;}
#header .nav_box .sea_btn{cursor: pointer;width: 5%;height: 42px;float: left;background: url(img/icon2.png) right center no-repeat;}

.search_div{display: none;width: 100%;height:42px;}
.search_div form{width:80%;float: left;}
.search_div form .key_btn{width: 38px;height: 42px;float: left;background: url(img/icon2.png) left center no-repeat; }
.search_div form .key_txt{margin-left: 38px;padding: 0 8px;display:block;width: 70%;height: 42px;background: none;color: #fff;}
.search_div input.key_txt::-webkit-input-placeholder { /* WebKit browsers */ color:#fff;}  
.search_div input.key_txt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#fff;}  
.search_div input.key_txt::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#fff;}  
.search_div input.key_txt:-ms-input-placeholder{color: #fff;}
.search_div .close_btn{width: 20%;float: right;text-align: right;font-size: 30px;color: #fff;line-height: 42px;cursor: pointer;}

/*头部下拉*/
#header.head_up{height: 75px;background: #fff;}
#header.head_up .logo a{height: 75px;transition: 400ms;}
#header.head_up .logo .logo1{display: none;}
#header.head_up .logo .logo2{display: block;}
#header.head_up .head_r{padding: 0;height: 75px;}
#header.head_up .head_r .tellbox,#header.head_up .head_r .tellbox a{color: #333;}
#header.head_up .head_r .tellbox a.on,#header.head_up .head_r .tellbox a:hover{color: #c51d2c;}
#header.head_up .nav_box .yiji a.one{color: #333;}
#header.head_up .nav_box .yiji .libox{top: 45px;}
#header.head_up .nav_box .sea_btn{background: url(img/icon3.png) right center no-repeat;}

#header.head_up .search_div .close_btn{color: #333;}
#header.head_up .search_div form .key_btn{background: url(img/icon3.png) left center no-repeat;}
#header.head_up .search_div input.key_txt{color: #333;}
#header.head_up .search_div input.key_txt::-webkit-input-placeholder { /* WebKit browsers */ color:#333;}  
#header.head_up .search_div input.key_txt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#333;}  
#header.head_up .search_div input.key_txt::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#333;}  
#header.head_up .search_div input.key_txt:-ms-input-placeholder{color: #333;}

/*手机头部*/
#molheader{width: 100%;height: 60px;padding: 0 12px;background: #fff;border-bottom: 1px solid #c51d2c;position: fixed;top: 0;left: 0;z-index:10;}
#molheader .mol_logo{width: 60%;height: 60px; padding: 5px 0;margin: 0 auto;}
.mol_logo a{width:240px;height: 50px;display: table-cell;vertical-align: middle;text-align: center;margin: 0 auto;}
.mol_logo img{max-width: 100%;max-height: 100%;}
#molheader .mol_seabutton{width: 30px;height:30px;top: 16px;left: 16px;text-align: center;background: url(img/icon33.png) center no-repeat;background-size: 100% 100%;}
#molheader .mol_seabutton.sea_close{background: url(img/icon11.png) center no-repeat;background-size: 100% 100%;}
#molheader .mol_navbutton{width: 30px;height:30px;top: 16px;right: 20px;}

.mol_seach{display: none;width: 100%;height:58px;padding: 10px 4%;position: fixed;top: 60px;left: 0;background: #fff;}
.mol_seach .key_txt{width: 80%;height: 38px;padding-left: 10px;color: #333;}
.mol_seach .key_btn{width: 20%;height: 38px;float: right;background:url(img/icon33.png) center no-repeat;background-size: auto 66%;}
.mol_seach input.key_txt::-webkit-input-placeholder { /* WebKit browsers */ color:#333;}  
.mol_seach input.key_txt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#333;}  
.mol_seach input.key_txt::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#333;}  
.mol_seach input.key_txt:-ms-input-placeholder{color: #333;}
/*banner*/
#banner img{width: 100%;}
#banner .slick-slide{overflow: hidden;}
.slick-prev:before,.slick-next:before{display: none;}
.slick-dotted.slick-slider{margin-bottom: 0;}
#banner .slick-dots{bottom: 20px;height: 14px;}
#banner .slick-dots li{width: 14px;height: 14px;padding: 3px;border-radius: 50%;}
#banner .slick-dots li button{width:8px;height: 8px;margin: 0;padding: 0;transition: 400ms;border-radius: 50%;background: #fff;}
#banner .slick-dots li.slick-active{background-color: rgba(241, 58, 58, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2ff13a3a,endcolorstr=#2ff13a3a);}
#banner .slick-dots li.slick-active button{background: #f13a3a;transition: 400ms;}
.slick-dots li button:before{display: none;}
/*内容*/
#main{width: 100%;height: auto;position: relative;}
#main .Best{padding: 20px 0;text-align: center;}
#main .Best h1{width: 100%;font-size: 36px;font-weight: bold;color: #333;line-height: 1.8;padding: 20px 0;}
#main .Best h1 span{color: #c51d2c;}
#main .Best h1 p{font-size: 14px;font-weight: normal;color: #808080;}
#main .Best .best_list{width: 100%;height: auto;overflow: hidden;margin: 20px 0;}
#main .Best .best_list li{width: 25%;float: left;}
#main .Best .best_list li i{display: block;width: 100%;height: 64px;margin-bottom: 30px;}
#main .Best .best_list li i img{height: 100%;width: auto;}
#main .Best .best_list li p{width: 100%;font-size: 14px;color: #808080;line-height: 24px;}
#main .Best .best_list li p span{display: block;font-size: 18px;font-weight: bold;color: #333;}

.Product{width: 100%;background: #f7f7f7;}
.Box:before{content: "";width: 100%;height: 1px;background: #ccc;position: absolute;top: 132px;left: 0;z-index: 1;}
.Box .title{width: 100%;height: 134px;position: relative;padding-top: 76px;z-index: 2;}
.Box .title p{display: inline-block;width:auto;font-size: 24px;color: #333;height: 58px;border-bottom: 3px solid #c51d2c;line-height: 50px;}
.Box .title a{float: right;font-size: 14px;color: #808080;line-height: 58px;}
.Box .title a:hover{color: #c51d2c;}

.Product:after{content: "";width: 100%;height: 133px;background: #fff;position: absolute;top: 0;left: 0;}
#main .pro_chance{width: 100%;height: auto;overflow: hidden;}
#main .pro_chance .hd{width:85%;height:32px;position: absolute;top: 88px;left: 0;padding-left: 160px;z-index: 3;}
#main .pro_chance .hd .cli{cursor: pointer;margin: 0 10px; min-width:105px;height: 32px;line-height: 32px;float: left;text-align: center;color: #333;font-size: 18px;}
#main .pro_chance .hd .cli.on,#main .pro_chance .hd .cli:hover{background: #c51d2c;color: #fff;} 
.Product .pro_chance .bd{width: 100%;height:388px;position: relative;}
.pro_chance .bd .detil{padding: 40px 0;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;}
.pro_list a{display: block;width: 100%;height: auto;overflow: hidden;transition: 400ms;}
.pro_list .pimg .car_cs{width: 84px;height: 34px;line-height: 34px;text-align:center;color: #fff;font-size: 16px;bottom: 20px;right: 0;
background-color: rgba(197, 29, 44, 0.9);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2fc51d2c,endcolorstr=#2fc51d2c);}
.pro_list dl{transition: 400ms;width: 100%;height: auto;overflow: hidden;padding: 10px 16px;background: #fff;}
.pro_list dl dt{width: 100%;height: 30px;line-height: 30px;font-size: 18px;color: #333;overflow: hidden;font-weight: normal;}
.pro_list dl dd{width: 100%;height: 28px;line-height: 28px;font-size: 14px;color: #808080;overflow: hidden;}
.detil .pro_list a:hover dl,.main_right .pro_list ul li a:hover dl{background: #c51d2c;transition: 400ms;}
.detil .pro_list a:hover dl dt,.detil .pro_list a:hover dl dd,.main_right .pro_list ul li a:hover dl dt,.main_right .pro_list ul li a:hover dl dd,.main_right .pro_list ul li a:hover dl dt span,.main_right .pro_list ul li a:hover dl dt span i{color: #fff;}
.pro_list .bor{padding: 0 10px;}
.detil .pro_list .slick-arrow{width:42px;height: 44px;z-index: 2;transition: 400ms;top: 40%;}
.detil .pro_list .slick-prev,.slick2 .slider-nav2 .slick-prev{left:0;background:#de252c url(img/prev.png) center no-repeat;}
.detil .pro_list .slick-next,.slick2 .slider-nav2 .slick-next{right:0;background:#de252c url(img/next.png) center no-repeat;}
.detil .pro_list .slick-arrow.slick-disabled,.slick2 .slider-nav2 .slick-arrow.slick-disabled{opacity: 0.5;}
.pro_list .slick-dots{bottom: -24px;height: 14px;}
.Case .pro_list .slick-dots{display: none!important;}
.News .pro_chance .bd{width: 100%;height:420px;position: relative;}
.News .pro_chance .new_img{width: 45%;}
.News .pro_chance .new_img a{display: block;width: 100%;height: auto;overflow: hidden;position: relative;}
.News .pro_chance .new_img a .new_title{width: 100%;height:80px;padding:16px 20px;font-size: 16px;line-height: 24px;overflow: hidden;color: #fff;position: absolute;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000);}
.News .pro_chance .new_img .slick-dots{bottom: 20px;height:28px;text-align: right;padding-right: 10px;}
.News .pro_chance .new_img .slick-dots li,.pro_list .slick-dots li{width: 11px;height: 11px;padding: 1px;border-radius: 50%;margin: 0 3px;}
.News .pro_chance .new_img .slick-dots li button,.pro_list .slick-dots li button{width:7px;height: 7px;margin: 0;padding: 0;transition: 400ms;border-radius: 50%;background: #fff;}
.News .pro_chance .new_img .slick-dots li.slick-active,.pro_list .slick-dots li.slick-active{border: 1px solid #c51d2c;}
.News .pro_chance .new_img .slick-dots li.slick-active button,.pro_list .slick-dots li.slick-active button{background: #f13a3a;transition: 400ms;}
.News .pro_chance .new_r{width: 55%;padding-left: 24px;}

.new_r .new_slide{padding-bottom: 30px;}
.new_r .new_slide .slick-slide{padding-bottom: 12px;}
.new_ul a{display: block;width: 100%;height: auto;overflow:hidden;border: 2px solid #f6f6f6;padding: 18px 0;transition: 400ms;}
.new_ul .time{width:124px;height: 60px;padding-right: 16px;border-right: 1px solid #ccc;float: left;font-size: 14px;line-height: 24px; color: #333;text-align: right;}
.new_ul .time span{display: block;font-size: 30px;line-height: 36px;}
.new_ul dl{margin-left: 130px;padding:0 15px;}
.new_ul dl dt{width: 100%;height: 30px;line-height: 30px;overflow: hidden;font-size: 16px;color: #333;font-weight: normal;}
.new_ul dl dd{width: 100%;height: 20px;line-height: 20px;font-size: 14px;color: #808080;overflow: hidden;}
.new_ul a:hover{border: 2px solid #c51d2c;transition: 400ms;}
.new_r .new_slide .slick-arrow{width:48%;height: 30px;z-index: 2;transition: 400ms;top: unset;bottom: -15px;}
.new_r .new_slide .slick-prev{left:0;background:#ededed url(img/prev2.png) center no-repeat;}
.new_r .new_slide .slick-next{right:0;background:#ededed url(img/next2.png) center no-repeat;}
.new_r .new_slide .slick-prev:hover{background:#c51d2c url(img/prev2_h.png) center no-repeat;}
.new_r .new_slide .slick-next:hover{background:#c51d2c url(img/next2_h.png) center no-repeat;}  

.Case .pro_list{padding-top: 40px;}
.Case .pro_list .bor{padding-bottom: 20px;}
.Case .pro_list a:hover{ box-shadow: 0 5px 16px #d1d1d1;transition: 400ms;}
.Case .pro_list a dt{font-size: 16px;line-height: 36px;}
.Case .pro_list a:hover dt{color: #c51d2c;font-weight: bold;}

.About .about_cen{width: 100%;height: auto;overflow: hidden;margin: 40px 0 60px;background: #f8f8f8;padding: 40px;}
.About .about_cen .about_l{width: 50%;}
.about_l .about_text{width: 100%;height: auto;overflow: hidden;max-height: 230px; padding-right: 20px;font-size: 14px;color: #333;line-height: 28px;}
.about_l .about_text h1{font-size: 18px;color: #c51d2c;margin-bottom: 12px;font-weight: bold;}
.about_l .about_ul{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.about_l .about_ul li{width: 33.33%;padding-right:20px;float: left;}
.about_l .about_ul li a{display: block;width: 100%;height: auto;overflow: hidden;color: #c51d2c;border: 1px solid #c51d2c;padding: 24px 0;transition: 400ms;}
.about_l .about_ul li a i{display: block;width:42px;height: 42px;float: left;margin-left: 36px;}
.about_l .about_ul li a i img{max-width: 100%;}
.about_l .about_ul li a i .img1,.about_l .about_ul li a:hover i .img2{display: block;}
.about_l .about_ul li a i .img2,.about_l .about_ul li a:hover i .img1{display: none;}
.about_l .about_ul li a p{margin-left: 84px;height: 42px;line-height: 42px;font-size: 16px;}
.about_l .about_ul li a:hover{background: #c51d2c;color: #fff;transition: 400ms;}
.About .about_cen .about_r{width: 50%;padding-left: 20px;}

.Link{width: 100%;height: auto;overflow: hidden;background: #f8f8f8;padding: 20px 0;}
.Link .link_l{width: 100px;height: 40px;background: #c51d2c;line-height: 40px;text-align: center;font-size: 16px;color: #fff;position: relative;float: left;margin-top: 10px;}
.Link .link_l:before{content: "";border-left: 8px solid #c51d2c;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 8px solid transparent;position: absolute;right: -16px;top: 14px;}
.Link .link_a a:hover{color: #333;}
.Link .link_a{margin-left: 125px; margin-top:15px;}
.Link .link_a a{color: #808080;margin-right: 30px;line-height: 34px;}

/*页脚*/
#footer{width: 100%;height: auto;overflow: hidden;background: #222329;position:fixed;bottom: 0;left: 0;}
#footer ul{padding: 50px 0;width: 100%;height: auto;overflow: hidden;}
#footer ul li{width: 30%;height: 198px;float: right;border-right: 1px solid #33353b;}
#footer ul li.li2{width: 40%;padding: 15px 4%;}
#footer ul li.li3{border-right: none;}
#footer ul li.li1{font-size: 24px;color: #fff;line-height: 72px;}
#footer ul li.li1 p{font-size: 32px;position: relative;}
#footer ul li.li1 p:before{content: "";width: 58px;height: 2px;background: #c51d2c;position: absolute;left: 0;bottom: 0;}
#footer ul li.li2 dd{padding: 0 6%; width: 50%;float: left;text-align: center;font-size: 14px;color: #93949a;line-height: 30px;}
#footer ul li.li2 dd img{max-width: 100%;}
#footer ul li.li3{color: #fff;font-size: 14px;line-height: 24px;padding-left: 4%;}
#footer ul li.li3 p span{font-size: 40px;line-height: 48px;display: block;}
#footer ul li.li3 .time{width: 80%;height: 30px;line-height: 30px;padding: 0 15px;background: #2c2d32;margin-bottom: 20px;}
#footer ul li.li3 p i{font-size: 16px;}
#footer .copy{background: #1e1f24;padding: 10px 0;color: #595a62;font-size: 14px;}
#footer .copy a{color: #595a62;}
#footer .copy a:hover{color: #fff;}
/*about*/
.main_left{width: 260px;float: left;height: auto;margin-top: -54px;}
.posnav{width: 100%;height: 74px;line-height:74px;font-size:24px;color: #fff;padding-left: 20px;background: #c51d2c;position: relative;}
.posnav:before{content: "";width: 38%;height: 1px;background: #fabbc1;position: absolute;right: 0;top: 50%;}
.con-left-nav{width: 100%;height: auto;overflow: hidden;background: #f7f7f7;position: relative;padding: 0 20px 20px;}
.con-left-nav .one{width: 100%;height: auto;overflow: hidden;}
.con-left-nav .one li{height:auto;width:100%;position: relative;border-bottom: 1px solid #d9d9d9;}
.con-left-nav .one li a{display: block;width:100%;height: 50px;overflow: hidden;color: #333;line-height:50px;font-size: 16px;}
.con-left-nav .one>li.current>a,.con-left-nav .one>li:hover>a,.con-left-nav .one li a.ez{color: #c51d2c;font-weight: bold;}
.con-left-nav .one li dl{width: 20px;height: 50px;float: right;text-align: center;margin-right: 10px;font-size: 24px;color: #808080;line-height: 50px;font-weight: normal!important;}
.con-left-nav .one li a dl i img{width: 18px;}
.con-left-nav .one li a dl i.no,.con-left-nav .one li a.ez dl i.yes,.con-left-nav .one li a.sen_x dl i.yes{display: none;}
.con-left-nav .one li a.ez dl i.no,.con-left-nav .one li a.sen_x dl i.no{display: block;}
.con-left-nav .one li ul.second{display:none;width:100%;}
.con-left-nav .one ul.second li{padding: 0;border-bottom: none;}
.con-left-nav .one ul.second li a{padding-left: 14px;color: #808080;height: 42px;line-height: 42px;font-size: 14px;background: none;}
.con-left-nav .one ul.second li a dl{height: 42px;line-height: 42px;}
.con-left-nav .one ul.second li a:hover,.con-left-nav .one ul.second li a.sen_x{color: #fff;font-weight: normal;background: #c51d2c;}
.con-left-nav .one ul.second li a:hover dl,.con-left-nav .one ul.second li a.sen_x dl{color: #fff;}
.con-left-nav .one ul.second li .third{display: none;}
.con-left-nav .one ul.second li .third li a{padding-left:26px;height: 40px;line-height:40px;}
.con-left-nav .one ul.second li .third li a:hover{background: none;color: #c51d2c;}
.mol_navown{width: 40px;text-align: center;height: 100%;float: right;font-size: 26px;color: #fff;}
.mol_navown .no,.mol_navown.down .yes{display: none;}
.mol_navown.down .no{display: block;} 
.main_right{margin-left: 310px;}
.main_right .main_r_top{width: 100%;height: 70px;padding-top: 10px;border-bottom: 1px solid #ccc;position: relative;line-height: 59px;font-size: 20px;color: #333;}
.main_right .main_r_top span{display: inline-block;height: 61px;border-bottom: 3px solid #c51d2c;}
.main_right .main_r_top .aderess{width: auto;float: right;font-size: 14px;color: #808080;}
.aderess a{color: #808080;margin: 0 2px;}
.aderess a:hover,.aderess a.on{color: #c51d2c;}
.main_right .about_dec{width: 100%;height: auto;overflow: hidden;padding: 20px 0;font-size: 14px;color: #333;line-height: 1.8;}
.main_right .about_dec img{max-width: 100%;}
/*pro*/
.main_right .List,.main_right .List ul{width: 100%;height: auto;overflow: hidden;}
.main_right .pro_list ul{padding: 26px 0;}
.main_right .pro_list ul li{width: 33.33%;float: left;padding:15px 12px;}
.main_right .pro_list ul li dl dt span{float: right;font-size: 14px;color: #808080;}
.main_right .pro_list ul li dl dt span i{font-size: 24px;color: #c51d2c;}
/*prodec*/
.main_ny.dectil_ny .main_right{margin-left: 0;width: 100%;}
.dectil_ny .main_right .prodec_top{width: 100%;height: auto;overflow: hidden;margin: 50px 0;background: #f2f2f2;}
.dectil_ny .main_right .prodec_top .slick2,.prodec_top .dantu{width: 51%;float:left;border-right: 20px solid #fff;}
.slick2 .slider-for2{border-bottom: 10px solid #fff;}
.slick2 .slider-for2 .pimg img,.slick2 .slider-nav2 .pimg img{width: 100%;}
.slick2 .slider-nav2{padding: 5px 8%;}
.slick2 .slider-nav2 .pimg{padding: 5px;outline: none;}
.slick2 .slider-nav2 .pimg.slick-current .slider-navimg{width: 100%;height: auto;overflow: hidden;border: 4px solid #c51d2c;}
.slick2 .slider-nav2 .slick-arrow{width:34px;height: 34px;z-index: 2;transition: 400ms;}
.slick2 .slider-nav2 .slick-prev{left:8px;}
.slick2 .slider-nav2 .slick-next{right:8px;}
.dectil_ny .main_right .prodec_top .pro_cs{width: 49%;float: left;padding: 30px 4%;}
.prodec_top .pro_cs .pro_title{width: 100%;height: auto;overflow: hidden;padding-bottom: 16px; border-bottom: 1px solid #dedede;font-size: 24px;color: #333;line-height:1.8;}
.prodec_top .pro_cs .pro_title p{font-size: 14px;color: #808080;}
.prodec_top .pro_cs .p_text{width: 100%;height: auto;overflow: hidden;font-size:16px;color: #808080;padding: 14px 0;line-height: 1.8;}
.prodec_top .pro_cs .tellphone{width: 100%;height: 64px;border-radius: 32px;background: #fff;text-align: center;line-height: 64px;font-size: 36px;font-weight: bold;color: #c51d2c;}
.prodec_top .pro_cs .tellphone span{padding-left:50px;background: url(img/icon12.png) left center no-repeat; }
.pro_xq{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #e6e6e6;margin: 10px 0;}
.pro_xq p{width: 150px;height: 42px;line-height: 42px;text-align: center;font-size: 18px;color: #fff;background: #c51d2c;border-radius: 0 21px 0 0;}
/*new_list*/
.main_right .new_list ul,.main_right .new_ul ul{padding: 20px 0;}
.main_right .new_list ul li{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #e6e6e6;padding: 30px;transition: 400ms;}
.main_right .new_list ul li .nimg{width: 23%;float: right;}
.main_right .new_list ul li .new_l{width: 77%;float: left;}
.main_right .new_list ul li .new_l .time{width: 88px;height: 88px;float: left;background: #f6f6f6;text-align: center;padding: 15px 0;line-height: 34px;font-size: 14px;color: #333;}
.main_right .new_list ul li .new_l .time span{font-size: 36px;display: block;}
.main_right .new_list ul li .new_l dl{margin-left: 88px;padding: 0 3%;}
.new_list ul li .new_l dl dt{width: 100%;height: 20px;line-height: 20px;font-size: 18px;color: #333;overflow: hidden;font-weight: normal;}
.new_list ul li .new_l dl span{display: block;margin: 10px 0 14px;color: #808080;}
.new_list ul li .new_l dl span i{padding-left:18px;background: url(img/icon13.png) left center no-repeat;}
.new_list ul li .new_l dl span em{padding-left:18px;background: url(img/icon14.png) left center no-repeat;margin-left: 14px;}
.new_list ul li .new_l dl span em:hover{background: url(img/icon14_h.png) left center no-repeat;color: #c51d2c;}
.new_list ul li .new_l dl dd{width: 100%;height: 48px;line-height: 24px;font-size: 14px;color: #808080;overflow: hidden;}
.main_right .new_list ul li:hover{background: #f6f6f6;transition: 400ms;}
.main_right .new_list ul li:hover .new_l .time{background: #c51d2c;color: #fff;}
.main_right .new_list ul li:hover .new_l dl dt{color: #c51d2c;font-weight: bold;}

.main_right .new_ul ul li{padding: 15px 0;position: fixed;}
.main_right .new_ul ul li a{background: #f6f6f6;}
.main_right .new_ul ul li a:hover{background: #fff;}
.art_title{width: 100%;height: auto;overflow: hidden;margin: 44px 0 30px;font-size: 20px;color: #333;line-height:1.7;}
.art_title dd{font-size: 14px;color: #808080;line-height: 1.8;}

.main_sea{padding: 40px 0;}
.main_sea .result{width: 100%;height: auto;overflow: hidden;margin:30px 0;font-size: 18px;color: #333;}
.main_sea .search{width: 100%;height: auto;overflow: hidden;margin-bottom: 40px;}
.main_sea .search li{width: 100%;height: auto;border-bottom: 1px dashed #e6e6e6;}
.main_sea .search li a{display: block;width: 100%;height: 58px;line-height: 58px;overflow: hidden;padding-left: 20px;position: relative;font-size: 16px;color: #333;}
.main_sea .search li a:before{content: "";border-left: 6px solid #c51d2c;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid transparent;position: absolute;left: 0;top: 50%;margin-top: -6px;}
.main_sea .search li a:hover{color: #c51d2c;}




/*页码*/
.pages{width: 100%;height:auto;padding-bottom: 60px;overflow: hidden;}
.pages a{display: inline-block; padding: 6px 12px;margin: 0 3px;color: #808080;background: #f2f2f2;}
.pages a:hover,.pages a.on{color: #fff;background: #c51d2c;}
.pages span{color: #808080;margin-top: 6px;}
.pages span i{color: #c51d2c;}
/*文章上下篇*/
.choose_art{width: 100%;height:auto;overflow: hidden;padding: 16px 0 40px;border-top: 1px solid #e6e6e6;position: relative;}
.choose_art li{width: 100%;height: auto;overflow: hidden;}
.choose_art li a{display: block;width: 82%;height: 34px;line-height: 34px;color: #808080;font-size: 14px;}
.choose_art li a:hover{color: #c51d2c;font-weight: bold;}
.choose_art .back{transition: 400ms;width: 90px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #c51d2c;color: #c51d2c;font-size: 16px;right: 0;top: 20px;}
.choose_art .back:hover{transition: 400ms;background: #c51d2c;color: #fff;}
/*分享*/
.share2{width: 100%;height:34px;line-height: 34px;}
#bdshare span{height: 34px;}
#bdshare a{display: inline-block; padding: 20px 12px;}
#bdshare a.shareCount{width: 42px;padding: 0;}
/*panle导航开始*/
.left_nav{width:100%;height:100%;z-index:7; background:#f7f7f7; position: fixed; top:0px; left:0px;color:#000;z-index: 66;}
.left_nav .class-top{position: relative;width: 100%;height:60px;background:#fff;padding: 0 22px;}
.left_nav .mol_logo{width: 80%;height: 60px; padding: 5px 0;}
.left_nav .mol_logo a{text-align: left;}
.left_nav .class-close{width:38px;height:60px;line-height:56px;text-align:center;font-size:50px;color: #c51d2c;position: absolute;right: 12px;top: 0;}
.class-m{height: 90%;overflow-y:auto;}
.opacity2{width:100%; height:100%; position: fixed; top:0; left:0px; background:rgba(0,0,0,0.5); z-index:8; display:none;}

.class-m .nnav{width:100%;height: auto;overflow: hidden;}
.class-m .nnav li{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #ebebeb;}
.class-m .nnav li a.ce{padding-left: 20px;color: #333;font-size: 18px;display: block;height:50px;line-height:50px;}

.menu_head .ericon{margin-right: 10px;width:30px;height:50px;line-height:50px;text-align:center;float:right;display:inline;position: relative;z-index: 3;color: #666;font-size: 22px;}
.menu_head .ericon img,.menu_body .thricon img,.menu_body .foricon img{width: 20px;}
.menu_head .ericon .icon1{ display:none;}
.menu_head .ericon.xz .icon1{ display:block;}
.menu_head .ericon.xz .icon2{ display:none;}
.class-m .nnav li .menu_body{display: none;}
.class-m .nnav li .menu_body li{border-bottom: none;}
.menu_body li a.er{padding-left: 40px;font-size:16px;display: block;height:44px;line-height:44px;color: #808080;}
.menu_body li a.er.tz_a{color: #c51d2c;font-weight: bold;}
.menu_body .thricon,.menu_body .foricon{margin-right:10px;color:#808080;font-size: 24px;width:30px;height:44px;line-height:44px;text-align:center;float:right;display:inline;position: relative;z-index: 3;}
.menu_body .thricon .icont1{ display:none;}
.menu_body .thricon.tz .icont1{ display:block;color: #c51d2c;font-size: 26px;}
.menu_body .thricon.tz .icont2{ display:none;}
.class-m .nnav li .thr_body{display: none;}
.class-m .nnav li .thr_body li{border-bottom: none;padding: 0;}
.thr_body li a.thr{position: relative;padding-left:56px;font-size: 16px;display: block;height:44px;line-height:44px;color: #808080;}
.thr_body li a.thr.fz_a{background: #c51d2c;color: #fff;position: relative;}
.thr_body li a.thr.fz_a:before{content: "";width:10px;height: 100%;background: url(img/next.png) center no-repeat;background-size: 7px auto; position: absolute;left:36px;top: 0;}
.class-m .nnav li .for_body{display: none;background: #c51d2c;}
.for_body li a.for{position: relative;padding-left:72px;font-size: 14px;display: block;height:40px;line-height:40px;color: #fff;}
.menu_body .foricon .icont1{ display:none;}
.menu_body .foricon.tz .icont1{ display:block;color: #fff;}
.menu_body .foricon.tz .icont2{ display:none;}
/*panle导航结束*/
.page-prev {
transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
-webkit-transform:translate3d(-100%, 0, 0);  
-o-transform:translate3d(-100%, 0, 0); 
-moz-transform:translate3d(-100%, 0, 0);
}
.page-in {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}



@media (min-width: 1366px) and (max-width: 1920px){
   .container{width: 1300px;}
   .Product .container{width: 1440px;}
   .Product .title{padding-left: 70px;padding-right: 70px;}
   #main .Product .pro_chance .hd{left: 70px;}
   .Product .pro_chance .bd .detil{padding: 40px 70px;}
   .detil .pro_list .slick-next{right: -60px;top: 50%}
   .detil .pro_list .slick-prev{left: -60px;top: 50%}
}

@media (min-width: 992px) and (max-width: 1199px){
   .News .pro_chance .bd{height: 372px;}
   .News .pro_chance .new_img{width: 48%;}
   .News .pro_chance .new_r{width: 52%;}
   .new_r .new_slide .slick-slide{padding-bottom: 10px;}
   .new_ul a{padding: 12px 0;}
   .new_ul .time{width: 112px;}
   .new_ul .time span{font-size: 26px;}
   .about_l .about_ul li a{padding: 15px 0;}
   .about_l .about_ul li a i{margin-left: 10px;width: 32px;height: 32px;}
   .about_l .about_ul li a p{margin-left: 50px;line-height: 32px;height: 32px;}
   #footer ul li{height: 186px;}
   #footer ul li.li1 p{font-size: 28px;}
   #footer ul li.li1{font-size: 20px;line-height: 62px;}
   #footer ul li.li3 p span{font-size: 34px;}
   #footer ul li.li3 .time{width: 90%;}
  .main_right .pro_list ul li{padding: 12px 8px;}
  .main_right .pro_list ul li dl{padding:8px 10px;}
  .main_right .pro_list ul li dl dt{font-size: 16px;}
  .prodec_top .pro_cs .tellphone{font-size: 30px;height: 58px;line-height: 58px;}
  .main_right .new_list ul li{padding: 26px 18px;}
  .new_list ul li .new_l dl dt{font-size: 16px;}
  .new_list ul li .new_l dl span{margin: 10px 0;}
  
}  
@media (max-width: 991px){
  #header .nav_box .yiji a.one,#header .head_r .tellbox{font-size: 14px;}
  #main .Best h1{font-size: 32px;}
  #main .Best .best_list li i{height: 54px;margin-bottom: 24px;}
  #main .Best .best_list li p span{font-size: 16px;}
  .Box:before{top: 106px;}
  .Box .title{padding-top: 50px;height: 108px;}
  .Box .title p{font-size: 22px;}
  #main .pro_chance .hd{width: 90%;top: 62px;padding-left: 120px;}
  #main .pro_chance .hd .cli{font-size: 14px;height: 30px;line-height: 30px;min-width: 90px;margin: 0 6px;}
  .Product .pro_chance .bd{height: 336px;}
  .pro_list .bor{padding: 0 6px;}
  .pro_list .pimg .car_cs{height: 28px;line-height: 28px;font-size: 14px;width: 78px;bottom: 14px;}
  .detil .pro_list .slick-arrow{width: 32px;height: 34px;}
  .pro_list dl{padding: 10px 14px;}
  .pro_list dl dt{font-size: 16px;height: 26px;line-height: 26px;}
  .News .pro_chance .bd{height: 904px;}
  .News .pro_chance .new_img,.About .about_cen .about_l{width: 100%;}
  .News .pro_chance .new_r,.About .about_cen .about_r{padding: 0;width: 100%;padding-top: 12px;}
  .Case .pro_list a dt{line-height: 32px;}
  .About .about_cen .about_r{padding-top: 20px;}
  .about_l .about_text{padding-right: 0;}
  #footer ul{padding: 40px 0;}
  #footer ul li{height: 186px;}
   #footer ul li.li1{font-size: 16px;line-height: 62px;}
   #footer ul li.li1 p{font-size: 24px;}
   #footer ul li.li2{width: 36%;padding: 15px 3%;}
   #footer ul li.li2 dd{padding: 0 4%;}
   #footer ul li.li3{width: 34%;}
   #footer ul li.li3 p span{font-size: 28px;}
   #footer ul li.li3 .time{width: 100%;padding: 0 10px;}
   .main_left{width: 224px;}
   .main_right{margin-left: 256px}
   .con-left-nav{padding:0px 12px 20px;}
  .main_right .pro_list ul li{width: 50%;padding: 12px 8px;}
  .main_right .pro_list ul li dl{padding:8px 10px;}
  .main_right .pro_list ul li dl dt{font-size: 16px;}
  .dectil_ny .main_right .prodec_top .slick2,.prodec_top .dantu{border-right: 10px solid #fff;}
  .slick2 .slider-nav2 .slick-arrow{width: 28px;height: 28px;}
  .slick2 .slider-nav2 .pimg{padding: 3px;}
  .slick2 .slider-nav2 .pimg.slick-current .slider-navimg{border: 2px solid #c51d2c;}
  .dectil_ny .main_right .prodec_top .pro_cs{padding: 16px 3%;}
  .prodec_top .pro_cs .pro_title{font-size: 20px;padding-bottom: 12px;}
  .prodec_top .pro_cs .p_text{font-size: 14px;padding: 12px 0;}
  .prodec_top .pro_cs .tellphone{font-size: 24px;height: 50px;border-radius: 25px;line-height: 50px;}
  .prodec_top .pro_cs .tellphone span{background-size: auto 30px;padding-left: 40px;}
  .main_right .new_list ul li{padding: 20px 10px;}
  .main_right .new_list ul li .new_l .time{width: 70px;height: 70px;padding: 5px 0;}
  .main_right .new_list ul li .new_l .time span{font-size: 32px;}
  .main_right .new_list ul li .new_l dl{margin-left: 70px;}
  .new_list ul li .new_l dl dt{font-size: 16px;}
  .new_list ul li .new_l dl span{margin: 6px 0;}
  .art_title{font-size: 18px;}
  .Product:after{height: 107px;}
  


}

@media (max-width: 767px){
  #wrap_index{padding-top: 60px;}
  #banner img{width: 140%;margin-left: -20%;}
  #main .Best{padding: 0 16px;padding-top: 10px;}
  #main .Best h1{font-size: 20px;}
  #main .Best .best_list{margin-bottom: 0;}
  #main .Best .best_list li{width: 50%;padding-bottom: 20px;}
  #main .Best .best_list li i{height: 40px;margin-bottom: 16px;}
  .Box{padding: 0 16px;}
  .Box:before{top: 63px;}
  .Box .title{padding-top:20px;height: 64px;}
  .Box .title p{font-size: 18px;height: 44px;line-height: 44px;border-bottom: 2px solid #c51d2c;}
  .Box .title a{height: 44px;line-height: 44px;}
  #main .pro_chance .hd{padding-left: 94px;top: 28px;}
  #main .pro_chance .hd .cli{min-width:60px;margin: 0 2px;padding: 0 2px;}
  .Product .pro_chance .bd{height: 282px;}
  .pro_chance .bd .detil{padding: 20px 0;}
  .detil .pro_list .slick-arrow{display: none!important;}
  .Product{background-size: auto 160px!important;}
  .News .pro_chance .bd{height: 600px;}
  .News .pro_chance .new_img a .new_title{height: 52px; padding: 4px 12px;font-size: 14px;line-height: 22px;}
  .new_r .new_slide .slick-slide{padding-bottom: 10px;}
  .new_ul a{padding: 10px 0;}
  .new_ul .time{width: 74px;padding-right: 10px;}
  .new_ul .time span{font-size: 20px;}
  .new_ul dl{margin-left: 74px;padding: 0 10px;}
  .Case .pro_list{padding-top: 20px;}
  
  .About .about_cen{margin: 20px 0 30px;padding:20px 16px;}
  .about_l .about_text h1{font-size: 16px;}
  .about_l .about_text{max-height: unset;}
  .about_l .about_ul li{padding: 0 4px;text-align: center;}
  .about_l .about_ul li a{padding: 10px 0 0;}
  .about_l .about_ul li a i{margin-left:0;width: 100%;height: 28px;float: unset;}
  .about_l .about_ul li a i img{margin: 0 auto;height: 100%;}
  .about_l .about_ul li a p{margin-left:0;width: 100%;line-height: 34px;height: 34px;}
  #footer ul{padding: 16px 16px 0;}
  #footer ul li{width: 100%!important;height: auto;float: unset;text-align: center;border: none!important;}
  #footer ul li.li3{padding: 0 10%;}
  #footer ul li.li2{padding: 15px 9% 10px;overflow: hidden;}
  #footer ul li.li3 p span{font-size: 26px;}
  #footer .copy{padding: 10px 16px;font-size: 12px;}
  
  .main_ny{padding:16px;}
  .main_left{width:100%;margin-top: 0;position: relative;float: unset;}
  .posnav{height: 44px;line-height: 40px;font-size: 18px;padding-left: 10px;}
  .posnav:before{width: 18%;right: 58%;}
  .con-left-nav{display: none;max-height: 300px;overflow-y:scroll;position: absolute;top: 44px;left: 0;}
  .con-left-nav .one li a{height: 44px;line-height: 44px;font-size: 15px;}
  .con-left-nav .one li dl{height: 44px;line-height: 44px;}
  .main_right{margin-left:0;margin: 10px 0;}
  .main_right .pro_list ul{padding:10px 0;}
  .main_right .pro_list ul li{padding:5px;}
  .main_right .pro_list ul li dl{padding:8px;}
  .main_right .pro_list ul li dl dt{font-size: 16px;}
  .main_right .pro_list ul li dl dt span i{font-size: 20px;}
  .pages{padding-bottom: 30px;padding-top: 10px;}
  .main_ny.dectil_ny .main_right{margin: 0;}
  .main_right .main_r_top{height: 42px;padding-top: 0;font-size: 16px;line-height: 42px;}
  .main_right .main_r_top span{height: 42px;}
  .dectil_ny .main_right .prodec_top .slick2,.prodec_top .dantu{width: 100%;border-right: none;border-bottom: 14px solid #fff;}
  .dectil_ny .main_right .prodec_top .pro_cs{width: 100%;padding: 12px 10px;}
  .prodec_top .pro_cs .pro_title{font-size: 18px;line-height: 1.7;}
  .prodec_top .pro_cs .tellphone{font-size: 20px;height: 40px;border-radius: 20px;line-height:40px;}
  .prodec_top .pro_cs .tellphone span{background-size: auto 26px;padding-left: 32px;}
  .pro_xq{margin: 0;}
  .pro_xq p{width: 100px;height: 32px;line-height: 32px;font-size: 16px;border-radius: 0 16px 0 0;}
  .choose_art li a{width: 100%;}
  .slick2 .slider-nav2 .slick-arrow{width: 22px;height: 24px;}
  .main_right .new_ul ul li{padding:8px 0;}
  .art_title{font-size: 16px;margin: 30px 0 0;}
  .main_sea{padding:16px;}
  .main_sea .result{font-size: 16px;margin: 15px 0;}
  .main_sea .search li a{padding-left: 10px;height: 40px;line-height: 40px;font-size: 14px;}
  .main_sea .search li a:before{content: "";border-left: 4px solid #c51d2c;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-right: 4px solid transparent;margin-top: -4px;}
  
  .Product:after{height: 64px;}
}
@media (max-width: 540px){
  .main_right .new_list ul,.main_right .new_ul ul{padding: 0;}
  .main_right .new_list ul li{padding: 20px 0;}
  .main_right .new_list ul li .nimg{width: 100%;float: unset;}
  .main_right .new_list ul li .new_l{width: 100%;float: unset;padding-top: 20px;}
  .main_right .new_list ul li .new_l dl{padding-right: 0;margin-left: 64px;}
  .new_list ul li .new_l dl dt{height: auto;}
  .new_list ul li .new_l dl dd{height: 44px;line-height: 22px;}
  .main_right .new_list ul li .new_l .time span{font-size: 28px;}
  .main_right .new_list ul li .new_l .time{padding: 8px 0;font-size: 12px;line-height: 26px;width: 64px;height: 64px;background: #c51d2c;color: #fff;}

}
@media (max-width: 375px){
  

}
@media (max-width: 320px){
  

}
.pro_list a:hover .pimg img,.News .pro_chance .new_img a:hover img{transform: scale(1.1, 1.1);transition: 1s transform;}
