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


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#333333;
	font-size:17px;
	font-family:"Calibri Light";src:url('../fonts/Calibri_Light.ttf');

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
img{ max-width: 100%; height: auto; transition: all .5s;}
a{ text-decoration:none; color:#333333; }
a:hover{ color:#fe5d13;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}

.yftop{ width:100%; margin:0 auto; background:#000; height:36px; overflow:hidden;}	
.yftop2{ width:1200px; margin:0 auto; line-height:36px;}
.sp1{ width:50%; text-align:left; color:#d4d4d4;}

.sp2{ width:106px; height:23px; background:#e54000; color:#FFF; border-radius:20px; line-height:23px; margin-top:6.5px;}
.sp2 a{ color:#FFF;}	
.sp2:hover{ background:#273272;}
.sp2 img{ width:20px; height:20px; margin-left:15px; float:left; margin-right:5px;}
/***********************/


.yflogo{ width:1200px; margin:0 auto;}


#nav {width:650px; float:left; margin-top:30px; margin-left:80px; }
#nav li a {
	display: block;
	width: 130px;
	text-align:center;
	color:#312f32;
	font-size:17px;
	height:42px;
	line-height:42px;
}
#nav li {float: left; width:130px;}
#nav li a:hover{text-decoration:none;color:#e54000;background:#FFF;border-bottom:3px solid #e54000;width:130px;}
#nav li a#cur{color:#e54000;background:#FFF;width:130px;border-bottom:3px solid #e54000;}

#nav li ul {
	line-height:42px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 130px;
	position: absolute;
	border-top-style: none;
	z-index:100000;
	overflow:hidden;
}

#nav li ul li{
	float: left;
	width: 100%;
	background: #FFF;filter: Alpha(Opacity=90);
	border-top: none #F9F9F9;
	border-right: none #F9F9F9;
	border-bottom: 1px solid #e54000;
	border-left: none #F9F9F9;
}
#nav li ul li a{
 display: block;
  width: 100%;
  text-align:center;
 font-size:15px;
 font-weight:normal;
 background:none;
 background:#000; border-bottom:1px solid #e54000;
}
#nav li ul a:link  {
 color:#FFF; text-decoration:none;
}
#nav li ul a:visited  {
 color:#FFF;text-decoration:none;
}
#nav li ul a:hover  {
 color:#e54000;text-decoration:none;font-weight:normal;border-top:none;
 background:#FFF;filter: Alpha(Opacity=70);border-bottom:1px solid #e54000;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}

.sp3{ width:170px; background:url(../images/telgif.gif) no-repeat; color:#000; font-size:17px; line-height:49px; font-weight:bold; height:49px; margin-top:26.5px; padding-left:40px;}

/******************************/

.yfbabg{ width:100%; background:url(../images/bannerbg.jpg) no-repeat top center;}

.yfbanner{ width:85%; margin:0 auto; padding-top:115px;}

.slick-track {
  will-change: transform;
  height:500px; overflow:hidden;
}

.slick-list {
  overflow: visible;
  will-change: transform;
}

.slick-slide {
  padding: 0 100px;
  width: 100vw;
 /* -webkit-filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.55));
          filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.55));*/
}
.slick-slide img {
  max-width: 80%;
  height:auto;
  margin: 0 auto;
}

[type="button"] {
/*  position: fixed;*/
position:absolute;
  top: 50%;
  z-index: 10;
  width: 70px;
  height: 70px;
  overflow: hidden;
  border: 0;
  text-indent: -9999px;
  background-color: black;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 0.9;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
[type="button"]:hover {
  opacity: 1;
}
[type="button"].slick-next {
  right: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5jaGV2cm9uLXJpZ2h0PC90aXRsZT48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTUuNzA2IDExLjI5NGwtNi02Yy0wLjM4Ny0wLjM4Ny0xLjAyNS0wLjM4Ny0xLjQxMyAwcy0wLjM4NyAxLjAyNSAwIDEuNDEzbDUuMjk0IDUuMjk0LTUuMjk0IDUuMjk0Yy0wLjM4NyAwLjM4Ny0wLjM4NyAxLjAyNSAwIDEuNDEzIDAuMTk0IDAuMTk0IDAuNDUgMC4yOTQgMC43MDYgMC4yOTRzMC41MTMtMC4xIDAuNzA2LTAuMjk0bDYtNmMwLjM5NC0wLjM4NyAwLjM5NC0xLjAyNSAwLTEuNDEzeiI+PC9wYXRoPjwvc3ZnPg==);
}
[type="button"].slick-next:hover {
  right: -5px;
}
[type="button"].slick-prev {
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5jaGV2cm9uLWxlZnQ8L3RpdGxlPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMC40MTMgMTJsNS4yOTQtNS4yOTRjMC4zODctMC4zODcgMC4zODctMS4wMjUgMC0xLjQxM3MtMS4wMjUtMC4zODctMS40MTMgMGwtNiA2Yy0wLjM4NyAwLjM4Ny0wLjM4NyAxLjAyNSAwIDEuNDEzbDYgNmMwLjE5NCAwLjE5NCAwLjQ1IDAuMjk0IDAuNzA2IDAuMjk0czAuNTEzLTAuMSAwLjcwNi0wLjI5NGMwLjM4Ny0wLjM4NyAwLjM4Ny0xLjAyNSAwLTEuNDEzbC01LjI5NC01LjI5NHoiPjwvcGF0aD48L3N2Zz4=);
}
[type="button"].slick-prev:hover {
  left: -5px;
}

@-webkit-keyframes motion-blur {
  0% {
    -webkit-filter: url(#blur0);
            filter: url(#blur0);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  15% {
    -webkit-filter: url(#blur1);
            filter: url(#blur1);
    -webkit-transform: scale(1, 0.98);
            transform: scale(1, 0.98);
  }
  30% {
    -webkit-filter: url(#blur2);
            filter: url(#blur2);
    -webkit-transform: scale(1, 0.93);
            transform: scale(1, 0.93);
  }
  45% {
    -webkit-filter: url(#blur3);
            filter: url(#blur3);
    -webkit-transform: scale(1.1, 0.9);
            transform: scale(1.1, 0.9);
  }
  60% {
    -webkit-filter: url(#blur4);
            filter: url(#blur4);
    -webkit-transform: scale(1.2, 0.88);
            transform: scale(1.2, 0.88);
  }
  75%,
  100% {
    -webkit-filter: url(#blur5);
            filter: url(#blur5);
    -webkit-transform: scale(1.35, 0.85);
            transform: scale(1.35, 0.85);
  }
}

@keyframes motion-blur {
  0% {
    -webkit-filter: url(#blur0);
            filter: url(#blur0);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  15% {
    -webkit-filter: url(#blur1);
            filter: url(#blur1);
    -webkit-transform: scale(1, 0.98);
            transform: scale(1, 0.98);
  }
  30% {
    -webkit-filter: url(#blur2);
            filter: url(#blur2);
    -webkit-transform: scale(1, 0.93);
            transform: scale(1, 0.93);
  }
  45% {
    -webkit-filter: url(#blur3);
            filter: url(#blur3);
    -webkit-transform: scale(1.1, 0.9);
            transform: scale(1.1, 0.9);
  }
  60% {
    -webkit-filter: url(#blur4);
            filter: url(#blur4);
    -webkit-transform: scale(1.2, 0.88);
            transform: scale(1.2, 0.88);
  }
  75%,
  100% {
    -webkit-filter: url(#blur5);
            filter: url(#blur5);
    -webkit-transform: scale(1.35, 0.85);
            transform: scale(1.35, 0.85);
  }
}
.do-transition {
  -webkit-animation: motion-blur 0.1s linear forwards, motion-blur 0.4s linear reverse forwards 0.1s;
          animation: motion-blur 0.1s linear forwards, motion-blur 0.4s linear reverse forwards 0.1s;
}
/******************************/

.yfyiqi{ width:1200px; margin:0 auto; padding-bottom:60px; margin-top:160px; background:url(../images/en_yiqibg.png) no-repeat top center; height:622px;}
/*******************************************************************/

.yfcpbg{ width:100%; margin:0 auto; background:url(../images/cpbg.jpg) no-repeat bottom center; padding-bottom:30px; margin-bottom:50px;}

.yfcpzx{ width:1200px; margin:0 auto; margin-top:20px; text-align:center; color:#333333; font-size:36px; font-weight:bold;}
.yfcpzx span{ font-size:20px; font-weight:normal;}
.yfcpzx1{ width:1200px; margin:0 auto; margin-top:25px;}
.yfcpzx1 ul{ width:100%; float:left;}
.yfcpzx1 li{ width:28.3333%; float:left; margin:1.4%; text-align: center; border:1px solid #dddddd; border-top:none; padding:1%;}
.yfcpzx1 li a{ font-size:14px;}
.yfcpzx1 li a img{ margin-bottom:10px; width:100%; height:auto;}
.yfcpzx1 li:hover{ border:#fe5d13 1px solid; border-top:none;}

.yfsp1{ width:100%; margin-top:30px;}
.yfsp1 a{ display:block; width:20%; margin-left:40%; height:45px; line-height:45px; text-align:center; background:#273272; color:#FFF;}
.yfsp1 a:hover{ background:#e54000; color:#FFF;}
/***************************/

.youshibg{ width:100%; background:url(../images/youshibg.jpg) no-repeat bottom center; padding-bottom:50px;}
.wrap{width:1200px; margin:0 auto;}

.ysimg1{ display:block !important; margin-left:37%;}
.ysimg2{ display:none !important;margin-left:37%;}

.tabs{ margin-top:50px; margin-bottom:50px;}
.tabs a{display:block;float:left;width:25%;color:#515454;text-align:center;font-size:26px;}
.tabs a:hover{ color:#e54000;}
.tabs a:hover .ysimg1{ display:none !important;}
.tabs a:hover .ysimg2{ display:block !important;}
.tabs a.active{color:#e54000;border-radius:5px 5px 0px 0px;}
.tabs a.active .ysimg1{ display:none !important;}
.tabs a.active .ysimg2{ display:block !important;}
.swiper-container{background:#e54000; float:left; height:300px;width:100%; overflow:hidden;}
.swiper-slide{width:100%;background:none;color:#fff;}
.content-slide{padding:40px;}

.youshibigimg{ border:2px solid #FFF; margin-right:25px;}
.youshidiv{ width:70%;}
.youshidiv span{ width:100%; display:block; font-size:26px; font-weight:bold; float:left; margin-top:35px;}
.youshidiv p{ width:100%; float:left; line-height:27px; margin-top:30px; font-size:16px;}
/****************************************/


.yfcmp{ width:100%; background:url(../images/cmp.jpg) no-repeat top center; height:525px; overflow:hidden; margin-top:35px; margin-bottom:30px;}
.yfcmp1{ width:1200px; margin:0 auto; color:#FFF;}
.yfcmp2{ width:45%; margin-left:50%; padding-left:5%;}
.yfsp2{ width:100%; font-size:22px; font-weight:bold; margin-top:50px;}
.yfp1{ line-height:27px; margin-top:35px; width:100%; text-align:justify; white-space:pre-line;}
.yfulo1{ width:100%; margin-top:35px;}
.yfulo1 li{ width:25%; float:left;}
.yfulo1 li a{ color:#FFF; text-align:center;}
.yfulo1 li a:hover{ font-weight:bold; text-decoration:underline;} 
.yfulo1 li a img{margin-bottom:10px;}
/*********************************************************/

.yfxinwen{ width:1200px; margin:0 auto; margin-top:30px;}
.yfxinwen1-1{ width:557px;}
.yfxinwen1-1-1{ width:100%;}
.yfxinwen1-1-1 img{ width:100%; height:auto;}
.yfsp3{ width:96%; background:url(../images/spbg.png) repeat; padding:2%; color:#FFF; position:relative; z-index:1000; margin-top:-81px;}
.yfxinwen1-1-1 a:hover .yfsp3{ color:#FFF; font-weight:bold; text-decoration:underline;}

.yful02{ width:100%;}
.yful02 li{ width:100%; float:left; margin:10px 0; border-bottom:1px dotted #CCC; padding-bottom:12px;}

.yfxinwen1-2{ width:620px; margin-left:23px;}
.yfxinwen1-2 ul{ width:100%; float:left;}
.yfxinwen1-2 li{ width:100%; float:left; margin-bottom:35px; border-bottom:1px dotted #e2e2e2; padding-bottom:12px;}
.yfxinwen1-2 li a img{ width:30%; height:auto; margin-right:5%;}
.yfxinwen1-2 li a span{ display:block; float:left; width:65%; line-height:25px;}
/******************************************/

.yffoot{ width:100%; margin:0 auto; background:#333333; color:#FFF;}
.yffoot1{ width:1200px; margin:0 auto; padding-top:45px;}
.yffoot1-1{ width:261px;}
.yfh1{ width:100%; font-weight:normal; font-size:15px; margin-top:25px;}
.yfh12{ width:100%; font-size:29px; font-weight:normal; margin-top:40px;}
.yfp2{ width:100%; line-height:27px; margin-top:12px;}

.yffoot1-2{ width:285px; margin-top:30px;}
.yfh3{ width:100%; font-size:17px; font-weight:normal;}
.yffoot1-2 ul{ width:100%; margin-top:30px;}
.yffoot1-2 li{ width:100%; float:left; line-height:24px; margin:10px 0;}
.yffoot1-2 li a{ color:#FFF;}

.yffoot1-3{ width:400px;margin-top:30px;}
.yfp3{ width:100%; line-height:37px; margin-top:16px;}

.yffoot1-4{ width:145px;}
.yffoot1-4 ul{ width:100%; float:left; }
.yffoot1-4 li{ width:100%; float:left; text-align:center; color:#FFF; margin-bottom:20px;}
.yffoot1-4 li img{ margin-bottom:12px;}

.fotmm{ margin-left:36px;}

.yffoot2{ width:1200px; margin:0 auto; height:45px; line-height:45px; border-top:1px dotted #CCC;}
.yffoot2 a{ color:#FFF;}
.yffoot2 a:hover{ color:#FFF; text-decoration:underline;} 

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#273272 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#273272 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#273272 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
/************************************************************************************/

.yftu {
    overflow: hidden;
    width: 100%;
}
.yftu2{
    height:525px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/*************************************/

.neiba {
    overflow: hidden;
    width: 100%;
}
.neiyeba{
    height:300px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
	
/****************************/
.yftiao{ width:100%; background:#f4f4f4; height:60px; line-height:60px; margin:0 auto;}
.yftiao2{ width:1200px; margin:0 auto;} 	
.yftiao2 strong{ color:#e54000;}
/****************************/

.yfnei{ width:1200px; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.yfleft1{ width:230px; border:2px solid #273272; padding-bottom:20px;}
.yfsp4{ width:100%; color:#FFF; padding:30px 0; background:#273272; line-height:30px; text-align:center;}
.yfsp4 strong{ font-size:26px;}

.yful03{ width:100%;}
.yful03 li{ width:100%; float:left; padding:12px 0; border-bottom:1px dashed #7278a0; text-align:center;}
.yful03 li a{ color:#666; display:block; width:100%;padding:12px 0;}
.yful03 li a:hover{ color:#FFF; background:#273272;}

.yfright1{ width:936px; margin-left:30px;}
.yfright1-1{ width:100%; text-align:center; color:#273272; line-height:60px; font-size:20px; font-weight:bold;}
.yfright1-2{ width:100%; margin-top:20px; line-height:28px;}
/****************************/

.yfright1-3{ width:100%;}
.yfright1-3 ul{ width:100%; float:left;}
.yfright1-3 li{ width:30.3333%; float:left; margin:1.5%; height:240px; overflow:hidden;}
.yfright1-3 li a span{ display:block; width:100%; float:left; height:45px; line-height:45px; background:#273272; color:#FFF; text-align:center;}
.yfright1-3 li a img{ width:99%; height:auto; border:1px solid #273272; float:left;}
.yfright1-3 li:hover span{ background:#e54000; color:#FFF;}
.yfright1-3 li:hover img{border:1px solid #e54000;}
/*****************************/

.yfright1-4{ width:100%;}
.yfright1-4 ul{ width:100%; float:left;}
.yfright1-4 li{ width:100%; float:left; line-height:24px; border-bottom:1px solid #CCC; padding-bottom:20px; padding-top:20px;}
.yfright1-4 li a{ font-size:14px; color:#999;}
.yfright1-4 li a strong{ font-size:16px; color:#333;}
.yfright1-4 li span{ display:block; width:100%; float:left; margin-top:25px; color:#273272;}
.yfright1-4 li a:hover{ color:#e54000;}
.yfright1-4 li a:hover strong{ color:#e54000;}
/*************************************/

.yfright1-5{ width:100%;}
.yfright1-5-1{ width:40%; line-height:35px;}
.yfright1-5-1 strong{ color:#fe5d13; font-size:20px;}

.yfright1-5-2{ width:55%; margin-left:5%;}
.message{ width:100%;}
.message .box{ width:100%;float:left;}
.message .box li{line-height:45px;margin-bottom:12px; float:left; width:98%;}
.message .box li span{ display:block; width:5%; float:left; text-align:center; font-size:20px;}
.message .box li .input-text{height:42px;line-height:45px; float:left;border:1px solid #ccc;width:90%;padding:0 1%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.message .box li .input-text:focus{border-color:#1fac9c}
.message .box li textarea.input-text2{height:100px;border:1px solid #ccc;width:90%;padding:1%;line-height:24px;resize:none}
.message .box li.btn{margin-left:60px}
.message .box li .button{cursor:pointer;width:122px;border:none;height:40px;background-color:#273272;border-radius:4px;color:#fff;font-size:16px}
.message .box li .button:hover{ background:#fe5d13; color:#FFF;}

.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; margin:0 auto;}
.dc_pages1 a{ display:block; width:17.5%; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}

.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}