@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family: 'Roboto','Open Sans', sans-serif;background:#fff; min-width:1200px;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:14px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover {color:#e60012; text-decoration:none;}
::-webkit-scrollbar-track{background-color: #e8e8ea;}
::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{background-color:#222326;}
.wd{ margin:auto; height:auto;  width:1200px;}

header{ height: auto;width:100%; }
.tm-top-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 10000;
    transition: all 0.2s ease-in-out;
    height: 110px;
    background: white;z-index:100;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.tm-top-bar.active {
	height: 80px;
	
}

pre{
    height: 55px;
    font-size: 15px;
    text-align: left;
    padding: 0 8%;
    color: #fff;
    font-weight: 400;
    line-height: 1.8em;
    margin-top: 0;
    margin-bottom: 1rem;
}
/*header .toper{ padding:0% 10%; margin:auto; height:auto; overflow:hidden; }
header .toper .logo{ width:12%; float:left; padding:1% 0;}
header .toper .logo img{ max-width:100%;} 
header .toper .lopad{ width:31%; float:left; font-size:28px;  margin-top:1.56%;padding:1% 0; border-left:2px #333 solid; padding-left:2%;}
.muen{  float:right; height:auto; overflow:hidden;}
.muen ul{height:auto; overflow:hidden; display:block;}
.muen ul li{ float:left; text-align: center; font-size:16px; padding:0 25px ; line-height:130px; transition:all 0.3s; }
.muen ul li a{ }
.muen ul li:hover{ background: url(../images/bglf.png) no-repeat left top,url(../images/bgrf.png) no-repeat right top;}
.muen ul li:hover span{ background:#c30d23; display:block;}
.muen ul li:hover span a{ color:#fff;}
.muen ul li a:hover{ color:#fff; }
.muen ul li.currelt{background: url(../images/bglf.png) no-repeat left top,url(../images/bgrf.png) no-repeat right top;}
.muen ul li.currelt span{ background:#c30d23; display:block;}
.muen ul li.currelt span a{ color:#fff;}*/

.toper{  width:1200px; margin:auto; height:auto;  }
.toper .logo{ width:10%; float:left; margin-top:17px;transition:all 0.3s; }
.toper .logo img{ max-width:100%; } 
.toper .lopad{ width:31%; float:left; font-size:28px;  margin-top:1.56%; border-left:2px #333 solid; padding-left:2%;}
.muen{  float:right; height:auto; }
.muen ul{height:auto; display:block;}
.muen ul li{ float:left; text-align: center; font-size:16px; padding:0 25px ; transition:all 0.3s; text-transform:uppercase; line-height:110px; position:relative; }

.muen ul li a{  zoom:1; }

.muen ul li:hover{ color: #c30d23;}
.muen ul li:hover span a{ color:#c30d23;}
.muen ul li a:hover{ color:#c30d23; }
.muen ul li.currelt{color:#c30d23;}
.muen ul li.currelt span a{ color:#c30d23;}

.muen ul li:hover .sub{ visibility:visible; opacity:1;}
.muen .sub{ width:210px; position:absolute; left:0px; top:110px; visibility:hidden; transition:all 0.3s; opacity:0; box-shadow: 0 0px 30px rgba(0,0,0,0.1);}
.muen .sub li{ text-align:center; line-height:55px; padding:0; float:none; text-transform:none; border-bottom:1px #eaeaea solid;}
.muen .sub li a{ color:#777; display:block; zoom:1;background:rgba(255, 255, 255, 1)!important;-webkit-transition: all 0.9s ; border:0px;}
.muen .sub li a:hover{color:#fff; background:#c30d23 !important; }


.yanyan{ float:right; margin-left:5%;line-height:110px;transition:all 0.3s;  } 
.yanyan span{ border-radius:3px; }
.yanyan a{ padding:0 3px; color:#777;}
.tm-top-bar.active .toper .logo{ margin-top:2px;}
.tm-top-bar.active .muen ul li,.tm-top-bar.active .yanyan{ line-height:80px !important; }
.tm-top-bar.active .muen .sub{top:80px;}
.tm-top-bar.active .muen .sub li{ line-height:55px !important;}

header .m-btn { width:80px; height:80px; line-height:80px; text-align:center; display:none; cursor:pointer; float:right; margin-right:5%;}
header .m-btn .box {display: block;position: relative; font-size:2.5rem;}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;}

.m-sub-menu {position: fixed;right: -100%;width: 66%;top: 0;z-index: 100;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;}
.m-sub-menu .top-box {line-height: 60px;background-color: #333;}
.m-sub-menu .top-box .stt {display: inline-block;font-size: 16px;color: #acacac;margin-left: 8.2%; float:left;}
.m-sub-menu .top-box .close { width:60px;  height:60px; line-height:60px; color:#FFF; cursor: pointer; float:right; text-align:center; font-size:16px; text-shadow:none; opacity:1;}
.m-sub-menu .list-wrap ul {  width: 100%;}
.m-sub-menu .list-wrap li {line-height: 50px;  width: 100%;  border-bottom: 1px solid #f2f2f2; text-transform:uppercase;}
.m-sub-menu .list-wrap li .col-box { display: block; padding: 0 7.8% 0 8.2%;}
.m-sub-menu .list-wrap .tit { font-size: 16px; color: #666; float:left;}
.m-sub-menu .list-wrap .point { display: inline-block; width: 8px; height: 12px; float:right; color:#999;}
.m-sub-menu .bot-link { width: 84%; padding: 0 7.8% 0 8.2%; margin-top: 10px;}
.m-sub-menu .bot-link a { display: inline-block; width: 30px; height: 50px; line-height:50px; margin-right: 10px; float: left; text-align:center;}
.m-sub-menu .bot-link a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list { position: absolute; right: -100%; top: 60px; width: 100%;}
.m-sub-menu .sec-sub-list .return-fir { display: block; width: 100%; padding: 0 7.8% 0 8.2%; line-height: 60px; background-color: #333;}
.m-sub-menu .sec-sub-list .return-fir p { padding-left: 18px; color: #fff; font-size: 16px; text-transform:uppercase;}
.m-sub-menu .sec-sub-list .return-fir p i{ font-size:14px; margin-right:10px;}
.m-sub-menu .sec-sub-list .boxs { width: 100%; transition: all 0.4s ease 0s; background:#fff; position: absolute; left: 0; top: 0;}
.m-sub-menu .sec-sub-list .boxs.show { left: -100%;}
.m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li { width: 100%;}
.m-sub-menu .sec-sub-list li { line-height: 50px; border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li a { display: block; width: 84%; padding: 0 7.8% 0 8.2%; font-size: 16px; color: #666;}
.m-sub-menu .sec-sub-list li a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list .bot-link { margin-top: 14px;}


.derp{}
.derp .box{padding:50px 0%;  width:1200px; margin:auto;}
.derp .title{}
.derp .title h2{float: left;font-size: 26px; text-transform: uppercase;}
.derp .title h2 span{color: #666;font-size: 16px;margin-left: 20px;}
.derp .title ul{ text-align:center; font-size:0;}
.derp .title li{margin-left: 20px;line-height: 30px;border-radius:5px;overflow: hidden; text-transform:uppercase; display:inline-block; font-size:16px;}
.derp .title li a{padding:0 15px;display: block; font-size:16px;}
.derp .title li a:hover{display: block;background: #c30d23;color: #FFF;}
.derp .title li a.current{background: #c30d23;color: #FFF;}
.inpro{ background:#dce1e5;}
.picScroll-left{ padding:3% 0%; width:1200px; margin:auto;}
.picScroll-left ul{ overflow:hidden; zoom:1;margin-right:-1%; margin-top:5%;}
.picScroll-left ul li{ float:left; _display:inline; overflow:hidden; text-align:center;margin-right:1%; width:32.33%; background:#fff; margin-bottom:1%;}
.picScroll-left ul li .pic{ text-align:center;   overflow:hidden;}
.picScroll-left ul li .pic img{ max-width:100%; transition:all 0.3s; }
.picScroll-left ul li:hover .pic img{ max-width:100%; transform:scale(1.2); }
.picScroll-left ul li p{height:55px; font-size:15px; text-align:left; padding:0 8%; }
.picScroll-left .box{  height:auto; margin-top:3%; text-align:center;}
.picScroll-left .box a{ background:#fff; padding:10px 20px; color:#555; font-size:16px;  line-height:35px;}
.picScroll-left .box a:hover{ background:#ee5057; color:#fff;}
.picScroll-left .box a.curt{background:#ee5057; color:#fff;}


.morew{ width:180px; margin:1% auto 0 auto; overflow:hidden; height:auto; border:1px #333 solid; text-align:center; line-height:40px;}
.morew a{ font-size:16px; display:block;}
.morew:hover{ border:1px #ee5057 solid; color:#ee5057}
.cassser{ padding:0; }
.cassser h2{ font-size:30px; text-align:center; text-transform:uppercase; line-height:50px;}
.cassser ul{ margin:3% -0.3% 3% 0; height:auto; overflow:hidden;}
.cassser ul li{ width:33.033%; float:left; margin-right:0.3%;}
.cassser ul li .pic{ overflow:hidden; position:relative;}
.cassser ul li .pic img{width:100%;  -webkit-transition:1s; transition:1s;}
.cassser ul li:hover img{-webkit-transform:scale(1.23);-moz-transform: scale(1.23);-o-transform:scale(1.23);}
.cassser ul li img{ width:100%;}
.cassser ul li .sssess{ visibility:hidden; opacity:0; transition:all 0.3s;  height:auto; overflow:hidden;  position:absolute;  bottom:5%; z-index:100;padding: 3%; color:#fff; font-size:16px; background:rgba(255,0,0, 1)}
.cassser ul li .sssess a{ color:#fff;}
.cassser ul li:hover .sssess{ visibility:visible; opacity:1;bottom:38%;}

.mainabout{ width:100%; background:#edeaf1; height:auto; overflow:hidden; padding:4% 0;background: url(../images/bg.jpg);background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;}

.maleft{ width:40%; float:left; overflow:hidden;}.maleft img{max-width:100%;}
.maright{ width:57%; float:left; margin-left:3%;}
.maright h3{ margin-top:0%; font-size:30px; color:#fff; text-transform:uppercase;}
.maright p{ line-height:28px; padding:2% 0; color:#fff; font-size:16px; text-align:justify;}
.maright .morest{ width:150px; margin:2% 0 0 0; line-height:40px; background:#c30d23; text-align:center; color:#fff; border-radius:5px;}
.maright .morest a{ font-size:18px; color:#fff;}
.maright .morest i{ border:1px #fff solid; border-radius:50px; font-size:12px; padding:3px; margin-left:3%;}

.sboew{ width:100%; height:auto; overflow:hidden; margin:3% 0;}
.sboew ul{ margin-right:-3%; }
.sboew ul li{ width:22%; margin-right:3%; border:0px #ddd solid; float:left; position:relative;}
.sboew ul li .pic{ width:120px; height:120px; margin:8% auto;background:#3697db; border-radius:100px; text-align:center; transition:all 0.7s;}
.sboew ul li .pic i{ line-height:120px; color:#fff; font-size:65px; display:block;}
.sboew ul li:hover .pic{background:#43277b;}
.sboew ul li h3{ text-align:center; height:40px; font-size:18px;}
.sboew ul li p{ color:#999; text-align:left; padding:0 10% 5% 10%; font-size:12px; line-height:23px;}
.sboew ul li .pmore{width:40%; margin: auto; line-height:32px; border:1px #ddd solid; text-align:center;  border-radius:5px;}
.sboew ul li .pmore a{ font-size:14px;}
.sboew ul li .pmore i{ border:1px #ddd solid; border-radius:50px; font-size:12px; padding:3px; margin-left:3%;}

.dwup{ margin:0 auto;padding:80px  0; background:#fff; width:1200px;}
.dwup .title{text-align: center;font-size: 2rem;font-weight: 300;color: #333; text-transform:uppercase; margin-bottom:3%;}


.foot{ background:#333; padding:3% 0; overflow:hidden; height:auto; border-top:7px #c30d23 solid;}
.foot .flwd{ width:50%; float:left; color:#fff; line-height:24px;}
.foot .flwd dl{ width:39%; float:left;}
.foot .flwd dl dt{ font-size:18px; text-transform:uppercase; height:45px; color:#fff;}
.foot .flwd dl dd{ color:#b4bfd8; padding:1.2% 0;}

.foot .midwd{ width:50%; float:left;}
.foot .midwd .pic{ width:18%;}.foot .midwd .pic img{max-width:100%; float:left; margin-left:12%;}
.foot .midwd .tebox{ width:53%; margin-left:15%; float:left;}
.foot .midwd .tebox ul{}
.foot .midwd .tebox ul li{ height:auto; overflow:hidden; width:100%; margin-bottom:8%;}
.foot .midwd .tebox ul li .pics{ width:40px; float:left; height:40px; border:1px #fff solid; border-radius:100px; text-align:center;}
.foot .midwd .tebox ul li .pics i{ color:#fff; line-height:40px; font-size:18px;}
.foot .midwd .tebox ul li .ptw{ width:80%; float:right;}
.foot .midwd .tebox ul li .ptw h3{ font-size:14px; color:#b4bfd8;}
.foot .midwd .tebox ul li .ptw h4{ font-size:18px; color:#fff;}


.foot .midwd img{ width:120px; display:block; clear:both; margin:auto;}
.foot .midwd p{ font-size:12px; color:#999; text-align:center; line-height:28px ;}
.copyright{ border-top:1px #262e40 solid; padding:2% 0; text-align: center; font-size:14px; color:#fff; margin-top:3%;}