@charset "utf-8";
@import url(normalize.css);
@import url(base.css);
/*reset*/
body{width: 100%;height: 100%;overflow-x: hidden;overflow-y: scroll;color:#222222;font:14px/1.8 'Microsoft Yahei',Arial,sans-serif;background:#fff;}
input,textarea{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:middle}
body,button,dd,dl,form,h1,h2,h3,h4,h5,ol,p,ul,menu{margin:0}
ol,ul,menu{padding-left:0;list-style-type:none}
img{max-width:100%;border:0;vertical-align:middle;}
a,input,select,textarea { outline:none; star:expression(this.onFocus=this.blur());}/*禁止点击时出现蓝色区域*/
a{outline:0;color:#000;text-decoration:none;font-family:"微软雅黑";transition: 0.4s all}
a:hover{color:#bd0b16;text-decoration:none !important;}
b,i{font-style:normal}
input, b, h1, img, span,*:before, *:after , .arrs,.mask2,a.cateMore,.media-box h5{
    -moz-transition: all ease-in-out 0.35s;
    -webkit-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;                                  
    transition: all ease-in-out 0.35s;
}
a.more{ transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
input, b, h1, img, span,*:before, *:after , .arrs,.mask2,a.cateMore,.media-box h5{
    -moz-transition: all ease-in-out 0.35s;
    -webkit-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.35s;
}
li{list-style: none;}
.truncate {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
/* common*/
.opc0{opacity:0;}
.fix{*zoom:1;}
.fix:before,.fix:after{content:"";display:table;}.fix:after{clear:both;}
.dib{display:inline-block;*display:inline;*zoom:1;}
.pr{position:relative;}.pa{position:absolute;}
.el{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.eln{ white-space:normal;}
.btn{cursor:pointer;}
.hide{display:none;}
.arr{width:0;height:0;overflow:hidden;}
.f_ewm{float:left;margin-right: 1em;}
.clear{ height: 1px; margin-top:-1px; clear: both; overflow: hidden;}
.mar{margin: 0 auto}
.left{float: left;}
.right{float: right;}
/*my menu css*/
.header{height: auto;overflow: hidden;position: relative;}
button.nav-trigger{display:none;position:absolute;top:5px;right:1.4vw;z-index:999;height:50px;width:50px;padding:0 12px;background:0 0;border:0;outline:0}
.nav-trigger{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1)}
.nav-icon{position:relative;top:2px;right:inherit;display:block;width:26px;height:2px;background-color:#314367;border-radius:2.5rem;transition:all .3s}
.nav-icon:after,.nav-icon:before{content:"";position:absolute;z-index:-1;display:block;height:2px;width:100%;border-radius:2.5rem;background-color:#314367;transition:all .3s}
.nav-icon:before{top:7px}
.nav-icon:after{top:-7px}
.navigation-is-visible .nav-trigger{-webkit-transform:translate3d(-84vw,0,0);transform:translate3d(-84vw,0,0)}
.navigation-is-visible .nav-icon{background-color:transparent!important}
.navigation-is-visible .nav-icon:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0;background-color:#fff}
.navigation-is-visible .nav-icon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0;background-color:#fff}
.navBox{background-color: #2b2a2a}
.nav_transform1{width: 100%; height: auto;overflow: hidden; z-index: 9; position: relative; border-bottom: 1px solid rgba(177, 177, 177, 0.5);  background: rgba(0, 0, 0, 0.1);}
.nav_transform1 .navTop{position:absolute;top:0px;display:none;height:4px;background:#f89120;}
.nav_transform1 .navTop{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.nav_transform1 ul.navCont{}
.nav_transform1 ul.navCont li.child{position:relative;float:left;width:105px;margin-right:8px; text-align:center;}
/*.nav_transform1 ul.navCont li.child{position:relative;float:left;width:105px;margin-right:8px; text-align:center;}*/
.nav_transform1 ul.navCont li:last-child{margin-right: 0}
.nav_transform1 ul.navCont li.child a{color: #090909;font-size: 1rem; padding:2.2rem 0;position: relative; z-index:2; height: 100px; line-height: 100px;}
.nav_transform1 ul.navCont li.child span{width: 100%; height:100%;background:#bd0b16;left: 0;top: 0;position: absolute;display: block; transform: scaleX(0);z-index: 1;transition:0.5s all}
.nav_transform1 ul.navCont li.child:hover span{transform: scaleX(1);}
.nav_transform1 ul.navCont li.child a:hover{color: #fff}
.nav_transform1 ul.navCont li.wx{position:relative;float:right;width:105px;margin-right:8px; text-align:center;}
.logo{width:239px !important}
.logo a{padding:0.6rem 0 !important}
.banner{width: 100%;height:300px;background:url(../images/banner.jpg) center no-repeat #b3b5cc;overflow: hidden;position: relative;z-index: 1}
.flashbox{width: 100%;height: auto;overflow: hidden;position: relative;z-index: 1}
.topbox{width: 100%; height: auto;overflow: hidden; z-index: 9;}
.topbar{width: 100%;line-height: 2rem;border-bottom: 1px #eeeeee solid}
.toptel{text-align: right;}
.toptel .red{color: #bd0b16}
.toptel .tt{padding-left: 1rem;background:url(../images/itel.png) left center no-repeat}
/*footer*/
.footer{width: 100%;height: auto;color: #afafaf;font-size:0.9rem;background: #1a1a1a;line-height: 2.2rem; overflow: hidden;border-bottom: 1px #333333 solid;padding: 1.8rem 0}
.footer a{color: #afafaf;}
.footer a:hover{color: #fff}
.footer .p01{}
.footer .p01 img{max-width: 50%;float: left;}
.footer .p01 .pr{padding-right: 2rem}
.fticp{width: 100%;height: auto;color: #afafaf;font-size:0.9rem;background: #1a1a1a;line-height:3rem;}
.fticp a{color: #afafaf;}
.fticp a:hover{color: #fff}
.fticp .p02{text-align: right;}
/*index*/
.sect_tel{margin-top: -5rem;font-size: 1rem;color: #fff;position: relative;z-index: 2}
.sect_tel .wrap{background: url(../images/type.png) center no-repeat;height: auto;overflow: hidden;}
.sect_tel p{font-size: 0.9rem;padding:2.5rem 0 2.5rem 6rem}
.sect_tel p big{font-size: 2rem;display: block;line-height: 3.6rem;}
.sect_tel img{display: block;margin: 0 auto;padding-top:2rem}
.sect_tel .bd{font-size: 1.25rem;text-align: center;color: #fff; line-height: 3rem;background: url(../images/line.png) right center no-repeat;}
.sect_tel a{display: block;color: #fff;font-size: 1.25rem;}
.sect_ys{padding: 1rem 0 4rem 0}
.intitle{color: #5c5e5f;line-height:1.38rem;font-size: 0.9rem;text-align: center;}
.intitle span{font-size:2rem;color: #202020;background: url(../images/line.jpg) bottom center no-repeat;margin-bottom: 1rem; line-height:4rem; display: block;}
.sect_ys .ys{color: #202020;line-height:1.6rem;font-size: 0.9rem;}
.sect_ys .ys big{font-weight: bold;color: #bd0b16;display: block;font-size: 1.37rem;line-height: 2rem;padding-bottom: 0.5rem;}
.sect_ys .ys img{float: left;padding-right: 1rem}
.pt{padding-top: 4rem}
.sect_case{padding:2rem 0 4rem 0;background: url(../images/case.jpg) top center no-repeat;}
.sect_case .intitle{padding-top:1rem;}
.sect_abt{padding-bottom: 4.2rem}
.sect_abt .abt01{line-height: 3rem;}
.sect_abt .abt02 img{max-width: 100%}
.sect_abt .abt01 big{font-size: 2rem;color: #1d1d1d;line-height: 3rem;padding-right: 3rem;margin-right:1.5rem;float: left;background: url(../images/line.jpg) right center no-repeat;}
.sect_abt .abt01 b{font-size: 1rem;color: #bd0b16;font-weight: bold;display: inline-block;}
.sect_abt .intro1{font-size: 0.9rem;color: #5b5a5a;line-height: 1.8rem;padding-top:1rem}
.sect_abt .inmenu{padding-top: 2.3rem;}
.sect_abt .inmenu .mm{height: 2.7rem;border: 1px #bd0b16 solid;display: inline-block;padding: 0 1.8rem;margin-right:1.2rem;}
.sect_abt .inmenu .mm span{font-size: 1.25rem;line-height: 2.6rem;color: #bd0b16;}
.sect_abt .inmenu .m01{background: url(../images/m01.png) left center no-repeat;padding-left: 2rem;}
.sect_abt .inmenu .m02{background: url(../images/m02.png) left center no-repeat;padding-left: 2rem}
.sect_abt .inmenu .m03{background: url(../images/m03.png) left center no-repeat;padding-left: 2rem}
.sect_abt .inmenu .m04{background: url(../images/m04.png) left center no-repeat;padding-left: 2rem}
.sect_abt .inmenu .mm:hover .m01{background: url(../images/m01h.png) left center no-repeat;}
.sect_abt .inmenu .mm:hover .m02{background: url(../images/m02h.png) left center no-repeat;}
.sect_abt .inmenu .mm:hover .m03{background: url(../images/m03h.png) left center no-repeat;}
.sect_abt .inmenu .mm:hover .m04{background: url(../images/m04h.png) left center no-repeat;}
.sect_abt .inmenu .mm:hover{background: #bd0b16;color: #fff}
.sect_abt .inmenu .mm:hover span{color: #fff}
.sect_xw{padding:2.4rem 0;border-top: 1px #eeeeee solid;}
.sect_xw li{float: left;}
.sect_xw li big{font-size: 1rem;color: #111111;line-height: 3rem; display: block;}
.sect_xw li big:hover{color: #bd0b16}
.sect_xw li span b{font-size: 1.12rem;color: #bd0b16;}
.sect_xw li .p{padding-right: 3rem;font-size: 0.9rem;color: #5b5a5a;line-height: 1.8rem;}
.sect_xw li:last-child p{padding-left: 3rem}
.sect_xw .ninfo{ padding-top:1rem;color: #9d9d9d;font-size: 0.9rem}
.sect_xw .ninfo .n01{background: url(../images/n01.png) left center no-repeat;padding-left: 1.2rem;}
.sect_xw .ninfo .n02{background: url(../images/n02.png) left center no-repeat;padding-left: 1.2rem;margin-left: 1rem;}
.innt{height: 4rem;line-height: 4rem;background: #f5f5f5;}
.innt .tleft{max-width: 30%; font-size: 1.25rem;font-weight: bold;color: #000000;border-bottom:5px #bd0b16 solid;line-height: 3.6rem; display: inline-block;float: left;}
.innt .tright{width: 70%; text-align: right;font-size: 1rem;color: #646464;float: right;}
.innt .tright a{color: #646464;}



.sect_pro{height: auto;overflow: hidden;padding: 1.4rem 0 2.7rem 0;background:#fff}
.intype{text-align: center;padding:1rem 4rem;}
.intype li{height: 2.6rem;line-height: 2.6rem;display: inline-block;float: none;}
.intype li a{background: #efefef;text-align: center;border-radius: 1.3rem;color: #666666;font-size: 1rem; display: block;}
.intype li a:hover{background: #ff8400;color: #fff}
.inpiclist{padding:1rem 0}
.inpiclist li .pimg{height: auto;overflow: hidden;}
.inpiclist li .pimg img{width: 100%;}
.inpiclist li .ptxt{height: auto;overflow: hidden;position: relative;}
.inpiclist li .ptxt .p01{font-size:1.5rem;text-align: center; color: #333333;padding-top:1.5rem}
.inpiclist li .ptxt .p02{font-size:1rem;text-align: center; color: #ff8400;padding-top:0.6rem}
.inpiclist li .ptxt .p03{font-size:0.9rem;color: #666666;line-height: 1.8rem;padding:0.6rem 1rem 0 1rem}
.inpiclist li .ptxt .more{width: 130px;height:30px;line-height: 30px;color: #999999;letter-spacing: 3px;font-size: 0.7rem;text-transform: uppercase; border: 2px #e1e1e1 solid; text-align: center;display: block;margin:1rem auto 0}
.inpiclist li .ptxt .more:hover{background: #ff8400;color: #fff;border: 2px #ff8400 solid;}

.sect_hot{padding:1rem 0;background: #fff}
.sect_news{padding:1rem 0 3rem 0;background: #fff}
.intitle0{color: #ff8400;font-size: 1.25rem;text-align: center; font-weight: bold;display: block;}
.newslist{height: auto;overflow: hidden;padding-top: 2rem}
.newslist li .npic{width: 100%;background: #ddd;position: relative;z-index: 1}
.newslist li .npic big{display: block;}
.newslist li .npic .ntitme{width: 70px;height: 70px;color: #fff;text-align: center; background: #ff8400;left: 0;top: 0;position: absolute;z-index: 3}
.newslist li .npic img{width: 100%;display: block;position: relative;z-index: 2}
.newslist li .ntxt{margin-left: 40px;margin-top:-70px; background: #efefef;position: relative;z-index: 2}
.newslist li .intxt{padding: 1rem 2rem 2rem 2rem;line-height:1.7rem;color: #666666;font-size: 0.9rem}
.newslist li .intxt a{color: #666666}
.newslist li .intxt span{color: #333333;line-height: 3rem; font-size: 1.25rem;font-weight: bold; display: block;}
.newslist li .intxt .more{width: 130px;height:30px;line-height: 30px;color: #666666;letter-spacing: 3px;font-size: 0.7rem;text-transform: uppercase; border: 2px #ff8400 solid; text-align: center;display: block;margin-top:1rem}
.newslist li .intxt .more:hover{background: #ff8400;color: #fff}
.inyslist{padding:3rem 0rem 1rem 0}
.inyslist li{margin-bottom: 2rem;color: #333; height: auto;overflow: hidden;}
.inyslist li .ypic{width:20%;height:auto; background: #ff8400;border-radius: 50%;float: left;overflow: hidden;}
.inyslist li .ytxt{width:75%;line-height: 1.5rem;font-size: 0.9rem;color: #666;float: right;}
.inyslist li span{font-size: 1rem;font-weight: bold;color: #000;/* padding-bottom: 0.6rem; */display: block;}
.article{padding:0 1rem;line-height:2.5rem;font-size: 1rem;background: #fff}
.article img{max-width: 100%}
.sect_inner{padding:1.4rem 0;}
.sect_inner .wrap{background: #fff;padding:1rem 0.5rem}
.sect_inner .sect_news{padding:0rem 0 1rem 0}
.piclist{padding:2rem 0}
.piclist li{margin-bottom: 2rem;background: #fff;transition: 0.4s all;}
.piclist li .pimg{height: auto;overflow: hidden;background: #fff}
.piclist li .pimg img{width:98%;border: 1px #ddd solid;}


.piclist li .ptxt{height: auto;overflow: hidden;position: relative;}
.piclist li .ptxt .p01{font-size:1.4rem;font-weight: bold;color: #333333;line-height: 3.2rem;}
.piclist li .ptxt .p02{font-size:1rem;color: #ff8400;}
.piclist li .ptxt .p03{font-size:1rem;color: #666666;line-height: 2rem; }
.piclist li .ptxt .more{width: 110px;height:25px;line-height:25px;color: #999999;font-size: 0.7rem;text-transform: uppercase;transition: 0.4s all; border: 2px #e1e1e1 solid; text-align: center;display: block;margin-top:1rem}
.piclist li:hover .ptxt .more{background: #bd0b16;color: #fff;border: 2px #bd0b16 solid}
.npiclist{padding-top: 2rem}
.npiclist li{line-height: 3rem;font-size: 1rem; margin-bottom:2rem;text-align: center;background: rgba(255,255,255,0.6); float: left;}
.npiclist li img{width:100%}
.npiclist li .intxt{padding:8px 8px 0 8px;box-shadow: 0 1px 3px rgba(0,0,0,0.1)}
.npiclist li:hover a{font-weight: bold;color: #bd0b16}
.sect_msg{background: #efefef;color: #666666;font-size: 1rem; padding:1.5rem 0 1rem 0}


/*newsbox*/
.newsbox{border-top: 1px #efefef solid;padding: 0 1rem;}
.news-box{position: relative;padding: 1rem 0;overflow: hidden;color:#828282;border-bottom: 1rem solid #efefef; background: #fff;}
.news-box .news_time .date{text-align: center;padding: 0;font-size: 1.5rem; font-family: Impact; position: relative;padding-left: 15px;}
.news-box .date:before{display: block;content: '';position:absolute;width: 1px;top: -100px;bottom: -100px;left:0;background-color: #dcdcdc;}
.news-box .news_time .date i{font-size:2.5rem;font-weight: bold;display: block;color: #333}
.news-box .news_cont{}
.news-box .news_cont h5{font-size: 1rem;line-height: 2rem; font-weight: normal;padding-bottom: 6px}
.news-box .news_cont h5 a {
    color: #000;
    display: block;
    padding-bottom: 5px;
    position: relative;
}
.news-box .news_cont h5 a:after {
    display: block;
    content: '';
    position: absolute;
    width: 20%;
    height: 1px;
    background-color: #2b2a2a;
}
.news-box:hover .news_cont h5 a:after {
    width:50%;
    background-color: #bd0b16
}
.news-box .news_cont p{padding:0px 0 10px 0;font-size:0.9rem;line-height: 1.8rem;}
.news-box a.more{border:1px solid #d2d2d2;color: #000;padding: 3px 15px;display: inline-block;}
.news-box a.more:hover{background: #bd0b16;border:1px #bd0b16 solid; color: #fff}
/*info menu*/
.mysubmenu{width: 100%;height: auto; text-align: center;background: #fff;padding:1.6rem 0;overflow: hidden; position:relative;}
.mysubmenu a{position:relative;display:inline-block;line-height: 2.6rem;border-radius: 1.3rem; margin:0 10px;color: #666666; padding:0 40px;background: #efefef; text-align:center;font-size:1rem;}
.mysubmenu a.cur{background: #bd0b16;color: #fff}
.mysubmenu a:hover{background: #bd0b16;color: #fff}
#mysubmenu .cur{background: #bd0b16;color: #fff}

/*left product type*/
.ftype{}
.ftype .ftitle{display: block;text-align: center;line-height: 3rem; font-size: 1.2rem;font-weight: bold;color: #fff;background: #bd0b16}
.ftype .tplist{height: auto;padding: 2rem 1rem;background: #efefef;overflow: hidden;}
.ftype .tplist li{line-height: 2.6rem;border-radius: 1.3rem;margin-bottom: 0.5rem;text-align: center;}
.ftype .tplist li a{display: block;border-radius: 1.3rem;background: #fff;}
.ftype .tplist li a:hover{color: #fff;background: #bd0b16}
.ftype .flx{padding: 2rem 1rem;background: #efefef;font-size: 1rem;color: #333333;line-height: 2.2rem;}
.intitle0{text-align: center;line-height:4.2rem; background:url(../images/intitle0.png) bottom center no-repeat}
.intitle0 a{font-size: 1.88rem;color: #333333; font-weight: bold;}


/*news info*/
.rttitle{width: 100%;height: 3rem;line-height: 3rem;border-bottom: 1px #eee solid}
.rttitle span{font-size: 1.2rem;font-weight: bold;}
.box{padding:2%;}
#newTitle{ line-height:3rem; font-size:1.2rem; text-align:center;}
#newsInfo{ height:1.8rem; line-height:1.8rem;font-size: 0.9rem;color: #999; text-align:center; border-bottom:solid 1px #f1f1f1; margin:10px;}
.newsinfoleft {padding-left: 30px;}
#newsInfo i{ margin-right: 5px; }
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;position: relative;}
#infoImage .pinfol{width: 52px;height: 100px;background: url(../images/plf.png) center no-repeat;left: 2%;top: 50%;margin-top: -50px; position: absolute;}
#infoImage .pinfor{width: 52px;height: 100px;background: url(../images/prt.png) center no-repeat;right: 2%;top: 50%;margin-top: -50px; position: absolute;}
#infoImage img{ max-width:500px;margin: 0 auto;display: block;}
#newsContent{line-height: 2rem;font-size: 1rem; margin:0 auto;}
#newsContent img{max-width:100%;padding: 1rem 0;display: block; margin: 0 auto; text-indent:0em;}
#newsContent div{ text-indent:2em;}

/*right news*/
.rtbox{padding-left: 1.5rem;border-left: 1px #eee dotted}
.rtlist{padding-bottom: 4rem}
.rtlist li{padding: 0 0 16px;}
.rtlist li .item_box{padding: 10px 0 20px;color: #999;display: block;}
.rtlist li .item_wrapper{position: relative; margin: 10px 0; padding: 0; width: 100%; border: 0}
.rtlist li .date_wrap{bottom: -30px;position:absolute;}
.rtlist li .date_wrap .md { top: auto; padding: 0; color: #bdbdbd; font-size: 14px; line-height: inherit }
.rtlist li .date_wrap .year { position: initial; top: auto; right: auto; bottom: auto; font-size: 14px }
.rtlist li .date_wrap span { display: inline-block; width: auto }
.rtlist li .item_des{width: 100%}
.rtlist li .description{display: block;line-height:1.5rem; margin: 9pt 0 0}
.rtlist li .title{color: #333;transition: 0.4s all}
.rtlist li .title:hover{color: #a82127;padding-left: 5px}


#page{width:100%;height:26px; line-height:26px;text-align:center;margin:30px auto;clear:both;}
#page a{min-width: 26px;height: 26px;background: #bababa; color:#fff;font-size:15px;display: inline-block;}
#page a:hover{background:#bd0b16;}
#page .current {min-width: 26px;height: 26px;color:#fff; background:#bd0b16;display: inline-block;}
#page_num{ height: 22px; font-size: 14px; background: #eeeeee; }

/*my joblist*/
.job_ul{width: 100%;height: auto;padding-bottom: 2rem; overflow: hidden;}
.job_ul .jobin{background: #fbf8f8;height:170px; line-height: 22px; font-size: 14px; color: #717171; padding: 30px;overflow: hidden; position: relative;}
.job_ul li{margin-bottom: 2rem;overflow: hidden;}
.job_ul li .jobtitle{ width: 100%; height: 42px; color:#a82127; font-size:16px; line-height:42px; border-bottom: 1px #e8e9e9 solid; margin-bottom: 15px;}
.job_ul li .jobtitle span{ float: right; }
.job_ul li .more{ width:100px; height:30px; line-height:30px; text-align: center;display: block; border: 1px #bbbbbb solid; overflow: hidden; position: absolute; left: 30px; bottom: 30px; transition: 0.4s all}
.job_ul li .more a{color: #969495; font-size: 14px; position: relative; z-index: 3}
.job_ul li .more span{ width:100px; height:100px; transform: scale(0.5); background: rgba(168,33,39,0); left: 0; top:-35px; position:absolute; z-index:2; transition: 0.5s all}
.job_ul li .more:hover span{transform: scale(1); background: rgba(168,33,39,1);}
.job_ul li .more:hover a{ color: #fff }
.job_ul li .more:hover{border: 1px #a82127 solid;}
.recruitconl{}
.recruitcon{ width:895px; height:173px;}
.recruitpic{ width:132px; height:153px; float:left;}
.recruitconc{ width: 640px; height: 143px; padding-top: 5px; float: right; }
.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}
.apply{width: 100px; height: 36px; line-height: 36px; text-align: center; background: #68b92e; color: #fff; font-size: 14px; margin-top: 50px; margin-right: 100px; float: right;}
.apply:hover{ background: #ff9904; transition: 0.5s all;}
.xxsmys{ width:100%; height:36px; line-height:36px; border-bottom: 2px #a82127 solid;}
.xxsmwz{ width:100px; height:36px; line-height: 36px; color:#FFF; text-align:center; display:block; background-color:#a82127;}
/*在线订单*/
.formys{ width:100%; height:auto;padding:2rem 0 3rem 0;}
#e_name{width: 100%;height: 3rem;text-indent: 2rem; line-height: 3rem;color: #666666;font-size: 1rem;border:1px #d7d7d7 solid;border-radius:0.8rem;}
#e_mobile{width: 100%;height: 3rem;text-indent: 2rem; line-height: 3rem;color: #666666;font-size: 1rem;border:1px #d7d7d7 solid;border-radius:0.8rem;}
#e_content{width: 100%;height:6.5rem;text-indent: 2rem; line-height: 3rem;color: #666666;font-size: 1rem;border:1px #d7d7d7 solid;border-radius:0.8rem;margin:1.5rem auto;}
#checkCode{width:40%;height: 3rem;text-indent: 2rem; line-height: 3rem;color: #666666;font-size: 1rem;border:1px #d7d7d7 solid;border-radius:0.8rem;}
#e_submit{width:9rem;height: 3rem;line-height: 3rem;background: #ff8400; color: #fff;font-size: 1rem;border:1px #ff8400 solid;border-radius:0.8rem;float: right;}
#e_submit:hover{background: #222;border:1px #fff solid}
.formmcys{line-height: 3rem;text-align: right; float: left; }
.cpmcys{height:35px;border:1px solid #d2d4d6; font-family: "微软雅黑"; color: #555555; background: #f9f9f9; font-size: 14px;}
.formbz{ float:left;}
.G_InputText{width: 100%; height:3rem;border:1px solid #d2d4d6;border-radius: 8px; background:none;}
.G_textarea{width: 100%; height:8rem;border:1px solid #dedede;border-radius: 8px; background:none;}
.G_ul{width:100%;}
.G_botton{width:55px;height:30px;line-height:30px;border:0;background:#08aaf0;cursor:pointer;}
.borderLi{ width:100%; height:auto; padding-top:1rem;overflow: hidden;}
.G_tips{width:486px;margin:10px auto 0 auto;border:1px solid #dedede;padding:7px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
box-shadow: 0px 0px 3px rgba(0,0,0,.1);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);}
.sub{background:#ff8400; width:9rem; height:3rem; font-size:1rem;border-radius: 8px; border: none;color: #fff;font-family:"微软雅黑";transition: 0.4s all;display: block;}
.sub:hover{background:#333333;}
.clear{ clear: both; }
/*PHONE屏幕下的专用样式*/
@media screen and (min-width:320px) and (max-width:1440px) {
    .left_nav{ display: none; }
    .ewm{ display: none; }
}
@media screen and (min-width: 768px) and (max-width:992px) {
    .mlogo{ display: none; }
    .nav_transform1 ul.navCont li.child a{
        display: block;
        color: #090909;
        font-size: 1rem;
        padding: 1.0rem 0;
        position: relative;
        z-index: 2;
    }
    .piclist li .pimg img{width:98%; height: 300px;}

}
.pro_tt{ text-align: center; font-size: 16px; line-height: 46px; }
.pro_nav{ text-align: center; padding-left: 20px; padding-right: 20px; height: 70px; }
/*PC屏幕下的专用样式*/
@media screen and (min-width:1441px)and (max-width:2560px) {
    .left_nav{ float: left; }
    .pro_right{ float: right; width: 1050px; }
    .piclist{ padding: 0px; }
    .slider_type{ width: 300px; }
    .slider_contact{
        width: 300px;
        line-height: 32px;
    }
    .slider_type_list li {
        position: relative;
        padding-right: 5px !important;
        width: 280px;
    }
    .slider_type_list{
        background: #f4f6f8;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .slider_type_list li {
        position: relative;
        width: 260px;
        border-bottom: 1px solid #d7d4d4;
        font-size: 16px;
        padding: 15px 10px 15px 30px;
        transition: 0.5s;
    }
    .slider_type_list li:hover {
        background: #d62023;
        color: #fff;
    }

    .slider_type_list li.active .item {
        color: #ffffff;
        background-color: var(--base_color);
        border: 1px solid var(--base_color);
        position: relative;
    }

    .slider_type_list li.active:after {
        display: block;
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        z-index: 1;
        border-top: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid var(--base_color);
        left: auto;
        right: -5px;
        margin-top: 0px;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }
    .left_pro_title{
        font-size: 24px;
    }
    .left_pro_title_s{
        font-size: 14px;
    }
    .slider_contact{
        font-size: 16px;
    }
    .slider_type_head{ background: #d62023; color: #fff; padding: 20px; }
    .lx_bg{ background: #d62023; color: #fff; padding: 20px 0px 20px 20px; }
}