@charset "utf-8";
/* CSS Document */
*{ font-family:"????????????";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#454545;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#454545;}
a:hover{ color:#C00;}
img{ max-width:100%;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}


body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;background:#FFF; overflow-x:hidden}
@media screen and (max-width:768px){
html{ font-size:26px !important}
body{ font-size:26px !important; width:100%;}
}
DIV.green-black{ width:100%; padding:20px 0; text-align:center; }
DIV.green-black A{COLOR: #fff;MARGIN-RIGHT: 2px;TEXT-DECORATION: none;font-size:100%;background-color: #333; padding:8px 12px}
DIV.green-black A:hover{COLOR: #fff;font-size:100%;background-color: #006bad;}
DIV.green-black A:active{COLOR: #fff;font-size:100%;background-color: #006bad;}
DIV.green-black SPAN.current{FONT-WEIGHT: bold;COLOR: #fff;MARGIN-RIGHT: 2px;font-size:100%;background-color: #006bad;padding:8px 12px}
::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px}


.kd{ max-width:1200px; width:90%; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
@media screen and (max-width:768px){
.kd{ width:95%}
}
@font-face{

font-family:'DIN';
font-family:'DIN';
	src:url('../fonts/DIN.eot?') format('eot');/*IE*/
	src:url('img/DIN.TTF') format('truetype');/*non-IE*/

}

@font-face{

font-family:'AVGARDN';
font-family:'AVGARDN';
	src:url('../fonts/AVGARDN.eot?') format('eot');/*IE*/
	src:url('img/AVGARDN.TTF') format('truetype');/*non-IE*/

}


.head{ width:100%; background:rgba(255,255,255,1); position:fixed; z-index:999; transition:all 0.7s ease}
.head .logo{ padding:10px}
.head.sticky{ background:#fff; box-shadow:0 2px 3px 1px rgba(0,0,0,0.1)}

.tebox{ width:78%;}
.tebox .tex{ text-align:right; margin-top:12px;}
.tebox .tex p{ position:relative; color:#2a2a2a; font-family:'DIN'; font-size:24px; display:inline-block; margin-right:10px; cursor:pointer}
.tebox .tex p:last-child{ margin-right:0}
.tebox .tex p img{ margin-bottom:-5px;}
.ctop{ height:112px; width:100%;}
@media screen and (max-width:768px){
.tebox .tex{ display:none}
}
/*????????????*/
.menu{ width:100%; margin-top:30px;}
@media screen and (max-width:768px){
.menu{ width:60%; position:absolute; right:0; top:0; margin-top:0}
}
.mobile-inner-nav{ z-index:99; display:block;  width:100%}
.mobile-inner-nav li{ float:left; position:relative; width:12.5%; text-align:center;  background:none bottom center;}

.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav a{ display:inline-block; font-size:1rem; text-align:center;transition:all 0.5s; position:relative;}
.mobile-inner-nav a span{ position:absolute; bottom:-1px; left:0; height:4px; width:100%; z-index:1; transition:all 0.5s; transform:scale(0,1); background:#d9333d;}
.mobile-inner-nav a p{ color:#000; font-size:1em; transition:all 0.5s;  display:block; z-index:2; position:relative}
.mobile-inner-nav a em{ font-size:0.875rem; margin:5px 0 10px; display:block}
.mobile-inner-nav li:hover a span,.mobile-inner-nav li.cur a span{ width:100%;transform:scale(1,1); transition:all 0.5s}
.mobile-inner-nav li:hover a p,.mobile-inner-nav li.cur a p{ color:#000;  }





@media screen and (max-width:1024px){
.mobile{width: 100%; position:absolute;}
.mobile-inner-nav li{ margin-top:0; background:none}
.mobile-inner-nav li .erj{ display:none;}
.mobile-inner-nav a{ margin:0;}
.mobile-inner-nav a span{ display:none;}
.mobile-inner-nav a p{ color:#fff; font-size:1em; line-height:30px;transition:all 0.5s; padding:0px 18px; background:none}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ border-bottom:none}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header .np{ display:block; color:#071c39; right:0; top:75px; width:60px; font-size:1.125rem}
.mobile-inner-header{width: 100%;height:104px; position: absolute;top: 0px;right: 0px; }
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:36px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:10px; }
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.2rem;background-color:#071c39; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.2rem;
    background-color: #071c39;
    position: absolute;
    left: 25%;
    bottom: 1.5em;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:104px;right: 0px;padding-bottom:1rem;display: none;	z-index:99999;}
.mobile-inner-nav li{ width:100%; float:none;}
.mobile-inner-nav a{display:inline-block;line-height:1rem;text-decoration: none;width:100%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center; border-radius:0px}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.125rem; padding:1em 0}

@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
}
@media screen and (max-width:768px){
.mobile-inner-nav a{padding:0.75em 0;}
.mobile-inner-header{width: 100%;height:110px; position: absolute;top: 0px;right: 0px; }
.mobile-inner-nav{top:110px;}
.mobile-inner-header-icon-out p {bottom: 0.9em;}
.mobile-inner-header .np{ display:block; color:#071c39; right:0; top:65px; width:70px; font-size:1rem}
.mobile-inner-header-icon{margin-top:30px; margin-right:10px; }
.mobile-inner-nav li:hover a p,.mobile-inner-nav li.cur a p{ color:#d9333d;  }
.mobile-inner-nav a em{ margin:0}
}

/*banner*/
.banner{ width:100%; overflow:hidden; background:#1174c8; position:relative;}
@media screen and (max-width:768px){
.banner{ display:none;}
}

.slide_tabs {list-style: none;padding: 0;font-size: 18px;list-style: none;padding: 10px 0;text-align: center; width: 100%; position:absolute;z-index:222; top:92%;}

.slide_tabs li {display:inline-block;margin-right: 5px; height:15px; overflow:hidden;}
.slide_tabs li.slide_here a{ border:2px solid #d9333d; background:#d9333d;}
.slide_tabs a {width: 9px; line-height: 90px;height: 9px;background: transparent; display:block;color:#000;overflow:hidden;border:2px solid #fff; background:#fff; border-radius:50%;}
.slide_tabs li:first-child { margin-left: 0; }
.slide_container {position: relative; float: right;width: 100%;overflow:hidden;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%; padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0; top: 0; }
.slide img {display: block;position: relative;z-index: 1;height: auto; width: 100%;border: 0;}
.slide .caption {display: block; position: absolute;z-index: 2;font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px; margin: 0; max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0); bottom: 0%; left: 0;margin-left:10%; opacity: 1;z-index: 3; text-indent: -9999px; overflow: hidden;text-decoration: none; height: 40px; width: 42px;background: transparent url("../images/prne.jpg") no-repeat left top;margin-top: -45px; }
.slide_nav:active {opacity: 1.0; }
.slide_nav.next { left: 42px;background-position: right top; right: 42px;margin-right:10%;}


.in-key{ background:url(img/sebg.jpg) center no-repeat; border-bottom:3px solid #d9333d; min-height:78px;}
.keyword{ line-height:78px;}
.keyword p{ font-size:1rem; color:#454545;}
.keyword p a{ color:#454545;}

.skuan{ width:298px;  height:40px; margin-top:20px;}

.seach-form .s-txt{ width:248px; height:40px; background:#fff; border:none; float:left; padding:5px 10px; color:#515151; box-sizing:border-box;}
.seach-form .s-bt{ background:url(img/sbtn.png) center no-repeat; height:40px; width:40px; border:none; float:left;}
@media all and (max-width: 768px) {
.in-key{ background:none}
.skuan{ display:none;}
}

.in-about{ width:100%; overflow:hidden; padding:70px 0 100px; background:#fff;}

.abpic{ z-index:2; position:relative; left:0; top:0;}

.abcon{ position:absolute; right:0; top:80px; min-height:550px; background:#f1f1f1; width:55%; padding:40px; box-sizing:border-box; z-index:5}
.abcon span{ font-size:54px; color:#d9333d;font-family:'DIN';}
.abcon span i{ display:inline-block; content:''; width:60px; height:3px; background:#454545; position:relative; top:-18px;}
.abcon h4{ font-size:2rem; color:#2b353e;}
.abcon p{ font-size:1rem; line-height:1.875em; text-indent:2em;}
.ho{ background:#d9333d; position:absolute; bottom:-40px; right:-10px; width:300px; height:200px; z-index:1}
.do{ background:#332c2b; position:absolute; top:-10px; left:-10px; width:100px; height:200px; z-index:1}

.amore{ margin-top:24px;}
.amore a{ color:#fff; display:inline-block; color:#fff; background:#d9333d; padding:10px 30px; border-radius:20px; margin-right:20px;}
.amore a:nth-child(2){ background:#332c2b}
@media all and (max-width: 768px) {
.abpic{ width:100%;}
.abpic img{ width:100%;}
.abcon{ position:relative; top:0; right:0; width:100%;}
}

/*??????*/
.in-his{ padding:40px 0 50px; background:url(img/fabg.jpg) center top no-repeat}
.histit h4{ color:#d9333d; font-weight:bold; font-size:2rem;}
.histit span{ font-size:1rem; color:#999}
.histit hr{ width:40px; height:2px; margin:10px 0; background:#d9333d; border:none}
.slider {width: 100%; margin: 0 auto 0;}
.slick-slide {margin: 0px 20px; }
.slick-slide img { width: 100%; }
.slick-prev:before,.slick-next:before { color: black; }
.slick-slide { transition: all ease-in-out .3s; opacity: .2;}
.slick-active {opacity: 1;}
.slick-current { opacity: 1; }
.center{ background:url(img/xi.jpg) center 180px no-repeat}
.center .his1{ position:relative; padding:20px; box-sizing:border-box; min-height:180px;}
.center .his2{ position:relative; padding:0 20px; margin-top:180px; box-sizing:border-box; min-height:180px;}

.center div em{ content:''; width:1px; height:160px; background:#ddd; display:inline-block; position:absolute; left:0;}
.center div i{content:''; width:12px; height:12px; background:#d9333d; border-radius:50%; display:inline-block; position:absolute; left:0; z-index:2}
.center .his1 i{ bottom:-6px; left:-6px;}
.center .his2 i{ top:-6px; left:-6px;}


.center div h4{ font-size:1.875rem; color:#d9333d;}
.center div p{ font-size:1.125rem; color:#454545; line-height:1.5em;}
.center div span{ font-size:0.75rem; color:#666}
.center .xi{ position:absolute; width:100%; height:1px; background:#ddd; top:160px;}
@media all and (max-width: 768px) {
.in-his{ display:none}
}


/*????????????*/
.in-pro{ background:#f3f3f3; width:100%; height:auto; padding:80px 0;}
.in-pro .prname{ position:relative;}
.prname .ptt p{ font-size:2.5rem; color:#d9333d; font-weight:bold;}
.prname .ptt span{ font-size:1.125rem; color:#2a2a2a; font-weight:lighter; margin-top:8px; display:block;}
.prname .ptt hr{ height:5px; width:60px; background:#d9333d; border:none; margin:8px 0; position:relative; z-index:2}
.prname .xa1{ position:absolute; width:100%; height:1px; background:#f9f9f9; bottom:10px;}
.psort{ margin-top:37px;}
.psort li{ float:left; display:inline-block;}
.psort li a{ display:block; padding:10px 24px; background:#2b353e; color:#fff; border-radius:10px; margin-left:16px; position:relative; z-index:2; transition:all 0.7s}
.psort li a i{ position:absolute; bottom:-5px; width:100%; left:0; text-align:center; border-radius:8px; transform:scale(0,1); transition:all 0.7s;}
.psort li a em{ position:absolute; width:100%; height:100%; top:0; left:0; background:#d9333d; border-radius:8px; transform:scale(0,1); transition:all 0.7s; z-index:-1}
.psort li a:hover{ color:#000;}
.psort li a:hover em{ transform:scale(1);}
.psort li a:hover i{ transform:scale(1);}

.pro-h{ margin-top:40px; position:relative; width:100%;}
.pro-h .prev{ position:absolute;  border-radius:50%; background:#2a2a2a; color:#fff; width:48px; height:48px; font-family:'??????'; font-size:1.875rem; z-index:2; text-align:center; line-height:48px; top:44%;left:-24px; cursor:pointer;}
.pro-h .next{ position:absolute;  border-radius:50%; background:#2a2a2a; color:#fff; width:48px; height:48px; font-family:'??????'; font-size:1.875rem; z-index:2;  text-align:center; line-height:48px; top:44%;right:-24px; cursor:pointer;}

.pro-h li{ width:24%; margin-right:16px;}
.pro-h li .pimg{ width:100%; overflow:hidden;}
.pro-h li .pimg img{ width:100%; transform:scale(1); transition:all 0.7s}
.pro-h li:hover .pimg img{ transform:scale(1.05)}
.pro-h li .pname{ background:#fff; box-sizing:border-box; padding:16px 18px; }


.pmore{ text-align:center; margin-top:40px}
.pmore a{ display:inline-block; color:#fff; background:#2b353e; padding:15px 25px; border-radius:10px; transition:all 0.5s;}
.pmore a img{ margin-bottom:-5px;}
.pmore a:hover{ background:#d9333d}


/*??????*/
.in-qu{ background:url(img/pzbg.jpg) center top no-repeat; width:100%; overflow:hidden; min-height:610px; padding:30px 0 60px}
.qutit span{font-family:'AVGARDN'; color:#fff; text-transform:uppercase; font-size:64px; opacity:0.3}
.qutit h4{ font-size:2.5rem; color:#fff; position:relative; z-index:2; margin-top:-40px; color:#ffc600; font-weight:bold; text-shadow:2px 2px 2px rgba(2,32,59,1)}
.qutit p{ font-size:1.125rem; color:#fff; margin-top:8px;}

.point4{ margin-top:30px; width:50%; box-sizing:border-box; padding-right:40px;}
.point4 li{ padding-left:80px; margin-top:24px;}
.point4 li:nth-child(1){ background:url(img/ad1.png) left 10px no-repeat}
.point4 li:nth-child(2){background:url(img/ad2.png) left 10px no-repeat}
.point4 li:nth-child(3){background:url(img/ad3.png) left 10px no-repeat}
.point4 li:nth-child(4){background:url(img/ad4.png) left 10px no-repeat}
.point4 p{ font-size:1.875rem; color:#ffc600; margin-bottom:5px;}
.point4 i{ content:''; display:block; width:30px; height:1px; background:#fff; margin:5px 0}
.point4 span{ color:#ffeba7; line-height:1.5em;}
@media screen and (min-width: 1680px){
}
@media all and (max-width: 768px) {
.in-qu{ background:url(img/pzbg.jpg) left top no-repeat; width:100%; background-size:cover}
.point4{ width:100%}
}

/*????????????*/
.in-case{ background:url(img/cabgf.jpg) center repeat; padding:70px 0; width:100%; overflow:hidden;}
.catit{ text-align:center;}
.catit h4{ font-weight:bold; font-size:2.5rem; color:#2b353e}
.catit h4 img{ margin-bottom:-12px;}
.catit p{ font-size:1.25rem; color:#2b353e; margin-top:4px;}
.catit p span{ font-weight:bold; color:#d9333d; font-size:1.5rem;}
.catit p:before{ content:''; display:inline-block; width:32px; height:2px; background:#2b353e; position:relative; top:-5px; margin-right:8px;}
.catit p:after{ content:''; display:inline-block; width:32px; height:2px; background:#2b353e; position:relative; top:-5px; margin-left:8px;}

.caul{ position:relative; margin-top:48px;}
.caul .prev{ position:absolute; left:-20px; color:#fff; top:45%; background:#d9333d; font-family:'??????'; padding:10px 16px; z-index:2; cursor:pointer}
.caul .next{ position:absolute; right:-20px; color:#fff; top:45%; background:#d9333d; font-family:'??????'; padding:10px 16px; z-index:2; cursor:pointer}


.caul li{ float:left; background:#fff; width:32%; margin-right:24px;}
.caul li a{ display:block;}
.caul li .cimg{ box-sizing:border-box; width:100%; border:10px solid #fff; overflow:hidden; position:relative;}
.caul li .cimg span{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5) url(img/clink.png) center center no-repeat; opacity:0; transition:all 0.7s}
.caul li:hover .cimg span{ opacity:1;}

.caul li .cimg img{ transform:scale(1); transition:all 0.7s;}
.caul li:hover .cimg img{ transform:scale(1.05);}
.caul li p{ padding:10px 20px 20px;}
.caul li p span{ float:right; background:#d9333d; font-family:'??????'; color:#fff; border-radius:50%; width:20px; height:20px; text-align:center;}

.cabtn{}
@media all and (max-width: 768px) {
.caul{ width:100%; overflow:hidden;}
.caul .prev{left:0; }
.caul .next{ right:0;}
.caul li{  width:48.5%;}
.caul li p span{ width:36px; height:36px; line-height:36px;}
}

/*????????????*/
.in-par{ padding:70px 0 60px; width:100%; overflow:hidden; background:#eee url(img/jobg.jpg) center bottom no-repeat;}
.parul{ background:#fff; box-sizing:border-box; box-shadow:0 0 5px 3px rgba(0,0,0,0.1); margin-top:40px;}
.parul li{ float:left; border-right:1px solid #eee; display:block; border-bottom:1px solid #eee; width:20%; box-sizing:border-box; text-align:center; cursor:pointer;}
.parul li img{ transform:rotateY(0deg); transition:all 0.7s;}
.parul li:hover img{ transform:rotateY(180deg)}
.jotit{ text-align:center; margin-top:48px}
.jotit h4{ font-weight:bold; font-size:2.125rem; color:#fff;text-shadow:2px 2px 1px rgba(0,0,0,1)}
.jotit h4 b{ color:#ffc600;}
.jotit p{ font-size:2rem; color:#fff; margin-top:4px;}
.jotit p:before{ content:''; display:inline-block; width:50px; height:2px; background:#fff; position:relative; top:-8px; margin-right:8px;}
.jotit p:after{ content:''; display:inline-block; width:50px; height:2px; background:#fff; position:relative; top:-8px; margin-left:8px;}
.joul{ margin-top:40px;}
.joul li{ width:23%; margin-right:2.6%; background:rgba(255,255,255,0.9); box-sizing:border-box; padding:30px 20px; text-align:center; border-bottom-left-radius:30px; border-top-right-radius:30px; position:relative; float:left; min-height:300px; overflow:hidden; cursor:pointer}
.joul li img{ transform:rotateY(0); transition:all 0.7s}
.joul li:hover img{ transform:rotateY(180deg);}

.joul li hr{ width:40px; height:2px; background:#2b353e; border:none;}
.joul li p{ font-size:1.375rem; color:#d9333d; font-weight:bold; margin:16px 0;}
.joul li span{ font-size:1rem; color:#333; position:relative; z-index:2}
.joul li em{ position:absolute; right:-12px; bottom:0; font-family:'DIN'; font-size:72px; opacity:1; 
 z-index:1; color:#fff}
.jbtn{ margin-top:30px; text-align:center;}
.jbtn a{ display:inline-block; color:#fff; padding:12px 30px; background:#d9333d; border-radius:10px; font-size:1rem}
.joul li:nth-child(4){ margin-right:0;}

@media all and (max-width: 768px) {
.in-par{ background:#eee url(img/jobg.jpg) center bottom no-repeat; background-size:465%;}
.parul li{ width:33.33%;}
.parul li img{ width:100%;}
.parul li:nth-child(10){ display:none}
.joul li{ width:48%; margin-bottom:24px;}
.joul li:nth-child(2){ margin-right:0;}
}

/*????????????*/
.in-new{ padding:80px 0; width:100%; background:url(img/nbg.jpg) center bottom no-repeat; width:100%; overflow:hidden;}
.netit h4{ font-size:2.125rem; line-height:1.5em; font-weight:bold; color:#2a2a2a;}
.netit hr{display: block;height: 4px; width: 41px;background: #d9333d; border:none; margin:10px 0;}

.synews_nr{ padding-top:33px;}
.synews_l{ width:50%;}
.synews_smg{ background:#ce202b;}
.synews_rq{ font-size:1.125rem; color:#fff; padding-left:20px; padding-top:40px;}
.synews_rq p{ font-size:3.75rem; font-weight:bold; line-height:2.5rem; color:#fff;}
.synews_rq span{ font-size:1.5rem; font-weight: normal; color:#ffc600;}
.synews_rq i{ display:block; font-style:normal; font-size:1.5rem; color:#fff; line-height:1.5rem;}
.synews_pic{ overflow:hidden;}
.synews_pic img{ display:block; transition:0.5s;}
.synews_l:hover .synews_pic img{transform:scale(1.1);}
.synewsa_bt{ font-size:1.125rem; overflow:hidden; font-weight:bold; color:#212121; margin-top:25px; margin-bottom:20px;}
.synews_l:hover .synewsa_bt{ color:#ce202b;}
.synewsa_ms{ font-size:0.875rem; line-height:1.5em; color:#4a4a4a; height:auto; overflow:hidden;}
.synews_nr ul{ width:46%;}

.synews_one{ width:100%; height:160px; background:#ce202b; padding:30px 3% 30px 3%; box-sizing:border-box;}
.synewone_rq{ font-size:1.25rem; color:#fff; text-align:center; border-right:1px solid #ddd; width:22%; text-align:center;}
.synewone_rq p{ font-size:3rem; line-height:2.5rem; color:#ffc600;}
.synewone_rq i{ font-style:normal; width:24px; font-family:"??????"; line-height:24px; text-align:center; color:#000; background:#ffcc00; display:block; margin:8px auto 0 auto; font-size:0.875rem; height:24px; border-radius:50%;}
.synewone_wb{ width:75%; color:#fff;}
.syneone_bt{ font-size:1.125rem; font-weight:bold; height:auto; line-height:auto; overflow:hidden;}
.syneone_ms{ font-size:0.875rem; line-height:24px; height:48px; overflow:hidden; margin-top:12px;}

.synews_nr li{ height:67px; line-height:67px; border-bottom:1px dotted #aaa; width:96%; padding:0 2%;}
.synews_nr li a{ font-size:0.875rem; color:#1e1e1e; font-weight:bold;}
.synews_nr li a:hover{ color:#ce202b;}
.synews_nr li i{ font-style:normal; font-size:0.75rem; color:#1e1e1e; font-weight:normal; padding-right:8px; font-family:"??????";}
.synews_nr li span{ float:right; font-size:0.875rem; color:#a1a1a1;}
@media all and (max-width: 768px) {

.synews_l{ width:100%;}
.synews_nr ul{ width:100%; margin-top:30px}
.synews_one{ height:auto;}
.syneone_ms{  line-height:1.5em; height:auto; overflow:hidden; }
.synews_rq em{ display:none}
.synews_rq{ padding-top:32px;}
.synews_pic img{ width:100%}
}

/*????????????*/
.faq{ width:100%; margin-top:40px; position:relative;}
.faq .qtit{ width:12%; position:relative; min-height:115px;}
.qtit .prev{ position:absolute; display:inline-block; padding:2px 18px; background:#2a2a2a; color:#fff; font-family:'??????'; bottom:0; right:44px;}
.qtit .next{ position:absolute; display:inline-block; padding:2px 18px; background:#d9333d; color:#fff; font-family:'??????';bottom:0; right:0;}
.faq .fap{ font-size:1.375rem; font-weight:bold; color:#393939}
.faq .fas{ font-size:1rem; color:#2a2a2a}
.fa_c {height:auto; overflow:hidden; margin-left:0px;  width:85%; }
.fa_c li { width:46.5%; height:auto; border:1px solid #ececec;  padding:20px 10px; margin-right:22px;}
.fa_c li dt { width:100%;  height:24px; background:url(img/q.jpg) left center no-repeat; padding-left:30px; font-size:1.125rem; font-weight:bold;}
.fa_c li dd { width:100%; height:auto; background:url(img/a.jpg) left top no-repeat; margin:10px 0 0 0; padding-left:30px; box-sizing:border-box; font-size:0.875rem; line-height:1.5em;}
@media screen and (max-width: 767px){
.faq{ display:none}
.fa_c { margin-top:10px; display:none}
.f02 { left:0}
.f02 { left:70px;}
}



/*????????????*/
.fri{ padding:10px 0; border-top:1px solid #ddd; background:#eee;}
.fritit{ border-right:1px solid #d9333d; padding-right:8px;}
.fritit span{ font-size:2rem; color:#d9333d; text-transform:uppercase; line-height:1em;}
.fritit p{ font-size:1.125rem; color:#333;}

.frd{ height:24px; width:90%; line-height:24px; margin-top:20px;}
.frd a{ display:inline-block; padding:0 10px;  color:#333; border-right:1px solid #333; }
@media screen and (max-width:768px){
.fri{ display:none;}
}
/*foot*/
.foot{ background:#2a2a2a; padding:30px 0 0;}
.fme1{ border-bottom:1px solid #393939; padding:10px 0 25px;}
.fme1 ul{ width:75%;}
.fme1 li{ float:left; width:17.5%;}
.fme1 li a{ color:#fff; font-size:1.125rem;}
.fme1 .fq1{ float:right;}
.fme1 .fq2{ float:right; margin-left:10px;}

.fme2{ width:75%; margin-top:16px;}
.fme2 dl{ float:left; width:17.5%;}
.fme2 dl div{ margin-right:16px;}
.fme2 dl dd a{ color:#fff; font-size:1rem; line-height:1.5em}
@media screen and (max-width:768px){
.foot{ background-size:cover;}
.fme1 .fq1{ display:none;}
.fme1 .fq2{ display:none;}
.fme1 ul{ width:100%;}
.fme1 li{ width:25%; margin-bottom:20px;}
.fme2{ display:none;}
}

.flo{ margin-top:30px;}
.flo p{ background:#fff; padding:8px 5px; border-radius:5px; display:inline-block; text-align:center;}
.flo p span{ display:block; font-size:0.875rem; color:#6e6e6e}

.fbq{ border-top:1px solid #393939; padding:20px 0; margin-top:23px;}
.fbq p{ color:#fff; font-size:0.875rem;}
.fbq .fr{ color:#fff;}
.fbq .fr a{ color:#fff;}
.fbq a{ color:#fff;}
@media screen and (max-width:768px){
.flo{ width:100%; text-align-last:center;}
.flo p img{ width:137px;}
.fbq p{ float:left; width:100%; line-height:1.5em;}
.fbq{ margin-bottom:100px;}
}

/*??????*/
.fudong{ display:none}
@media screen and (max-width:768px){
.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#d9333d; z-index:99999}
.fudong li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #f0515b; float:left;}
.fudong li p{ color:#fff;}
}

.link1{ display:inline-block;}
.link2{ display:none !important;}
@media all and (max-width: 768px) {
.link1{ display:none !important;}
.link2{ display:inline-block !important;}
}

/*????????????*/
.mban{ display:none;}
@media all and (max-width: 768px) {
.mban{ display:block;}
.swiper-container { width: 760px; 
     height:600px; 
     margin-left: auto;
    margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
	

.swiper-wrapper {
	position: relative;
	width: 760px;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {transform: translate3d(0px, 0, 0);}
.swiper-container-multirow>.swiper-wrapper {flex-wrap: wrap}
.swiper-container-multirow-column>.swiper-wrapper {flex-wrap: wrap;flex-direction: column}
.swiper-container-free-mode>.swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto}
.swiper-slide {flex-shrink: 0;width: 760px;height: 100%;position: relative;transition-property: transform}
.swiper-slide { background-size:100%;}
.swiper-slide-invisible-blank {visibility: hidden}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height: auto}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height}
.swiper-container-css-mode>.swiper-wrapper {overflow: auto;scrollbar-width: none;-ms-overflow-style: none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {scroll-snap-align: start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: y mandatory}
:root {--swiper-navigation-size:44px}
.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;
margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none
}
.swiper-button-next:after, .swiper-button-prev:after {font-family: swiper-icons;font-size: var(--swiper-navigation-size)
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px;right: auto; background:url(img/arrows.png) top; height:30px; width:17px}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px;left: auto; background:url(img/arrows.png) bottom; height:30px; width:17px;}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
--swiper-navigation-color:#000000
}
.swiper-button-lock {
	display: none
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}
.swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 100%;
	background: #5f7185;
	opacity: .8
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-white {
--swiper-pagination-color:#ffcc00;
}
.swiper-pagination-black {
--swiper-pagination-color:#000000;
}
.swiper-pagination-lock {
	display: none
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}




.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
}

@keyframes cats{
0%{}
25%{}
50%{}
75%{}
100%{}
}

.warning{
	margin-bottom: 20px;
}