@charset "utf-8";

.device {width:100%;height:200px;border-radius:20px;position:relative; z-index:1; }
.device .arrow-left {background:url(../images/arrows.png) no-repeat left top;position:absolute;left:20px;top:50%;margin-top:-15px;width:17px;height:30px; z-index:2}
.device .arrow-right {background:url(../images/arrows.png) no-repeat left bottom;position:absolute;right:20px;top:50%;margin-top:-15px;width:17px;height:30px; z-index:2}
.swiper-container {height:200px;width:100%;}
.content-slide {padding:20px;color:#fff;}
.title {font-size:25px;margin-bottom:10px;}
.pagination {position:absolute;left:0;text-align:center;bottom:5px;width:100%; z-index:2;  height:auto}
.swiper-pagination-switch {display:inline-block;width:8px;height:8px;border-radius:8px;background:#999;margin:0 3px;cursor:pointer; display:none;}
.swiper-active-switch {background:#fff; display:none;}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box; }
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide {float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box; position:relative;}
.swiper-wp8-horizontal {-ms-touch-action:pan-y;}
.swiper-wp8-vertical {-ms-touch-action:pan-x;}

/* CSS Document */
*{ padding:0px;margin:0px; font-size:14px; font-family:'Microsoft YaHei';}
body{background:#fff;margin:auto;font-size:12px;color:#333333;padding:0px;line-height:22px;font-family:"微软雅黑", "宋体"}
img{border:0px}
table{margin:auto}
ul,li{list-style:none;padding:0px;margin: 0;border: 0;}
a:link {color:#343434;text-decoration:none}
a:visited {color:#343434;text-decoration:none}
a:hover {color:#0050B3;text-decoration:none}
a:active {color:#0050B3;text-decoration:none}

body {position:relative;overflow-x:hidden;}
body,html {height:100%; width:100%;}
.nav .open > a {background-color:transparent;}
.nav .open > a:hover {background-color:transparent;}
.nav .open > a:focus {background-color:transparent;}
/*-------------------------------*//*           Wrappers            *//*-------------------------------*/
#wrapper {-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;padding-left:0;transition:all 0.5s ease; width:100%; height:auto; float:left;}
#wrapper.toggled {padding-left:220px;}
#wrapper.toggled #sidebar-wrapper {width:220px;}
#wrapper.toggled #page-content-wrapper {margin-right:-220px;position:absolute;}
#sidebar-wrapper {-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;background:#EDEDED;height:100%;left:220px;margin-left:-220px;overflow-x:hidden;overflow-y:auto;transition:all 0.5s ease;width:0;z-index:1000;}
#sidebar-wrapper::-webkit-scrollbar {display:none;}
#page-content-wrapper {width:100%; height:100%; float:left; margin-bottom:40px;}
/*-------------------------------*//*     Sidebar nav styles        *//*-------------------------------*/.sidebar-nav {list-style:none;margin:0;padding:0;position:absolute;top:0;width:220px;}
.sidebar-nav li {display:inline-block;line-height:20px;position:relative;width:100%;}
.sidebar-nav li:before {background-color:#1c1c1c;content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:3px;z-index:-1;}
.sidebar-nav li:first-child a {background-color:#EDEDED;color:#616161;}
.sidebar-nav li:nth-child(2):before {background-color:#4D8EDF;}
.sidebar-nav li:nth-child(3):before {background-color:#4D8EDF;}
.sidebar-nav li:nth-child(4):before {background-color:#4D8EDF;}
.sidebar-nav li:nth-child(5):before {background-color:#4D8EDF;}
.sidebar-nav li:nth-child(6):before {background-color:#4D8EDF;}
.sidebar-nav li:nth-child(7):before {background-color:#4D8EDF;}
.sidebar-nav li:nth-child(8):before {background-color:#4D8EDF;}
.sidebar-nav li:nth-child(9):before {background-color:#4D8EDF;}
.sidebar-nav li:hover:before {-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:100%;}
.sidebar-nav li a {color:#616161;display:block;padding:10px 15px 10px 30px;text-decoration:none;}
.sidebar-nav li.open:hover before {-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:100%;}
.sidebar-nav .dropdown-menu {background-color:#222222;border-radius:0;border:none;box-shadow:none;margin:0;padding:0;position:relative;width:100%;}
.sidebar-nav li a:hover,.sidebar-nav li a:active,.sidebar-nav li a:focus,.sidebar-nav li.open a:hover,.sidebar-nav li.open a:active,.sidebar-nav li.open a:focus {background-color:transparent;color:#FFF;text-decoration:none;}
.sidebar-nav > .sidebar-brand {font-size:20px;height:65px;line-height:44px;}
/*-------------------------------*//*       Hamburger-Cross         *//*-------------------------------*/
.gd{position:fixed;height:42px; width:2px; background:#222; bottom:0px; left:50%;}
.logol{height:52px; width:100%;text-align:center; background:#;background-size: 100% 100%; border-bottom:1px solid #eee}
.logol p.caidan{ width:30px; float:right; height:42px;}
.logol p.caidan a{ width:100%; height:100%; float:left; display:block;position:relative;}
.logol p.caidan a span{ width:100%; height:2.5px;float:left; display:block; background-color: rgba(0,0,0,0.7); position:absolute; top:14px; right:18px;}
.logol p.caidan a span:nth-child(2){height:3px; top:22px;}
.logol p.caidan a span:nth-child(3){height:3px; top:30px;}

.logol .ima{width:100%; height:52px; float:right; line-height:52px;ont-size:1.8em;}
.logol .ima a{font-size:1.3rem;  color:#000; line-height:54px;width:auto; height:auto; display:block; float:left; text-align:left; padding-left:10px;}
.zyz .span{position:relative; top:20px; right:10px; color:#000; }
.zyz .span a{color:#000; position:absolute; right:0; top:0; font-size:2rem;}

.nav_show{ display:none; position:fixed; right:0; height:100%; width:180px; background:#fff; z-index:999;}
.nav_show p.close{ width:calc(100% - 190px); height:calc(100% - 10px); float:left; text-align:right; padding:0;  margin:0; position:fixed; right:180px; top:0px; background:rgba(0,0,0,0.5); padding-right:10px; padding-top:10px;}
.nav_show p.close a{color:#fff;font-size:1.8rem;}
.nav_show p.close a img{ width:2rem; height:2rem;}
.nav_show ul{ width:calc(100% - 40px); float:left; height:auto; line-height:20px; padding:0 20px;}
.nav_show ul li:nth-child(1){margin-bottom:20px;border-bottom:none; padding-top:20px;}
.nav_show ul li:nth-child(1) a{ font-size:1.6rem;}
.nav_show ul li{ width:100%; float:left; height:auto; line-height:20px; text-align:center; font-size:1.6rem; margin:0px 0 10px 0; border-bottom: 1px solid #dbdbdb; padding-bottom:10px;}
.nav_show ul li a{ color:#666;}


.row{ width:100%; height:auto; float:left;}
.row ul.new_list{ width:100%; height:auto; float:left;text-align:left;}
.row ul.new_list li{ width:calc(100% - 4rem); margin:0.5rem 1rem ;padding:0.5rem 1rem ;height:3rem; float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd; background:url(../images/left1.png) no-repeat right;background-size:auto 1.8rem;border-radius:10px }
.row ul.new_list li:nth-child(2n) a{background:url(../images/left.png) no-repeat right;background-size:auto 1.8rem; display:block; height:100%; float:left; width:100%;}
.row ul.new_list li:nth-child(2n){background: linear-gradient(to right,#5696D5 0,#C3DEF8 100%);border:none;}
.row ul.new_list li:nth-child(2n) a .intro{color:#fff;}
.row ul.new_list li:nth-child(2n) p span{color:#fff;}
.row ul.new_list li a .intro{ width:100%; height:1.5rem; float:left;font-size:1.1rem; font-weight:bold; }
.row ul.new_list li p{ width:100%; height:1.5rem; float:left; font-size:0.9rem; color:#666;}
.row ul.new_list li p span{ width:auto; height:auto; float:left;font-size:0.9rem;}

.row ul.new_list a.more{ width:6rem; padding:0 1rem; margin-left:calc(50% - 3rem); height:2rem; line-height:2rem; border:2px solid #F5C167; color:#F5C167; text-align:center; display:block; float:left; margin-top:2rem;border-radius:1.5rem; font-weight:bold;}


.row ul.new_list_sjd{ width:100%; height:auto; float:left;text-align:left;}
.row ul.new_list_sjd li{ width:calc(100% - 4rem); margin:0.5rem 1rem ;padding:0.5rem 1rem ;height:3rem; float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd; background:url(../images/left1.png) no-repeat right;background-size:auto 1.8rem;border-radius:10px }
.row ul.new_list_sjd li:nth-child(2n) a{background:url(../images/left.png) no-repeat right;background-size:auto 1.8rem; display:block; height:100%; float:left; width:100%;}
.row ul.new_list_sjd li:nth-child(2n){background: linear-gradient(to right,#AD1010 0,#FB9797 100%);border:none;}
.row ul.new_list_sjd li:nth-child(2n) a .intro{color:#fff;}
.row ul.new_list_sjd li:nth-child(2n) p span{color:#fff;}
.row ul.new_list_sjd li a .intro{ width:100%; height:1.5rem; float:left;font-size:1.1rem; font-weight:bold; }
.row ul.new_list_sjd li p{ width:100%; height:1.5rem; float:left; font-size:0.9rem; color:#666;}
.row ul.new_list_sjd li p span{ width:auto; height:auto; float:left;font-size:0.9rem;}

.row ul.new_list_sjd a.more{ width:6rem; padding:0 1rem; margin-left:calc(50% - 3rem); height:2rem; line-height:2rem; border:2px solid #F5C167; color:#F5C167; text-align:center; display:block; float:left; margin-top:2rem;border-radius:1.5rem; font-weight:bold;}



.row ul.photo_list{ width:100%; height:auto; float:left; margin-top:-1rem;}
.row ul.photo_list li{ width:calc(100% - 2rem); margin:0 1rem ; height:auto; float:left;padding:1.5rem 0 0rem; border-bottom:1px solid #ddd;}
.row ul.photo_list li .pic{ max-width:100%; height:auto; float:left; position:relative; overflow:hidden;}
.row ul.photo_list li .pic img{ width:100%; height:auto; float:left;}
.row ul.photo_list li .intro{ width:100%;height:auto; float:left;font-size:1.2rem; font-weight:bold; margin-top:0.6rem;}
.row ul.photo_list li p{ width:calc(100%); padding:0.5rem 0rem ; height:auto; float:left; font-size:0.9rem; color:#666;}
.row ul.photo_list li p span{ width:auto; height:auto; float:left;font-size:0.9rem;}


.row .new_show{ width:calc(100% - 2rem); padding:0 1rem; height:auto; float:left;background:url(../images/body_bg.png); padding-top:10px;}
.row .new_show h2{ width:100%; height:auto; float:left; line-height:2rem; text-align:center; font-size:1.2rem; font-weight:normal; margin-bottom:1rem;}
.row .new_show .date{ width:100%; height:2rem; line-height:2rem; float:left; font-size:0.9rem; color:#666; text-align:center; border-bottom:1px solid #ddd;}
.row .new_show .intro{ width:100%; height:auto; float:left; margin-top:1rem;}
.row .new_show .intro p{width:100%; height:auto; float:left; font-size:1.2rem; line-height:2rem;}
.row .new_show .intro p span{font-size:1.2rem; line-height:2rem; float:none;}
.row .new_show .intro p img{ max-width:100%; height:auto; margin:0 auto;}
.row .new_show .intro span{width:auto; height:auto; float:left; font-size:2rem; line-height:2rem;}

.x_photo{width:calc(100% - 2rem); margin:0px auto;float:left;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;height: auto; margin-right:30px; padding:8px 1rem 6px; margin-top:40px; margin-bottom:70px;}
.x_photo .x_photo_a{ width:70%; height:auto; float:left;}
.x_photo .x_photo_a .about_left {width:100%; min-height:46px; float:left;color:#222; text-align:left;line-height:1.5rem;border-right:1px solid #d3d3d3; padding-bottom:calc(0.25rem - 0.5px); border-bottom:1px solid #d3d3d3;}
.x_photo .x_photo_a .about_right {width:100%;min-height:46px; float:left;color:#222; text-align:left;line-height:1.5rem; border-right:1px solid #d3d3d3;padding-top:calc(0.25rem - 0.5px);}
.x_photo .about_box{width:calc(30% - 1px); height:100%; float:left;color:#222; text-align:left;line-height:30px;font-size:14px;}
.x_photo .about_box .abs{ background:#999; width:80%; height:2rem; float:right; line-height:2rem;font-size:1rem; color:#fff;font-style:normal; margin-top:calc(50% - 0.85rem - 0.25px); }
.x_photo .sj{ margin:40px 0 0 0; padding:0 0 0 20px; width:calc(100% - 20px); height:auto; float:left;}


.login{ width:calc(100% - 2rem); height:auto; float:left; padding:0 1rem;}
.login h3{ width:100%; height:auto; float:left; text-align:center; font-size:1.6rem; font-weight:normal; line-height:3rem; margin-bottom:1rem;}
.registered{ padding:20px 0 0 0;}
.registered .text{ width:100%; height:16px; line-height:16px; padding:15px 0px; text-indent:10px; color:#999; display:block; border:1px solid #c3b5e5; margin-top:12px; background-size:28px 191px; border-radius:5px; -moz-border-radius:5px;}
.registered .text2{ background-position:10px -49px;}

.registered .wenbankuang{ width:96%; height:40px; line-height:16px; padding:15px 2%; color:#999; display:block; border:1px solid #c3b5e5; margin-top:12px; background-size:28px 191px; border-radius:5px; -moz-border-radius:5px;}



.registered .text4{ background-position:10px -145px;}
.registered .text3{ width:22px; height:20px; margin-right:5px; background:url(../images/shdz3_pic1.png) left -45px no-repeat; background-size:18px 64px; border:0px; outline:none;-webkit-appearance: none;}
.registered .text3.hov{background:url(../images/shdz3_pic1.png) left 1px no-repeat;background-size:18px 64px;outline:none;-webkit-appearance: none;}

.registered1{ position:relative;}
.registered1 span{ width:90px; height:47px; line-height:47px; display:block; color:#fff; text-align:center; background:#bd264f; position:absolute; right:-1px; top:0px; border-radius:0px 5px 5px 0px; -moz-border-radius:0px 5px 5px 0px; cursor:pointer;}
.registered .text5{ width:100%; height:45px; line-height:45px; text-align:center; color:#fff; background:#66CC9A; display:block; border-radius:5px; -moz-border-radius:5px;border:none;margin-top:40px;font-size:18px}

.listpage{ width:100%; height:auto; line-height:2.6rem; float:left; text-align:center; position:relative; margin:3rem 0;}
.listpage a{height:2.4rem; padding:0 0.5rem; line-height:2.6rem;display: inline-block;min-width:1rem; margin:0 0.2rem; color:#999; margin-bottom:0.5rem; font-size:0.98rem; color:#DFDDDD; border:1px solid #DFDDDD;}



.row .page{ width:calc(100% - 2rem); padding:0 1rem 0.5rem; height:auto; float:left;}
.row .page .intro{ width:100%; height:auto; float:left;}
.row .page .intro p{width:100%; height:auto; float:left; font-size:0.96rem;}
.row .page .intro p img{ max-width:100%; height:auto; margin:0 auto;}
.row .page .intro span{width:auto; height:auto; float:left; font-size:0.96rem; line-height:1.4rem;}