@charset "utf-8";
.fangF { padding: 20px 0 50px; text-align: center; overflow: hidden; clear: both; }
.fangF a, .fangF span { margin: 0 4px; font-size:14px; display:inline-block; width: 42.99px; height: 42.99px; line-height: 42.99px; text-align:center; color:#555555;border: 1px solid #e4e4e4;background:#ffffff; }
.fangF a:hover{text-decoration:none;background:#f1f1f1;}
.fangF a.fCurrent { display:inline-block; background: #e55e2b; font-weight: 500; color:#ffffff; text-align:center; border: 1px solid #e55e2b; }
/* 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:15px; font-family:"微软雅黑", "Times New Roman", Times, serif;height:100%; width:100%; }
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:#e35e2b; text-decoration:none;}
::-webkit-scrollbar-track{background-color: #e8e8ea;}
::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{background-color:#222326;}
.wd{ margin:auto; height:auto; overflow:hidden; max-width:1200px;}
.fl{ float:left;}.fr{ float:right;}

header{width:100%;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transition:all 0.2s;  height:120px;z-index:100;background: url(../images/11.jpg) ; background-size: cover;}

header .toper{max-width:1200px; margin:auto; }
header .toper .logo{  float:left; margin-top:20px;}
header .toper .logo img{ max-width:100%;} 
header .toper .lopad{ width:70%; float:left; font-size:28px;  margin-top:1.56%;padding:1% 0; }
.overlay-bg {
/*    background: #1071d3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left, #3b2b6a 0%, #307c95 100%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3B2B6A), color-stop(100%,#307c95), color-stop(100%,#7db9e8));
    background: -webkit-linear-gradient(left, #3b2b6a 0%,#307c95 100%,#7db9e8 100%);
    background: -o-linear-gradient(left, #3b2b6a 0%,#307c95 100%,#7db9e8 100%);
    background: -ms-linear-gradient(left, #3b2b6a 0%,#307c95 100%,#7db9e8 100%);
    background: linear-gradient(to right, rgba(59, 43, 106, 0.9) 0%,rgba(48, 124, 149, 0.9) 100%,rgba(125, 185, 232, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b2b6a', endColorstr='#7db9e8',GradientType=1 );
*/}
.muen{ height:auto; background:#481d64; width:100%;}
.muen ul{ max-width:1200px; margin:auto;}
.muen ul li{ float:left; text-align: center; font-size:15px; padding:0 3.5% ; line-height:55px; transition:all 0.3s; z-index:180; position:relative; }
.muen ul li a{ color:#d5d5d5; font-size:16px;  font-weight:bold;}
.muen ul li:hover{ color:#fff;background:#e45e2b;}
.muen ul li:hover span{  display:block;}
.muen ul li:hover span a{ color:#fff;}
.muen ul li a:hover{ color:#fff; }
.muen ul li.currelt{ background:#e45e2b;}
.muen ul li.currelt span{ display:block;}
.muen ul li.currelt span a{color:#fff;}

.muen ul li dl{background: #FFF;position: absolute;left: 0px;top: 55px;width: 150%;box-shadow: 0 0px 30px rgba(0,0,0,0.1);overflow: hidden;visibility: hidden;opacity: 0;transition: all 0.3s;}
.muen ul li:hover dl{top:55px;visibility: visible;opacity: 1;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.muen ul li dd{line-height: 50px;border-bottom: 1px solid #EEE;}
.muen ul li dd:last-child{border-bottom: none;}
.muen ul li dd a{display: block; color:#333;  font-weight:200;}
.muen ul li dd a:hover{padding-left: 20px;display: block;text-decoration: none;background: #e35e2b;color: #FFF;}


.yanyan{ float:right;line-height:120px; margin-left:1%;  color:#000;} 
.yanyan span{  }
.yanyan a{ padding:0 3px; color:#000;}
.tel{ line-height:120px; float:right;}
header .m-btn { width:80px; height:80px; line-height:80px; text-align:center; display:none; cursor:pointer; float:right; margin-right:2%; color:#fff;}
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;}

.vipbox{ width:300px; background:rgba(255,255,255,1); position: absolute; top:25%; z-index:98; height: auto; padding:2%; box-shadow: 0 0px 30px rgba(0,0,0,0.1);}
.vipbox h3{ height:45px; font-size:22px; color:#e35e2b;}
.vipbox .boxt{ height:auto; overflow:hidden;}
.vipbox .boxt input{ border:1px #ddd solid; border-radius:5px; height:35px; line-height:35px; margin-bottom:3%; width:99%;text-indent:25px;}
.vipbox .boxt button{border-radius:5px; height:35px; line-height:35px; width:99%; text-align:center; font-size:16px; color:#fff; background:#e35e2b; border:0;}
.vipbox .boxt .sTxtKey{ background:url(../images/us.jpg) no-repeat 5px center; }
.vipbox .boxt .sTxtpass{ background:url(../images/ps.jpg) no-repeat 5px center; }
.vipbox .byt{ line-height:50px; text-align:right;}
.vipbox .byt a{ margin-left:10px;}
.vipbox .chaxun{ height:auto; overflow:hidden;}
.vipbox .chaxun .text { border:1px solid #ddd; color: #959595;float: left;font-family: "microsoft yahei"; font-size: 14px; height: 30px; line-height: 30px; margin-bottom: 4px; outline: 0 none; padding: 4px 4px 4px 15px; width:72%; background:#fff;}
.vipbox .chaxun .button {  background: #481d63 none repeat scroll 0 0;  border:none; color: #fff;cursor: pointer; float: left; font-family: "Microsoft YaHei";font-size: 16px;height: 40px; line-height: 1; width:20%;}

.serbox{ width:100%; background:#f3f3f3; position:relative; height: 60px; overflow:hidden; padding:10px 0; }
.innewsbox{ max-width:1200px; margin:auto; overflow:hidden; height:auto;} 
.innewsbox .bt{ background:#e35e2b; float:left; width:15%; text-align:center; line-height:60px; font-size:18px; color:#fff;}
.innewsbox .bosth{ width:83%; float:left; overflow:hidden; margin-left:2%;}
.innewsbox .bosth ul{ overflow:hidden;  }
.innewsbox .bosth ul li{ line-height:30px; height:32px; overflow:hidden; width:47%; margin-right:3%; float:left;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.innewsbox .bosth ul li a{ }
.innewsbox .bosth ul li span{ font-size:12px; margin-left:2%;}




.derp{ max-width:1200px; margin:2% auto; overflow:hidden;}
.derp ul{ margin-right:-3%;}
.derp ul li{ width:30.333%; float:left; margin-right:3%;}
.derp ul li .pic{ width:100%; overflow:hidden;}
.derp ul li .pic img{ max-width:100%; transition:all 0.3s;}
.derp ul li .pic:hover img{ transform:scale(1.2);}
.derp ul li h3{ padding:3%; font-size:18px;}
.derp ul li h3 span{ font-size:24px; color:#481d63;}
.derp ul li p{ line-height:1.6; color:#999; padding:0 3%; font-size:13px;}

.morew{ width:180px; margin:1% auto 0 auto; overflow:hidden; height:auto; border:1px #233357 solid; text-align:center; line-height:40px;}
.morew a{ font-size:18px;}
.morew:hover{ border:1px #f00 solid;}
.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%; height:auto; overflow:hidden; padding:3% 0;background: url(../images/index_03bg.jpg) repeat-x center bottom;}
.mainabout h2{ text-align:center; text-transform:uppercase; font-size:32px; color:#481d63;}
.xian{ width:80px; height:2px; background:#e35e2b; margin:0.5% auto 2% auto;}
.maleft{ width:42%; float:left; overflow:hidden;}.maleft img{max-width:100%;}
.maright{ width:52%; float:left; background:#fff; padding:3% 3% 0 3%;}
.maright h3{ margin-top:29px; font-size:25px;}
.maright p{ line-height:28px; padding:2% 0;  font-size:14px; text-align:justify; color:#777;}
.maright .morest{ width:20%; margin:3% 0 5% 0; line-height:40px; background:#e35e2b; text-align:center; color:#fff; border-radius:5px; width:150px;}
.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%;}

.sevostr{ max-width:1200px; margin:0 auto; background:#9cc4ff; overflow:hidden; padding:1.5% 0;}
.sevostr ul{}
.sevostr ul li{ width:20%; float: left; text-align:center;}
.sevostr ul li .divst{ width:100%; color:#e35e2b;}
.sevostr ul li .divst span{ font-size:45px; font-family:Letter Gothic Std;}
.sevostr ul li p{ color:#fff;}


.dwup{ margin:0 auto ;padding:2%  0; background:#f6f6f6; }
.dwup .title{text-align: center;font-size: 32px;color: #333; text-transform:uppercase; color:#481d63;}
.byruy{ max-width:1200px; height:auto; overflow:hidden; margin:auto;}
.byruy ul{ margin-right:-3%;}
.byruy ul li{ width:30.333%; margin-right:3%; float:left;}
.bxibx{ width:100%; height:auto; overflow:hidden;}
.bxibx .pic{ width:100%;}
.bxibx .pic img{ max-width:100%;}
.bxibx h3{ font-size:16px; padding:3% 0 2% 0;}
.bxibx h4{ color:#999; font-size:12px;line-height:2.2; }
.bxibx p{ line-height:1.6; font-size:13px; color:#666;}

.boxlul{ width:100%; height:auto; overflow:hidden;}
.boxlul ul{} 
.boxlul ul li{ border:1px #ddd solid; background:#fff; padding:3% 2%; width:92% !important; margin-bottom:8%; height:auto; overflow:hidden;}
.boxlul ul li .timge{ width:20%; float:left; text-align:center; color:#999;}
.boxlul ul li .timge span{ display:block; font-size:24px; color:#333;}
.boxlul ul li .const{ width:77%; float:left; height:auto; overflow:hidden; border-left:1px #ddd solid; padding-left:2%;}
.boxlul ul li .const h3{ font-size:16px; line-height:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.boxlul ul li .const p{ color:#999; font-size:12px;}

.kkhh{ width:100%; height:auto; overflow:hidden; text-align:center; padding:3% 0;}
.kkhh h4{ font-size:32px; color:#481d63;}

.foot{ background:#9cc4ff url(../images/bgd.jpg) no-repeat center bottom; padding:3% 0; border-top:8px #e35e2b solid; position:relative;color:#fff;}


.khbox{ width:100%;  position:relative; margin:-140px auto 0 auto; z-index:100; height: auto; }
.khbox .kh{box-shadow: 0 0px 30px rgba(0,0,0,0.1); max-width:1200px; margin:2% auto 5% auto; height:auto; overflow:hidden; background:#fff;}
.khbox .kh ul{}
.khbox .kh ul li{ width:10.28%; margin:2% 0 2% 2%; float:left;}
.khbox .kh ul li img{ max-width:100%;}

.foot .flwd{ width:75%; float:left; color:#000; line-height:22px; margin-top:0%;}
.foot .flwd dl{ width:25%; float:left;}
.foot .flwd dl dt{ font-size:18px; text-transform:uppercase; height:40px; color:#000;}
.foot .flwd dl dd{ color:#000;}
.foot .flwd dl dd i{ font-size:12px;}
.foot .flwd dl dd a{ font-size:12px;color:#000;}
.foot .flwd dl dd a:hover{ color:#000;}

.foot .midwd{ width:25%; float:left;margin-top:0.5%;}
.foot .midwd .pic{ width:130px; float:right;}.foot .midwd .pic img{ max-width:100%; display:block; margin:auto; clear:both;}
.foot .midwd .wz{ float:left; padding-right: 20px;text-align: right; padding-top:15px;color:#000;}
.foot .midwd .wz p{ text-align:center;   padding:1.2% 0; font-size:12px;}
.tebox{ line-height:2; color:#000;}

.copyright{ border-top:1px #464c5a solid; padding:2% 0 0; text-align: center; font-size:14px; color:#000; margin-top:3%;}