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

@font-face{font-family:'iconfont';src:url('//at.alicdn.com/t/font_1432720974_1547027.eot');src:url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
body{font-family:"微软雅黑"}
.glyphicon{top:0 !important}
.no-padding{padding:0 !important}
.no-margin{margin:0 !important}
.no-background{background:none !important}
.no-border{border:none !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w100{width:100% !important}
.h100{height:100% !important}
a{text-decoration:none !important;cursor:pointer !important}
.container-fluid{max-width:1230px !important}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}
.tr2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.sizeCove{ background-position: 50% 50%; background-size: cover; }

.main-2{ padding:0 5px; }
.main-2-list{ padding:0 10px; }
.main-3-list.col-md-3{ width: 20%; }
.main-3-list.col-md-9{ width: 80%; }
.main-pad-1{ padding:30px 0;}
.main-pad-2{ padding:0 0 30px;}
.main-Background-1{ background:#f4f4f4; overflow: hidden; }

header{ position:relative; z-index:2147483647; }
header .top_bar{ background: #000; }
header .top_bar .logo{ font-size: 0; line-height: 70px; width:75%; }
header .top_bar .logo img{ width:100%; }
header .top_bar .qita{ margin-left: 15px; padding-top: 25px;}
header .top_bar .qita span{ display: block; font-size: 18px;color: #d7d7d7; line-height: 20px; }
header .top_bar .qita li a{ display: block; padding:0 10px; height: 20px; font-size: 18px;color: #d7d7d7; line-height: 20px; border-right: solid 1px #828282; }
header .top_bar .qita li:last-child a{ border-right: none; }
header .top_bar .tel .tels{ padding-left: 50px; font-size: 18px;color: #f8e195; line-height: 70px; background: url(../images/icon/tel.png) no-repeat left; }
header .top_bar .tel .qq{ margin-left:10px; font-size: 0; line-height: 70px; }
header .menu ul li{ position: relative; width: 11.111%; }
header .menu ul li:before{ content: ""; position: absolute; left: 64%; top: 0; z-index: 1; margin:0 0 0 -85px; width: 133px; height: 63px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; background: url(../images/icon/menu_hover.png) no-repeat;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
header .menu ul li a{ display: block; position: relative; z-index: 2; color: #333; line-height: 60px; }
header .menu ul li.active:before{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
header .menu ul li.active a{ color: #fff; }

.banner{ position:relative; z-index: 1; overflow:hidden;}
.banner a{ display: block;}
.banner a img{ display: block; margin:0 auto; }
.banner .swiper-pagination{ bottom: 15px; }
.banner .swiper-pagination span{ width: 15px; height: 15px; background:rgba(255,255,255,0.8);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #820101; }

.content{ position: relative; z-index: 2; }

.title-1{ margin-bottom: 35px; font-size: 0; overflow: hidden; }
.title-1 a{ display: inline-block; vertical-align: top; }
.title-1 a .en{ font-family:arial; font-size: 30px;color: #333; line-height: 34px; font-weight: bold; }
.title-1 a .cn span{ position: relative; display: inline-block; vertical-align: top; font-size: 22px;color: #c7983e;  font-weight: bold;}
.title-1 a .cn span b{ display: block; position: absolute; top:50%; z-index: 1; margin-top: -7px; width: 6px; height: 15px; background: #dddcdc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.title-1 a .cn span b.bg1{ left: -30px; }
.title-1 a .cn span b.bg2{ right: -30px; }
.title-1 a .cn span b.bg1:before,.title-1 a .cn span b.bg2:before{ content: ""; position: absolute; top: 50%; z-index: 1; width: 2000px; height: 1px; background: #dddcdc; }
.title-1 a .cn span b.bg1:before{ left: -2000px; }
.title-1 a .cn span b.bg2:before{ right: -2000px; }
.title-2{ background: #000000; }
.title-2 .mc{ padding-left: 40px; padding-right: 134px; font-size:24px;color: #333; line-height: 60px; background: #f8e394 url(../images/icon/title2_bg_03.jpg) no-repeat right; }
.title-2 .more{ padding-top: 20px; padding-right: 20px; }
.title-2 .more a{ display: block; font-family: arial; width: 70px; color: #333; line-height: 20px; background: #f8e394; border-radius: 5px; }
.title-3{ margin-bottom: 20px; border-bottom: solid 1px #000; }
.title-3 .left{ color: #333; line-height: 60px; }
.title-3 .left a{ color: #333; }
.title-4{ margin-bottom: 20px; }
.title-4 .biaoti{ font-size: 18px;color: #333; line-height: 24px; }


.text-1-box{ position: relative; }
.text-1{  height: 0;overflow: hidden; }
.text-1 ul{padding:15px 15px 0; margin-bottom:5px; background: #333333;  }
.text-1 ul li{ margin-bottom: 15px; }
.text-1 ul li a{ display: block; padding:0 10px; height: 14px; color: #fff; line-height: 14px; border-right: solid 1px #fff; }
.text-1.active ul{ background: #820101; }
.text-1-box .li{ position:absolute; right: 0; bottom: 100%; z-index:2; padding:1px; width: 16.6666666666%; background: #333333; }
.text-1-box .li:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-image:url(../images/icon/p1_more_hover.jpg); background-position:  center; background-repeat: no-repeat; background-size: 100% 100%;-o-transition:all 0.3s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; }
.text-1-box .li .text{ position: absolute; left: 0; top: 50%; z-index: 2; margin-top:-32px; width: 100%; }
.text-1-box .li .text .en{ font-family:arial; font-size: 30px;color: #fff; line-height:40px; }
.text-1-box .li .text .cn{ font-size: 18px;color: #fff; line-height:24px; }
.text-1-box .li.active:before{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.text-2{ margin-bottom: 20px; color: #333; line-height:30px; }

.pictrue-1 ul li{ width: 16.6666666666%; }
.pictrue-1 ul li a{ position: relative; padding:1px; display: block; background: #000; }
.pictrue-1 ul li a:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; border:dotted 1px #c7983e; }
.pictrue-1 ul li a .box{ position: relative; background: #fff; }
.pictrue-1 ul li a .box .imgbox{ position: relative; top:0; z-index: 2; overflow: hidden; }
.pictrue-1 ul li a .box .imgbox span{ display: block; }
.pictrue-1 ul li a .box .textbox{ position: absolute; left: 0; bottom:0; z-index: 1; width: 100%; height: 40px; overflow: hidden;}
.pictrue-1 ul li a .box .textbox span{ position: relative; top:40px; display: block; height: 80px;}
.pictrue-1 ul li a .box .textbox span:before,.pictrue-1 ul li a .box .textbox span:after{ content:attr(data-tip); position: absolute; left: 0; z-index: 1; padding:0 10px; width: 100%; height: 40px; color: #fff; line-height: 40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; }
.pictrue-1 ul li a .box .textbox span:before{ top: 0; background:#000; }
.pictrue-1 ul li a .box .textbox span:after{ top: 40px; background: #820101; }
.pictrue-2{ position:relative;}
.pictrue-2-list a{ display: block; }
.pictrue-2-list a .imgbox{ padding:2px; border:solid 1px #8d8d8d; }
.pictrue-2-list a .imgbox .p2imgs{ overflow: hidden; }
.pictrue-2-list a .imgbox span{ display: block; }
.pictrue-2-list a .textbox{ padding:0 15px; font-size: 18px; color: #444444; line-height: 43px; border-bottom: solid 1px #8d8d8d; }
.pictrue-2-list.active{ margin-bottom: 20px; }
.pictrue-2 .swiper-button-next,.pictrue-2 .swiper-button-prev{ margin-top: -43px; width: 42px; height: 42px; }
.pictrue-2 .swiper-button-prev{ left:-77px; background: url(../images/icon/p2_jt_l.png) no-repeat left; }
.pictrue-2 .swiper-button-next{ left: inherit; right:-77px; background: url(../images/icon/p2_jt_r.png) no-repeat right; }
.pictrue-2.active .pictrue-2-list a .imgbox{ background: #fff; }
.pictrue-2.active .swiper-button-prev{ background: url(../images/icon/p2_jt_l2.png) no-repeat left; }
.pictrue-2.active .swiper-button-next{ background: url(../images/icon/p2_jt_r2.png) no-repeat right; }
.pictrue-3 ul li{ padding:15px 0; border-bottom:dashed 1px #a7a7a7; }
.pictrue-3 ul li a{ display: block; position: relative; padding-left: 126px; min-height: 87px; }
.pictrue-3 ul li a .imgbox{ position: absolute; left: 0; top: 0; z-index: 1; width: 126px; overflow: hidden; }
.pictrue-3 ul li a .imgbox span{ display: block; height: 87px; }
.pictrue-3 ul li a .textbox{ padding-left: 20px; }
.pictrue-3 ul li a .textbox .biaoti{ position:relative; margin-bottom: 10px; padding-right: 80px; min-height: 24px; }
.pictrue-3 ul li a .textbox .biaoti .mc{ color: #909090; font-weight: bold; line-height: 24px; }
.pictrue-3 ul li a .textbox .biaoti .time{ position: absolute; right: 0; top: 0; font-family:arial; font-size:12px;color: #909090; line-height: 24px; }
.pictrue-3 ul li a .textbox .text{ position: relative; height: 48px; font-size: 12px;color: #6b6b6b; line-height: 24px; text-align: justify; overflow: hidden; }
.pictrue-3 ul li a .textbox .text:before{ content: ""; position: absolute; right: 0; bottom:3px; z-index: 1; width:39px; height: 19px; background:#fff url(../images/icon/p3_jt.png) no-repeat right top;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
.pictrue-4-box{ position: relative; padding-left: 73px; min-height: 87px; }
.pictrue-4-box .biaoti{ position: absolute; left: 0; top: 0; z-index: 1; padding-top:9px; width: 73px; height: 87px; font-size: 24px;color: #fff; line-height: 34px; }
.pictrue-4-box .biaoti span{ position: relative; z-index: 2; }
.pictrue-4-box .biaoti:before{ content: ""; position: absolute; right: 0; top: 0; z-index: 1; width:2000px; height: 100%; border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; box-shadow:2px 0 5px rgba(0,0,0,0.2); -webkit-box-shadow:2px 0 5px rgba(0,0,0,0.2); -moz-box-shadow:2px 0 5px rgba(0,0,0,0.2); -o-box-shadow:2px 0 5px rgba(0,0,0,0.2);
background:#480606;background:-moz-linear-gradient(left,#480606 0%,#ca1e1e 100%);background:-webkit-linear-gradient(left,#480606 0%,#ca1e1e 100%);background:linear-gradient(to right,#480606 0%,#ca1e1e 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#480606',endColorstr='#ca1e1e',GradientType=1 ); }
.pictrue-4{ position: relative; margin:0 -10px; }
.pictrue-4 .item{ padding:0 10px; }
.pictrue-4-list{ font-size: 0; }
.pictrue-4-list .box{ display: inline-block; vertical-align: top; padding-left: 68px; font-size: 16px;color: #333; line-height: 87px; background-position: left; background-repeat: no-repeat; }
.pictrue-5 ul li{ margin-bottom: 30px; border:solid 1px #eaeaea; }
.pictrue-5 ul li a{ display: block; position: relative; padding-left: 219px; min-height: 218px; }
.pictrue-5 ul li a .imgbox{ position: absolute; left: 0; top: 0; z-index: 1;padding:2px; width: 219px; border-right:solid 1px #eaeaea; }
.pictrue-5 ul li a .imgbox .p5imgs{ overflow: hidden; }
.pictrue-5 ul li a .imgbox span{ display: block;height: 214px; }
.pictrue-5 ul li a .textbox{ padding:2px; }
.pictrue-5 ul li a .textbox .box{ padding:20px 30px; height: 214px; background: #eaeaea; }
.pictrue-5 ul li a .textbox .box .biaoti{ margin-bottom: 20px; font-size: 18px;color: #444444; line-height: 24px; }
.pictrue-5 ul li a .textbox .box .text{ margin-bottom: 10px; height:90px; color: #444; line-height:30px; overflow: hidden; }
.pictrue-5 ul li a .textbox .box .time{ font-size: 12px;color: #444; line-height: 24px; }
.pictrue-6{ margin-bottom: 20px; }

.pictrue-15 ul li{ margin-bottom: 30px; border:solid 1px #eaeaea; }
.pictrue-15 ul li a{ display: block; position: relative; min-height: 100px; }
.pictrue-15 ul li a .textbox{ padding:2px; }
.pictrue-15 ul li a .textbox .box{ padding:20px 30px; height: 96px; background: #eaeaea; }
.pictrue-15 ul li a .textbox .box .biaoti{ margin-bottom: 20px; font-size: 18px;color: #444444; line-height: 24px; }
.pictrue-15 ul li a .textbox .box .text{ margin-bottom: 10px; height:90px; color: #444; line-height:30px; overflow: hidden; }
.pictrue-15 ul li a .textbox .box .time{ font-size: 12px;color: #444; line-height: 24px; }

.subnav .biaoti{padding:0 25px; font-size: 18px;color: #fff; line-height: 60px; background: #c6993f; }
.subnav ul{ margin:0 0 40px; }
.subnav ul li{ margin-top: 11px; }
.subnav ul li a{ display: block; position:relative; padding:0 36px 0 30px; color: #fff; line-height: 45px; background: #444; border-left: solid 5px #c6993f; }
.subnav ul li a:before{ content: ""; position: absolute; left: 18px; top: 50%; z-index: 1; margin-top: -3px; width: 7px; height: 7px; background: url(../images/icon/subnav_li_jt.png) no-repeat; }
.subnav ul li a:after{ content: ""; position: absolute; right: 13px; top: 50%; z-index: 1; margin-top: -7px; width: 15px; height: 14px; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.subnav ul li.no a:after{ display: none; }
.subnav ul li.active a{ background: #c6993f; }
.subnav .ul{ display: none; padding:15px 5px 5px; background: #f0f4f7; }
.subnav .ul .li{ margin-bottom: 15px; }
.subnav .ul .li a{ display: block; padding:0 13px; height: 12px; font-size: 12px; color: #333; line-height: 12px; border-right: solid 1px #333; }
.subnav .textbox .imgbox{ margin-bottom: 10px; }
.subnav .textbox .imgbox img{ width: 100%; box-shadow: 0 10px 5px rgba(0,0,0,0.1); }
.subnav .textbox .text{ color: #444444; line-height: 24px; }

footer .qita{ background: #171717; }
footer .qita .qita-top{ padding:25px 0; border-bottom: solid 1px #020202; }
footer .qita .qita-top .mc{ margin-bottom: 10px; font-size: 14px; color: #f8e394; font-weight: bold; line-height: 24px; }
footer .qita .qita-top .ewm{ padding-right: 40px; width: 20%; min-height: 210px; border-right:solid 1px #020202;}
footer .qita .qita-top .ewm img{ max-height: 200px; }
footer .qita .qita-top .contact{ width: 32%; min-height: 210px; border-right:solid 1px #020202; border-left:solid 1px #2d2d2d; }
footer .qita .qita-top .contact .box{ display: inline-block; vertical-align: top; }
footer .qita .qita-top .contact .box .textbox .li{ padding-left: 35px; font-size:12px; color: #fff; line-height: 32px; background-position: left; background-repeat: no-repeat; }
footer .qita .qita-top .menu{ width: 80%; min-height: 210px; border-left:solid 1px #2d2d2d;}
footer .qita .qita-top .menu ul li{ width: 25%; font-size: 0; }
footer .qita .qita-top .menu ul li .box{ display: inline-block; vertical-align: top; width: 100%; text-align: left; }
footer .qita .qita-top .menu ul li span{ display: block; font-size: 0; }
footer .qita .qita-top .menu ul li span a{ position: relative; display: inline-block; vertical-align: top; padding-left: 20px; font-size: 12px;color: #fff; line-height: 32px; }
footer .qita .qita-top .menu ul li span a:before{ content: ""; position: absolute; left: 0; top: 50%; z-index: 1; margin-top: -4px; width: 0; height: 0; border-top: solid 4px transparent; border-bottom: solid 4px transparent; border-left: solid 6px #f8e394; }
footer .qita .qita-bottom{ padding:20px 0 10px; border-top: solid 1px #2d2d2d; }
footer .qita .qita-bottom .mc{ margin-bottom: 10px; color: #f8e394; font-weight: bold; line-height: 24px; }
footer .qita .qita-bottom .mc span{ margin-left:10px; }
footer .qita .qita-bottom ul{ margin:0 -10px; }
footer .qita .qita-bottom ul li{ margin-bottom: 15px; padding:0 10px; height: 12px; border-right: solid 1px #fff; }
footer .qita .qita-bottom ul li a{ display: block; font-size: 12px;color: #fff; line-height: 12px;}
footer .footer_bar{ padding:19px 0; background: #000000; }
footer .footer_bar p{ font-size: 12px; color: #c4c4c4; line-height: 24px; }

body.hover header .top_bar .qita li a:hover{ color: #c6993f; text-decoration: underline !important; }
body.hover header .menu ul li:hover:before{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
body.hover header .menu ul li:hover a{ color: #fff; }
body.hover .title-2 .more a:hover{ color: #fff; background: #7f0000; }
body.hover .title-3 .left a:hover{  color: #c6993f; text-decoration: underline !important; }
body.hover .text-1 ul li:hover a{ text-decoration: underline !important; }
body.hover .text-1-box:hover .li:before{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
body.hover .pictrue-1 ul li:hover a .box .imgbox{ top:-40px; }
body.hover .pictrue-1 ul li:hover a .box .imgbox span{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
body.hover .pictrue-1 ul li:hover a .box .textbox span{ top: 0; }
body.hover .pictrue-1 ul li a .box .textbox:hover span{ top: -40px; }
body.hover .pictrue-2-list:hover a .imgbox{ border:solid 1px #7f0000; }
body.hover .pictrue-2-list:hover a .imgbox span{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
body.hover .pictrue-2-list:hover a .textbox{color: #7f0000;border-bottom: solid 1px #7f0000; }
body.hover .pictrue-2.active .pictrue-2-list:hover a .textbox{color: #fcda76;border-bottom: solid 1px #fcda76; }
body.hover .pictrue-2 .swiper-button-prev:hover{ background-position: right; }
body.hover .pictrue-2 .swiper-button-next:hover{ background-position: left; }
body.hover .pictrue-3 ul li:hover a .imgbox span{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
body.hover .pictrue-3 ul li:hover a .textbox .biaoti .mc{ color: #7f0000; }
body.hover .pictrue-3 ul li:hover a .textbox .text:before{ background-position: right bottom; }
body.hover .pictrue-5 ul li:hover{ border:solid 1px #ad1313; }
body.hover .pictrue-5 ul li:hover a .imgbox{ border-right:solid 1px #ad1313; }
body.hover .pictrue-5 ul li:hover a .imgbox span{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
body.hover .pictrue-5 ul li:hover a .textbox .box{background: #ad1313; }
body.hover .pictrue-5 ul li:hover a .textbox .box .biaoti{color: #fff;}
body.hover .pictrue-5 ul li:hover a .textbox .box .text{color: #fff;}
body.hover .pictrue-5 ul li:hover a .textbox .box .time{color: #fff;}
body.hover .subnav ul li:hover a{ background: #c6993f; }
body.hover .subnav .ul .li a:hover{ color: #c6993f; text-decoration: underline !important; }
body.hover footer .qita .qita-top .menu ul li span a:hover{ color: #7f0000; text-decoration: underline !important; }
body.hover footer .qita .qita-bottom ul li a:hover{ color: #7f0000; text-decoration: underline !important; }

body.hover .pictrue-15 ul li:hover{ border:solid 1px #ad1313; }
body.hover .pictrue-15 ul li:hover a .textbox .box{background: #ad1313; }
body.hover .pictrue-15 ul li:hover a .textbox .box .biaoti{color: #fff;}
body.hover .pictrue-15 ul li:hover a .textbox .box .text{color: #fff;}
body.hover .pictrue-15 ul li:hover a .textbox .box .time{color: #fff;}



@media (max-width:1359px){
	.pictrue-2 .swiper-button-prev,.pictrue-2 .swiper-button-next{ display: none; }
}

@media (max-width:1199px){
	header .menu ul li::before{ left: 0; margin-left: 0; width: 100%; background-size: 100% 100%; }
}

@media (max-width:991px){
	.main-1{ padding:0; margin:0; }
	.main-3-list{ width: 100% !important; }
	header .top_bar .qita li a{ font-size: 16px; }
	header .top_bar .tel{ position: relative; width: 100%; background: #fff; }
	header .top_bar .tel:before,header .top_bar .tel:after{ content: ""; position: absolute; top: 0; z-index: 1; width: 15px; height: 100%; background: #fff; }
	header .top_bar .tel:before{ left: -15px; }
	header .top_bar .tel:after{ right: -15px; }
	header .top_bar .tel .tels{ color: #000; background: url(../images/icon/tel2.png) no-repeat left; }
	header .ydd_btn{ margin:22px 0 0; width:26px; height:26px; cursor:pointer;}
	header .ydd_btn span{ display: block; margin:1px; width: 11px; height: 11px; background: #f6e192; }
	header .ydd_btn.click span{ transform: rotate(45deg); }
	header .menu{ position: absolute; right:-15px; top: 100%; z-index: 1; width: 120px; }
	header .menu ul li{ margin:0 0 1px; width: 100%; background:rgba(255,255,255,0.8); }
	header .menu ul li:before{ display: none; }
	header .menu ul li a{ font-size: 12px; line-height:34px; color: #333; }
	header .menu ul li.active a{ color: #f8e394; background: #000; }
	.banner .swiper-pagination span{ width: 10px; height: 10px; }
	.title-1 a .en{ font-size: 22px; line-height: 24px; }
	.title-1 a .cn span{ font-size: 18px; }
	.text-1-box .li{width: 33.3333333%; }
	.pictrue-1 ul li{ width: 33.3333333%; }
	.pictrue-3{ margin-bottom: 20px; }
	.main-2-list:last-child .pictrue-3{ margin-bottom: 0; }
	.subnav{ margin-bottom: 20px; }
	.subnav ul{ margin:0; }
	.subnav .biaoti{ position:relative; line-height: 50px; cursor: pointer; }
	.subnav .biaoti:before{ content: ""; position: absolute; right: 15px; top: 50%; z-index: 1; margin-top: -10px; width: 20px; height: 20px; background: url(../images/icon/subnav_jt.png) no-repeat;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
	.subnav .biaoti.active:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }
	footer .qita .qita-top .ewm{ width: 40%; }
	footer .qita .qita-top .contact{ width: 60%; border-right: none; }

}

@media (max-width:767px){
	.main-pad-1{ padding:20px 0; }
	.main-pad-2{ padding:0 0 20px; }
	body{ padding-bottom:50px;}		
	.title-2 .mc{ padding-right: 100px; padding-left:20px; font-size: 16px; line-height: 30px; }
	.title-2 .more{ padding-right: 20px; padding-top: 5px; }
	.title-2 .more a{ width:50px; font-size: 12px; }
	.title-4 .biaoti{ font-size: 16px; }
	.text-2{ font-size: 12px; line-height: 24px; }
	.pictrue-3 ul li a{ padding-left: 120px; min-height: 80px; }
	.pictrue-3 ul li a .imgbox{ width: 120px; }
	.pictrue-3 ul li a .imgbox span{ height: 80px; }
	.pictrue-3 ul li a .textbox{ padding-left: 10px; }
	.pictrue-3 ul li a .textbox .biaoti{ padding-right: 0; }
	.pictrue-3 ul li a .textbox .biaoti .time{ display: none; }
	.pictrue-4-box{ padding-left:63px; min-height: 68px; }
	.pictrue-4-box .biaoti{ padding-top: 10px; width: 53px; font-size: 14px; line-height:24px; height:68px; }
	.pictrue-4-list .box{ padding-left: 30px; font-size: 12px; line-height:68px; background-size: 25px auto; }
	.pictrue-5 ul li{ margin-bottom: 20px; }
	.pictrue-5 ul li a{ padding-left: 120px; min-height: 100px; }
	.pictrue-5 ul li a .imgbox{ width: 120px; }
	.pictrue-5 ul li a .imgbox span{ height: 96px; }
	.pictrue-5 ul li a .textbox .box{ padding:10px; height: 96px; }
	.pictrue-5 ul li a .textbox .box .biaoti{ margin-bottom:5px; font-size: 14px; }
	.pictrue-5 ul li a .textbox .box .text{ margin-bottom: 0; height: 48px; font-size: 12px; line-height: 24px; }
	.pictrue-5 ul li a .textbox .box .time{ display: none; }

    .pictrue-15 ul li{ margin-bottom: 20px; }
	.pictrue-15 ul li a{ min-height: 100px; }
	.pictrue-15 ul li a .textbox .box{ padding:10px; height: 96px; }
	.pictrue-15 ul li a .textbox .box .biaoti{ margin-bottom:5px; font-size: 14px; }
	.pictrue-15 ul li a .textbox .box .text{ margin-bottom: 0; height: 48px; font-size: 12px; line-height: 24px; }
	.pictrue-15 ul li a .textbox .box .time{ display: none; }
	.hot{ background:#000; position:fixed; bottom:0; left:0; z-index:99; width: 100%; }
	.hot a{ display: block; font-size: 0; border-right: solid 1px #fff; }
	.hot a span{ display: inline-block; vertical-align: top; padding-left:25px; font-size: 14px; color: #fff; line-height: 50px; background-position: left; background-repeat: no-repeat; background-size: 22px auto; }
	.hot .ccol-xs-3:last-child a{ border-right: none; }
	.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
	.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
	.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
	.dbbox .dbs.ewm-box{ text-align:center; }
	.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.ewm-box img{ max-width: 140px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
	
 }

@media (max-width:479px){
	header .top_bar .qita{ margin-left:15px; padding-left: 0; padding-top:19px; width:60px; min-height: inherit; }
	header .top_bar .qita span{ display: none; }
	header .top_bar .qita li{ width:50%; }
	header .top_bar .qita li a{ padding:0; font-size: 12px; height: 16px; line-height: 16px; border-right: none; }
	header .top_bar .tel .tels{ padding-left: 30px; font-size: 14px; line-height: 50px; background-size: 25px auto; }
	header .top_bar .tel .qq{ line-height: 50px; }
	header .top_bar .tel .qq img{ max-height: 30px; }
	.banner .swiper-pagination{ bottom: 10px; }
	.title-1{ margin-bottom: 20px; }
	.title-1 a .en{ font-size: 18px; }
	.title-1 a .cn span{ font-size: 16px; }
	.text-1-box .li .text{ margin-top:-22px; }
	.text-1-box .li .text .en{ font-size:18px; line-height: 20px; }
	.text-1-box .li .text .cn{ font-size: 14px; line-height: 18px; line-height: 24px; }
	.text-1 ul{ padding:15px 10px 0; }
	.text-1 ul li a{ height: 12px; font-size: 12px; line-height: 12px; }
	.pictrue-2-list a .textbox{ font-size: 12px; line-height: 40px; }
	footer .qita .qita-top .ewm{ padding-right: 0; padding-bottom: 20px; width: 100%; min-height:inherit; border-right: none; border-bottom: solid 1px #020202; }
	footer .qita .qita-top .ewm img{ margin:0 auto; max-width: 120px; }
	footer .qita .qita-top .contact{ padding-top: 20px; width: 100%; min-height:inherit; border-left: none; border-top: solid 1px #2d2d2d; }
}


/*清除样式*/
.clear { clear:both;}

/*分页css scott style pagination*/
div.scott{padding:3px;margin:3px;text-align:center;}
div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#2d2d2d;margin:0 2px 0 0;text-decoration:none;}
div.scott a:hover{border:#2d2d2d 1px solid;color:#2d2d2d;background-color:#2d2d2d7d;}
div.scott a:active{border:#2d2d2d 1px solid;color:#2d2d2d;background-color:#2d2d2d7d;}
div.scott span.current{border: #2d2d2d 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#2d2d2d;}
div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}



/*浮动QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 200;
}

.dock.close {
	z-index: 50;
}

.dock ul.icons {
	position: absolute;
	list-style: none;
	right: 0px;
	padding: 0px;
	width: 50px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
	right: -70px;
}

.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(../images/icons.png) no-repeat;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 210;
}

.dock ul.icons li.active i {
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.dock ul.icons li.up i {
	background-position: -63px -150px;
}

.dock ul.icons li.tel i {
	background-position: -62px -108px;
}

.dock ul.icons li.im i {
	background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
	background-position: -59px -66px;
}

.dock ul.icons li.down i {
	background-position: -63px -190px;
}

.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	color: White;
	line-height: 30px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease-in-out .1s;
	-moz-transition: all .4s ease-in-out .1s;
	-ms-transition: all .4s ease-in-out .1s;
	-o-transition: all .4s ease-in-out .1s;
	transition: all .4s ease-in-out .1s;
	overflow: hidden;
	z-index: 201;
}

.dock ul.icons li.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
    width: 143px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
	width: 140px;
    height:170px;
    line-height:30px
}

.dock ul.icons li.im p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 35px;
	line-height: 32px;
	color: #00dfb9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00dfb9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
	color: White;
	background: #0f8773;
	border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
	width: 180px;
    height:180px;
    line-height:30px;
    top:10px;
}

.dock ul.icons li.wechat p img {
	
	border: 2px solid #000;
}

.dock a.switch {
	position: absolute;
	display: block;
	top: 270px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(../images/icons.png) no-repeat 0px -640px;
	cursor: pointer;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.dock a.switch.off {
	background-position: -32px -640px;
}

.paging{ width: 100%; background: #e3e3e3; padding: 0 10px; margin: 20px 0; text-align:center;}
.paging a{ display: inline-block; font-size: 14px; line-height: 30px; color: #000; padding: 0 10px; transition: all 0.3s ease-out;}
.paging a span{ display: inline-block; color: #ff0000; }
.paging a:hover{ color: #000; transform: translateX(5px);}