/* 公共样式表css */
html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;box-sizing:border-box;}
*{box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,hr,button { margin:0; padding:0; }
body { font:12px/20px Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; color:#404040; min-width: 1200px;box-sizing:border-box; } 
input, textarea, select,button {font-family: Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;outline:none; border:none; background:none; resize: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
table { border-collapse:collapse; border-spacing:0;}
th { text-align:inherit; }
img { border:0;}
iframe { display:block; }
ol,ul,li { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }

a { text-decoration:none; 
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
            transition: none;
}

/*.cl{clear:both;overflow:hidden;}*/
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; line-height:0; }
.clearfix { zoom:1; /* for IE6 IE7 */}

.fl{float:left;}
.fr{float:right;}
/*.fw{font-weight:bold;}*/

.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f29{font-size:29px;}
.f30{font-size:30px;}
.lc{letter-spacing:2px;}

/*公共导航*/
.tc{text-align:center;}
.w1200{width:1200px;margin:0 auto;}
.w1148{width:1148px;}

/*.ma{margin:0 auto;}*/


.gray{color:#676767;}

.fw600{font-weight:600;}

/*导航*/

.clearfix{zoom:1}
.clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
/* 本案例CSS*/


/*背景颜色*/
.navBar,.titleone:before,.serviceleft h5,.serviceright h5{background:#a32127;}



.navBar{position:relative;z-index:9999;height:64px;}


.wrap{/*width: 1260px;*/width:100%;padding:0 40px;margin: 0 auto;/*display: flex;ex-direction: row;align-items: center;flex-wrap: wrap;*/}
.logo{width: 230px;overflow: hidden;height:40px;margin-top:8px;}
.logo a{display:block;margin-top:8px;}
.logo a img {max-width:100%;}
.nav{display:inline-flex;flex: 1;padding-left:50px;width:68%;}
li.m{flex: 1;position:relative;}
li.m>h3>a{display: block;text-align: center;line-height:64px;font-size:16px;position: relative;color:#fff; }
li.m:hover>h3>a ,li.m.active>h3>a{color: #fff;background:#1f1f1f;}
li.m:hover>h3>a::before,li.m.active>h3>a::before{display: block;}
/* 二级菜单 */
.sub{display:none;position:absolute;top:64px;left:0;width:100%;min-height:72px;background:#1f1f1f;}
.sub>li>a{display:block;text-align: center;color:#fff;width:100%;height:36px;line-height:36px;color:#fff;}
.sub>li>a:hover{background:#2b2b2b;color:#fff;}


.nav li.on{background:#1f1f1f;}


/*右侧浮动*/
.functiony{position:fixed;right:0;top:50%;transform: translateY(-50%);z-index:88;}
.functiony ul,.ding{position:fixed;right:0;}

.functiony i,.functiony li span{line-height:46px;}
.functiony li.ones span{line-height:26px;}

.functiony li{width:200px;margin-bottom:2px;min-height:46px;/*overflow:hidden;*/cursor:pointer;position:relative;clear:both;}
.functiony i,.ding{display:block;width:46px;height:46px;background:#212331;float:right;}
.functiony i:before{width: 22px; height: 22px;background:url(../images/index_01.png) no-repeat -10px -10px;background-size:126px auto;
content:"";position:absolute;right:11px;top:50%;transform: translateY(-50%);}
.functiony li:nth-child(2) i:before{background-position:-52px -10px;}
.functiony li:nth-child(3) i:before{background-position:-94px -10px;}

.functiony li span{float:right;width:150px;display:block;color:#fff;text-align:center;opacity:0;}
/*.functiony li:nth-child(1) span:before{top:12%;}*/



.functiony li div{background:linear-gradient(to right, #ad0e17, #575354);   width: 46px;height: 100%;float: right;}
.functiony li div span{display:none;}
.functiony li div:hover span{opacity:1;display:block;}
.functiony li div:hover i{background:none;}

.functiony li div:hover{width:100%;}



.ding{top:144px;text-align:center;color:#fff;background:#212331 url(../images/index_04.png) no-repeat center;background-size:22px 22px;display:none;}



.functiony li.ones span{background:linear-gradient(to right, #ad0e17, #575354);padding:3px 0 0;position:relative;}
.functiony li.ones:hover i{background:#575354;}
.functiony li.ones span p{line-height:20px;}

.functiony li.ones:hover span{display:block;}



/*公共页尾*/
.footer{background:#202020;}
.footercenter{margin:0 auto;color:#fff;display:flex;width:1200px;padding:50px 0;}
.footercenter div.uone{width:33.3%;}

.footercenter ul{margin-top:30px;padding:0 0 0 20px;line-height:28px;border-left:1px dashed #6a6a6a;
min-height:150px;}

/*.footercenter ul.ftwos,.footercenter ul.oas{}*/

.footercenter ul.ftwos li{position:relative;padding-left:28px;}
.footercenter ul.ftwos li:before{content:"";position:absolute;left:0;top:20%;width:16px;height:16px;
background:url(../images/index_03.png) no-repeat -36px -7px;background-size:60px auto;}
.footercenter ul.ftwos li:nth-child(2):before{background-position: -6px -6px;}
.footercenter ul.ftwos li:nth-child(3):before{background-position:-6px -36px;}


.uone .oas{display:flex;text-align:center;}

.uone li{margin-right:15px;}
.uone li,.footercenter ul.ftwos li,.oas li p{font-size:14px !important;}


.mtp{display:flex;width:1200px;}
.footerone{color:#fff;border-top:1px solid #6a6a6a;height:70px;line-height:70px;width:1200px;margin:0 auto;font-size:14px;}


/*页面*/
.pagewhy{padding:40px 0;}
.pagination>li>a,.pagination span{padding:6px 12px;margin-left: -1px;line-height:1.42857143;color:#404040;text-decoration: none;float:left;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus,.pagination>.active>span:hover{
color:#614d30;text-decoration:underline;}
.pagination,.page{line-height:26px;}
.page input{border:1px solid #e8e8e8;line-height:26px;width:40%;margin:0 10px;text-align:center;}






.pagination{float:right;display:flex;}
.pagination li{padding:6px 12px;}



/*.sneuy{display:none;width:426px;height:1000px;}*/
.whole .specleft{position:fixed;top:20px;/*transform: translateY(-50%);*/}
.whole .specright,.wholes .specright{float:right;height:100%;overflow:auto; }

/*
.whole .sneuy{display:block;}*/

.wholes .specleft{position:fixed;bottom:400px;}



/*
.scrolldiv{
    position: fixed;
    top: 134px;
}

*/









