@charset "utf-8";
html{-webkit-font-smoothing:antialiased;overflow-x: hidden;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle;}
textarea,button,input[type=submit],input[type=search],input[type=text],input[type=button]{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
select{ outline: none; }
body{ font-size: 14px; color:#333;line-height:1.3;overflow-x: hidden;background:#f6f6f7; font-family: '微软雅黑';}
a,li,div{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
input,img,div,a,li{ outline: none; }
a{ color: #333; }
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
a,.i_box li,.search_form,.search_input,.i_product li .text,.i_product li h2,.i_box li h2,.pro_more .text p,.pro_more .text p:after,.pro_more .pic:hover,.pro_mlist .text,.pro_mlist li,.pro_mlist .text p,.join_con input.join_sub,.prol_top li{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.w{ width: 100%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.baseWidth{ width: 1200px; margin: 0 auto;}
.txt_overflow{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.img_box{ display: block; overflow: hidden; }
.img_box img{ max-width: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.img_box:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.over{ overflow: hidden; }
.bg_212121{ background: #212121; }
.bg_f4f4f4{ background: #f4f4f4; }
.bg_222{ background: #222; }
.bg_white{ background: #fff; }

/*header*/
.header{ height: 84px; line-height: 84px; background: #fff; }
.header.baseWidth{ width: 1390px; }
.logo{ max-width: 34%; }
.nav li{ position: relative; float: left; padding: 0 20px; margin: 0 4px; display: block; color: #333; font-size: 16px; height: 84px; box-sizing: border-box; }
.nav li a{ display: block; }
.nav li.on,.nav li:hover{ color: #1343b1; border-bottom: 4px solid #1343b1; }
/*.nav li.hase:nth-child(2) .s_nav{ width: 400px!important; margin-left: -160px!important; }*/
.s_nav{ display: none; max-width: 320px; line-height: 1; position: absolute; top: 84px; background: #1343b1; z-index: 999; left: 50%; border-top: #1343b1 3px solid; text-align: center; box-shadow: 3px 3px 0px rgba(0,0,0,0.15); }
.s_nav.mw480{ max-width: 480px; width: 480px!important; }
.s_nav .img_box{ padding-right: 39px; border-right: 1px solid #404042; text-align: center; width: 220px; height: 220px; line-height: 220px; font-size: 0; }
.s_nav .img_box img{ max-width: 100%; max-height: 100%; }
.snav_box{ display: inline-block; }
.s_nav h2{ margin: 0.3em 0; padding: 0 10px; white-space: pre; line-height: 30px; border-bottom: 2px solid #1343b1; font-size: 14px; min-width: 116px; color: rgba(255,255,255,.8); }
.s_nav h2:hover{ background: rgba(255,255,255,.3); }
.snav_box.hast{ padding: 10px 0; width: 160px; float: left; font-size: 0; box-sizing: border-box; white-space: pre;}
.snav_box.hast dd{white-space: pre;vertical-align: top;padding: 0 10px;width: 100%;box-sizing: border-box;display: block;}

/*.snav_box.hast dd{ white-space: pre; vertical-align: top; display: inline-block; padding: 0 10px; width: 100%; box-sizing: border-box; }
*/.snav_box.hast h2{ max-width: 100%; position: relative; font-size: 15px; border-bottom: none; padding: 0; margin: 0; color: #fff; margin: 0 auto 5px; min-width: 0; display:inline-block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.snav_box.hast dd:hover h2{ background: none; color: rgba(255,255,255,.8); }
.snav_box.hast dd h2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: rgba(255,255,255,.8); }
.snav_box.hast dd:hover h2:after{ width: 100%; }
.snav_box.hast p a{ padding: 0 5px; margin: 2.5px 0; line-height: 30px; font-size: 14px; min-width: 130px; box-sizing: border-box; color: rgba(255,255,255,.8); display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.snav_box.hast p a:hover{ background: rgba(255,255,255,.3); }
.snav_box.hast dt{ height: 35px; line-height: 35px; width: 100%; font-size: 15px; color: #fff; display: inline-block; *display: inline; *zoom: 1; width: 50%; }
.t_nav{ position: absolute; display: none; right: 0; top: 45px; width: 160px; padding: 0 10px; box-sizing: border-box; }
.t_nav.active{ display: none!important; }
.snav_box dd:hover .t_nav{ display: block; height: calc(100% - 45px); background: #1343b1; z-index: 1;}
.snav_box dd:hover .t_nav.hide{ display: none!important; }
.s_nav .snav_box:nth-child(2) .t_nav{ display: none; }
.t_nav.active{ display: block!important; }
.snav_box .slick-prev{ left: 0; width: 15px; height: 25px; margin-top: -14px; background: url(../images/icon4a.png) center no-repeat; background-size: contain; }
.snav_box .slick-next{ right: 0; width: 15px; height: 25px; margin-top: -14px; background: url(../images/icon5a.png) center no-repeat; background-size: contain; }
.search_form{ margin-left: 10px; width: 30px; height: 30px; line-height: 30px; font-size: 0; }
.search_input{ vertical-align: top; color: #000; box-sizing: border-box; width: 0; border: none; height: 30px; line-height: 30px; }
.search_btn{ cursor: pointer; margin-left: -1px; vertical-align: top; width: 20px; height: 30px; background: url(../images/icon1.png) center no-repeat; background-size: contain; border: none; }
.search_form.on{ background: none; vertical-align: middle; width: 168px; overflow: hidden; border: 1px solid #1343b1; border-radius: 12px; }
.search_form.on .search_input{ height: 30px; line-height: 30px; width: 138px; padding-left: 5px; }
.search_form.on .search_btn{ margin-left: 0; background: url(../images/icon1on.png) center no-repeat; background-size: contain;}
.nav-skip { display: none; box-sizing: border-box; width:2.4rem; height:2.4rem; padding:0.5em 0 .4em; text-indent:2.1875em; font-size:1.3rem; line-height:1.9em; text-align:center;}
.nav-skip span {position:relative; top:0.4em; margin:0 auto; -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
.nav-skip span:before,
.nav-skip span:after {position:absolute; content:'';}
.nav-skip span,
.nav-skip span:before,
.nav-skip span:after {width:1.3em; height:2px; background-color:#1343b1; display:block; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-delay:0.2s, 0; transition-delay:0.2s, 0;}
.nav-skip span:before {top:-0.4em;}
.nav-skip span:after {top:0.4em;}
.nav-skip.toggled span {background-color:rgba(0,0,0,0.0); -webkit-transition-delay:0s; transition-delay:0s;}
.nav-skip.toggled span:before,
.nav-skip.toggled span:after {top:0; -webkit-transition-delay:0, 0.2s; transition-delay:0, 0.2s;}
.nav-skip.toggled span:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.nav-skip.toggled span:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

/*footer*/
.footer{ background: #fff; line-height: 26px;background:url(../images/bgbg.jpg) no-repeat center center; }
.footer .top{ padding: 33px 0; border-bottom: 1px solid #fff; }
.fnav a{ color: #fff; }
.fnav li{ width:220px; float: left; }
.fnav li > a{ font-weight: bold; margin-bottom: 8px; display: block; color: #fff;line-height:50px; }
.fnav li a:hover{ color: #1343b1; }
.fnav li:last-child{ width: 145px; }
.fnav dd a{ color: #676767; }
.ewm_box{ text-align: center; }
.ewm_box img{ width: 75px; height: 75px; margin: 8px auto 10px; }
.ewm_box p{ font-size: 12px; color: #676767; }
.phone_box{ width: 280px; text-align: right; margin-top: 26px; }
.phone_box p{ color: #676767; margin-bottom: 4px; }
.phone_box h3{ color: #fff; font-size: 30px; }
.footer .bottom{ color: #fff; font-size: 12px; padding: 15px 0; }
.share_box span{ vertical-align: middle; }
.share_box a{ margin: 0 2.5px; display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; font-size: 0; vertical-align: middle; text-align: center;  }
.share_box a img{ opacity: 1; }
.share_box a:hover{ background: #7c7c7c; }
.share_box a:hover img{ opacity: .78; }

/*首页*/
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{z-index: 0; position: relative; display: block; overflow: hidden; margin: 0 auto; width: 100%;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{outline: none; display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto;}
.slick-arrow.slick-hidden{display: none;}
.slick-dots{ line-height: 1; position: absolute; width: 100%; bottom: 30px; list-style: none; display: block; text-align: center; padding: 0px; }
.slick-dots li{ border-radius: 6px; cursor: pointer; width: 12px; overflow: hidden; height: 12px; background: #fff; border: 3px solid #cbcccb; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; margin: 0 9px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active{ overflow: hidden; border-color: #1343b1; }
.banner{ clear: both; height: 770px; overflow: hidden; position: relative;}
.banner .slick-arrow{background-color: rgba(0,0,0,0); outline: none;border: none;width: 9px; height: 15px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
.banner-wrap{ height: 770px; }
.banner-wrap .banner-bg{background-size:cover;background-position: center center; height: 770px; display: block; background-size: cover; background-position: center; background-repeat: no-repeat;}
.slick-arrow{ background-color: rgba(0,0,0,0); outline: none;border: none;width: 33px; height: 33px; top: 50%; margin-top: -16.5px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}


    .i_productx { display:block;}
    .i_productx { display:none;}
    


.aboutnews { overflow:hidden;margin:0 auto;width:1200px;margin-top:10px;}
.i_product li.slick-slide{ margin: 0 10px; float: left; }
.i_product li.slick-slide .pic{ position: relative; overflow: hidden; }
.i_product li.slick-slide .pic i{ z-index: 666; padding: 15px 14px 15px 46px; display: block; position: absolute; left: 0; top: 30px; background: rgba(0,0,0,.35); color: #fff;  background-size: 20px; background-repeat: no-repeat; background-position: 16px center; }
.i_product li.slick-slide img{ width: 100%; }
.i_product li.slick-slide .text{ padding: 22px 20px; background: #fff; color: #999; }
.i_product li.slick-slide .bg_wrap{  }
.i_product li.slick-slide h2{ color: #000; font-size: 16px; margin-bottom: 10px;text-align:center;}
.i_product li.slick-slide.on .text,.i_product li:hover .text{ background: #1343b1; color: #fff; }
.i_product li.slick-slide.on .bg_wrap,.i_product li:hover .bg_wrap{}
.i_product li.slick-slide.on h2,.i_product li:hover h2{ color: #fff; }
.i_product .slick-dots{ bottom: -25px; }
.i_product .slick-prev{ width: 28px; height: 28px; margin-top: -14px; left: -18px; background: url(../images/icon4.png) center no-repeat; }
.i_product .slick-prev:hover{ background: url(../images/icon4on.png) center no-repeat; }
.i_product .slick-next{ width: 28px; height: 28px; margin-top: -14px; right: -18px; background: url(../images/icon5.png) center no-repeat; }
.i_product .slick-next:hover{ background: url(../images/icon5on.png) center no-repeat; }
.i_product .slick-list:before{ z-index: 999; content: ''; position: absolute; left: 0; top: 0; background: #fff; width: 10px; height: 100% }
.i_product .slick-list:after{ z-index: 999; content: ''; position: absolute; right: 0; top: 0; background: #fff; width: 10px; height: 100% }
.i_box{ background: #fff; }
.i_box li{ border-top: 1px solid #fff; box-sizing: border-box; border-right: 1px solid #ebebeb; float: left; width: 25%; text-align: center; }
.i_box li a{ display: block; padding: 40px 0 50px; }
.i_box li:first-child{ border-left: 1px solid #ebebeb; }
.i_box li:hover{ border-top: 1px solid #ebebeb; box-shadow: 0 0 30px #f0f0f0 inset; }
.i_box li .img{ height: 70px; line-height: 70px; font-size: 0; }
.i_box li .img img{ max-height: 100%; }
.i_box li h2{ font-size: 18px; margin: 8px auto 4px; } 
.i_box li p{ color: #666; }
.i_box li span{ margin-top: 8px; line-height: 20px; font-size: 12px; color: #999; text-transform: uppercase; }
.i_box li:hover h2{ color: #1343b1; }

/*公共*/
.wbanner{ height: 684px; clear: both; background-size: cover; background-position: center;}
.path{ padding: 20px 0; background: #cecece; color: #000; }
.path li{ padding: 10px 40px 10px 0; float: left;width:16%;  }
.path li:first-child{ border-left: none; }
.path li:last-child{ border-right: none; }
.path a{ position: relative; color: #000; font-size: 16px; }
.path li:first-child{ padding-left: 0; }
.path li.on a:after,.path a:hover:after{ position: absolute; left: 0; bottom: -10px;  content: ''; width: 100%;  border-bottom:2px solid #fff;}
.pages{ font-size: 0; margin: 0 auto;width: 500px;overflow: hidden; }
.urlimg { width:100%;text-align:center;margin-bottom:20px;}
.urlimg img { max-width:100%;}
/*关于我们*/
.m_main{ padding: 40px 0; }
.about_con{ padding: 80px 90px; }
.about_con h2{ font-size: 26px; }
.about_con{ color: #585858; line-height: 34px; }
.about_con .text,.about_con .pic{ display: inline-block; vertical-align: middle;}
.about_con .text{ font-size: 14px; }
.about_con .box1{ display: block; float: left; width: 60%; max-width: 100%; height: auto; }
.about_con .box1 video{ width: 100%; max-width: 100%; }
.about_con .item{ margin: 60px 0; }
.about_con .pic{ max-width: 38%; }
.about_con .top{ margin-bottom: 60px; }
.about_con .top,.about_con .bot{ /*font-size: 0;*/ }
.about_con .top .pic{ margin-left: 11%; }
.about_con .top h2{ margin-bottom: 33px; }
.about_con .bot .pic{ margin-right: 11%; }
.about_con .bot h2{ margin-bottom: 14px; }

/*新闻动态*/
.news_con{ padding-bottom: 45px; }
.news_list{ padding: 0 50px 95px; }
.news_list li{ font-size: 0; padding: 40px 20px; border-bottom: 1px solid #e5e5e5; }
.news_list li .img{ width: 25.5%; vertical-align: middle; }
.news_list li .text{ width: 61.9%; margin-left: 5.9%; font-size: 14px;  vertical-align: middle;}
.news_list li h2{ margin-bottom: 6px; color: #1343b1; font-size: 20px; }
.news_list li span{ font-size: 18px; color: #999; }
.news_list li p{ margin: 30px auto; color: #666; line-height: 24px; }
.news_list li .show_more{ color: #1343b1; height: 35px; line-height: 35px; display: inline-block; padding: 0 6px; margin-left: -6px; }
.news_list li .show_more:hover{ background: #1343b1; color: #fff; margin-left: 0; }
.news_list li em{ display: block; overflow: hidden; }
.news_list li img{ width: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.news_list li em:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

/*新闻动态详情*/
.news_detail{ padding: 55px 50px; }
.news_detail .info{ border-bottom: 1px solid #e5e5e5; }
.news_detail .info h2{ margin-bottom: 22px; font-size: 30px; color: #1343b1; }
.news_detail .info p{ margin: 10px auto 25px; font-size: 18px; color: #999; }
.news_detail .text{ padding: 35px 85px; }
.news_detail .text p{ line-height: 32px; font-size: 16px; color: #555; }

/*产品中心-进一步了解*/
.pro_more{ clear: both; }
.pro_more .baseWidth{ font-size: 0; }
.pro_more .box{ text-align: center; height: 840px; line-height: 840px; background-repeat: no-repeat; background-size: cover; background-position: left center; }
.pro_more .pic,.pro_more .text{ width: 40%; margin: 0 4%; line-height: 1; display: inline-block; vertical-align: middle; }
.pro_more .text h1{ font-size: 30px; color: #1343b1; }
.pro_more .text h2{ margin: 20px auto 40px; font-size: 20px; color: #1343b1; }
.pro_more .text p{ font-size: 16px; color: #000; }
.pro_more .text p:after{ content: ''; display: inline-block; vertical-align: top; width: 8px; height: 16px; background: url(../images/icon14.png) center no-repeat; margin-left: 14px; }
.pro_more .text a:hover p{ color: #1343b1; }
.pro_more .text a:hover p:after{ background: url(../images/icon14on.png) center no-repeat; margin-left: 18px; }
.pro_more .pic:hover{ transform: translateY(-10PX); }

/*产品中心-分类*/
.pro_main{ padding: 50px 0 30px; }
.pro_mlist li{ margin-bottom: 20px; margin-right: 1.6%; width: 31.7%; float: left; }
.pro_mlist li:nth-child(3n){ margin-right: 0; }
.pro_mlist .img{ display: block; overflow: hidden;}
.pro_mlist .img img{ width: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.pro_mlist .text{ padding: 36px 20px 24px; position: relative; background: #f6f6f6; }
.pro_mlist .text h2{ font-size: 18px; margin-bottom: 24px; text-align:center;}
.pro_mlist .text p{ color: #999; height: 18px; }

.pro_mlist .text .pic{ max-width: 107px; min-height: 107px; line-height: 107px; font-size: 0; position: absolute; right: 16px; top: -40px; }
.pro_mlist .text .pic img{ max-width: 100%; max-height: 100%; }
.pro_mlist li:hover{ box-shadow: 0 0 20px #e9e9e9; }
.pro_mlist li:hover .text{ background: #1343b1; color: #fff; }
.pro_mlist li:hover .text p{ color: #fff; }
.pro_mlist li:hover .img  img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

/*产品中心-列表*/
.prol_top{ margin-bottom: 10px; }
.prol_top ul{ margin: 0 28px; }
.prol_top li{ text-align: center; height: 50px; line-height: 48px; background: #fff; border-top: 2px solid #fff; box-sizing: border-box; float: left; font-size: 16px; }
.prol_top li a{ display: block; color: #555; padding: 0 35px; }
.prol_top li.on,.prol_top li:hover{ border-color: #1343b1; background: #f6f6f6; }
.prol_top li.on a,.prol_top li:hover a{ color: #000; }
.prol_top .slick-prev{ width: 28px; height: 28px; margin-top: -14px; left: -32px; background: url(../images/icon4.png) center no-repeat; }
.prol_top .slick-prev:hover{ background: url(../images/icon4on.png) center no-repeat; }
.prol_top .slick-next{ width: 28px; height: 28px; margin-top: -14px; right: -32px; background: url(../images/icon5.png) center no-repeat; }
.prol_top .slick-next:hover{ background: url(../images/icon5on.png) center no-repeat; }
.prol_box{ padding: 40px; background: #f6f6f6; }
.prol_box img{ width: 21.6%; }
.prol_box .text{ width: 73.3%; padding-right: 2.1%; }
.prol_box .text h2{ font-size: 24px; margin: 10px auto 30px; }
.prol_box .text p{ line-height: 36px; color: #555; }
.prol_bot{ padding: 55px; background: #f6f6f6; }
.prol_bot h1{ font-size: 30px; text-align: center; margin-bottom: 50px; }
.prol_bot ul{ margin-bottom: 6px; }
.prol_bot li{ width: calc(33.3% - 50px); margin: 0 25px 28px; float: left; text-align: center; }
.prol_bot li .img{ margin-bottom: 26px; border-radius: 10px; position: relative; background: #fff; width: 100%; height: 0; padding-bottom: 76.4%; }
.prol_bot li .img img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 80%; max-height: 80%; }
.prol_bot li p{ height: 40px; overflow: hidden; line-height: 20px; font-size: 16px; }
.prol_bot li:hover p{ color: #1343b1; }

/*产品中心-详情*/
.prod_main{ padding: 60px; box-sizing: border-box;}
.prod_top{ margin-bottom: 50px; }
.prod_left{ width: 420px; }
.bimg_slick{ height: 420px; line-height: 418px; font-size: 0; width: 420px; box-sizing: border-box; text-align: center; margin-bottom: 20px; }
.bimg_slick .slick-list{ height: 100%; box-sizing: border-box; border-radius: 10px; overflow: hidden; border: 1px solid #ddd; }
.bimg_slick img{ display: inline-block; max-width: 100%; max-height: 100%; }
.bimg_slick .slick-dots{ bottom: -30px; }
.bimg_slick .slick-track{ height: 100%; }
.simg_slick{ width: 435px; }
.simg_slick .box{ border-radius: 10px; overflow: hidden; cursor: pointer; margin-right: 18px; width: 68px; height: 68px; line-height: 68px; font-size: 0; border: 1px solid #ddd; }
.simg_slick .box img{ display: inline-block; }
.simg_slick .box.on{ width: 68px; height: 68px; border-color: #1343b1; }
.simg_slick .slick-prev{ left: -30px; width: 15px; height: 28px; margin-top: -14px; bottom: 0; background: url(../images/icon4.png) no-repeat; }
.simg_slick .slick-prev:hover{ background: url(../images/icon4on.png) no-repeat; }
.simg_slick .slick-next{ right: -12px; width: 15px; height: 28px; margin-top: -14px; bottom: 0; background: url(../images/icon5.png) no-repeat; }
.simg_slick .slick-next:hover{ background: url(../images/icon5on.png) no-repeat; }
.prod_right{ width: 660px; padding-right: 26px; }
.prod_right h1{ font-size: 30px; margin: 5px auto 10px; }
.prod_right h2{ font-size: 18px; color: #1343b1; margin: 32px auto 10px; }
.prod_right p{ line-height: 24px; }
.prod_bot .text{ padding: 60px 30px; }
.prod_bot .text table{  }
.prod_bot .text tr,.prod_bot .text td{ border: 1px solid #ddd; height: 39px; width: 329px; padding: 0 18px; }
.prod_bot .text p{ line-height: 30px; }
.prod_bot .title{ height: 60px; line-height: 60px; background: #f6f6f6; padding: 0 30px; font-size: 18px; color: #000; }

/*申请加盟*/
.join_con form{ width: 660px; font-size: 0; padding: 36px 0; }
.join_con h1{ margin-bottom: 44px; font-size: 30px; text-align: center; }
.join_con p{ padding-left: 19px; margin: 9px auto 18px; font-size: 18px; }
.join_con input{ max-width: 100%; margin-bottom: 20px; height: 60px; line-height: 58px; box-sizing: border-box; width: 660px; padding: 0 18px; border: 1px solid #ddd; font-size: 16px; }
.join_con .w50 input{ width: calc((100% - 21px)/2); }
.join_con .w50 input:first-child{ margin-right: 20px; }
.join_con textarea{ max-width: 100%; width: 660px; height: 120px; box-sizing: border-box; border: 1px solid #ddd; outline: none; padding: 5px 18px; margin-bottom: 20px; font-size: 16px; }
.join_con input.join_sub{ background: #1343b1; border: none; color: #fff; font-size: 22px; cursor: pointer; }
.join_con input.join_sub:hover{ font-size: 23px; box-shadow: 0 0 10px #999; }
.select_box input{ width: 150px; vertical-align: top; }
.code_img{ right: 0;
    top: 0;
    width: 200px;
    height: 60px;
    line-height: 58px;
    box-sizing: border-box;
    border: 1px solid #FFF;
    text-align: center;
    border-left: 1px solid #ECE4E4; }
.code_img img{ cursor: pointer; max-width: 100%; max-height: 100%; }
/*select*/
.sod_select,.sod_select *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.sod_select{ font-size: 16px; vertical-align: middle; display: inline-block; position: relative; line-height: 1.1; width: 150px; padding: 21px 25px 21px 18px; border: 1px solid #dedede; background: #fff url(../images/icon16.png) 94% center no-repeat; text-align: left; outline: 0; outline-offset: -2px; /* Opera */ cursor: default; margin-right: 20px;}
.sod_select.disabled{border-color: #828282; color: #b2b2b2; cursor: not-allowed;}
.sod_select .sod_label{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /*padding-right: 15px;*/}
.sod_select .sod_list{position: absolute; top: 100%; left: 0; display: none; height: auto; width: 100%; margin: 0 0 0 -1px; background: #ffffff; border: 1px solid #dedede; border-top: none; z-index: 1; max-height: 250px; overflow: auto;}
.sod_select.open .sod_list{display: block;}
.sod_select.disabled.open .sod_list{display: none;}
.sod_select.above .sod_list{top: auto; bottom: 100%; border-top: 3px solid #000000; border-bottom: none;}
.sod_select .sod_list ul{overflow-y: auto; padding: 0; margin: 0;}
.sod_select .sod_list li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 0 18px; list-style-type: none; line-height: 30px!important; width: 100%;}
.sod_select .sod_list .optgroup,.sod_select .sod_list .optgroup.disabled{background: inherit; color: #939393; font-size: 10px; font-style: italic;}
.sod_select .sod_list .groupchild{padding-left: 20px;}
.sod_select .sod_list .disabled{background: inherit; color: #cccccc;}
.sod_select .sod_list .active{background: #f7f7f7; color: #333333;}
.sod_select .sod_list .selected:before{content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);}
.sod_select.no_highlight .sod_list .selected:before{display: none;}
.sod_select select{display: none !important;}
.sod_select.touch select{-webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1;}
.booking_con .r_box select{width: 150px;height: 60px;line-height: 58px;box-sizing: border-box;padding-left: 18px;border: 1px solid #ddd;font-size: 16px;margin-right: 20px;background: #fff url(../images/icon16.png) 94% center no-repeat;-webkit-appearance: none;border-radius: 0;-webkit-tap-highlight-color: rgba(255,0,0,0);outline: 0;outline: 0;blr: expression(this.onFocus=this.blur());}

/*.booking_con .r_box select{ width: 150px; margin-bottom: 20px; height: 60px; line-height: 58px; box-sizing: border-box; padding-left: 18px; border: 1px solid #ddd; font-size: 16px; margin-right: 20px;/* background: #fff url(../images/icon16.png) 94% center no-repeat;}*/
.booking_con .r_box select option{ font-size: 16px; }

/*人才加盟*/
.rec_con{ padding: 45px 60px 55px; }
.join-main{ margin-bottom: 50px; }
.join-main .list-top{height: 64px; line-height: 64px; background: #1343b1; font-size: 0; color: #fff;}
.join-main .td1,.join-main .td2,.join-main .td3,.join-main .td4{ text-align: center; width: 25%; padding: 0 5px; box-sizing: border-box; display: inline-block; vertical-align: middle; }
.join-main .list-box ul{width: 100%;}
.join-main .list-box li{width: 100%;}
.join-main .list-box li .top{ cursor: pointer; font-size: 0; color: #666; line-height: 2; padding: 18px 0; border-bottom: 1px solid #efefef;}
.join-main .list-box li .top:hover .td1{ color: #1343b1; }
.join-main .td1, .join-main .td2, .join-main .td3, .join-main .td4{ font-size: 16px; }
.join-main .td1{ text-align: left; padding-left: 45px; }
.join-main .list-box li .top a{color: #4d1068;}
.join-main .list-box li.on .top{ border-bottom: none; }
.join-main .list-box li .bot{position: relative; padding: 40px 8.1% 50px; background: #fafafa; display: none;}
.join-main .list-box li .bot .info1{border-bottom: 1px solid #e5e5e5; padding-bottom: 22px;}
.join-main .list-box li .bot .info1 p{float: left; font-size: 12px; color: #333333; line-height: 2; min-width: 24%; margin-right: 1%; margin-bottom: 10px;}
.join-main .list-box li .bot .info2 h3{font-size: 20px; color: #007c8c; line-height: 36px;}
.join-main .list-box li .bot .info2 p{font-size: 14px; color: #666; line-height: 34px;}
.join-main .list-box li .bot .info2 .box{width: 100%; margin-bottom: 18px; }
.join-main .list-box li .bot .info3{margin-top: 22px;}
.join-main .list-box li .bot .info3 .apply{width: 151px; height: 41px; line-height: 41px; background: #007c8c; font-size: 16px; color: #ffffff; float: left; text-align: center;}
.join-main .list-box li .bot .info3 .apply:hover{ box-shadow: 0 0 10px #999; font-size: 17px;}
.join-main .list-box li .bot .info3 .all{float: right; font-size: 14px; color: #666; height: 21px; line-height: 21px; padding-left: 30px; background: url("../images/all_ico.png") no-repeat 0 center;}
.join-main .list-box li .bot i{position: absolute; left: calc(4.4% + 18px); top: -12px; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: transparent transparent #f5f5f5;}
.join-main .list-box li.li1 .td2{color: #f91747;}

/*设计预约*/
.booking_con{ padding-bottom: 70px; }
.booking_con form{ width: auto; } 
.booking_con .item{ display: block; }
.booking_con .item span{ min-width: 100px; text-align: right; padding-right: 30px; display: inline-block; vertical-align: top; line-height: 60px; font-size: 16px; color: #555; }
.booking_con .item .r_box{ width: 500px; display: inline-block; vertical-align: top; }
.booking_con .item input[type="checkbox"]{ padding: 0; vertical-align: -4px; margin-right: 6px; width: 20px; height: 20px; margin-bottom: 0; }
.booking_con .item label{ line-height: 30px; display: inline-block; min-width: 155px; margin-right: 10px; font-size: 16px; }
.label_box{ margin-bottom: 20px; }
.booking_con .r_box select:first-child{ width: 160px; }
.booking_con .r_box select:nth-child(3){ margin-right: 0; }
.booking_con .r_box .w50{ margin-top: 20px; }
.chinamap img{ max-width: 80%; }

/*在线咨询*/
.counsel{ cursor: pointer; }
.counsel_bg{ display: none; z-index: 999; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); top: 0; left: 0; }
.counsel_wrap{ box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #fff; width: 500px; max-width: 90%; max-height: 50%; height: 200px; border-radius: 10px; box-shadow: 0 0 10px #999; }
.counsel_wrap .title{ height: 50px; line-height: 50px; padding: 0 10px 0 20px; font-size: 20px; border-bottom: 1px solid #e5e5e5; }
.counsel_wrap .title span{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.counsel_wrap .title .fr{ font-family: '宋体'; cursor: pointer; font-size: 30px; color: #999; }
.counsel_wrap .text{ line-height: 28px; padding: 20px; font-size: 15px; letter-spacing: 1px; }
.counsel_wrap .text a,.counsel_wrap .text em{ color: #de2810; }

@media screen and (min-width: 1240px) {
    .i_product{ margin: 10px auto;  width:1162px; }
}

@media screen and (max-width: 1320px){
.baseWidth { width: 94%; margin: 0 3%; }
.banner, .banner-wrap, .banner-wrap .banner-bg,.wbanner{ height: 580px; }
.fnav li{ width: 145px; }
.phone_box{ width: auto; margin-left: 20px; }
.about_con{ padding: 40px; }
.about_con .item{ margin: 20px auto; }
.about_con .top{ margin-bottom: 40px; }
.pro_more .box{ height: 600px; line-height: 600px; }
.pro_mlist li,.pro_mlist li:nth-child(4n){ width: 32.2%; margin-right: 1.7%; }
.pro_mlist li:nth-child(3n){ margin-right: 0; }
.pro_main{ padding: 40px 0; }
.prod_main{ padding: 40px; }
.simg_slick{ display: none; }
.prod_left{ width: 46%; }
.prod_right{ width: 50%; margin-left: 4%; padding-right: 0; }
.bimg_slick{ width: 100%; height: 300px; line-height: 298px; }
.news_list{ padding: 0 3% 40px; }
.news_list li{ padding: 40px 3%; }
.news_list li .img{ width: 35%; }
.news_list li .text{ width: 60%; margin-left: 5%; }
.news_list li p{ margin: 10px auto; }
.news_detail{ padding: 40px 3%; }
.news_detail .text{ padding: 30px 3%; }
.news_detail .info p{ margin: 5px auto 15px; }
.rec_con{ padding: 40px 3%; }
}

@media screen and (max-width: 1200px){
.banner, .banner-wrap, .banner-wrap .banner-bg,.wbanner{ height: 480px; }
.fnav{ display: none; }
.prol_top li a{ padding: 0 5px; }
.prol_box .text h2{ margin: 0 auto 10px; font-size: 20px; }
.prol_box .text p{ line-height: 25px; }
.prol_bot{ padding: 20px 3% 40px; }
.prol_bot h1{ margin: 20px auto; font-size: 24px; }
.prol_bot li{ width: 30%; margin: 0 1.6%; }
.prol_bot li .img{ margin-bottom: 15px; }
.prol_box .text{ padding-right: 0; margin-left: 2.1%; }
.prod_main{ padding: 40px 3%; }
.prod_bot .text{ padding: 40px 3%; }
.prod_bot .text p{ line-height: 25px; }
.prod_right h1{ font-size: 26px; }
.prod_right h2{ margin: 20px auto 10px; }
.prod_right p{ line-height: 20px; }
.prod_top{ margin-bottom: 40px; }
.join-main .list-box li .bot .info2 p { line-height: 26px; font-size: 14px;}
.join_con h1{ font-size: 26px; margin-bottom: 20px; }
.booking_con .item span{ line-height: 45px; }
.join_con input{ line-height: 43px; height: 45px; margin-bottom: 15px; padding: 0 10px; }
.code_img{ height: 45px; line-height: 43px; }
.sod_select{ padding: 13.5px 25px 13.5px 10px; }
.booking_con .r_box select{ padding-left: 10px; height: 45px; line-height: 45px; }
.booking_con{ padding-bottom: 40px; }
.i_product li.slick-slide .pic i{ padding: 10px 14px 10px 30px; background-size: 15px; background-position: 8px center; }
.i_box .baseWidth{ width: 100%; margin: 0; }
.footer{ text-align: center; }
.footer .top .fr,.footer .bottom .fl,.footer .bottom .fr{ float: none; }
.footer .bottom .fr{ padding: 5px 0; }
.footer .top{ padding: 20px 0; }
.ewm_box img{ margin: 0 auto 5px; }
.ewm_box{ vertical-align: middle; }
.phone_box{ margin-top: 0; display: inline-block; vertical-align: middle; }
.pro_more .box{ height: 500px; line-height: 500px; }
.about_con .box1{ width: 50%; }
.about_con .text{ width: 45.5%; }
}

@media screen and (min-width: 1051px){
.nav{ display: inline-block!important; }
}

@media screen and (max-width: 1050px){
body{ padding-top: 55px; }
.header{ height: 55px; line-height: 55px; position: fixed; top: 0; width: 100%; z-index: 9999; background: #fff; box-shadow: 0 0 20px #e5e5e5;}
.header .baseWidth{ width: 96%; margin: 0 2%; }
.nav-skip{ display: inline-block; }
.search_btn{ background: url(../images/icon1on.png) center no-repeat; background-size: contain; }
.nav{ display: none; box-sizing: border-box; overflow: auto; position: absolute; top: 55px; right: 0; padding: 10px 0; width: 33.3%; height: auto; background: rgba(255,255,255,.9);}
.nav li{ margin: 0; box-sizing: border-box; padding: 0 30px 0 20px; width: 100%; display: block; float: none; min-height: 45px; line-height: 45px; height: auto; font-size: 16px; font-weight: normal; text-align: left; }
.nav li.on, .nav li:hover{ border-top: none; border-bottom: none; }
.nav li.on a, .nav li:hover > a{ background: none; height: auto; line-height: 45px; color: #333; }
.nav li > a{ display: block; padding: 0; color: #333; }
.nav li.hase{ margin: 0; background: url(../images/icon17.png) 97% 21px no-repeat; background-size: 10px;}
.s_nav{ display: none; width: 100%; max-width: 100%; box-shadow: none; margin: 0!important; padding: 0; position: static; background: none; border-top: none; }
.s_nav .snav_box,.snav_box.hast{ float: none; width: 100%; padding: 0; }
.s_nav dd,.snav_box.hast dd{ padding: 0; width: 100%; }
.s_nav h2,.s_nav h2:hover,.snav_box.hast h2,.snav_box.hast h2:hover{ width: 100%; text-align: left; border-bottom: none; color: #666; min-width: 0; font-size: 14px; background: url(../images/icon18.png) left center no-repeat; padding: 0 15px; }
.snav_box.hast dt{ display: none!important; }
.snav_box dd:hover .t_nav{ display: none!important; }
.snav_box.hast{ min-height: 0!important; }
.snav_box.hast dd:hover h2{ background: url(../images/icon18.png) left center no-repeat; }
.snav_box.hast dd:hover h2:after{ display: none!important; }
.s_nav.mw480{ max-width: 100%; }
.nav li a:hover,.nav li a:hover h2{ color: #1343b1!important; }
select{ background: #fff url(../images/icon16.png) 94% center no-repeat; -webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur()) }
}

@media screen and (max-width: 1024px){
.prod_bot .title{ height: 40px; line-height: 40px; font-size: 16px; }
.news_detail .info h2{ font-size: 28px; margin-bottom: 10px; }
.news_detail .info p{ font-size: 16px; }
.news_detail .text{ padding: 20px 0; }
.news_detail .text img{ max-width:100%;}
.news_detail .text p{ font-size: 14px; line-height: 25px; }
.join_top .box:nth-child(2n+1){padding-right: 3%;}
.join_top .box:nth-child(2n){ padding-left: 3%; }
.join_mid li{width: calc((100% - 61px)/4); margin-right: 20px; }
.join-main .list-top{ height: 50px; line-height: 50px; }
.join-main .list-box li .top{ padding: 10px 0; }
.join-main .list-box li .bot{ padding: 40px 3.5%; }
.join-main .td1{ text-align: center; padding-left: 0; }
.join-main .list-box li .bot .info2 h3{ font-size: 16px; }
.join-main .list-box li .bot i{ left: calc(8.4% + 18px); }
.join-main .list-box li .bot .info2 .box{ margin-bottom: 10px; }
.join-main .td1, .join-main .td2, .join-main .td3, .join-main .td4{ font-size: 15px; }
}

@media screen and (max-width: 1000px){
.about_con h2{ font-size: 22px; margin-bottom: 10px!important; }
.about_con p{ line-height: 25px; }
.prol_top li{ font-size: 14px; height: 40px; line-height: 38px; }
}

@media screen and (max-width: 900px){
.nav{ width: 50%; }
.pro_mlist li,.pro_mlist li:nth-child(4n),.pro_mlist li:nth-child(3n){ width: 49%; margin-right: 2%; }
.pro_mlist li:nth-child(2n){ margin-right: 0; }
.booking_con .item span{ padding-right: 20px; min-width: 110px; }
}

@media screen and (max-width: 768px){
    .logo { max-width: 22%;}
    .main { max-width:100%;padding:2%;box-sizing:border-box;}
    .aboutnews{width:100%; }
    .aboutnews .k1 {width:100%; }
    .aboutnews .width500 {width:100%; float:none;margin-left:0;height:auto;}
    .pk1 .aboutx dt {width:100%; }
    .pk1 .aboutx dt img{width:100%; }
    .pk1 .aboutx dd {width:100%; margin-left:0;height:auto;}
    .main .productsx { width:100%;}
    .main .productsx .i_product{ }
    .path li, .path li:first-child { width:50%;}
    
    .main .productsx{ display:none;}
    .i_productx { display:block;}
    .i_product .slick-list:before { display:none;}
    .i_product .slick-list:after { display:none;}
    .pk1 .i_mian ul li { width:50%;}
    .aboutnews .k1 { height:auto;width:99%;}
    .aboutnews .k1.width200{ height:auto;width:99%;margin-left:0;}
    .phone_box h3 span { line-height:200%;}
    .myclass { border:1px solid #dddddd;background:#fff;}
    .myclass .bt1 {    margin: 10px 10px;}
    .text img{max-width:100%; }

.banner, .banner-wrap, .banner-wrap .banner-bg,.wbanner{ height: 360px; }
.slick-dots{ bottom: 15px; }
.about_con h2{ font-size: 20px; }
.about_con .pic{ max-width: 42%; }
.about_con .top .pic{ margin-left: 7%; }
.about_con .bot .pic{ margin-right: 7%; }
.pro_more .box{ height: 450px; line-height: 450px; }
.pro_more .text h1{ font-size: 24px; }
.pro_more .text h2{ font-size: 18px; margin: 10px auto 20px; }
.pro_mlist .img{ padding-bottom: 60%; }
.prol_bot li{ width: 48%; margin: 0 1% 20px; }
.prol_bot li p{ height: 20px; display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.prod_bot .text tr, .prod_bot .text td{ padding: 0 5px; }
.prod_right h2{ margin: 10px auto; }
.news_list li{ padding: 20px 0; }
.news_list li h2{ font-size: 18px; }
.news_list li span{ font-size: 16px; }
.news_list li p{ line-height: 20px; }
.news_detail .info h2{ font-size: 24px; }
.join_con form{ width: 94%; margin: 0 3%; }
.select_box input{ width: calc((100% - 20px)/2) !important; }
.join_con p{ padding-left: 5px; font-size: 14px; margin: 0 auto 10px; }
.join_con input{ padding: 0 5px; width: 100%; margin-bottom: 10px; }
.join_con textarea{ margin-bottom: 10px; width: 100%; }
.booking_con .item{ width: 94%; margin: 0 3%; }
.booking_con .item span{ font-size: 14px; display: block; text-align: left; padding: 0; line-height: 20px; margin-bottom: 5px; }
.booking_con .item .r_box{ width: 100%; }
.label_box{ margin-bottom: 10px; }
.sod_select{ width: calc((100% - 21px)/2) !important; margin: 0; margin-bottom: 10px; }
.sod_select:first-child{ margin-right: 20px; }
.booking_con .r_box select{ padding-left: 5px; width: calc((100% - 21px)/2) !important; margin: 0; margin-bottom: 10px;}
.booking_con .r_box select:first-child{ margin-right: 20px; }
.booking_con .r_box .w50{ margin-top: 0; }
.code_img{ width: 35%; }
.join_con form{ padding: 20px 0; }
.booking_con .item label{ min-width: 97px; margin-right: 6px; }
.booking_con .item label,.sod_select,.join_con .w50 input,.booking_con .r_box select{ font-size: 14px; }
.join-main{ margin-bottom: 30px; font-size: 14px;  }
.join_con input.join_sub{ font-size: 16px; }
.join_con input.join_sub:hover{ font-size: 17px; }
.join_con input,.code_img{ height: 40px; line-height: 38px; font-size: 14px; }
.sod_select{ padding: 12px 20px 12px 10px; background-size: 10px; }
.booking_con .r_box select{ height: 40px; line-height: 40px; background-size: 10px; }
.booking_con{ padding-bottom: 20px; }
.pages a,.pages span{ font-weight: normal; border: 1px solid #f2f2f2; height: 36px; line-height: 34px; min-width: 36px; font-size: 14px; padding: 0 5px; }
.pages .prev, .pages .next{ font-size: 20px; font-family: '宋体'; }
.path{ padding: 0; }
.path .baseWidth{ width: 100%; margin: 0; }
.path li,.path li:first-child{ box-sizing: border-box; width: 25%; text-align: center; padding: 0 25px; height: 45px; line-height: 45px; }
.path li a{ padding-top: 8px; height: 45px; box-sizing: border-box; line-height: 30px; display: block; font-size: 14px; }
.path li.on a:after, .path a:hover:after{ bottom: 0; width: 50%; height: 6px; background-size: contain;margin-left:25%; }
.about_con .text,.about_con .pic{ margin: 10px auto!important; width: 100%; max-width: 100%; }
.about_con .pic img{ width: 100%; max-width: 100%; }
.about_con .box1{ width: 100%; }
}

@media screen and (max-width: 700px){
.prod_left,.prod_right{ width: 100%; margin: 10px auto; }
.prod_right h1{ font-size: 20px; margin: 0 auto 10px; }
.prod_right h2{ font-size: 16px; margin: 5px auto; }
.prod_top{ margin-bottom: 20px; }
.i_box li{ padding: 20px 0; border-bottom: 1px solid #ebebeb; width: 50%; position: relative; }
.i_box li a{ padding: 0; }
.i_box li h2{ font-size: 16px; }
.i_box li .box{ width: 98%; display: inline-block; }
.i_box li .img{ height: 50px; line-height: 50px; }
}

@media screen and (max-width: 600px){
.banner, .banner-wrap, .banner-wrap .banner-bg,.wbanner{ height: 280px; }
.slick-dots{ bottom: 10px; }
.bimg_slick .slick-dots{ bottom: -20px; }
.slick-dots li{ width: 8px; height: 8px; border: 1px solid #cbcccb; margin: 0 3px; }
.m_main{ padding: 20px 0; }
.about_con{ padding: 20px 3%; }
.about_con h2{ font-size: 18px; }
.about_con .top{ margin-bottom: 0; }
.pro_more .box{ height: auto; padding: 40px 0; line-height: 1; background-position: center; }
.pro_more .pic,.pro_more .text { width: 80%; margin: 10px auto;}
.pro_more .text h1{ font-size: 18px; }
.pro_more .text h2{ font-size: 16px; }
.pro_more .text p{ font-size: 14px; }
.pro_mlist li{ width: 100%!important; margin: 0 auto 20px!important; }
.pro_mlist .img{ padding-bottom: 0%; }
.pro_mlist .img img{ left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.pro_main{ padding: 20px 0; }
.prol_box{ padding: 20px 3%; }
.prol_top li{ font-size: 12px; width: 50%; }
.prol_bot{ padding: 20px 3%; }
.prol_bot h1{ font-size: 20px; margin: 0 auto 20px; }
.prol_bot li .img{ margin-bottom: 5px; }
.prol_bot li p{ font-size: 14px; }
.prol_box img,.prol_box .text{ width: 100%; margin: 0; }
.prol_box img{ margin: 0 auto 10px; }
.prol_box .text p{ line-height: 20px; }
.prod_main{ padding: 20px 3%; }
.prod_bot .text{ line-height: 20px; padding: 20px 3%; }
.news_list li .img{ width: 100%; margin-bottom: 10px; }
.news_list li .text{ width: 100%; margin: 0 }
.news_list li h2{ font-size: 16px; }
.news_list li span{ font-size: 14px; }
.news_list li p{ margin: 5px auto; }
.news_list li .show_more{ height: 24px; line-height: 24px; float: right; }
.news_detail{ padding: 20px 3%; }
.news_detail .info h2{ font-size: 18px; margin-bottom: 5px; }
.news_detail .info p{ font-size: 14px; margin: 0 auto 5px; }
.news_detail .text p{ line-height: 20px; }
.rec_con{ padding: 20px 3%; }
.join_top .box{ width: 100%; padding: 0!important; margin: 10px 0; }
.join_mid li{ width: calc((100% - 20px) /2); }
.join_mid li:nth-child(2n){margin-right: 0;}
.join-main .list-top{ padding: 0 3%; font-size: 0; }
.join-main .td1, .join-main .td2, .join-main .td3, .join-main .td4, .join-main .td5{ font-size: 12px!important; }
.join-main .list-box li .top{ margin: 0 3%; line-height: 16px; padding: 10px 0; font-size: 0; }
.join-main .list-box li .bot{ padding: 10px 3% 20px; }
.join-main .list-box li .bot .info2 h3{ font-size: 14px; line-height: 30px; }
.join-main .list-top{height: 40px;line-height: 40px;}
.join-main .list-box li .bot .info3 .apply{ width: 120px; height: 35px; line-height: 35px; font-size: 14px; }
.join-main .list-box li .bot .info3 .apply:hover{ font-size: 15px; }
.join-main .list-box li .bot .info2 p{ line-height: 20px; font-size: 13px; height: auto; }
.join-main .list-box li .bot .info3{ margin-top: 10px; }
.join_con h1{ font-size: 18px; margin-bottom: 10px; }
.i_box li .img{ height: 35px; line-height: 35px; }
.i_box li p{ font-size: 13px; }
.i_product{ margin: 20px 0% 40px 0; }
.footer .top{ padding: 15px 0; }
.footer .top .fr{ font-size: 0;}
.footer .bottom .fr{ display: none; }
.footer .bottom{ padding: 10px 0; }
.footer{ line-height: 16px;}
.phone_box p{ font-size: 14px; margin-bottom: 10px; }
.phone_box h3{ font-size: 24px; }
.phone_box{ margin-left: 2%; width: 58%; }
.ewm_box{ width: 28%; }
.ewm_box img{ width: 100%; height: auto; }
.path li,.path li:first-child{ width: 50%; height: 35px; line-height: 35px; padding: 0 5px; }
.path li a{ height: 35px; line-height: 18px; }
.join_con textarea{ padding: 5px; }
}

@media screen and (max-width: 500px){
.nav{ width: 100%; }
.banner, .banner-wrap, .banner-wrap .banner-bg,.wbanner{ height: 220px; }
.search_form.on{ width: 140px; margin-left: 5px; }
.search_form.on .search_input{ width: 110px; }
}

@media screen and (max-width: 450px){
.banner, .banner-wrap, .banner-wrap .banner-bg,.wbanner{ height: 180px; }
.counsel_wrap{ height: 180px; }
.counsel_wrap .title{ height: 40px; line-height: 40px; font-size: 18px; }
.counsel_wrap .text{ padding: 15px; line-height: 24px; font-size: 14px; letter-spacing: 0; }
}


/*首页新闻切换*/
.i_path{ color: #fff; background: #1343b1; height: 50px; line-height: 50px; }
.i_path .baseWidth{ position: relative; padding: 0 15px; box-sizing: border-box; }
.i_path .baseWidth:before{ content: ''; position: absolute; left: 0; top: -9px; background: url(../images/nicon23.png) center bottom no-repeat; width: 100%; height: 9px; background-size: contain; }
.i_path font{ margin-top: 9px; height: 20px; line-height: 20px; border-right: 1px solid #dedede; box-sizing: border-box; float: left; width: 135px; display: inline-block; background: url(../images/nicon6.png) left center no-repeat; font-size: 18px; padding-left: 43px; }
.i_path ul{ padding: 0 50px 0 20px;box-sizing: border-box; width: calc(100% - 135px); height: 59px; line-height: 59px; margin-top: -9px; float: right; }
.i_path a{ color: #fff; }
.i_path a:hover{ text-decoration: underline; }
.i_path .slick-prev{ right: 15px; top: 18px; margin-top: 0; width: 12px; height: 8px; background: url(../images/nicon7.png) center no-repeat; }
.i_path .slick-prev:hover{ background: url(../images/nicon7on.png) center no-repeat; }
.i_path .slick-next{ right: 15px; top: 34px; margin-top: 0; width: 12px; height: 8px; background: url(../images/nicon8.png) center no-repeat; }
.i_path .slick-next:hover{ background: url(../images/nicon8on.png) center no-repeat; }
.i_path li em{ float: left; width: calc(100% - 90px); display: inline-block;display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.i_path li em:hover{ text-decoration: underline; }

@media screen and (max-width: 1024px){
.i_path .baseWidth:before{ display: none; }
.i_path font{ margin-top: 0; float: none; }
.i_path ul{ margin-top: 0; vertical-align: middle; height: 50px; line-height: 50px; }
.i_path .slick-prev{ top: 12px; }
.i_path .slick-next{ top: 30px; }
.i_path .baseWidth{ padding: 0; }
}

@media screen and (max-width: 600px){
.i_path font{ font-size: 14px; padding-left: 20px; background-size: 15px; width: 90px; }
.i_path ul{ font-size: 12px; width: calc(100% - 90px); padding: 0 2%; box-sizing: border-box; }
.i_path .slick-prev,.i_path .slick-next{ display: none!important; }
.i_path li em{ width: calc(100% - 70px); }
.i_path,.i_path ul{ height: 40px; line-height: 40px; }
}

.productsx { width:1200px;margin:0 auto;overflow:hidden;}
.width400 { width:348px;}
.width500 { width:838px;}
.width300 { width:228px;}
.width900 { width:888px;}
.width200 { width:298px;}
.marginle { margin-left:10px;}

.k1 {height: 287px; float: left; background: #ffffff; border: solid 1px #dddddd; margin-bottom: 11px; overflow: hidden; }
.pk1 { padding: 10px 18px; }
.bt1 { background: url(../images/cj_1_21.jpg) left bottom no-repeat; height: 36px; line-height: 34px; }
.bt1 span.s1 { float: left; font-size: 14px; color: #1959b3; font-weight: bold; }
.bt1 span.s2 { float: right; }
a.more2 { color: #999999; font-family: 宋体; }
a.more2:hover { color: #cc0000; }
.n1 { padding-top: 10px; }
.n1 li { height: 34px; line-height: 34px; padding: 0px 2px 0px 12px; border-bottom: dotted 1px #cccccc; background: url(../images/cj_1_29.jpg) no-repeat 1px 14px; text-align: right; color: #999; }
.n1 li a { float: left; color: #333; text-align: left; }
.n1 li a:hover { color: #cc0000; }
.imgk1 { padding: 10px 0px 5px 0px; }
.imgk1 img { display: block; width: 312px; height: 69px; }
.aboutx { padding:10px 0;}
.aboutx dt {width:300px;float:left }
.aboutx dt img { width:290px;height:220px;}
.aboutx dd {float:left;margin-left:10px;line-height:25px;width:490px; text-indent:2em;height:220px;overflow:hidden;}
.aboutx dd p { }

.inlianxi { }
.inlianxi p { line-height:180%;}

.i_mian ul{ padding: 10px 0; }
.i_mian ul li{position: relative; float: left;width: 20%; overflow: hidden; font-size: 0; border: 1px dashed #E0E0E0; box-sizing: border-box;  text-align: center; line-height: 110px;background:#fff;}
.i_mian ul li a{ display: inline-block;}
.i_mian ul li a img{ -webkit-transition: all .5s;transition: all .5s;width:100%;height:110px;}
.i_mian ul li:hover a img{opacity: .6;}