@charset "utf-8";

html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:10px;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}

input{padding:0;margin:0;}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;max-width: 100%;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}



body{font-family:"PingFang SC",'Microsoft Yahei',"Helvetica Neue",Helvetica,Arial,sans-serif; color:#333;}



/* ===== 基础重置样式 ===== */
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}
input,select,textarea{font-size:14px;color:#333;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;border:none}
input [type=submit],input[type=button],input[type=checkbox],input[type=radio],input[type=reset],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
select::-ms-expand{display:none}

/* link */
a {color: #454545;text-decoration: none; blr: expression(this.onFocus=this.blur());outline: none;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
a:hover {color: #cc0000; text-decoration:none;}
img{border:0px;}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}

:focus {outline: 0px;}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */ 


ul{list-style:none}
.fix{*zoom:1}
.fix img{max-width:80%;width:auto;height:auto;}
.fix:after,.fix:before{display:block;content:"";height:0;clear:both}
table{border-collapse:collapse;border-spacing:0}
.c{clear:both}
.col-l{float:left}
.col-r{float:right}
em{font-style:normal}
.wp{margin:0 auto;width:100%;max-width:1200px}
body{font-size:1.4rem!Important}

/* ===== 页面通用样式 ===== */
.tit{width:100%;height:auto;clear:both;position:relative;overflow:hidden}
.tit h1 a{font-size:3rem;width:100%;text-align:center;font-weight:bold;letter-spacing:0px;display:block;color:#333;}
.tit h2 a{font-size:2.2rem;width:100%;text-align:center;font-weight:normal;letter-spacing:0px;display:block;line-height:2;color:#333;}
.tit p{width:100%;text-align:center;color:#222;font-size:1.4rem;line-height:2.4}
.tit2{width:100%;height:auto;clear:both;position:relative;overflow:hidden}
.tit2 h1 a{font-size:3rem;width:100%;color:#fff;font-weight:bold;display:block}
.tit2 h2 a{font-size:2.2rem;width:100%;color:#fff;font-weight:normal;display:block;line-height:2}
.more{display:block;width:170px;height:40px;line-height:40px;color:#fff !important;text-align:center;font-size:14px;margin-top:5rem !important;background:#e60012;transition:all 1s;position:relative;top:0px;}
.more:hover{position:relative;top:-5px;transition:all 1s}
.public{width:100%;margin:0 auto}

.mm{width:100%;height:auto;clear:both;position:relative;overflow:hidden}

/* ===== 头部导航样式 ===== */
.top-head{position:fixed;left:0;top:0;z-index:999999;right:0;height:auto;background:rgba(255,255,255,.95);box-shadow:0 1px 10px rgba(0,0,0,0.15)}
.top-headbox{position:relative;left:0;top:0;width:100%}

.ab_honor .list{padding-top:2rem;}

@media(max-width:990px){
.top-head{position:relative;background:none}
.top-headbox{position:relative;background:none}
}
.m_img{display:none}
.m_nav{display:none}
@media screen and (max-width:990px) and (min-width:0px){
.top2{display:none}
.msgNum{display:none}
.slider{margin-top:44px}
.head{display:none}
.m_img{display:block;width:100%;overflow:hidden;padding:10px}
.m_img .headlf{padding-top:2px;padding-left:5px;float:left}
.m_img .headlf .m_logo{display:block;height:50px}
.m_img .headrg{padding-right:2%;padding-top:20px;float:right}
.m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display:block}
.m_nav{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:20px;top:3%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:rgb(0,0,0,.9);height:100%;z-index:100;right:-80%;overflow-y:scroll;padding-top:10px;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display:flex;align-items:center;justify-content:space-between;width:100%}
.m_nav .m_navList ul li .m_f_a a{flex:1}
.m_nav .m_navList ul li .m_f_a i{width:40px;height:35px;box-sizing:border-box;padding:0 5px;display:block}
.icon{background:url(../images/plus.png) 100% no-repeat;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width:100%}
.m_nav .m_navList ul li .m_s_nav a{display:block;height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow:hidden;white-space:nowrap;width:90%;text-overflow:ellipsis}
}

@media (max-width:768px){.container{width:100%;padding:10px}
}

@media (max-width:320px){.m_img .headlf .m_logo{height:30px}.m_img .headrg {padding-top:9px;}
}

@media (min-width:992px){.c4 .col-md-3{width:29.1%}
.c4 .col-md-4{width:29.13%;padding:0}
.c4 .col-md-8{width:70.5%}
.c4 .col-md-9{width:70%}
}
@media (max-width:1280px){.col-md-6{display:none !important}
.col-md-9{width:70% !important;float:left}
.col-md-3{width:30% !important;float:left}
.navBar2 .bignav #m1 .sub{width:400% !important;padding:20% 20% !important}
}
.col-md-6 .phone{font-size:1.4rem;color:#000000;font-weight:normal;position:relative;top:30px;display:inline-table;line-height:1}
.col-md-6 .phone font{font-size:1.8rem;color:#000000;font-weight:bold;display:inline-table}
.container2{width:90%;height:auto;clear:both;margin:0 auto;position:relative}
.navbar-brand img{max-width:100%;max-height:100%}
.top{width:100%;color:#a1a1a1;line-height:35px;background:#dcdcdc}
.logo{display:inline-block;margin:18px 0}
.logo img{max-height:58px;width:auto}
.k1{line-height:35px;font-size:12px;color:#a1a1a1}
.k1 a{color:#a1a1a1}
.k2{float:left;line-height:35px;font-size:12px;color:#a1a1a1}
.k2 a{color:#a1a1a1}
.k3{float:right}
@media(max-width:950px){
.k2{display:none !important}
}
.k3 .k3a{display:block;background:url(../images/ss.png)no-repeat;width:18px;height:18px;margin-top:9px;outline:none}
.k4{float:right;text-align:right;position:relative;z-index:9999;width:100%;top:40px;color:#fff}
.k4 .yya{background:url(../images/xiala.png) 180px center no-repeat;text-align:center;color:#fff;cursor:pointer;font-size:14px}
.k4 .yya2{display:block;text-align:center}
.navBar2{z-index:1}
.navBar2 .bignav{height:95px !important;margin:0;padding:0;position:relative;text-align:right;display:-webkit-box;display: -ms-flexbox;display: flex;}
.navBar2 .bignav h3{font-weight:normal;margin:0px}
.navBar2 .bignav .m{display:inline-table;text-align:center;position:relative;margin:0 1%;-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;-webkit-box-flex: 1;flex-grow: 1;}
.navBar2 .bignav h3 a{zoom:1;line-height:95px !important;display:block;color:#3d3d3d;font-size:1.6rem}
@media (max-width:950px){
.navBar2 .bignav h3 a{line-height:100px !important;margin:0;}
.navBar2 .bignav{height:100px !important;background:url(../images/dhln.png)left center no-repeat;margin:0;padding:0}
}
.navBar2 .bignav .on h3 a{color:#e60012}
.navBar2 .bignav .on h3 a .caret{border-bottom:1px solid #e60012;border-right:1px solid #e60012}


@media (max-width:1400px){
    .navBar2 .bignav h3 a{font-size:1.5rem}.navBar2 .bignav .m{margin:0;}
}

@media (max-width:1600px){.navBar2 .bignav #m1 .sub{left:-200px !important}    .navBar2 .bignav h3 a{font-size:1.5rem}
}
.navBar2 .bignav #m2 .sub{z-index:1;width:1920px;left:-718px;padding-top:25px}
.navBar2 .bignav #m2 .sub ul{width:80%;margin:0 auto}
.navBar2 .bignav #m2 .sub ul li{float:left;text-align:center;list-style:none}
.navBar2 .bignav #m2 .sub ul li h3{display:block;font-size:18px;color:#c91b1b;margin-bottom:30px}
.navBar2 .bignav #m2 .sub ul li img{width:91px;height:152px;margin-bottom:30px}
.navBar2 .bignav #m2 .sub ul li span{display:block;font-size:16px;}
.navBar2 .bignav #m3 .sub{z-index:1;width:863px;left:-185px;padding-top:55px}
.navBar2 .bignav #m4 .sub{z-index:1;width:863px;left:-260px;padding-top:55px}
.navBar2 .bignav #m5 .sub{z-index:1;width:863px;left:-320px;padding-top:55px}
.navBar2 .bignav #m6 .sub{z-index:1;width:863px;left:-410px;padding-top:55px}
.navBar2 .bignav #m7 .sub{z-index:1;width:863px;left:-530px;padding-top:55px}
.navBar2 .bignav #m8 .sub{z-index:1;width:863px;left:-650px;padding-top:55px}
.navBar2 .bignav .sub{display:none;padding:10px 0;position:absolute;left:-10px;top:95px;float:left;line-height:30px;background:rgba(255,255,255,.95);height:auto}
.navBar2 .bignav #m1 .sub{z-index:9999;width:420%;left:-200px;padding:20% 20%}
.navBar2 .bignav .sub .subl{width:200px;float:left;text-align:left;margin-left:54px}
.navBar2 .bignav .sub .subl h3{display:block;font-size:24px;color:#2b2b2b}
.navBar2 .bignav .sub .subl span{display:block;padding-top:15px;font-size:14px;color:#777777;line-height:24px;height:140px;overflow:hidden}
.navBar2 .bignav .sub .subr{float:left;width:55%;height:auto;text-align:left}
.navBar2 .bignav .sub .subr img{width:100%;height:auto}
.navBar2 .bignav .sub dl{float:left;display:inline-block;width:45%;padding:0px 20px;height:auto;padding-bottom:20px}
.navBar2 .bignav .sub dl dt{font-size:16px;line-height:36px;text-align:left;text-indent:10px}
.navBar2 .bignav .sub dl dt a{display:block;color:#555555;font-weight:normal;font-size:1.4rem}
.navBar2 .bignav .sub dl dt a:hover{color:#c91b1b;background:url(../images/navh.png) 105px center no-repeat}
@media(max-width:768px){
.navbar-brand{width:45%}
.navBar2 .bignav .sub dl{padding:0px 0px}
}

/* ===== 响应式标题 ===== */
@media (max-width:990px){
.tit{width:100%}
.tit h1 a{text-align:center;font-size:2.4rem}
.tit h2 a{text-align:center;font-size:1.8rem;line-height:2}
.tit p{font-size:1.3rem;line-height:1.8;padding:0 5%;color:#666;}
.tit2{width:100%}
.tit2 h1 a{text-align:center;font-size:2.2rem}
.tit2 h2 a{text-align:center;font-size:1.8rem;line-height:2.4}
}
/* ===== Banner ===== */
@media(max-width:768px){.slideBox{margin-top:20%}}
@media(max-width:425px){.slideBox{margin-top:12%}}
@media(max-width:375px){.slideBox{margin-top:14%}}
@media(max-width:320px){.slideBox{margin-top:17%}}
.slideBox{width:100%;height:auto;overflow:hidden;position:relative;margin-top:0;background:url(../images/AjaxLoader.gif) no-repeat center center}
.slideBox .bd{width:100%;height:100%;z-index:0}
.slideBox .bd ul{margin:0;padding:0}
.slideBox .bd ul li{zoom:1;vertical-align:middle;list-style:none}
.slideBox .bd ul img{max-width:100%;display:block}
.slideBox .hd { position: absolute; bottom: 20px; left: 20px; text-align: center; z-index: 2; color:#fff!important;  font-size:10px;}
.slideBox .hd ul span{color:#fff!important; font-size:10px;}
.slideBox .bd ul li .firtxt{position:absolute;left:12%;top:38%;width:50%;overflow:hidden; display:none;}
.slideBox .bd ul li .firtxt img{max-width:100%;height:auto;}
@keyframes scaleDraw{
0%{transform:scale(1)}
25%{transform:scale(1.2)}
50%{transform:scale(1)}
75%{transform:scale(1.2)}
}
.ballon{-webkit-animation-name:scaleDraw;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:100s}
.slideBox .prev{position:absolute;top:50%;left:2%;display:block;width:45px;height:45px;background:url(../images/l.png) top center no-repeat}
.slideBox .next{position:absolute;top:50%;right:2%;display:block;width:45px;height:45px;background:url(../images/r.png) top center no-repeat}
@media (max-width:768px){.slideBox .prev,.slideBox .next{top:40%}}

/* ===== 产品与服务模块 ===== */
.product{width:100%;height:auto;padding:5rem 0rem;clear:both;position:relative;overflow:hidden;background:#fff}
.product .mm{padding:5rem 0rem 0rem 0rem}
.product .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.product .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.product .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.product .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.product .owl-carousel .owl-item{float:left}
.product .owl-controls .owl-page,.product .owl-controls .owl-buttons div{cursor:pointer}
.grabbing{}
.product .owl-carousel .owl-wrapper,.product .owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
#owl-demo3 .item{margin:1rem;overflow:hidden}
#owl-demo3 .item .img img{display:block;width:100%;height:auto}
#owl-demo3 .item .img{display:block;width:100%;height:auto;overflow:hidden;position:relative;border: 1px solid #ddd;}
#owl-demo3 .item .text{width:100%;height:auto;padding:5%;position:relative;transition:all 1s;background:#f8f8f8;}
#owl-demo3 .item .mc{width:100%;height:0%;transition:all 1s}
#owl-demo3 .item:hover .mc{background:url(../images/pbei.png) no-repeat center center;width:100%;height:100%;position:absolute;left:0px;top:0px;transition:all 1s}
#owl-demo3 .item .text h1{display:block;width:100%;height:auto;transition:all 1s}
#owl-demo3 .item .text h1 a{display:block;width:100%;height:auto;font-size:1.6rem;text-align:center;transition:all 1s;font-weight:normal}
#owl-demo3 .item .text .more2{width:80px;display:block;height:30px;border-radius:20px;border:solid #333 1px;color:#333;text-align:center;line-height:30px;clear:both;margin-top:3rem;margin:0 auto;transition:all 1s}
#owl-demo3 .item .text p{width:100%;clear:both;padding-top:1rem;transition:all 1s;text-align:center;color:#000;font-size:1.4rem;font-weight:bold}
#owl-demo3 .item .text h2{position:absolute;right:2rem;bottom:-10rem;color:#5a6eb1;font-size:10rem;transition:all 1s}
#owl-demo3 .item:hover .text .more2{border:solid #fff 1px;color:#fff;transition:all 1s}
#owl-demo3 .item:hover .text h1 a{color:#e60012;transition:all 1s}
#owl-demo3 .item:hover .text p{color:#e60012;transition:all 1s}
#owl-demo3 .item:hover .text h2{position:absolute;right:2rem;bottom:-2rem;color:#5a6eb1;font-size:10rem;transition:all 1s}

#owl-demo3 .item:hover img{transform:scale(1.1);-ms-transform:scale(1.1);transition:all 0.6s;-ms-transition:all 0.8s;max-height:100%}
#owl-demo3 .item img{width:100%;height:auto;transform:scale(1.0);-ms-transform:scale(1.0);transition:all 0.6s;-ms-transition:all 0.8s}


.product .owl-theme .owl-controls{margin-top:2rem;text-align:center}
.product .owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:0px;width:75px;height:35px}
.product .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../images/pl.png) no-repeat center top}
.product .owl-theme .owl-controls .owl-buttons .owl-next{background:url(../images/pr.png) no-repeat center top}
.product .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.product .owl-theme .owl-controls .owl-page{display:none}
.product .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.product .owl-theme .owl-controls .owl-page.active span,.product .owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.product .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px;background:url(../images/ajaxloader.gif) no-repeat center center}
@media(max-width:990px){
.product .mm{padding:2rem 0rem 0rem 0rem}
#owl-demo3 .item .text{padding:5% 5% 5% 5%}
.product .owl-theme .owl-controls{margin-top:2rem}
#owl-demo3 .item{margin:0% 5%}
}

/* ===== 关于我们模块 ===== */
.about{width:100%;height:auto;clear:both;position:relative;overflow:hidden;background:url(../images/about.jpg) no-repeat center top;background-size:cover;padding:10rem 0rem 7rem;background-attachment:fixed}
.about .atit{width:100%;height:auto;clear:both;position:relative;overflow:hidden}
.about .atit h1{width:100%;color:#fff;font-size:3.2rem;font-weight:normal}
.about .atit h2{width:100%;color:#fff;font-size:1.8rem;font-weight:normal;line-height:2.2}
.about .atit p{width:100%;color:#fff;font-size:1.4rem;font-weight:normal;margin-top:2rem;line-height:2}
.about .product-num-box{width:100%;height:auto}
.about .product-num-content{width:100%;height:auto;margin:0 auto;text-align:center;font-size:0}
.about .product-num-title{padding-top:110px;margin-bottom:30px;font-size:42px;color:#fff;line-height:45px}
.about .product-num-text{font-size:16px;color:#fff;line-height:28px}
.about .product-num-head{margin-top:80px;font-size:0}
.about .product-num-item{float:left;padding:30px 0px 40px;text-align:center;position:relative;width:25%;background:#fff}
.about .product-num-jus{display:inline-block;margin:80px 0;width:162px;height:56px;font-size:22px;color:#e60012;background:#fff;line-height:48px;letter-spacing:2px;cursor:pointer;font-weight:500;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-decoration:none}
.about .product-num-nub{display:inline-block;width:55%;font-size:3.6rem;color:#e60012;line-height:62px;text-align:right}
.about .product-num-add{font-size:24px;color:#e60012;width:45%;align-self:center;text-align:left;display:inline-block}
.about .product-num-inf{margin-top:15px;font-size:1.4rem;color:#000000;line-height:0;display:inline-block;width:100%}
.about .product-num-jus:hover{background-color:#fff;color:#3e88f1}
.about .product-num-wan{position:absolute;right:55px;top:0px}
.about .product-num-item:nth-child(3),.about .product-num-item:nth-child(4){background:#bb0313}
.about .product-num-item:nth-child(3) .product-num-nub{color:#fff}
.about .product-num-item:nth-child(3) .product-num-add{color:#fff}
.about .product-num-item:nth-child(3) .product-num-inf{color:#fff}
.about .product-num-item:nth-child(4) .product-num-nub{color:#fff}
.about .product-num-item:nth-child(4) .product-num-add{color:#fff}
.about .product-num-item:nth-child(4) .product-num-inf{color:#fff}
@media(max-width:990px){
.about{padding:5rem 2rem}
.about .atit h1{font-size:2.2rem}
.about .atit h2{font-size:1.6rem}
.about .atit p{font-size:1.3rem}
.about .product-num-head{margin-top:3rem}
.about .product-num-item{width:50%}
.about .product-num-inf{margin-top:1rem;font-size:1.4rem}
.about .product-num-nub{font-size:2.6rem}
.about .product-num-add{font-size:1.6rem}
.about .product-num-item:nth-child(2){background:#bb0313}
.about .product-num-item:nth-child(2) .product-num-nub{color:#fff}
.about .product-num-item:nth-child(2) .product-num-add{color:#fff}
.about .product-num-item:nth-child(2) .product-num-inf{color:#fff}
.about .product-num-item:nth-child(4){background:#fff}
.about .product-num-item:nth-child(4) .product-num-nub{color:#e60012}
.about .product-num-item:nth-child(4) .product-num-add{color:#e60012}
.about .product-num-item:nth-child(4) .product-num-inf{color:#000}
}

/* ===== 国内案例模块 ===== */
.case{width:100%;height:auto;clear:both;position:relative;overflow:hidden;padding:8rem 0rem 5rem 0rem}
.case-cont{float:right;width:100%;position:static!important}

.case .owl-carousel,.honor .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.case .owl-carousel{display:none;width:100%;z-index:1}
.case .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.case .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.case .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.case .owl-carousel .owl-item,.honor .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.case .owl-carousel .owl-wrapper-outer{width:100%;overflow:hidden}
.case .owl-theme .owl-controls{margin-top:2rem;text-align:center;display:block !important}
.case .owl-theme .owl-controls .owl-pagination{display:block}
.case .owl-theme .owl-controls .owl-buttons{display:none}
.case .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.case .owl-theme .owl-controls .owl-page{display:inline-table}
.case .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#d6d5d6; cursor:pointer}
.case .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#e60012}
.case .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.case .owl-carousel .owl-item .item{padding:5% 1%}
.case .owl-carousel .owl-item .item a{display:block;width:100%;height:auto;padding:3%;margin-top:5%;border-bottom:solid #fff 1px;transition:all 1s; background:#f8f8f8; text-align:center;color:#666; }
.case .owl-carousel .owl-item .item a div{overflow:hidden}
.case .owl-carousel .owl-item .item a h1{display:block;width:100%;color:#000;font-size:1.6rem;letter-spacing:1px;text-align:center;line-height:3;font-weight:normal;transition:all 1s}
.case .owl-carousel .owl-item .item a p span{ border-radius:50px; padding:.5rem 2rem;margin:2rem auto 3rem; display:inline-block; font-size:1.2rem;border: 1px solid #ccc;transition:all 1s}
.case .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.case .owl-carousel .owl-item img{display:block;width:100%;transition:all 1s;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1)}
.case .owl-carousel .owl-dots.disabled,.case .owl-carousel .owl-nav.disabled{display:none}
.case .owl-carousel .owl-dot,.honor .owl-carousel .owl-nav .owl-next,.honor .owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.case .owl-carousel .owl-nav button.owl-next,.honor .owl-carousel .owl-nav button.owl-prev,.honor .owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.case .owl-carousel.owl-loading{opacity:0;display:block}
.case .owl-carousel.owl-hidden{opacity:0}
.case .owl-carousel.owl-refresh .owl-item{visibility:hidden}
.case .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.case .owl-carousel.owl-grab{cursor:move;cursor:grab}
.case .owl-carousel.owl-rtl{direction:rtl}
.case .owl-carousel.owl-rtl .owl-item{float:right}
.case .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.case .owl-carousel .owl-animated-in{z-index:0}
.case .owl-carousel .owl-animated-out{z-index:1}
.case .owl-carousel .fadeOut{animation-name:fadeOut}
.case .owl-carousel .owl-item:hover a{-webkit-box-shadow:#666 0px 0px 5px;-moz-box-shadow:#666 0px 0px 5px;box-shadow:#666 0px 0px 5px;border-bottom:solid #FFF 1px;transition:all 1s}
.case .owl-carousel .owl-item:hover a h1{color:#e60012;transition:all 1s}

.case .owl-carousel .owl-item:hover img{transform:scale(1.1);-ms-transform:scale(1.1);transition:all 0.6s;-ms-transition:all 0.8s;max-height:100%}
.case .owl-carousel .owl-item img{display:block;width:100%;height:auto;transform:scale(1.0);-ms-transform:scale(1.0);transition:all 0.6s;-ms-transition:all 0.8s}

.case .owl-carousel .owl-item:hover a p span{border:1px solid #e60012; color:#e60012;transition:all 1s;}

@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.case .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.case .owl-carousel .owl-item .owl-lazy:not([src]),.honor .owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.case .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}

@media(max-width:768px){
.case .owl-carousel .owl-item .item a{margin-top:0rem}
.case{padding:3rem 0rem}
.case .owl-carousel .owl-item .item{border:solid #ddd 1px;padding:0}
}

/* ===== 服务优势模块 ===== */
.ys{width:100%;height:auto;clear:both;position:relative;overflow:hidden;background:url(../images/ys.jpg) no-repeat center top;background-size:cover;padding:4rem 0rem 0rem 0rem;background-attachment: fixed;}
.ys .tit2{padding:2rem 0rem 4rem;width:100%;clear:both;overflow:hidden}
.ys .tit2 h1{display:block;width:100%;text-align:center;color:#fff;font-size:3.6rem;letter-spacing:2px}
.ys .tit2 h2{ text-align:center}
.ys .tit2 h1 span{width:70px;height:1px;background:#fff;display:inline-table;vertical-align:middle;margin:0 2%}
.ys .tit2 p{display:block;width:100%;text-align:center;color:#fff;font-size:1.4rem;line-height:4;letter-spacing:1px}
.ys .chi{padding:5rem 0rem 0rem 0rem;width:100%;clear:both;overflow:hidden}
.ys .chi img{max-width:100%;height:auto;width:auto}
.ys.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.ys.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.ys.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.ys.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.ys.owl-carousel .owl-item{float:left}
.ys .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.ys .owl-carousel .owl-wrapper-outer{float:left}
.ys .owl-theme .owl-controls{margin-top:2rem;text-align:center;float:left;width:100%}
.ys .owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:0px;width:75px;height:35px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#53b32e;filter:Alpha(Opacity=50);opacity:0.5}
.ys .owl-theme .owl-controls .owl-pagination{margin:0 auto;width:100%;text-align:center;display:none}
.ys .owl-theme .owl-controls .owl-buttons{display:none}
.ys .owl-theme .owl-controls .owl-page{display:inline-table}
.ys .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#fff}
.ys .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#e60012}
.ys .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.ys .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../images/pl.png) no-repeat center top;opacity:1;border-radius:0px}
.ys .owl-theme .owl-controls .owl-buttons .owl-next{background:url(../images/pr2.png) no-repeat center top;opacity:1;border-radius:0px}
.ys .owl-carousel .owl-wrapper,.ys .owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);float:left}
#owl-demo4 .item{overflow:hidden;position:relative;text-align:center}
#owl-demo4 .item span{display:block;position:absolute;left:0;top:0;right:0;bottom:0;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
#owl-demo4 .item h3{font-size:2.2rem;position:absolute;width:100%;left:0;top:40%;transition:.3s;font-weight:normal;color:#fff}
#owl-demo4 .item h2{padding:0% 10%;font-size:1.4rem;position:absolute;width:100%;left:0;top:50%;transition:.3s;font-weight:normal;color:#fff;line-height:2}
#owl-demo4 .item p{width:80%;position:absolute;font-size:16px;left:10%;top:70%;opacity:0;transition:.3s}
#owl-demo4 .item a{position:absolute;top:85%;font-size:16px;line-height:32px;width:120px;margin:0 0 0 -60px;color:#fff;border:2px solid #fff;opacity:0;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
#owl-demo4 .item a:hover{background:#fff;color:#373d41}
#owl-demo4 .item .ybei{display:block;width:100%}
#owl-demo4 .item:hover span{background:rgba(255,255,255,1)}
#owl-demo4 .item:hover h3{top:15%;color:#e60012;font-weight:bold;}
#owl-demo4 .item:hover h2{top:25%;color:#333}
#owl-demo4 .item:hover p{top:45%;opacity:1}
#owl-demo4 .item:hover a{top:75%;opacity:1}

#owl-demo4 .item:hover h1{ display:none;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
#owl-demo4 h1 {position:absolute;top:20%;left:0; width:100%;}
#owl-demo4 h1 i {font-size:30px;color:#fff;text-align: center;width:90px;height:90px;line-height:90px;border-radius:100%;display: inline-block;transition: all 0.25s linear 0s;transform: translate(0px, 0px);background:rgb(255,255,255,0); border:1px solid #fff;}


@media (max-width:625px){
.ys{padding:3rem 0rem 3rem 0rem}
.ys .mm{width:90%;margin:0 auto}
.ys .owl-theme .owl-controls .owl-buttons{display:block}
#owl-demo4 .item span{background:rgba(255,255,255,.9)}
#owl-demo4 .item p{top:45%;opacity:1}
#owl-demo4 .item h3{top:15%;color:#e60012}
#owl-demo4 .item h2{top:25%;color:#000}
#owl-demo4 h1{ display:none;}
.slideBox .bd ul li .firtxt{top:30%;width: 60%;}
.slideBox .bd ul li .firtxt img{ width:80%}
}
@media (min-width:626px) and (max-width:768px){
.ys{padding:3rem 0rem 3rem 0rem}
.ys .mm{width:90%;margin:0 auto}
.ys .owl-theme .owl-controls .owl-buttons{display:block}
#owl-demo4 .item p{top:45%;opacity:1}
#owl-demo4 .item h3{top:10%}
#owl-demo4 .item h2{top:20%;line-height:1.6;font-size:1.2rem}
#owl-demo4 .item:hover h3{top:10%}
#owl-demo4 .item:hover h2{top:20%}
#owl-demo4 h1{ display:none;}
}
@media (min-width:769px) and (max-width:990px){
.ys{padding:3rem 0rem 3rem 0rem}
.ys .mm{width:90%;margin:0 auto}
.ys .owl-theme .owl-controls .owl-buttons{display:block}
#owl-demo4 .item span{background:rgba(255,255,255,1)}
#owl-demo4 .item p{top:45%;opacity:1}
#owl-demo4 .item h3{top:15%;color:#e60012}
#owl-demo4 .item h2{top:25%;color:#000;line-height:1.6;padding:0% 10%}
#owl-demo4 h1{ display:none;}
}
@media (min-width:991px) and (max-width:1400px){
.ys{padding:3rem 0rem 3rem 0rem}
.ys .mm{width:90%;margin:0 auto}
.ys .owl-theme .owl-controls .owl-buttons{display:block}
#owl-demo4 h1 {top:15%;}
#owl-demo4 .item h3{font-size:2.2rem;}
}

/* ===== 新闻中心模块 ===== */
.news{padding:60px 0px 50px 0px;clear:both;width:100%}
.news .mm{padding:4rem 0rem}
.news .mm .left{width:66.6666%;height:auto;float:left}
.news .mm .right{width:33.3333%;height:auto;float:right}
.news .mm .left .item{width:48%;margin:1%;float:left;overflow:hidden;position:relative;text-align:center;transition:all 0.7s}
.news .mm .left .item .nim{display:block;position:absolute;left:0;top:0;right:0;bottom:0;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;padding:5%}
.news .mm .left .item .nim h1{padding-top:3rem;text-align:left;display:block;width:100%;float:left;transition:all 1s;border-top:solid #999 1px;margin:1rem 0rem}
.news .mm .left .item .nim h1 a{color:#333;text-align:left;font-size:1.8rem;line-height:1.2}
.news .mm .left .item .nim .nec{display:block;width:100%;float:left;color:#333;font-size:1.4rem;clear:both;text-align:left;padding-top:10px;}
.news .mm .left .item .nim .nec p{display:inline;width:100%;color:#333;font-size:1.4rem;clear:both;line-height:1.8}
.news .mm .left .item .nim .nec p a{color:#000}
.news .mm .left .item .nim .date{display:block;width:50%;float:left;font-weight:normal;color:#999;font-size:1.4rem;text-align:left;transition:all 0.7s}
.news .mm .left .item .nim .date font{color:#999;font-size:5rem;clear:both;display:block;width:100%;transition:all 0.7s}
.news .mm .left .item .nim .nmore{overflow:hidden;display:block;float:right;width:35px;height:25px;line-height:40px;text-align:right;margin-top:3rem;transition:all 1s}
.news .mm .left .item .nim .nmore img{display:block;margin:0 auto;position:relative;filter:drop-shadow(35px 0 #e60012);-webkit-filter:drop-shadow(35px 0 #e60012);transition:all 1s}
.news .mm .left .item:hover .nim .nmore img{transform:translate(-35px,0);-webkit-transform:translate(-35px,0);-ms-transform:translate(-35px,0);-o-transform:translate(-35px,0);transition:all 1s}
.news .mm .left .item:hover .date{color:#e60012;transition:all 0.7s}
.news .mm .left .item:hover .date font{color:#e60012;transition:all 0.7s}
.news .mm .left .item:hover{box-shadow:#999 0px 0px 10px;transition:all 0.7s}
.news .mm .left .ybei{display:block;width:100%}
.news .mm .left .item:hover h1 a{color:#C00}
.news .mm .more{clear:both;margin:2rem auto 0;clear:both;display:none;}
.news .mm .right .item{width:98%;margin:2% 1%;float:left;overflow:hidden;position:relative;text-align:center;transition:all 0.7s}
.news .mm .right .item .nim{display:block;position:absolute;left:0;top:0;right:0;bottom:0;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;padding:5%}
.news .mm .right .item .nim h1{text-align:left;display:block;width:70%;float:right;transition:all 1s;margin:1rem 0rem}
.news .mm .right .item .nim h1 a{color:#666;text-align:left;font-size:1.8rem;letter-spacing:1px;line-height:3}
.news .mm .right .item .nim .date{padding:5% 0%;display:block;width:25%;height:100%;float:left;font-weight:normal;color:#999;font-size:1.4rem;text-align:left;transition:all 0.7s;border-right:solid #999999 1px}
.news .mm .right .item .nim .date font{color:#999;font-size:5rem;clear:both;display:block;width:100%;transition:all 0.7s}
.news .mm .right .item .nim .nmore{margin-left:5%;overflow:hidden;display:block;float:left;width:35px;height:25px;margin-top:1rem;transition:all 1s}
.news .mm .right .item .nim .nmore img{display:block;margin:0 auto;position:relative;filter:drop-shadow(35px 0 #e60012);-webkit-filter:drop-shadow(35px 0 #e60012);transition:all 1s}
.news .mm .right .item:hover .nim .nmore img{transform:translate(-35px,0);-webkit-transform:translate(-35px,0);-ms-transform:translate(-35px,0);-o-transform:translate(-35px,0);transition:all 1s}
.news .mm .right .item:hover .date{color:#e60012;transition:all 0.7s}
.news .mm .right .item:hover .date font{color:#e60012;transition:all 0.7s}
.news .mm .right .item:hover{box-shadow:#999 0px 0px 10px;transition:all 0.7s}
.news .mm .right .ybei{display:block;width:100%}
.news .mm .right .item:hover h1 a{color:#C00}
@media (max-width:468px){
.news .mm .left{width:100%}
.news .mm .left .item{width:98%;margin:2% 1%}
.news .mm .right{display:none}
.news .mm .more{display:block;position:relative;top:3rem}
.news .mm .left .item .nim .date font{font-size:2.4rem;font-weight:bold}
.news .mm .left .item .nim .date{font-size:1.4rem;font-weight:normal}
.news .mm .left .item .nim .nmore{margin-top:1rem}
.news .mm .left .item .nim h1{padding-top:2rem;margin:1rem 0rem 0rem 0rem}
}
@media (min-width:469px) and (max-width:768px){
.news .mm .left{width:100%}
.news .mm .left .item{width:98%;margin:2% 1%}
.news .mm .right{display:none}
.news .mm .more{display:block;position:relative;top:3rem}
.news .mm .left .item .nim .date font{font-size:2.6rem;font-weight:bold}
.news .mm .left .item .nim .date{font-size:1.4rem;font-weight:normal}
.news .mm .left .item .nim .nmore{margin-top:1rem}
.news .mm .left .item .nim h1{padding-top:2rem;margin:1rem 0rem 0rem 0rem}
}
@media (min-width:769px) and (max-width:990px){
.news .mm .left{width:100%}
.news .mm .left .item{width:48%;margin:2% 1%}
.news .mm .right{display:none}
.news .mm .more{display:block;position:relative;top:3rem}
.news .mm .left .item .nim .date font{font-size:3rem;font-weight:bold}
.news .mm .left .item .nim .date{font-size:1.4rem;font-weight:normal}
.news .mm .left .item .nim .nmore{margin-top:1rem}
.news .mm .left .item .nim h1{padding-top:2rem;margin:1rem 0rem 0rem 0rem}
}
@media (min-width:991px) and (max-width:1080px){
.news .mm .left{width:100%}
.news .mm .left .item{width:48%;margin:2% 1%}
.news .mm .right{display:none}
.news .mm .more{display:block;position:relative;top:3rem}
.news .mm .left .item .nim .date font{font-size:4rem;font-weight:bold}
.news .mm .left .item .nim .date{font-size:1.4rem;font-weight:normal}
.news .mm .left .item .nim .nmore{margin-top:1rem}
.news .mm .left .item .nim h1{padding-top:2rem;margin:1rem 0rem 0rem 0rem}
}
@media (min-width:1081px) and (max-width:1200px){
.news .mm .left{width:100%}
.news .mm .left .item{width:48%;margin:2% 1%}
.news .mm .right{display:none}
.news .mm .more{display:block;position:relative;top:3rem}
.news .mm .left .item .nim .date font{font-size:4rem;font-weight:bold}
.news .mm .left .item .nim .date{font-size:1.4rem;font-weight:normal}
.news .mm .left .item .nim .nmore{margin-top:1rem}
.news .mm .left .item .nim h1{padding-top:2rem;margin:1rem 0rem 0rem 0rem}
}
@media (min-width:1201px) and (max-width:1320px){
.news .mm .left .item .nim .date font{font-size:3rem;font-weight:bold}
.news .mm .left .item .nim .date{font-size:1.4rem;font-weight:normal}
.news .mm .left .item .nim .nmore{margin-top:1rem}
.news .mm .left .item .nim h1{padding-top:1rem;margin:1rem 0rem 0rem 0rem}
.news .mm .right .item .nim .date font{font-size:3rem}
}
@media (min-width:1321px) and (max-width:1440px){
.news .mm .left .item .nim .date font{font-size:3rem;font-weight:bold}
.news .mm .left .item .nim .date{font-size:1.4rem;font-weight:normal}
.news .mm .left .item .nim .nmore{margin-top:1rem}
.news .mm .left .item .nim h1{padding-top:1rem;margin:1rem 0rem 0rem 0rem}
.news .mm .right .item .nim .date font{font-size:3rem}
.news .mm .right .item .nim h1 a{font-size:1.6rem}
}
@media (min-width:1401px) and (max-width:1601px){
.news .mm .left .item .nim .date font{font-size:4rem;font-weight:bold}
.news .mm .left .item .nim .date{font-size:1.4rem;font-weight:normal}
.news .mm .left .item .nim .nmore{margin-top:2rem}
.news .mm .left .item .nim h1{padding-top:1rem;margin:1rem 0rem 0rem 0rem}
.news .mm .right .item .nim .date font{font-size:4rem}
.news .mm .right .item .nim .nmore{margin-top:0rem}
.news .mm .right .item .nim h1 a{font-size:1.6rem}
}
@media (min-width:1601px) and (max-width:1780px){
.news .mm .left .item .nim .date font{font-size:4rem;font-weight:bold}
.news .mm .left .item .nim .date{font-size:1.4rem;font-weight:normal}
.news .mm .left .item .nim .nmore{margin-top:2rem}
.news .mm .left .item .nim h1{padding-top:1rem;margin:1rem 0rem 0rem 0rem}
.news .mm .right .item .nim .date font{font-size:4rem}
.news .mm .right .item .nim .nmore{margin-top:0rem}
.news .mm .right .item .nim h1 a{font-size:1.6rem}
}

/* ===== 底部联系模块 ===== */
.contact{float:left;width:100%;height:auto;clear:both;background:#005898;padding:30px 0px 0px 0px;position:relative;}
.cont2{width:100%;height:auto;clear:both;position:relative}
.contact .ft{width:100%;text-align:center;position:absolute;top:-25px;left:0px}
.contact .ft img{width:50px;height:50px}
.cont2_l{width:68%;float:right;margin-top:3rem}
.cont2_r{width:30%;float:left;margin-top:1rem;position:relative}
.cont2 .cc{width:100%;height:auto;float:left}
.cont2 .cc li{width:14.6666%;float:left;margin-left:1%;margin-right:1%}
.cont2 .cc li .er{max-width:130px;height:auto;float:left;color:#fff;line-height:2.2;font-size:1.5rem;text-align:center}
.cont2 .cc li .er img{max-width:100%;height:auto}
.cont2 .cc li h1{float:left;display:block;width:100%}
.cont2 .cc li h1 a{font-size:1.8rem;color:#f8f8f8;line-height:2;font-weight:bold}
.cont2 .cc li p a{float:left;font-size:1.4rem;color:#f8f8f8;line-height:1.6;clear:both}
.cont2 .cc li p{float:left;font-size:1.4rem;color:#f8f8f8;line-height:2;clear:both;margin-top:1rem}
.cont2 .ct{width:100%;height:auto;padding-top:5rem;clear:both;float:left}
.cont2 .ct h1{font-size:1.4rem;color:#f8f8f8;float:left;padding:5px;margin-right:5px}
.cont2 .ct a{float:left;padding:5px;margin-left:5px;font-size:1.4rem;color:#f8f8f8}
.cont2_r p img{max-width:100%;height:auto;margin:0px 5px}
.cont2_r .logo{width:100%;height:auto;clear:both;border-bottom:solid #b5b2b2 1px;margin-bottom:2rem}
.cont2_r p{width:100%;float:left;font-size:1.4rem;color:#f8f8f8;line-height:2;clear:both;margin-top:3px}
.cont2_r p:nth-child(6),.cont2_r p:nth-child(7){width:50%;float:left;clear:none}
.foot{float:left;width:100%;height:auto;padding:25px 0px;clear:both;border-top:solid #b5b2b2 1px;margin-top:3rem}
.foot .f1{float:left;font-size:1.4rem;color:#fff;margin:0 5px}
.foot .f2{float:left;font-size:1.4rem;color:#fff;margin:0 5px}
.foot .f3{float:right;font-size:1.4rem;color:#fff;margin:0 5px}
.foot .f3 a{font-size:1.4rem;color:#fff}
@media (max-width:468px){
.cont2_l{display:none}
.cont2_r{width:100%}
.cont2_r p:nth-child(6),.cont2_r p:nth-child(7){width:100%;float:left;clear:none}
.cont2_r p{font-size:13px}
}
@media (min-width:469px) and (max-width:768px){
.cont2_l{display:none}
.cont2_r{width:100%}
.cont2_r p:nth-child(6),.cont2_r p:nth-child(7){width:100%;float:left;clear:none}
}
@media (min-width:769px) and (max-width:990px){
.cont2_l{display:none}
.cont2_r{width:100%}
.cont2_r p{width:50%;float:left;clear:none}
}
@media (min-width:991px) and (max-width:1080px){
.cont2_l{width:100%}
.cont2_r{width:100%}
.cont2_r p{width:50%;float:left;clear:none}
}
@media (min-width:1081px) and (max-width:1200px){
.cont2_l{width:100%}
.cont2_r{width:100%}
.cont2_r p{width:50%;float:left;clear:none}
}
@media (min-width:1201px) and (max-width:1440px){
.cont2_l{width:100%}
.cont2_r{width:100%}
.cont2_r p{width:50%;float:left;clear:none}
}
@media (min-width:1441px) and (max-width:1680px){
.cont2_l{width:100%}
.cont2_r{width:100%}
.cont2_r p{width:33.3333%;float:left;clear:none}
.cont2_r p:nth-child(6),.cont2_r p:nth-child(7){width:33.3333%;float:left;clear:none}
}

/* ===== 悬浮侧边栏 ===== */
.side{position:fixed;width:68px;right:0;bottom:10%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0;z-index:9999}
.side ul li{width:68px;height:68px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:12px;line-height:30px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#f67524;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li a{color:#333}
.side ul li i{height:20px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;margin-top:14px;transition:all .3s;background-size: contain;}

.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}

.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}

.side ul li .sidebox{position:absolute;width:68px;height:68px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:158px;display:none;color:#363636;text-align:center;padding-top:158px;position:absolute;left:-158px;top:0;background-image:url(../images/er.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0;background-color:#fff; background-size:cover;}
.side ul li.sideetel .telBox.son{width:240px;height:204px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-69px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:98px;overflow:hidden;padding-left:83px;line-height:24px;font-size:16px}
.side ul li.sideetel .telBox dd span{color:#fff;display:block;line-height:28px;height:28px;overflow:hidden;margin-top:25px;font-size:16px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@media (max-width:990px){.side{display:none}}

/* ===== 底部手机导航栏 ===== */
.hovertreebottom{display:none}@media (max-width:990px){.box{width:100%;display:-webkit-box;display:-moz-box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0}.box>*{-webkit-box-flex:1;-moz-box-flex:1}a:link,a:visited{text-decoration:none}a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0.35)}.hovertreebottom{height:50px;display:none}.hovertreebottom ul{position:fixed;z-index:99999;bottom:0;left:0;width:100%}.hovertreebottom li{border:1px solid rgba(190,190,190,1);height:50px;border-bottom:0;border-right:0;position:relative;-webkit-box-shadow:inset 0 0 3px #fff;float:left;width:33.26%}.hovertreebottom li:nth-of-type(1){border-left:0}.hovertreebottom li>a{font-size:15px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);border-bottom:0;display:block;line-height:50px;text-align:center;background:#005898}.hovertreebottom li>a:only-child span{background:none;padding-left:0}.hovertreebottom li>a.on+dl{display:block}.hovertreebottom li>a span{color:#fff}.hovertreebottom dl{display:none;position:absolute;z-index:220;bottom:60px;left:50%;width:100px;margin-left:-50px;background:#e4e3e2;border-radius:5px;-webkit-box-shadow:inset 0 0 3px #fff;-webkit-background-size:100%;background-size:100%}.hovertreebottom dl:before{content:"";display:inline-block;position:absolute;z-index:240;bottom:0;left:50%;width:10px;height:8px;-webkit-background-size:10px auto;bottom:-7px;margin-left:-5px}.hovertreebottom dl dd{line-height:45px;text-align:center;background:-webkit-gradient(linear,0 0,100% 0,from(rgba(194,194,194,0.8)),to(rgba(194,194,194,0.8)),color-stop(50%,rgba(194,194,194,0.8)));background-size:80% 1px;background-repeat:no-repeat;background-position:center bottom}.hovertreebottom dl dd:last-of-type{background:none}.hovertreebottom dl dd a{font-size:15px;display:block;color:#4f4d4f;text-shadow:0px 1px 0px #ffffff;white-space:pre;overflow:hidden;text-overflow:ellipsis}.hovertreebottom .masklayer_div{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:180;background:rgba(0,0,0,0)}.hovertreebottom .masklayer_div.on{display:block}}@media (max-width:990px){.hovertreebottom{display:block!important}.contact{margin-bottom:50px}}

@media (max-width:992px){.xypg-right-mbx{padding-top:0}
}
.xypg-right-content{font-size:14px;color:#333;line-height:1.7;padding:5%;background:#fff}
.xypg-right-content p img{max-width:100%}

/* ===== 内页Banner ===== */
.neibanner{width:100%;height:auto;overflow:hidden;position:relative}
.neibanner .img{width:100%;height:100%}
.neibanner .text{position:absolute;top:48%;left:12%;text-shadow: 0 2px 3px rgb(0 0 0 / 50%);}
.neibanner .text h1{font-size:2rem;color:#fff;letter-spacing:1px; display:none;}
.neibanner .text h2{font-size:3.2rem;color:#fff;font-weight:normal;letter-spacing:1px;line-height:2;}
@media (max-width:468px){.neibanner{width:100%;height:auto;overflow:hidden;position:relative}
.neibanner .img{width:100%;height:15vh}
.neibanner .text h1{font-size:2rem}
.neibanner .text h2{font-size:1.6rem}
.neibanner .text{left:5%; top:36%}
}
@media (min-width:469px) and (max-width:768px){.neibanner{width:100%;height:auto;overflow:hidden;position:relative}
.neibanner .img{height:20vh}
.neibanner .text h1{font-size:2rem}
.neibanner .text h2{font-size:2.2rem}
.neibanner .text{top:40%;}
.neibanner .text{left:5%}
}
@media (min-width:768px) and (max-width:990px){.neibanner{width:100%;overflow:hidden;position:relative;height:auto}
.neibanner .img{width:100%;height:35vh}
.neibanner .text h1{font-size:2rem}
.neibanner .text h2{font-size:2.6rem}
.neibanner .text{top:40%;}
.neibanner .text{left:5%}
}
@media (min-width:991px) and (max-width:1080px){.neibanner{width:100%;overflow:hidden;position:relative}
.neibanner .img{width:100%;height:40vh}
.neibanner .text h1{font-size:2rem}
.neibanner .text h2{font-size:3rem}
.neibanner .text{top:48%;}
.neibanner .text{left:5%}
}
@media (min-width:1081px) and (max-width:1200px){.neibanner{width:100%;overflow:hidden;position:relative;height:auto}
.neibanner .img{width:100%;height:45vh}
.neibanner .text h1{font-size:2rem}
.neibanner .text h2{font-size:3rem}
.neibanner .text{top:48%;}
.neibanner .text{left:5%}
}
@media (min-width:1201px) and (max-width:1320px){.neibanner{width:100%;overflow:hidden;position:relative;height:auto}
.neibanner .img{width:100%;height:50vh}
.neibanner .text h1{font-size:2rem}
.neibanner .text h2{font-size:3rem}
.neibanner .text{top:48%;}
.neibanner .text{left:5%}
}
@media (min-width:1321px) and (max-width:1440px){.neibanner{width:100%;overflow:hidden;position:relative;height:auto}
.neibanner .img{width:100%;height:55vh}
.neibanner .text h1{font-size:2rem}
.neibanner .text h2{font-size:3rem}
.neibanner .text{top:50%;}
.neibanner .text{left:5%}
}
@media (min-width:1441px) and (max-width:1600px){.neibanner{width:100%;height:auto;overflow:hidden;position:relative}
.neibanner .img{width:100%;height:100%;height:60vh}
.neibanner .text h1{font-size:2rem}
.neibanner .text h2{font-size:3rem}
.neibanner .text{left:5%;}
}

/* ===== 导航和内容区 ===== */
.con1{width:100%;height:auto;paddding:20px 0px;clear:both;padding-top:5rem;z-index:888;position:absolute;left:0%;bottom:0%;display:none}
.mul{width:100%;height:auto;text-align:center;border-bottom:solid #ccc 1px;padding:1rem 0rem;background:#fff}
.mul li{min-width:130px;padding:10px;display:inline-flex;background:#f2f2f2f2;margin:1%}
.mul li a{font-size:1.5rem;color:#000;text-align:center;display:block;width:100%}
.mul li:hover{background:#cc312f}
.mul li:hover a{color:#fff}
.mul li.active{background:#cc312f}
.mul li.active a{color:#fff}
.col-md-3{width:40%}
.col-md-9{width:60%}

@media (max-width:990px){.mul{width:100%;padding:2rem 0rem}
.mul li{padding:5px;min-width:100px;float:none}
}
@media (min-width:469px) and (max-width:768px){.mul{width:100%;padding:2rem 0rem}
.mul li{padding:5px;min-width:100px;float:none}
}
@media (min-width:993px) and (max-width:1320px){.col-md-3{width:30%}
.col-md-2{display:block}
.col-md-9{width:70%}
}



/* ===== 关于我们页面 ===== */
.con2{width:100%;height:auto;clear:both;margin:4rem 0rem;float:left}
.con2 .right{width:100%;height:auto;padding:3% 0%;overflow:hidden; text-align: justify;}
.con2 .right .atext{height:auto;width:100%}
.con2 .right p{width:100%;margin:0 auto;line-height:2;color:#333;font-size:1.6rem;text-align: justify;}
.con2 .right a{font-size:1.4rem}

@media (max-width:468px){.con2{width:100%;height:auto;clear:both;padding:0rem 0rem 0rem 0rem}
.con2 .left{width:100%}
.con2 .right{width:100%;position:static;padding:3% 2%;padding-top:4vh;}
.con2 .right p{width:100%}
}
@media (min-width:469px) and (max-width:768px){.con2{width:100%;height:auto;clear:both;padding:0rem 0rem 0rem 0rem}
.con2 .left{width:100%}
.con2 .right{width:100%;position:static;padding:3% 2%;padding-top:4vh;}
.con2 .right p{width:100%}
}
@media (min-width:769px) and (max-width:990px){.con2 .left{width:100%}
.con2 .right{width:100%;position:static;padding:3% 2%;padding-top:4vh;}
.con2 .right p{width:100%}
}

.ab_honor{width:100%;height:auto;padding:5rem 0rem;clear:both;position:relative;overflow:hidden;background:#fff}
.ab_honor .mm{padding:5rem 0rem 0rem 0rem}
.ab_honor .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.ab_honor .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.ab_honor .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.ab_honor .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.ab_honor .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.ab_honor .owl-carousel .owl-item{float:left}
.ab_honor .owl-controls .owl-page,.ab_honor .owl-controls .owl-buttons div{cursor:pointer}
.ab_honor .owl-carousel .owl-wrapper,.ab_honor .owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.ab_honor .owl-theme .owl-controls{margin-top:2rem;text-align:center}
.ab_honor .owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:0px;width:75px;height:35px}
.ab_honor .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../images/pl.png) no-repeat center top}
.ab_honor .owl-theme .owl-controls .owl-buttons .owl-next{background:url(../images/pr.png) no-repeat center top}
.ab_honor .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.ab_honor .owl-theme .owl-controls .owl-page{display:none}
.ab_honor .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.ab_honor .owl-theme .owl-controls .owl-page.active span,.ab_honor .owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.ab_honor .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px;background:url(../images/AjaxLoader.gif) no-repeat center center}
@media(max-width:990px){.ab_honor .mm{padding:2rem 0rem 0rem 0rem}
#owl-demo3 .item .text{padding:5% 5% 5% 5%}
.ab_honor .owl-theme .owl-controls{margin-top:0rem}
#owl-demo3 .item{margin:0% 5%}
}

/* ===== 产品列表页 ===== */
.productlist{width:100%;height:auto;clear:both;position:relative;padding:4rem 0}
.product3{width:100%;height:auto;clear:both;position:relative}
.product3 .owl-item{float:left;padding:1rem;overflow:hidden;width:25%;position:relative;}
.product3 .owl-item .item{overflow:hidden}
.product3 .owl-item .item .img{display:block;width:100%;height:auto;overflow:hidden;background:#fff;border: 1px solid #ddd;}
.product3 .owl-item .text{width:100%;height:auto;padding:1.8rem 0rem 2.2rem;float:left;transition:all 1s;position:relative;left:0;bottom:0rem; text-align:center;background:#f8f8f8;}
.product3 .owl-item .item .img p{position:relative;left:10%;top:5%;color:#000;letter-spacing:2px;font-size:2rem;width:80%;font-weight:normal;transition:all 1s}
.product3 .owl-item .text h1{font-weight:normal;width:100%;line-height:2;color:#000;float:left;display:block;font-size:1.6rem;transition:all 1s;clear:both;letter-spacing:1px}
.product3 .owl-item .text p{width:70%;color:#222;float:left;display:block;font-size:1.4rem;transition:all 1s;clear:both}
.product3 .owl-item .text span{width:40%;height:0px;background:#cc312f;color:#fff;display:block;text-align:center;clear:both;font-size:0rem;margin-top:8rem;transition:all 1s;display:block}
.product3 .owl-item:hover .text{bottom:0rem;transition:all 1s}
.product3 .owl-item:hover .text a h1{color:#c00;}
.product3 .owl-item:hover .text span{transition:all 1s;line-height:40px;height:40px;letter-spacing:1px;font-size:1.4rem}
.product3 .owl-item:hover .img p{font-size:2.2rem;transition:all 1s}
.product3 .owl-item:hover .img img{transform:scale(1.1);-ms-transform:scale(1.1);transition:all 0.6s;-ms-transition:all 0.8s;max-height:100%}
.product3 .owl-item .img img{width:100%;height:auto;transform:scale(1.0);-ms-transform:scale(1.0);transition:all 0.6s;-ms-transition:all 0.8s}
@media (max-width:468px){.product3 .owl-item{width:98%}
}
@media (min-width:469px) and (max-width:768px){.product3 .owl-item{width:50%}
}
@media (min-width:769px) and (max-width:990px){.product3 .owl-item{width:50%}
}
@media (min-width:991px) and (max-width:1080px){.product3 .owl-item{width:33.3333%}
}
.hidden{display:none}
.moreload{width:100%;height:auto;margin:0 auto;overflow:hidden;text-align:left;padding:5px}
.moreload ul.list{overflow:hidden;padding-bottom:7rem}
.moreload ul.list p{text-align:center;padding:10px}
.moreload .more{overflow:hidden;padding:10px;text-align:center}
.moreload .more a{display:block;width:100%;margin:0 auto;text-align:center;color:#000;font-size:1.4rem;line-height:2}
.moreload .more a img{max-width:100%;width:auto;height:auto;display:block;margin:0 auto}
.moreload .more p{display:block;width:100%;margin:0 auto;text-align:center;color:#cc312f;font-size:1.4rem;line-height:2;font-weight:bold}
.moreload .more a:hover{color:#cc312f}

/* ===== 产品详情页 ===== */
.product2{width:100%;height:auto;clear:both;position:relative;background:#fff;padding-bottom:3rem;}
#glass{position:absolute;border-radius:50%;box-shadow:0 0 0 7px rgba(255,255,255,0.85),0 0 7px 7px rgba(0,0,0,0.25),inset 0 0 40px 2px rgba(0,0,0,0.25);display:none;background-repeat:no-repeat;background-color:rgba(0,0,0,.6)}
.content img{display:block}
.center{text-align:center}
.product2 .first{width:100%;height:auto;padding:3% 0%;background:#f8f8f8}
.product2 .first .left{width:42%;float:left;background:#fff;padding:2%;overflow:hidden}
.product2 .first .left img{width:100%;height:auto}
.product2 .first .right{width:52%;float:right;margin-right:2%;padding:2%}
.product2 .first .right h1{border-bottom:solid #bdbdbd 1px;margin-bottom:2rem}
.product2 .first .right h1 a{line-height:3;color:#000;font-size:2.6rem;font-weight:bold;letter-spacing:2px}
.product2 .first .right h2{margin-bottom:2rem;background:#cc312f;width:30%;display:block;float:left;text-align:center;border-radius:5px;margin-top:2rem}
.product2 .first .right h2 a{line-height:3;color:#fff;font-size:1.4rem;font-weight:bold;letter-spacing:2px;text-align:center}
.product2 .first .right p{color:#333;font-size:1.6rem;line-height:2}
.product2 .product_info a{color:#333;font-size:1.6rem;line-height:2}
.product2 .product_info{width:100%;height:auto;clear:both;background:#fff}
.product2 .product_info .product_info_tit{border-bottom:solid #c2c2c2 1px;width:100%;padding-top:4rem;margin-bottom:4rem}
.product2 .product_info .product_info_tit h1{display:block;line-height:3;font-weight:bold;letter-spacing:2px;text-align:center;color:#000;width:100%;font-size:2rem}
.product2 .product_info_mm{width:100%;height:auto;clear:both;background:#fff}
.product2 .product_info_mm p{display:block;line-height:1.8;text-align:left;color:#333;width:100%;font-size:1.6rem}
.info_title{margin:30px 0 27px 0;width:100%;height:52px;background:#eee}
.info_title b{display:inline-block;padding:0 30px;height:100%;border-right:1px solid #fff;background:#c92323;color:#fff;line-height:52px;font-size:16px}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px}
.product2  .content_gs{background:#fff;margin-top:2rem;clear:both;padding:2%;text-align:center}
.product2  .content_gs img{max-width:98%;width:auto;height:auto;display:block;margin:0 auto}
.product2  .content p{width:100%;font-size:1.6rem;color:#333;line-height:2.4;text-align:left}
.product2  .content_table{background:#fff;margin-top:2rem;clear:both;padding:2%;overflow:hidden}
.product2 .content_gs br{display:none}
.product2 .right .content  td p span{font-size:1.4rem !important}
.product2 .right .content  td{font-size:1.4rem !important}
.product2 .right .content  td p{font-size:1.4rem !important;padding:8px 0px;text-align:center;text-align:center;padding:0.5% 0%}
.product .content_table .17{font-size:2rem;text-align:left !important;color:#000;font-weight:bold}


@media (max-width:468px){.product2 .first .left{width:95%;margin:0 auto;float:none}
.product2 .first .right{width:95%;margin:0 auto;float:none}
.product2 .first .right h1 a{font-size:1.8rem}
.product2 .product_info{width:95%;margin:0 auto;float:none}
.product2 .product_info p{width:90%;margin:0 auto}
.product2 .product_info .product_info_tit h1{line-height:3}
.product2 .first .right h2{ width:80%}
}
@media (min-width:469px) and (max-width:768px){.product2 .first .left{width:95%;margin:0 auto;float:none}
.product2 .first .right{width:100%;margin:0 auto;float:none}
.product2 .first .right h1 a{font-size:1.8rem}
.product2 .product_info{width:95%;margin:0 auto;float:none}
.product2 .product_info p{width:100%;margin:0 auto}
.product2 .product_info .product_info_tit h1{line-height:3}
.product2 .first .right h2{ width:80%}
}
@media (min-width:769px) and (max-width:990px){.product2 .first .left{width:95%;margin:0 auto;float:none}
.product2 .first .right{width:95%;margin:0 auto;float:none}
.product2 .first .right h1 a{font-size:1.8rem}
.product2 .product_info{width:95%;margin:0 auto;float:none}
.product2 .product_info p{width:100%;margin:0 auto}
.product2 .product_info .product_info_tit h1{line-height:3}
.product2 .first .right h2{ width:80%}
}
@media (min-width:991px) and (max-width:1080px){.product2 .first .right h1 a{font-size:1.8rem}.product2 .first .right h2{ width:80%}
}
@media (min-width:1081px) and (max-width:1320px){.product2 .first .right h1 a{font-size:2rem}.product2 .first .right h2{ width:50%}
}
@media (min-width:1321px) and (max-width:1600px){.product2 .first .right h1 a{font-size:2.2rem}
}

/* ===== 新闻列表页 ===== */
.newslist{width:100%;height:auto;clear:both;position:relative;padding:3rem 0px 3rem 0px}
.newslist .list ul{width:100%;height:auto;clear:both;position:relative;margin-top:2rem; clear:both}
.newslist .list ul li{width:31%;height:auto;margin-left:1%;margin-right:1%;float:left;border:solid #ccc 1px;overflow:hidden;position:relative;margin-top:2rem;margin-bottom:1rem;}
.newslist .list ul li .post-slide{transition:all 1s ease-in-out 0s}
.newslist .list ul li .post-slide .post-img{overflow:hidden;position:relative}
.newslist .list ul li .post-slide .post-img img{max-width:100% !important;height:auto;width:auto !important;float:left;transform:scale(1.0);transition:all 1s}
.newslist .list ul li .post-slide .post-img h1{width:80%;display:block;position:absolute;left:10px;top:10%;color:#fff;padding:10px 20px;font-size:14px;letter-spacing:1px;transition:all 1s ease-in-out 0s;line-height:35px}
.newslist .list ul li .post-slide .post-content{padding:5% 6%}
.newslist .list ul li .post-slide .post-title{font-size:17px;font-weight:600;margin-top:0;text-transform:capitalize;line-height:2;color:#333}
.newslist .list ul li .post-slide .post-title a{display:inline-block;color:#000;transition:all 0.3s ease 0s;line-height:3; text-decoration:none;}
.newslist .list ul li .post-slide .post-content p{color:#333;line-height:2;font-size:1.4rem;text-indent:-3rem;display:inline}
.newslist .list ul li:hove .post-slider{transition:all 1s ease-in-out 0s}
.newslist .list ul li:hover{background:#e60012}
.newslist .list ul li .post-slide .post-content p{color:#333}
.newslist .list ul li:hover .post-slide .post-title a{color:#fff}
.newslist .list ul li:hover .post-slide .post-content p{color:#fff}
.newslist .list ul li:hover .post-slide .post-title{color:#fff}
.newslist .list ul li:hover .post-slide:hover .post-img img{transform:scale(1.1);-ms-transform:scale(1.1);transition:all 0.6s;-ms-transition:all 0.8s;max-height:100%}
.newslist .list ul li .post-slide:hover .post-img img{width:100%;height:auto;transform:scale(1.0);-ms-transform:scale(1.0);transition:all 0.6s;-ms-transition:all 0.8s}

.newslist .more{margin-top:0rem;border:solid #fff 1px;display:none}
.newslist .more p{color:#fff !important}

@media (max-width:468px){
.newslist{padding-top:1rem;}
.newslist .list ul li{width:98%;height:auto;float:none;margin:0 auto;margin-top:2rem}
.newslist .more{display:block}
}
@media (min-width:469px) and (max-width:768px){.newslist .list ul li{width:98%;height:auto;float:none;margin:0 auto;margin-top:2rem}
.newslist .more{display:block}
}
@media (min-width:769px) and (max-width:1080px){.newslist .list ul li{width:48%;margin-left:1%;margin-right:1%;height:auto;float:left;margin-top:2rem}
.newslist .more{display:block}
}
@media (min-width:1081px) and (max-width:1200px){.newslist .list ul li{height:30vh}
}

/* ===== 新闻详情页 ===== */
.news2{width:100%;height:auto;clear:both;position:relative; padding:3rem 0;}
.news2 .news_info a{color:#333;font-size:1.6rem;line-height:2}
.news2 .news_info{width:100%;height:auto;clear:both;background:rgba(255,2555,255,0.8);padding:2% 2%}
.news2 .news_info .news_info_tit{width:100%;margin-bottom:1rem}
.news2 .news_info .news_info_tit h1{font-size:3rem;color:#363636;font-weight:bold;margin-bottom:10px;line-height:1.7;text-align:center;letter-spacing:1px}
.news2 .news_info_mm{width:100%;height:auto;clear:both}
.news2 .news_info_mm p{display:block;line-height:2;text-align:left;color:#333;width:100%;font-size:1.6rem;}
.news2 .news_info_mm img{margin:1rem auto;}

@media (max-width:468px){.news .news_info{width:95%;margin:0 auto;float:none}
.news2 .news_info .news_info_tit h1{font-size:2rem;line-height:1.7}
}
@media (min-width:469px) and (max-width:768px){.news .news_info{width:95%;margin:0 auto;float:none}
.news2 .news_info .news_info_tit h1{line-height:1.5}
}
@media (min-width:769px) and (max-width:990px){.news .news_info{width:95%;margin:0 auto;float:none}
.news2 .news_info p{width:90%;margin:0 auto}
.news2 .news_info .news_info_tit h1{line-height:3}
}
.xypg-detail-info-bar{font-size:14px;font-family:Arial;color:#9e9e9e;line-height:35px;border-bottom:1px dashed #cfcfcf;margin-bottom:20px;text-align:center}
.xypg-detail-info-bar .detail-info-time{line-height:2;text-align:center}
.xypg-detail-info-bar .detail-info-time p{display:inline-table;margin:0% 1%;text-align:center}

/* ===== 案例列表页 ===== */
.caselist{width:100%;height:auto;clear:both;position:relative;margin:1% 0% 2%;float:left;}
.caselist .section li{padding:0%;width:31.3333%;margin-left:1%;margin-right:1%;float:left;position:relative;z-index:10;transition:all 500ms;margin-top:4rem;background:#fff; overflow:hidden;}
.caselist .section li .glightbox2{display:block;width:100%;color:#333}
.caselist .section li .titc{width:100%;display:block;margin:auto;margin-top:auto;z-index:9999;position:relative;text-align:center;font-size:1.5rem;color:#333;line-height:5;transition:all 500ms;background-color:#f8f8f8}
.caselist .section li:hover .titc{background:#cc312f;transition:all 500ms;}
.caselist .section li:hover .titc{color:#fff;}

.caselist .section li .mask{width:100%;height:auto;overflow:hidden;position:absolute;left:0;top:0px;z-index:20;transition:all 500ms;font-size:0rem; }
.caselist .section li .img{display:block;width:100%;height:100%;}
.caselist .section li img{width:100%;height:90%;}
.caselist .section li h3{font-size:12px}
.caselist .section li .csbg{width:70%;height:auto;background:#ffffff;margin:0 auto;z-index:5;transition:all 500ms;margin-top:-10%;z-index:9999;position:relative;box-shadow:1px 1px 1px #ccc}
.caselist .section li .csbg h3{font-size:1.6rem;text-align:center;padding:2rem;display:block;width:100%}
.caselist .section li .csbg h3 a{font-size:1.6rem;text-align:center;display:block;width:100%;color:#333;line-height:2}
.caselist .section li:hover{color:#fff}
.caselist .section li:hover .mask{top:0px;text-align:center;font-size:1.8rem;color:#ffffff;top:30%;text-shadow:1px 1px 1px #333}
.caselist .section li:hover .csbg{background:#cc312f;color:#ffffff}
.caselist .section li:hover .csbg h3 a{text-align:center;display:block;width:100%;color:#ffffff}
.caselist .section li:vidited .csbg h3 a{color:#ffffff}


.caselist .section li:hover img{transform:scale(1.1);-ms-transform:scale(1.1);transition:all 0.6s;-ms-transition:all 0.8s;max-height:100%}
.caselist .section li img{width:100%;height:auto;transform:scale(1.0);-ms-transform:scale(1.0);transition:all 0.6s;-ms-transition:all 0.8s}



@media (max-width:468px){.caselist .section li{width:90%;margin-left:5%;margin-right:5%}
.caselist .section li:hover .mask{font-size:1.6rem}
}@media (min-width:469px) and (max-width:768px){.caselist .section li{width:46%;margin-left:2%;margin-right:2%}
.caselist .section li:hover .mask{font-size:1.6rem}
}@media (min-width:769px) and (max-width:990px){.caselist .section li{width:46%;margin-left:2%;margin-right:2%}
.caselist .section li .csbg h3 a{font-size:1.4rem}
.caselist .section li:hover .mask{font-size:1.6rem}
}@media (min-width:991px) and (max-width:1080px){.caselist .section li{width:46%;margin-left:2%;margin-right:2%}
.caselist .section li .csbg h3 a{font-size:1.6rem}
.caselist .section li:hover .mask{font-size:1.8rem}
}@media (min-width:1081px) and (max-width:1200px){.caselist .section li{width:29%;margin-left:2%;margin-right:2%}
.caselist .section li .csbg h3 a{font-size:1.6rem}
.caselist li:hover .mask{font-size:1.8rem}
}.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999 !important;overflow:hidden;overflow-scrolling:touch}

/* ===== 分页 ===== */
#pagesize{text-align: center!important; margin:2rem 0;}
#pagesize li,#pagesize li a{ display:inline-block!important;}
#pagesize li a.active:hover{ color:#fff!important; background: #666;}
#pagesize .active{background:#333!important;border-color:#333!important;}

/* ===== Lightbox样式 ===== */
.glightbox-container.inactive{display:none}
.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999}
.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:absolute}
.glightbox-container .gslide{height:90%;top:10%;width:100%;left:0%;position:absolute;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.glightbox-container .gslide.current{opacity:1;z-index:99999}
.glightbox-container .gslide.prev{opacity:1;z-index:9999}
.glightbox-container .gslide-inner-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.glightbox-container .ginner-container{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:80% !important}
.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{display:inline-block}
.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100% !important}
.gslide iframe,.gslide video{width:100vw;max-width:100vw;min-width:100vw;outline:none !important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}
.gslide-image img{max-height:93%;display:block;max-width:100%;margin:0;padding:0;float:none;outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.gslide-video{width:100%;height:auto;min-width:100%;max-width:100%;min-height:auto;max-height:auto;position:relative}
.gslide-video:before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}
.gslide-video.playing:before{display:none}
.gslide-video .jw-media,.gslide-video .jw-video{position:relative !important}
.gslide-video .jwplayer{max-width:100vw;width:100vh;height:auto !important}
.gslide-video .jwplayer,.gslide-video .box-emboss{outline:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;border:none !important}
.gslide-video .jwplayer .btnd:active,.gslide-video .jwplayer .btnd:focus,.gslide-video .jwplayer .btnd.active,.gslide-video .box-emboss .btnd:active,.gslide-video .box-emboss .btnd:focus,.gslide-video .box-emboss .btnd.active{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none}
.gslide-video object{position:absolute;top:0;left:0}
.gslide-inline{background:#fff;padding:20px;text-align:left;max-height:62vh;overflow:auto}
.ginlined-content{overflow:auto;display:block !important;opacity:1}
.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:62vh}
.gslide-media{display:block;width:100%}
.gslide-description.left-position,.gslide-description.right-position{padding:30px;background:#fff;max-width:300px;min-width:190px}
.gslide-description .bottom-position,.gslide-description .top-position{padding:30px;background:#fff;width:100%;display:inline-block;min-width:190px}
.gslide-description.description-left,.gslide-description.description-right{max-width:100%}
.gslide-description p{margin-bottom:12px}
.gslide-description p::last-child{margin-bottom:0}
.glightbox-mobile .glightbox-container .gslide-description{background:transparent;position:absolute;bottom:15px;padding:19px 11px;max-width:100vw !important;-webkit-box-ordinal-group:3 !important;-ms-flex-order:2 !important;order:2 !important;max-height:78vh;overflow:auto !important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear}
.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}
.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}
.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:bold}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}
.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}
.gdesc-open .gslide-description{padding-bottom:30px}
.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}
.greset{-webkit-transition:all .5s ease;transition:all .5s ease;width:100%}
.glightbox-desc{display:none}
.glightbox-open{overflow:hidden;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}
.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}
.goverlay{width:100%;height:100%;position:fixed;top:0;left:0;background:#000}
.gprev,.gnext,.gclose{background-repeat:no-repeat;z-index:99999;cursor:pointer;width:26px;height:44px;display:block;background-position:0 0}
.gprev.disabled,.gnext.disabled,.gclose.disabled{opacity:.1}
.gprev .garrow,.gnext .garrow,.gclose .garrow{stroke:#fff}
iframe.wait-autoplay{opacity:0}
.glightbox-closing .gnext,.glightbox-closing .gprev,.glightbox-closing .gclose{opacity:0 !important}
.glightbox-clean .gslide-description{background:#222;padding:10px;left:0px;position:absolute;bottom:0px;width:100%;text-align:center}
.glightbox-clean .gslide-title{font-size:1.8rem;font-weight:normal;font-family:arial;color:#fff;line-height:1.4em}
.glightbox-clean .gslide-desc{font-size:1.6rem;margin-bottom:0;font-family:arial;line-height:1.4em}
.glightbox-clean .gslide-video{background:#000}
.glightbox-clean .gprev,.glightbox-clean .gnext,.glightbox-clean .gclose{background:url(../images/cajt.png)}
.glightbox-clean .gprev{background-color:#333;background-position:4px 5px;position:absolute;top:45%;left:30px;width:38px;height:56px}
.glightbox-clean .gnext{background-color:#333;background-position:-27px 5px;position:absolute;top:45%;right:30px;width:38px;height:56px}
.glightbox-clean .gclose{z-index:9999;background-color:#333;width:35px;height:35px;top:15px;right:10px;position:absolute;opacity:.7;background-position:-59px 2px}
.glightbox-clean .gclose:hover{opacity:1}
.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}
.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}
.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}
.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}
.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}
.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}
.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}
.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}
@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@-webkit-keyframes gfadeIn{from{opacity:0}
to{opacity:1}
}@keyframes gfadeIn{from{opacity:0}
to{opacity:1}
}@-webkit-keyframes gfadeOut{from{opacity:1}
to{opacity:0}
}@keyframes gfadeOut{from{opacity:1}
to{opacity:0}
}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}
to{visibility:visible;-webkit-transform:translate3d( 0,0,0);transform:translate3d( 0,0,0);opacity:1}
}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}
to{visibility:visible;-webkit-transform:translate3d( 0,0,0);transform:translate3d( 0,0,0);opacity:1}
}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}
}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}
}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}
}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}
}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:1}
}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:1}
}@-webkit-keyframes gzoomOut{from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}@keyframes gzoomOut{from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}@media (min-width:25em){.gslide iframe,.gslide video{min-width:0}
}@media (min-width:48em){.glightbox-container .ginner-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.glightbox-container .ginner-container.desc-left .gslide-description,.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
.glightbox-container .ginner-container.desc-left .gslide-media,.glightbox-container .ginner-container.desc-top .gslide-media{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.gslide-image img{width:auto;width:initial;max-height:70vh}
.gslide-video{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100px;height:100%;max-height:95vh !important}
.gslide-inline{max-height:95vh}
.gslide-external{max-height:95vh}
.gslide-media{display:block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.gslide-description.description-left,.gslide-description.description-right{max-width:275px}
.goverlay{background:rgba(0,0,0,.92)}
.glightbox-clean .ginner-container{-webkit-box-shadow:1px 2px 9px 0px rgba(0,0,0,.65);box-shadow:1px 2px 9px 0px rgba(0,0,0,.65)}
.glightbox-clean .gprev{top:45%}
.glightbox-clean .gnext{top:45%}
}@media (min-width:62em){.glightbox-clean .gclose{right:20px}
}@media (max-width:468px){.gslide-media{width:100%;background:#fff}
.gslide-image img{margin:0 auto}
}@media (min-width:469px) and (max-width:768px){.gslide-media{width:100%;background:#fff}
.gslide-image img{margin:0 auto}
}@media (min-width:769px) and (max-width:990px){.gslide-media{width:100%;background:#fff}
.gslide-image img{margin:0 auto}
}@media (min-width:991px) and (max-width:1080px){}

/* ===== 联系我们页 ===== */
.contactlist{width:100%;height:auto;clear:both;position:relative;padding:2% 0% 5% 0%;float:left}
.contactlist .contact_tit{width:100%;text-align:left;margin:1rem 0rem;clear:both}
.contactlist .contact_tit h1{font-size:2.4rem;line-height:3;}
.contactlist .contact_tit h2{font-size:1.4rem;color:#777;font-weight:normal}

.map-area{margin-top:50px;overflow:hidden;text-align:right}
input,textarea,select{background:#fff;width:100%;float:left;margin-left:1%;margin-right:1%;background:transparent;border:1px solid #ddd;padding:10px;font-size:14px;font-weight:600;letter-spacing:1px;transition:.3s;margin-bottom:20px}
textarea{height:150px;resize:none}
input[type="submit"]{border:none;display:inline-block;background:#cc312f;color:#fff;padding:12px 30px;margin:20px 0;width:auto;text-transform:uppercase;transition:.3s;cursor:pointer;width:100%;clear:both}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}
.contactlist .left{width:39%;height:auto;overflow:hidden;float:left;background:rgba(255,255,255,0.8);padding:2% 2%; position:relative; z-index:8888}
.contactlist .left p{font-size:1.6rem;line-height:2}
.contactlist .left .ma{overflow:hidden;margin:4% 0}
.contactlist .left .ma img{max-width:150px;height:auto}
.contactlist .right{width:59%;height:auto;overflow:hidden;float:right;background:rgba(255,255,255,0.8);padding:3% 2%}
.contactlist .contact-form{box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}

@media (max-width:468px){.contactlist .left{width:100%;margin:0 auto;float:none;margin-top:0}
.contactlist .right{width:100%;margin:0 auto;float:none;margin-top:0rem}
}
@media (min-width:469px) and (max-width:768px){.contactlist .left{width:100%;margin:0 auto;float:none;margin-top:0}
.contactlist .right{width:100%;margin:0 auto;float:none;margin-top:0rem}
}
@media (min-width:769px) and (max-width:990px){.contactlist .left{width:100%;margin:0 auto;float:none;margin-top:0}
.contactlist .right{width:100%;margin:0 auto;float:none;margin-top:0rem}
}

/* ===== 详情页标签和上下篇 ===== */

.xypg-detail-pn{margin-top:30px; border-top:1px solid #ddd; padding-top:20px;}
.xypg-detail-pn div{width:100%;clear:both;margin-bottom:10px;background:#ededed;line-height:35px;padding:0;position:relative}
.xypg-detail-pn div b{font-size:16px;color:#333333;float:left;font-weight:normal}
.xypg-detail-pn div a{float:left;width:75%;font-size:14px;color:#565656}
.xypg-detail-pn div a:hover{color:#cc312f}
@media (max-width:600px){.xypg-detail-pn div a{width:60%}
}
@media (max-width:600px){.xypg-detail-pn div a{width:100%}
}
.xypg-detail-pn div span{position:absolute;right:20px;top:0;font-size:13px;color:#666666}

/* ===== 底部区域 ===== */
.dtc{width:100%;height:auto;clear:both;position:relative;float:left;border-top:solid #ccc 1px}
.dtc .left{width:40%;float:left;position:relative;margin-left:10%}
.dtc .left h1{width:15%;float:left;display:block}
.dtc .left h1 a{display:block;width:100%;height:100%}
.dtc .left h1 a img{max-width:100%;width:auto;height:auto}
.dtc .left h2{display:block;width:70%;float:right;text-align:left;color:#cc312f;font-size:3.6rem;letter-spacing:1px;line-height:3;margin-top:4rem}
.dtc .left p{display:block;width:70%;float:right;text-align:left;font-size:1.6rem;line-height:2}
.dtc .right{width:50%;float:right;overflow:hidden;height:100%}
.dtc .right img{width:100%;height:100%}
@media (max-width:468px){.dtc{background:none;padding:2rem 0rem;float:left}
.dtc .left{width:90%;margin-left:5%}
.dtc .left h1{display:none}
.dtc .left h2{width:95%;margin:0 auto;float:none}
.dtc .left p{width:95%;margin:0 auto;float:none}
.dtc .right{display:block;width:100%;margin-top:3rem;float:left}
}
@media (min-width:469px) and (max-width:768px){.dtc{background:none;padding:2rem 0rem;float:left}
.dtc .left{width:100%}
.dtc .left h1{display:none}
.dtc .left h2{width:95%;margin:0 auto;float:none}
.dtc .left p{width:95%;margin:0 auto;float:none}
.dtc .right{display:block;width:100%;margin-top:3rem;float:left}
}
@media (min-width:769px) and (max-width:1200px){.dtc{background:none;padding:2rem 0rem;float:left}
.dtc .left{width:100%}
.dtc .left h2{width:95%;margin:0 auto;float:none;margin-top:3rem}
.dtc .left p{width:95%;margin:0 auto;float:none}
.dtc .right{display:block;width:100%;margin-top:3rem;float:left}
}
@media (min-width:1201px) and (max-width:1440px){.dtc .left{width:45%;float:left;position:relative;margin-left:5%}
.dtc .left h1{display:none}
.dtc .left h2{width:100%;margin-top:2rem;font-size:3rem}
.dtc .left p{width:100%}
.dtc{padding:5% 2%}
}
@media (min-width:1441px) and (max-width:1600px){.dtc .left h1 a img{max-width:60%}
.dtc .left h2{margin-top:2rem;font-size:3rem}
.dtc{padding:5% 2%}
}

/*企业文化开始*/

.ab_clture{width:100%;height:auto;padding:5rem 0rem 8rem;clear:both;position:relative;overflow:hidden;background: #f1f1f1;float:left;}
.ab_clture .mm{margin-top:4rem;}
.ab_clture .left{width:50%;float:left;background: #fff; overflow: hidden;padding:2.5%;height:60vh;overflow-y:scroll}
.ab_clture .left p{width:100%;height:auto;font-size:1.4rem;line-height:1.6;margin-top:5px;}
.ab_clture .left strong{font-size:1.7rem;letter-spacing:1px;line-height:2;}
.ab_clture .right{width:50%;float:left;}
.ab_clture .right img{width:100%;height:60vh;}





@media only screen and (max-width:468px){
.ab_clture .left{width:100%;height:auto;padding:5%;}
.ab_clture .right{width:100%;height:auto;}
.ab_clture .right img{width:100%;height:auto;}
.ab_clture .mm{margin-top:2rem;}
}

@media (min-width:469px) and (max-width:768px){

.ab_clture .left{width:100%;height:auto;padding:5%;}
.ab_clture .right{width:100%;height:auto;}
.ab_clture .right img{width:100%;height:auto;}
.ab_clture .mm{margin-top:2rem;}
}

#ab1 .more{margin:0 auto}

.contactlist .glyphicon{margin-right:10px; color:#555;}


/*job*/


.am-cf:before,.am-cf:after{content:" ";display:table}
.am-cf:after{clear:both}
.am-accordion{margin:1rem 0}
.am-accordion-gapped .am-accordion-item{margin:.5rem 0}
.am-accordion-title{padding:.5rem 1rem;background-color:#f5f5f5;color:#333;cursor:pointer;transition:background-color .2s ease-out}
.am-accordion-title:hover{background-color:#eee}
.am-accordion-bd{border:1px solid #ddd;border-top:none}
.am-collapse{display:none}
.am-collapse.am-in{display:block}
.job-body{padding:1rem;font-size: 1.4rem;}
.ny-join-list .join-head{padding:2rem;background:#e4e4e4}
.ny-join-list .join-head span{font-size:16px;font-weight:bold;float:left}
.ny-join-list .join-head span:first-child{width:35%}
.ny-join-list .join-head span:nth-child(2){width:30%;text-align:center}
.ny-join-list .join-head span:nth-child(3){width:20%;text-align:center}
.ny-join-list .join-head span:last-child{float:right}
.ny-join-list .am-accordion-gapped{margin:0}
.ny-join-list .am-accordion-gapped .am-accordion-title{border:none;font-weight:normal}
.ny-join-list .am-accordion-gapped .am-accordion-item{margin:0;border:none;border-bottom:1px solid #eee;transition:all 0.5s 1s}
.ny-join-list .am-accordion-title{font-size:14px;padding:2rem;background:#f8f8f8}
.ny-join-list .am-accordion-title span{display:inline-block;float:left;position:relative}
.ny-join-list .am-accordion-title span:first-child{width:35%}
.ny-join-list .am-accordion-title span:nth-child(2){width:30%;text-align:center}
.ny-join-list .am-accordion-title span:nth-child(3){width:20%;text-align:center}
.ny-join-list .am-accordion-title span:last-child{float:right;padding-right:14px}
.ny-join-list .am-accordion-title span:last-child::after{color:#666;content:"";position:absolute;border:4px solid transparent;border-bottom:0;border-top-color:currentColor;top:50%;margin-top:-2px;right:0px}
.am-active span:last-child::after{color:#fff!important}
.ny-join-list .am-accordion-gapped .am-active .am-accordion-title{background:#971b12;color:#fff!important}
.ny-join-list .am-accordion-gapped .am-accordion-title:after{display:none}
.ny-join-list .am-accordion-content{padding:30px;line-height:2;background:#fff}
@media (max-width:991px){.am-no-layout{margin-left:0;margin-right:0}
.ny-join-list .join-head span:first-child{width:30%}
.ny-join-list .am-accordion-title span:first-child{width:30%}
.ny-join-list .join-head span{font-size:14px;}
.ny-join-list .am-accordion-title{font-size:12px;}
.ny-join-list .am-accordion-content{padding:10px;}
}

.ystext{ font-size:1.6rem; line-height:2; width:98%; margin:0 auto;}
.ystext h1{ font-size:2.4rem;}
.ystext h2{ font-size:2.2rem; }
.ystext h3{ font-size:1.8rem; margin:1rem 0;}

.ystext h1{color:#2c3e50;border-left:4px solid #3498db;padding-left:15px;margin-top:40px;margin-bottom:1rem}
.ystext .content-block h2{color:#3498db;border-bottom:1px solid #ecf0f1;padding-bottom:0px;margin-top:30px;margin-bottom:10px}
.ystext .section{background-color:#f8f9fa;padding:25px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.ystext .content-block{background-color:white;padding:20px;border-radius:6px;margin-bottom:20px;border-left:3px solid #3498db}
.ystext .requirements{background-color:#e8f4f8;padding:15px;border-radius:4px;margin-bottom:15px}
.ystext .pain-points{background-color:#fdecea;padding:15px;border-radius:4px}.ystext  ul{padding-left:20px}
.ystext li{margin-bottom:8px}
.ystext .highlight{color:#e74c3c;font-weight:bold}
.ystext .target-group{display:inline-block;background-color:#3498db;color:white;padding:.3rem 2rem;border-radius:10rem;margin:2px}

@media (max-width:991px){
.ystext h1{ font-size:2.2rem;}
.ystext h2{ font-size:2rem; }
.ystext h3{ font-size:1.6rem;}
	}
	
	
.news_con{overflow:hidden;padding:5rem 2rem;}
.news_con ul li{overflow:hidden;margin-bottom:4%;padding-bottom:4%;border-bottom:1px solid #cccccc;display:block}
.news_con ul li:last-child{border-bottom:0;margin-bottom:0}
.news_con ul li .imgs{width:22%;float:left;display:inline;overflow:hidden}
.news_con ul li .imgs img{width:100%;transform:scale(1.0);-ms-transform:scale(1.0);transition:all 0.6s;-ms-transition:all 0.8s}
.news_con ul li:hover .imgs img{transform:scale(1.1);-ms-transform:scale(1.1);transition:all 0.6s;-ms-transition:all 0.8s;}

.news_con ul li .i_about_r{float:right;display:inline;line-height:22px;width:75%;overflow:hidden; padding-top:2rem;}
.news_con ul li .i_about_r h3{line-height:22px;height:22px;overflow:hidden;font-size:2rem;color:#333;margin-bottom:1%}
.news_con ul li .i_about_r label{display:block;color:#666;font-size:1.4rem;height:24px;line-height:24px;padding-left:20px;background:url(../images/news_bg1.png) left center no-repeat;margin-bottom:1%}
.news_con ul li .i_about_r .p{max-height:48px;overflow:hidden;font-size:1.4rem;color:#666;line-height:24px}
.news_con ul li .i_about_r .news_more{margin-top:2%;width:106px;text-align:center;float:left;height:36px;line-height:34px;background-color:#f5f5f5;border:1px solid #ddd;color:#333;font-size:1.2rem;transition:all 0.6s}
.news_con ul li:hover .i_about_r .news_more{background-color:#cc312f;color:#fff;border:1px solid #cc312f}
.news_con ul li:hover .i_about_r h3{}


@media screen and (max-width: 991px) {
.news_con ul li .imgs{width:39%}
.news_con ul li .i_about_r{width:58%}
}


@media screen and (max-width: 640px) {
.news_con ul li .imgs{width:100%; display:block; float:none;}
.news_con ul li .i_about_r{width:100%;display:block;float:none; margin-top:2rem;}
}