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

 html, body, p, div, a, section, footer, header, ul, li, h1, dl, dd, dt, h1, h2, h3, h4, h5, h6, img{ margin:0; padding:0; list-style-type:none; font-family:Microsoft Yahei;}
 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, form, input, button{display:block;margin:0; padding:0;}
 a:hover{
	 cursor:pointer;
 }
 a{text-decoration:none;}
.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}
.header{
	height:129px;
	position:fixed;
	top:0;
	background:rgba(255,255,255,0.9);
	width:100%;
	z-index:999;
}
.posrela{
	position:relative;
	height:129px;
	min-width:1331px;
}
#logo{
	position:absolute;
	left:50px;
	top:25px;

}
.wrapper, .wrapper1260{
	width:1260px;
	margin:0 auto;
}

.menu{
	line-height:129px;
	height:129px;
	display:block;
	width:680px;
	margin:0 auto;
}

.menu ul li.navitem {
    height:129px;
    line-height: 129px;
    float: left;
    position: relative;
	padding-left:28px;
	padding-right:28px;
    text-align: center;
	z-index:100;

}
.menu ul li.navitem>a{
	color: #666;
	display: block;
    line-height: 129px;
	font-size:14px;
	font-family:Microsoft Yahei;
	text-decoration:none;
}
.menu ul li.navitem a i{
	margin:0;
	padding:0;
	background:url(../images/jt.png) no-repeat;
	background-position:0px -22px;
	display:inline-block;
	width:8px;
	height:4px;
	margin-left:10px;
	transition:all 0.5s ease;
	vertical-align: middle;
}
.menu ul li.navitem a:hover i{
	background:url(../images/jt.png) no-repeat;
	background-position:0px 0px;
	transition:all 0.5s ease;
}
.menu ul li.navitem a.active, .menu ul li.navitem:hover a {
   font-weight:normal;
	color:#ee6e18;
}
.menu ul li.navitem a.active i, .menu ul li.navitem:hover a i{
    background:url(../images/jt.png) no-repeat;
	background-position:0px 0px;
}
.menu ul li.navitem>a:hover{
    font-weight:normal;
	color:#ee6e18;
}
	
.menu ul li.navitempro a.active, .menu ul li.navitempro:hover>a{
	background:url(../images/sjx.png) no-repeat bottom center;
}
.menu ul li.navitem:hover dl.subnav {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
	z-index:100;

}
.posrela .menu ul li.navitem dl.companylogos{
	width:1260px;
	left: -277px;
	opacity:1;
	background:#fff url(../images/redline.png) no-repeat right bottom;
	display:block;
	padding-bottom: 5px;
	padding-top: 20px;
}
.menu ul li.navitem dl.companylogos dd{
	width:300px;
	float:left;
	margin-left:90px;
	margin-top:14px;
	border-top:none;
	background:white;
}
.menu ul li.navitem dl.companylogos dd>a{
	height:780px;
	padding-left:0;	
}
.menu ul li.navitem dl.companylogos dd:hover{
	background:white;
	color:#999;
}
.menu ul li.navitem dl.companylogos dd:hover>a{
	background:white;
	color:#999;
}
.menu ul li.navitem dl.companylogos dd>a .menulogo img{
	width:65%;
}
.menu ul li.navitem dl.companylogos dd>a .menulogos img{
	width:49%;
}
.menu ul li.navitem dl.companylogos dd>a h6{
	font-size:18px;
	color:#999;
	line-height:40px;
	font-weight:normal;
	margin-bottom:5px;
}
.menu ul li.navitem dl.companylogos dd>a p{
	font-size:14px;
	color:#999;
	line-height:22px;
	margin-bottom:10px;
}
.menucompanys p{
	word-break: break-all;
    color: #666;
    font-size: 18px;
    line-height: 28px;
}
.menucompanys p{
	margin-bottom:10px;
}
.menu ul li.navitem dl.subnav:after {
    
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    background: #ee6e18; 
    top: 0;
    transform: translateX(-50%);
    transition: all 0.6s cubic-bezier(.075, .82, .165, 1);
    left: 50%;
    opacity: 0;

}
.menu ul li.navitem:hover dl.subnav:after{
	width: 100%;
    opacity: 1;
}

.menu ul li.navitem dl.subnav {
    transition: all 0.3s ease-out 0s;
    position: absolute;
    width:195px;
    top:126px;
	left:-1px;
    opacity: 0;
    visibility: hidden;
	height:780px;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
	 
}

.menu ul li.navitem dl.subnav dd {
	background:#fff;
	    opacity: 1;
}

.menu ul li.navitem dl.subnav dd a {
   
    height:52px;
    line-height: 52px;
    display: block;
    color: #999;
    font-size: 12px;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	padding-left:30px;
}

.menu ul li.navitem dl.subnav dd:hover{
	 background:#ee6e18; 
	 transition: all 0.2s ease-out;  
}
.menu ul li.navitem dl.subnav dd a:hover {
    color: #fff;	 
}
.posrela .menu ul li.navitem dl.prosubnav{
	width:1260px;
	left: -623px;
	background:#fff;
	opacity:1;
	
}
.menu ul li.navitem dl.prosubnav dd{
	padding-top:70px;
}
.menu ul li.navitem dl.prosubnav dd .left-menu{
	width:500px;
	float:left;
	margin-left:80px;
}
.menu ul li.navitem dl.prosubnav dd .left-menu .lefticons{
	width:80px;
	float:left;
}
.menu ul li.navitem dl.prosubnav dd .left-menu .righticons{
	width:420px;
	float:left;
	margin-bottom: 80px;
}
.menu ul li.navitem dl.prosubnav dd .left-menu .righticons .topcopu{
	margin: 0;
    padding: 0;
    line-height: 65px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ededed;
}
.menu ul li.navitem dl.prosubnav dd .left-menu .righticons .topcopu>h5{
	text-align: left;
    font-size: 18px;
    color: #ee6e18;
	margin-top: 8px;
    font-weight: 400;
	width:70px;
	display:inline-block;
	float:left;
}
.menu ul li.navitem dl.prosubnav dd .left-menu .righticons .topcopu h5>a{
	color: #ee6e18;
	font-size: 18px;
	text-decoration:none;
	    padding-left: 0px;
}
.menu ul li.navitem dl.prosubnav dd .left-menu .righticons .topcopu .menucopy{
   color:#999;
   font-size:14px;
   width:340px;
   line-height:22px;
   text-align:right;	
   float:right;
}
.menu ul li.navitem dl.prosubnav dd .left-menu .righticons .topcopu .menucopy>h6{
	font-size:18px;
	color:#333;
	line-height:26px;
	font-weight:400;
}

.menu ul li.navitem dl.prosubnav dd .left-menu .righticons .leftlists{
	float:left;
	width:180px;
	margin-top:26px;
}
.menu ul li.navitem dl.prosubnav dd .left-menu .righticons .leftlists a{
	line-height:32px;
	font-size:14px;
	color:#333;
	height:32px;
	margin:0;
	padding:0;
}
.menu ul li.navitem dl.prosubnav dd .left-menu .righticons .leftlists a:hover{
	color:#1f8ac1;
	text-decoration:underline;
}
.menu ul li.navitem dl.prosubnav dd{
	background:#fff url(../images/redline.png) no-repeat right bottom;
	opacity:1;
}
.menu ul li.navitem dl.prosubnav dd:hover{
	background:#fff url(../images/redline.png) no-repeat right bottom;
	opacity:1;
}

.right-tel{
	position:absolute;
	right:63px;
	width:210px;
	top:37px;
	background:url(../images/tel.png) no-repeat left center;
	padding-left:40px;
}
.right-tel .telno{
	font-size: 24px;
    color: #ee6e18;
    font-family: "苹方";
    line-height: 28px;
}
.right-tel .telintro{
	font-size:14px;
	color:#999999;
}
.swiper-container {
      width: 100%;
      height:929px;
    }
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
	  height:800px;
      width:100%;
	  overflow:hidden;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  margin-top:129px;
    }
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 98px;
    margin-top: -49px;
    z-index: 10;
    cursor: pointer;
    background-position:top center;
    background-repeat: no-repeat;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 9px;
}
.swiper-button-prev {
	background:url(../images/swiperjt.png) no-repeat left;
	left:20px;
	opacity:0;
	transition:all 0.5s;
}
.swiper-button-next{
	background:url(../images/swiperjt.png) no-repeat right;
	right:20px;
	opacity:0;
	transition:all 0.5s;
}
.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next{
	opacity:1;
	transition:all 0.5s;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity:0.5;
	border:3px solid transparent;
}
.swiper-pagination-bullet-active{
	border:3px solid #fff;
	background: #ee6e18;	
	 opacity:1;
}
@keyframes lefteaseinAnimate{
    0%{ transform: translateX(-2000px); opacity: 0;}   
    100%{ transform: translateX(0px); opacity: 1;}       
}
@-webkit-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-o-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-ms-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-moz-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
.swiper-slide-active .font-ani{
	width:872px;
	height:338px;
	display:block;
	margin:0 auto;
	 animation: lefteaseinAnimate 1s ease 1;   
    -webkit-animation: lefteaseinAnimate 1s ease 1;
    -ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.swiper-slide-active .font-ani .fontanibg{
	width:872px;
	height:338px;
	display:block;
	background:url(../images/fontanibg.png) no-repeat left top;
}
.swiper-slide-active .font-ani .fontanibg .engs{
	font-size:36px;
	font-family:"苹方";
	color:#666;
	line-height:40px;
	font-weight:300;
	padding-left:60px;
	padding-top:50px;
	text-align:left;
	text-transform:uppercase;
}
.swiper-slide-active .font-ani .fontanibg>h4{
	font-size:48px;
	font-family:"苹方";
	line-height:60px;
	text-align:left;
	padding-left:60px;
	color:#ee6e18;
	font-weight:600;
	 
}
.swiper-slide-active .font-ani .fontanibg>p{
	font-size:36px;
	font-family:"苹方";
	line-height:50px;
	text-align:left;
	padding-left:60px;
	color:#00a9ec;
	font-weight:300; 
}
.swiper-slide-active .font-ani .blueknow{	
	line-height:45px;
	margin-left:60px;
	margin-top:40px;
}
.swiper-slide-active .font-ani .blueknow a{
	width:193px;
	height:45px;
	background:#ee6e18;
	background: -moz-linear-gradient(top, #ff951a 0%, #ee6f18 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff951a), color-stop(100%,#ee6f18));
    background: -webkit-linear-gradient(top, #ff951a 0%,#ee6f18 100%);
    background: -o-linear-gradient(top, #ff951a 0%,#ee6f18 100%);
    background: -ms-linear-gradient(top, #ff951a 0%,#ee6f18 100%);
    background: linear-gradient(to bottom, #ff951a 0%,#ee6f18 100%);
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:18px;
}
.swiper-slide-active .font-ani .blueknow a:hover{
	background:#ee6f18;
	transition:all 0.1s ease-out;
}
.swiper-slide-active .font-ani p{

	 animation: lefteaseinAnimate 1.5s ease 1;   
    -webkit-animation: lefteaseinAnimate 1.5s ease 1;
    -ms-animation: lefteaseinAnimate 1.5s ease 1;
    -o-animation: lefteaseinAnimate 1.5s ease 1;
    -moz-animation: lefteaseinAnimate 1.5s ease 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.swiper-slide-active .font-ani .blueknow{

	 animation: lefteaseinAnimate 2.5s ease 1;   
    -webkit-animation: lefteaseinAnimate 2.5s ease 1;
    -ms-animation: lefteaseinAnimate 2.5s ease 1;
    -o-animation: lefteaseinAnimate 2.5s ease 1;
    -moz-animation: lefteaseinAnimate 2.5s ease 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:45px;}	
.l-rbg{
	background:none;
}
.r-lbg{
	background:none;
}
.wrapper1260{
	width:1260px;
	margin:0 auto;
}	
.wrapper1280{
	width:1280px;
	margin:0 auto;
	margin-bottom:30px;
}
.content_list {overflow:hidden; padding-top:65px; }
.content_list .serviceitem a { text-align:center; }
.content_list .serviceitem { width:420px;margin:0; float:left; height: 290px; margin-bottom:10px; padding-bottom: 40px;}
.content_list .serviceitem a .service_img{width:110px;height:110px;overflow:hidden; margin:18px auto; border-radius:50%;border:5px solid #fff; border-color:none;}
.content_list .serviceitem a .service_img span.ticon1{ width:90px;height:90px; display:block;background:url(../images/obi.svg) no-repeat center center; margin:0 auto; padding-top:20px;}
.content_list .serviceitem a .service_img span.ticon2{ width:90px;height:90px; display:block;background:url(../images/oren.svg) no-repeat center center; margin:0 auto; padding-top:20px;}
.content_list .serviceitem a .service_img span.ticon3{ width:90px;height:90px; display:block;background:url(../images/obei.svg) no-repeat center center; margin:0 auto; padding-top:20px;}
.content_list .serviceitem:hover a .service_img{ border:5px solid #ffd1b2;background:#ee6e18;}
.content_list .serviceitem:hover a .service_img span.ticon1{background:#ee6e18 url(../images/wbi.svg) no-repeat center center;}
.content_list .serviceitem:hover a .service_img span.ticon2{background:#ee6e18 url(../images/wren.svg) no-repeat center center;}
.content_list .serviceitem:hover a .service_img span.ticon3{background:#ee6e18 url(../images/wbei.svg) no-repeat center center;}
.content_list .serviceitem div { position:relative; margin:0; transition: all 0.3s ease-out 0s; top:0px; padding-top:0; }
.content_list .serviceitem div p { padding:0 30px; font-size:20px;color:#ee6e18; }
.content_list .serviceitem div p span { width:100px;padding-bottom:5px;padding-top:5px;display:block; margin:0 auto; color:#ee6e18; border-bottom:1px solid #ee6e18;}
.content_list .serviceitem div p.description { width:265px; margin:0 auto;margin-top:15px; font-size:14px; line-height:24px; color:#666; }
.content_list .serviceitem a.details { width:35px; height:35px; text-align:center; display:block; border: 1px solid transparent; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
margin:0 auto; overflow:hidden; position:relative; }
.content_list .serviceitem a.details:after { content:''; width: 15px; height: 9px; background: url("") no-repeat -110px -11px; display: block; margin: 13px 0 0 11px; position:absolute; top:0px; left:0px; }

.ffleft{width:1280px; text-align:center;}
.rcontent{width:580px; float:right;text-align:right; font-size:14px; color:#999;}
.rcontent h3{ font-weight:400; color:#1586d5; font-size:20px; line-height:24px; height:24px;}
.rcontent p{font-size:14px; color:#999; line-height:24px;}

.lefttitle{font-size:24px; color:#666; line-height:24px;}
.greyfonts{font-size:14px; color:#ccc; line-height:28px;}
#projectlist { width:100%; margin:0 auto; margin-top:30px; height:620px;overflow: hidden; background:#fff;}
#projectlist .projectitem { width:300px; margin:0 5px 15px 5px; height:290px; float:left; background:none; padding: 5px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:relative; }
#projectlist .projectitem:hover {background:linear-gradient(to bottom, #ff961a 0%,#ee6e18 100%); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
#projectlist .projectitem .projectitem_wrapper .masks{width:300px;height:210px; background:rgba(127,209,217,0.3);dispaly:none;transition:all 0.5s;z-index:-10; position:absolute; left:5px; top:5px;} 
#projectlist .projectitem .projectitem_wrapper .masks i{background:url(../images/masks.png) no-repeat;transition: all 0.5s; display:block; width:68px;height:78px;top:-400px;position:absolute;left:112px; opacity:0;}
#projectlist .projectitem .projectitem_wrapper .masks i.xieicon{background:url(../images/masks2.png) no-repeat; opacity:0;}

#projectlist .projectitem:hover .projectitem_wrapper .masks{ display:block;transition: all 0.5s;z-index:1;}
#projectlist .projectitem:hover .projectitem_wrapper .masks i{display:block;z-index:1; top:60px; left:112px; transition: all 0.5s;opacity:1;}
#projectlist .projectitem a .project_info div{height:90px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position:absolute; bottom:0px; top:auto; width:100%; }
#projectlist .projectitem a .project_info div i{ background:url(../images/huaduo.svg) no-repeat center center; width:117px; height:24px; display:block; margin:0 auto; margin-top:12px;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align:center; font-style:normal; color:#fdfdfd; font-size:14px;}
#projectlist .projectitem:hover a .project_info div i{background:url(../images/huaduo.svg) no-repeat center;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#projectlist .projectitem a .project_info p{text-align:left; margin-top:20px; margin-left:20px; font-size:16px; color:#999;}
#projectlist .projectitem a .project_info .protitle{font-size: 16px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height:24px; line-height:24px; margin:0px; padding-top:15px; transition:all 0.5s;    text-align: center; }
#projectlist .projectitem a .project_info .subtitle {font-size: 12px;color:#b7b7b7;display: block; height: 20px; line-height:24px; overflow: hidden; margin:0px; padding:0px; transition:all 0.8s; }
#projectlist .projectitem:hover a .project_info .protitle,  #projectlist .projectitem:hover a .project_info .subtitle { color:#fff; }
#projectlist .projectitem:hover a .project_info .protitle{ transition:all 0.5s; }
#projectlist .projectitem:hover a .project_info .subtitle {padding:0px 20px 0px 15px; transition:all 1s; }
#projectlist .projectitem .project_img{ height:210px; width:300px; overflow:hidden; }
#projectlist .projectitem a img { height:210px; width:300px }
#projectlist .projectitem:hover a .project_info div { padding:0;}
#projectlist .projectitem a .project_info div::before {content:'';position:absolute;width:100%;height: 90%;;left:0;
top:0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#projectinfo .description a { margin:15px 0; transition: all 0.3s ease-out 0s; width:calc(100% - 10px);border-radius: 3px;}
#projectinfo .description a:hover { color:#fff; background:#ee6e18; }
#projectlist .projectitem a .project_img img{transition: all 0.5s;}
#projectlist .projectitem:hover a .project_img img{transform:scale(1.1);transition: all 0.5s;opacity:1;}
.kmore{
	margin:0 auto;
	margin-bottom:38px;
	width:192px;
	height:45px;
	display:block; 
	margin-top:40px;
}


.kmore a{
	display:block;
	border:1px solid #eeeeee;
	width:192px;
	height:45px;
	text-align:center;
	line-height:45px;
	font-size:14px;
	color:#999;
	text-decoration:none;
}
.kmore a:hover{
	  transition: all 0.6s;
	  background:linear-gradient(to bottom, #ff961a 0%,#ee6e18 100%); 
	  color:#fff;

}
.waterpart{
	position:relative;
	width:100%;
	margin-top:20px;
	height:580px;
	background:linear-gradient(to bottom, #ff961a 0%,#ee6e18 100%); 
}

.bo2_inner{
	
	height:580px;
	position: relative;
	top: 0;
	z-index: 55;
	width:760px;
	margin:0 auto;
	display:block;
	overflow:hidden;
}
.conpanytitle{
	padding-top:70px;
	text-align:center;
	color:#fff;
}
.conpanytitle h3{
	line-height:24px;
	font-size:24px;
	font-weight:normal;
}
.conpanytitle p{
	line-height:24px;
	font-size:14px;
	font-weight:normal;
}
.wySlider {	position: relative;	overflow: hidden;margin-top:36px;padding-bottom: 50px; height:314px;}

.wySlider .wySliderWrapper dd {	position: absolute; width: 100%; opacity: 0;height:314px;}
.wySlider .wySliderWrapper dd a .imgborder{width:752px; height:172px; display:block; overflow:hidden;}
.wySlider .wySliderWrapper dd a .imgborder img {margin:0 auto; border:6px solid #f5f5f5; transition:all 0.5s;}
.wySlider .wySliderWrapper dd a .subtitle{font-size:20px; color:#fff; line-height:24px; text-align:center; margin-top:36px;}
.wySlider .wySliderWrapper dd a .contintro{font-size:14px; color:#fff; line-height:24px; text-align:center; width:450px; margin:15px auto; }
.wySliderPrev, .wySliderNext {display:none;}
.wySliderPagination {z-index: 2;position: absolute;	left:43%;bottom: 15px;}
.wySliderPagination li {float: left;	margin: 0 8px 0 8px;list-style-type: none;}
.wySliderPagination a {	display: block;	text-indent: -9999px;width:14px;height:14px;background:#fff; border-radius:10px; border-style: solid; border-width:3px; border-color:#ee6e18; }
.wySliderPagination a.wyActive {background:#ee6e18;border-width:3px; border-color:#fff; }

.newspart{margin-top:70px; width:100%; background:none;}
.indextitles{text-align:center;}
.indextitles>h4{ line-height:32px; color:#666; font-size:24px; font-weight:400;} 
.indextitles>p{ line-height:24px; color:#ccc; font-size:14px; font-weight:normal;} 
.newsnavs{ text-align:center; color:#999; font-size:14px; margin-top:28px;}
.newsnavs span{color:#e6e6e6}
.newsnavs a{ color:#999;}
.newsnavs a:hover{color:#00a4b4; text-decoration:underline;}
.newsnavs a.curr{color:#00a4b4;}
.newscons{
	margin-top:70px;
	margin-bottom:60px;
}
.newscons .leftnews{
	float:left;
	width:660px;
}
.indexleftnews{
	width:655px;
	float:right;
	overflow:hidden;
}
.indexleftnews dt{
	margin-bottom:20px;
}
.indexleftnews .leftcnts{
	width:550px;
	float:left;
	transition: all 0.6s;
}

.indexleftnews .leftcnts .leftcntstit{
	font-size:20px;
	font-family:"微软雅黑";
	margin-bottom: 20px;
	color:#333;
	height: 26px;
    overflow: hidden;
}

.indexleftnews a:hover .leftcnts .leftcntstit{
	color:#ee6e18;
}
.indexleftnews a:hover .leftcnts{
	margin-left:10px;
	transition: all 0.6s cubic-bezier(.065, .82, .165, 1);
}
.indexleftnews a .leftcnts .leftcntsview{
	color:#999;
}
.indexleftnews a:hover .leftcnts .leftcntsview{
	color:#6a6a6a;
}
.indexleftnews .tline{
	height:1px;
	background:#f7f7f7;
	width:100%;
	display:block;
	position:relative;
}
.indexleftnews .tline span{
	position:absolute;
	width:290px;
	height:1px;
	background:#f7f7f7;
	
}

.indexleftnews a:hover .tline span:after {
    width: 100%;
    opacity: 1;
}
.indexleftnews .tline span:after{
	content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #ee6e18;
    top: 0;
    transform: translateX(0%);
    transition: all 0.6s cubic-bezier(.075, .82, .165, 1);
    left: 0%;
    opacity: 0;
}
.indexleftnews .leftcnts .leftcntsview{
	margin-top:15px;
	color:#8a8a8a;
	font-size:14px;
	
	line-height:24px;
}

.leftcntstime{
	width:56px;
	float:right;
}
.leftcntstime .sindexday{
	display:block;
	font-size:36px;
	color:#cccccc;
	font-family:"微软雅黑";
	font-weight:400;
	transition: ease-out all 0.3s;
}
.leftcntstime .sindexyear{
	font-size:14px;
	color:#cccccc;
	display: block;
	width:56px;
	transition: ease-out all 0.3s;
}

.indexleftnews a:hover .leftcntstime .sindexyear, .indexleftnews a:hover .leftcntstime .sindexday{
	color:#999999;
	transition: ease-out all 0.3s;
}

.leftcntstime .jtt{
	display:block;
	margin-top:30px;
	width:22px;
	height:13px;
	margin-left:10px;
	background:url(../images/jtt.png) no-repeat top right;
	transition: ease-out all 0.3s;
}
.indexleftnews a:hover .leftcntstime .jtt{
	display:block;
	margin-top:30px;
	width:22px;
	height:13px;
	margin-left:10px;
	background:url(../images/jtt.png) no-repeat top left;
	transition: ease-out all 0.3s;
}
.indexleftnews dd{
	height:53px;
}
.indexleftnews a .leftcntslist{
	display:inline-block;
	font-size:14px;
	color:#666;
	line-height:50px;
	width:573px;
	overflow:hidden;
	float:left;
}
.indexleftnews a:hover .leftcntslist{
	color:#ee6e18;
}
.indexleftnews a .dtime{
	font-size:12px;
	color:#ccc;
	display:inline-block;
	line-height:50px;
	float:right;
}

.rightvideo{
	width:525px;
	float:right;
	height:368px;
	display:block;
	background:#f5f5f5;
	padding-top:10px;
}
.rightvideo .videopart{
	width:500px;
	height:290px;
	margin:0 auto;
	border:2px solid #fff;
	margin-left: 10px;
}
.rightvideo .videotitle{
	color:#4e4e4e;
	font-size:18px;
	text-align:center;
	margin-top: 20px;
}

.leftnews ul li{
	margin-bottom:34px;
}
.leftnews ul li a .leftnewimg{
	width:245px;
	height:172px;
	overflow:hidden;
	display:block;
	float:left;
}
.leftnewimg img{
	width:100%;
	}
.leftnews ul li a .leftnewimg img{
	transform:scale(1);
	transition:all 0.5s;
	width:100%;
}
.leftnews ul li a:hover .leftnewimg img{
	transform:scale(1.1);
	transition:all 0.8s;
	opacity:0.9;
}
.leftnews ul li a .newsview{
	width:360px;
	float:left;
	margin-left:40px;
	margin-top:23px;
	transition:all 0.8s;
}
.leftnews ul li a:hover .newsview{
	margin-left:30px;
	transition:all 0.8s;
	
}
.leftnews ul li a .newsview h5{
	font-size:18px;
	color:#666;
	line-height:24px;
	font-weight:400;
}
.leftnews ul li a:hover .newsview h5{
	color:#ee6e18;
	transition:all 0.5s;
}
.leftnews ul li a .newsview .indexnewtime{
	line-height:24px;
	font-size:12px;
	color:#999;
}
.leftnews ul li a .newsview>p{
	line-height:24px;
	font-size:14px;
	color:#999;
	height:72px;
	overflow:hidden;
	display:block;
}
.copart{margin-top:100px;}
.friend{height:101px;margin:0 auto;overflow:hidden;width:1227px; margin-top:50px;}
.mr_frUl{float:left;height:202px;width:1188px;margin-left:10px;}
.mr_frBtnR {
    float: right;
    margin-top: 45px;
    cursor: pointer;
    width: 6px;
    height: 11px;
}

.mr_frBtnL {
    cursor: pointer;
    display: inline;
    float: left;
    height: 11px;
    margin: 45px 5px 0 0;
    width: 6px;
}
.mr_frUl ul li{display:inline;float:left;width:178px;overflow:hidden;position:relative; height:101px;margin-left:10px; margin-right:10px;}
.mr_frUl ul li img{ border:1px solid #e6e6e6; width:176px;height:98px;}
.mr_frUl ul li a:hover img{ border:1px solid #ee6e18; width:176px; transition:all 1s;}
footer{	margin-top:80px;}
.footerbg{
	background:#f6f6f6; 
	width:100%;
	display:block;
	padding-bottom:60px;
}


.leftinfo{
	margin-top:60px;
	width:680px;
	float:left;
}
.bottomtit{
	font-size:24px;
	color:#333;
	
}
.botline{
	height:1px;
	background:#e8e8e8;
	margin-top:20px;
	margin-bottom:25px;
}
.botleftcon{
	float:left;
	width:230px;
	margin-left:30px;
	margin-right:20px;
}
.botrightcon{
	float:right;
	width:180px;
}
.botleftcon p, .botrightcon p{
	font-size:14px;
	color:#333;
	line-height:24px;
}
.rightpro{
	margin-top:70px;
	width:450px;
	float:right;
}
.rightpro>img{
	border:5px solid #fff;
}
.rightpro ul li{
	width:190px;
	list-style-type:none;
	display:inline-block;
	font-size:12px;
	color:#666;
	line-height:24px;
}
.rightpro ul li a{
	text-decoration:none;
	color:#666;
}
.rightpro ul li a:hover{
	color:#fff;
	text-decoration:underline;
}
.rightpro ul li:nth-child(3n){
    width:100px;
	line-height:24px;
    display:inline-block;
    text-align:right;
}
.bottomlist{
	margin-top:40px;
}
.bottomlist .icons{
	background:#fff url(../images/weixin.png) no-repeat;
	border:1px solid #ccc;
	width:46px;
	height:46px;
	margin-right:20px;
	float:left;
	border-radius:23px;
	 transition: all 1s;
}
.bottomlist .weixinicon{
	background-position:9px 10px;
}
.bottomlist .qqicon{
	background-position:-57px 10px;
}
.bottomlist .weiboicon{
	background-position:-123px 10px;
}
.bottomlist .icons:hover{
	background:#ee6e18 url(../images/weixin.png) no-repeat;
	border:1px solid #ee6e18;
	 transition: all 0.5s;
	
}
.bottomlist .weixinicon:hover{
	background-position:9px -68px;
	 transition: all 0.3s;
}
.bottomlist .qqicon:hover{
	background-position:-57px -68px;
	 transition: all 0.5s;
}
.bottomlist .weiboicon:hover{
	background-position:-123px -68px;
	 transition: all 0.5s;
}
.modal{position: fixed;left: -100%;right:100%;top:0;bottom: 0;text-align: center;font-size: 0; z-index:9999; display:none;}
.modal:after {content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.content{display: inline-block; *display: inline; *zoom:1;	vertical-align: middle;position: relative;right: -100%;}
.content_mark{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:555; background:#000; opacity:0.5;filter:alpha(opacity=50); display:none; transition:all 0.5s;}

.copyright{	height:60px;width:100%;	background:#333;	}
.fleftcopy{
	float:left;
	line-height:60px;
	font-size:14px;
	color:#fff;
	
}
.fleftcopy a{

	color:#fff;
	
}
.rightbotnav{
	width:410px;
	float:right;
	text-align:left;
	line-height:55px;
	color:#fff;
	font-size:14px;
	
}
.rightbotnav span{color:#999; font-size:12px; line-height:20px;}
.rightbotnav a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}
.rightbotnav a:hover{
	text-decoration:underline;
	color:#fff;
}
.bottom-tel{
	width:205px;
	background:url(../images/telwhite.png) no-repeat left center;
	padding-left:40px;
	margin-bottom:20px;
}
.bottom-tel .telno{
	font-size:28px;
	color:#fff;
	font-family:"苹方";
	font-weight:400;
	line-height: 28px;
}
.bottom-tel .telintro{
	font-size:16px;
	color:#fff;
}
.zhuangzihao{
	width:386px;
	float:left;
}
.zhuangzihao dt{
	color:#fff;
	font-size:18px;
	line-height:36px;
	margin-bottom:5px;
}
.zhuangzihao dd{
	width:190px;
	float:left;
	margin-top:1px;
	margin-bottom:1px;
}
.zhuangzihao dd a{
	color:#fff;
	font-size:14px;
	line-height:24px;
}
.zhuangzihao dd a:hover{
	color:#fff;
	text-decoration:underline;
}
.xiezihao{
	float:right;
	width:500px;
}
.leftcode{
	float:left;
}
.leftcode img{
	border-radius:8px;
}
.leftcode p{
	text-align:center;
	font-size:14px;
	line-height:28px;
	color:#999;
}

.inpagebg{
	width:100%;
	height:359px;
	margin-top:129px;
}
.inpagebg .inpagegtitle {
    text-align:center;
    margin-left: 68px;
    margin-top: 140px;
    color: #666;
}
.inpagebg .inpagegtitle h5{
	font-size:36px;
	font-family:"苹方";
	font-weight:400;
	line-height:60px;
	color:#fff;
}
.inpagebg .inpagegtitle p{
	font-size:22px;
	font-family:"苹方";
	line-height:36px;
}

.about{
	background:url(../images/about-1.png) no-repeat top center;
}
.news{
	background:url(../images/news.png) no-repeat top center;
}
.videonews{
	background:url(../images/videonews.png) no-repeat top center;
}
.what{
	background:url(../images/what.png) no-repeat top center;
}
.aboutjincheng{
	background:url(../images/aboutjincheng.png) no-repeat top center;
}
.factory{
	background:url(../images/factory.png) no-repeat top center;
}
.pro-1{
	background:url(../images/pro-1.png) no-repeat top center;
}
.jobs{
	background:url(../images/jobs.png) no-repeat top center;
}
.contact{
	background:url(../images/contact.png) no-repeat top center;
}
.inpage-ani{
	width:1180px;
	margin:0 auto;
	 animation: lefteaseinAnimate 1s ease 1;   
    -webkit-animation: lefteaseinAnimate 1s ease 1;
    -ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;
    
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}


.inpage-ani p{
	width:1180px;
	margin:0 auto;
	 animation: lefteaseinAnimate 2s ease 1;   
    -webkit-animation: lefteaseinAnimate 3s ease 1;
    -ms-animation: lefteaseinAnimate 2s ease 1;
    -o-animation: lefteaseinAnimate 2s ease 1;
    -moz-animation: lefteaseinAnimate 2s ease 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.inpage-ani p{
	width:1180px;
	margin:0 auto;
	 animation: lefteaseinAnimate 2s ease 1;   
    -webkit-animation: lefteaseinAnimate 3s ease 1;
    -ms-animation: lefteaseinAnimate 2s ease 1;
    -o-animation: lefteaseinAnimate 2s ease 1;
    -moz-animation: lefteaseinAnimate 2s ease 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.rightdh{
	text-align: right;
    color: #666;
    font-size: 14px;
    width: 400px;
    position: absolute;
    right: 0;
    line-height: 24px;
    top: 35px;
	
}
.rightdh .weizhi{
	
}
.rightdh span a{
	color:#666;
	text-decoration:none;
}
.rightdh span a:hover{
	color:#ee6e18;
}
.rightdh .curdh{
	color:#f27819;
	font-weight:600;
}
.allinpagebg{
	background:#fff;    
}
.allinpagebg2{
	background:#fff;    
}
.inpageleftbg{ 
    width:100%;
}
.inpagerightbg{ 
    width:100%;
}
.inpage{
	width:1260px;
	margin:0 auto;
	padding-top:30px;
}
.inleftmenu{
	width:250px;
	float:left;
}
.left-contacts>h5{
	font-size:20px;
	color:#707070;
	line-height:24px;
}
.inleftmenu dl{
	width:250px;
	padding-bottom:30px;
	position:relative;
}
.inleftmenu dl dt{
	display:block;
	width:230px;
	height:97px;
	background:linear-gradient(to right, #ff961a 0%,#ee6e18 100%);
	margin:0 auto;
	text-align:left;
	    padding-left: 20px;
}
.inleftmenu dl dt h4{
font-family:"微软雅黑", Microsoft Yahei;
	line-height:36px;
	font-size:24px;
	color:#fbfbfb;
	font-weight:400;
	padding-top:20px;
}
.inleftmenu dl dt p{
	font-size:14px;
	font-family:"微软雅黑", Microsoft Yahei;
	font-weight:200;
	color:#fefefe;
}
.inleftmenu dl dd{
	width:250px;
	margin:0 auto;
	height:55px;
	line-height:55px;
	display:block;
	text-align:left;
	border-bottom:1px solid #e5e5e5;
}

.inleftmenu dl dd a{
	color:#666666;
	display:block;
    padding-right:20px;
	transition:all 0.6s;
	background:230px -15px;
	padding-left:20px;
	font-size:16px;
}
.inleftmenu dl dd:hover{
	background:#fff;
	transition:all 0.6s;

}
.inleftmenu dl dd:hover a{
	background: url(../images/menujt.png) no-repeat 230px 21px;
	transition:all 0.6s;
		color:#ee6e18;

}
.inleftmenu dl dd.curleftmenu, .inleftmenu dl dd.curleftmenu:hover{
	background:#f5f5f5;
}
.inleftmenu dl dd.curleftmenu a, .inleftmenu dl dd.curleftmenu:hover {
	color:#ff6600;
	background:#f5f5f5 url(../images/menujt.png) no-repeat 230px -32px;
}

.inrightbox{
	width:950px;
	float:right;
}
.indetailtitle{
	color:#666;
	font-size:24px;
	line-height:70px;
	border-bottom:1px solid #ececec;
	position:relative;
}
.indetailtitle h3{
	font-weight:normal;
}
.indetailtitle h3>span{
	font-size:14px;
	color:#666;
	margin-left:14px;
}
.boxcontent{
	padding-top:60px;
	font-size:16px;
	color:#666;
	line-height:30px;
}
.boxcontent p{
	font-size:16px;
	color:#666;
	line-height:30px;
}
#Paging_Box{
	margin-top: 80px;
}

.pagination{
		width: 950px;
		display:block;
}
.pagination li{
display:inline-block;	
}
.pagination li a{
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	margin-left:8px;
	border:1px solid #f2f2f2;
	text-align:center;
	background:#fff;
	font-size:14px;
	height:38px;
	color:#ccc;
	line-height:38px;
	
}
.pagination li:hover a{
	background:#f2f2f2;
}

.pagination li.active a{
	border:1px solid #ee6e18;
	background:#ee6e18;
	color:#fff;
}

.imgps{
	position:relative;
}
.pscontent{
	width:616px;
	height:160px;
	display:block;
	position:absolute;
	left:335px;
	top:70px;
	z-index:10;
	background:rgba(236,244,249,0.9)
}
.pscontent>p{
	padding:33px 30px;
}
.boxcontent .bluefont{
	font-size:24px;
	color:#1a99db;
	line-height:30px;
	text-transform:uppercase; 
}

.boxcontent .blackfont{
	font-size:24px;
	color:#333;
	line-height:48px; 
	margin-bottom:5px;
}
.rightnewslists{
	width:950px;
}
.rightnewslists ul li{
   padding-bottom:45px;
   margin-bottom:45px;
   border-bottom:1px dotted #e9e9e9;
}
.rightnewslists ul li .leftcnts, .rightnewslists ul li .leftcntstime{
	margin-top:22px;
}

.leftnewimg{
	width:271px;
	float:left;
	height:164px;
	overflow:hidden;
	transition: all 0.5s;
	position:relative
}
.rightnewslists ul li a .boxhidden{
	width: 271px;
    display: block;
    overflow: hidden;
    float: left;
    margin-right: 48px;
	
}
.rightnewslists ul li a:hover .leftnewimg{
	transform: scale(1.1);
    transition: ease-out all 0.5s;
    opacity: 0.9;
}
.rightnewslists .newsdetailtitle{
	 padding-bottom:22px;
   margin-bottom:40px;
   border-bottom:1px dotted #e9e9e9;
}
.rightnewslists .newsdetailtitle>h3{
	font-size:30px;
	font-family:"苹方";
	float:left;
	width:850px;
	display:block;
	color:#333;
	line-height:40px;
	font-weight:400;
}
.rightnewslists .newsdetailtitle .newsauthor{
	width:138px;
	float:right;
	font-size:12px;
	color:#bbb;
	text-align:right;
	line-height:20px;
}
.newsdetailcontent, .newsdetailcontent p{
	font-size:16px;
	line-height:30px;
	color:#666;
}
.indexrightnews{
	width:950px;
	float:right;
	overflow:hidden;
}
.indexrightnews dt{
	margin-bottom:46px;
}
.indexrightnews .leftcnts{
	width:550px;
	float:left;
	transition: all 0.6s;
}

.indexrightnews .leftcnts .leftcntstit{
	font-size:20px;
	font-family:"苹方";
	margin-bottom: 20px;
	color:#333;
}

.indexrightnews a:hover .leftcnts .leftcntstit{
	color:#f27819;
}
.indexrightnews a:hover .leftcnts{
	margin-left:10px;
	transition: all 0.6s cubic-bezier(.065, .82, .165, 1);
}
.indexrightnews a .leftcnts .leftcntsview{
	color:#999;
}
.indexrightnews a:hover .leftcnts .leftcntsview{
	color:#6a6a6a;
}
.indexrightnews .tline{
	height:1px;
	background:#f7f7f7;
	width:100%;
	display:block;
	position:relative;
}
.indexrightnews .tline span{
	position:absolute;
	width:290px;
	height:1px;
	background:#f7f7f7;
	
}

.indexrightnews a:hover .tline span:after {
    width: 100%;
    opacity: 1;
}
.indexrightnews .tline span:after{
	content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #ee6e18;
    top: 0;
    transform: translateX(0%);
    transition: all 0.6s cubic-bezier(.075, .82, .165, 1);
    left: 0%;
    opacity: 0;
}
.indexrightnews .leftcnts .leftcntsview{
	margin-top:15px;
	color:#8a8a8a;
	font-size:14px;
	
	line-height:24px;
}

.leftcntstime{
	width:56px;
	float:right;
}
.leftcntstime .sindexday{
	display:block;
	font-size:36px;
	color:#cccccc;
	font-family:"苹方";
	font-weight:400;
	transition: ease-out all 0.3s;
}
.leftcntstime .sindexyear{
	font-size:14px;
	color:#cccccc;
	display: block;
	width:56px;
	transition: ease-out all 0.3s;
}

.indexrightnews a:hover .leftcntstime .sindexyear, .indexrightnews a:hover .leftcntstime .sindexday{
	color:#999999;
	transition: ease-out all 0.3s;
}

.leftcntstime .jtt{
	display:block;
	margin-top:30px;
	width:22px;
	height:13px;
	margin-left:10px;
	background:url(../images/jtt2.png) no-repeat top right;
	transition: ease-out all 0.3s;
}
.indexrightnews a:hover .leftcntstime .jtt{
	display:block;
	margin-top:30px;
	width:22px;
	height:13px;
	margin-left:10px;
	background:url(../images/jtt2.png) no-repeat top left;
	transition: ease-out all 0.3s;
}
.indexrightnews dd{
	height:53px;
}
.indexrightnews a .leftcntslist{
	display:inline-block;
	font-size:14px;
	color:#666;
	line-height:50px;
	width:573px;
	overflow:hidden;
	float:left;
}
.indexrightnews a:hover .leftcntslist{
	color:#ee6e18;
}
.indexrightnews a .dtime{
	font-size:12px;
	color:#ccc;
	display:inline-block;
	line-height:50px;
	float:right;
}
 .newsdetailtitle{
	padding-bottom:22px;
	padding-top:60px;
    border-bottom:1px dotted #e9e9e9;
}
.newsdetailtitle>h3{
	font-size:30px;
	font-family:"苹方";
	float:left;
	width:950px;
	display:block;
	color:#333;
	line-height:40px;
	font-weight:400;
}
.newsauthor{
	font-size:12px;
	color:#bfbfbf;
	text-align:left;
	line-height:38px;
}
.newsauthor span{
	margin-right: 20px;
}
.newsdetailcontent, .newsdetailcontent p{
	font-size:16px;
	line-height:30px;
	color:#666;
}
.videolist li{
	margin-right:25px;
	float:left;
	margin-bottom:25px;
	position:relative;
}
.videolist li a img{
	width:300px;
	height:217px;
}
.videolist li:nth-child(3n+3) {
    margin-right:0;
 }
.videolist li a p{
	text-align:center;
	color:#999;
	font-size:16px;
	width: 300px;
    line-height: 22px;
    height: 44px;
	overflow:hidden;
}
.videolist li:hover a p{
	color:#449ce7;
}
.videolist li .videomask{
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:217px;
	display:block;
	transition:all 0.5s;
	text-align:center;
	vertical-align:middle;
	line-height:217px;
	
	
}
.videolist li .videomask i{
	width:72px;
	height:72px;
	display:block;
	text-align:center;
	vertical-align:middle;
	line-height:217px;
	    margin: 0 auto;
		    margin-top: 80px;
	}
.videolist li .videomask i img{
	width:100%;
	text-align:center;
	vertical-align:middle;
	line-height:217px;
	margin:0 auto;
	transition:all 0.5s;
}
.videolist li:hover .videomask{
	width:300px;
	height:217px;
	display:block;
	background:rgba(127,209,217,0.6);
	transition:all 0.5s;
}
.videolist li:hover .videomask i img{
	transform:scale(1.2);
	transition:all 0.5s;
}

.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
    position: relative;
    width:1128px;
    margin:200px auto;
    height:480px;
	border:1px solid #CCC;
    background: #FFF;
	padding:15px;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:37px;top:27px;z-index: 10;display: block;width:14px; height:14px; text-indent:-999999px; background:url(../images/close.png) no-repeat;}
.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.cd-videdo{
	width: 780px;
    float: left;
}
.cd-video-font{
	width:320px;
	padding-top:200px;
	float:left;
	margin-left:15px;
}
.cd-video-font>h6{
	font-size:16px;
	color:#2e2e2e;
	font-weight:normal;
	line-height:30px;
}
.cd-video-font>p{
	font-size:14px;
	color:#7d7d7d;
}
.videonextbutton{
	position:absolute;
	bottom:15px;
}
.videonextbutton a{
	width:170px;
	height:54px;
	display:inline-block;
	text-indent:-9999px;
	background:url(../images/videojt.png) no-repeat -160px -50px;
	transition:all 0.5s;
}
.videonextbutton a:hover{
	background:#3d9dfe url(../images/videojt.png) no-repeat -160px 20px;
	transition:all 0.5s;
}
.videonextbutton a.videocur{
	background:url(../images/videojt.png) no-repeat 80px -50px;
	transition:all 0.5s;
}

.videonextbutton a:hover.videocur{
	background:#3d9dfe url(../images/videojt.png) no-repeat 80px 20px;
	transition:all 0.5s;
}
.contactlogo img{
	    margin-left: 70px;
    margin-top: -88px;
}
.contactlists{
	margin-top:80px;
	margin-left:50px;
}
.contactlists li{
	width:307px;
	margin-left:110px;
	margin-right:110px;
	float:left;
	overflow:hidden;
	margin-bottom:80px;
}
.contactlists li>p{
	font-size:14px;
	color:#999;
	line-height:26px;
}
.contact-page{
	padding-top:0;
}
.contact-page .leftcontacts{
	float:left;
	width:670px;
}
.leftcontacts>h5{
	color:#707070;
	line-height:40px;
	font-size:24px;
	font-weight:400;
}
.leftcontacts>p{
	color:#666;
	font-size:18px;
	line-height:36px;
}
.leftcontacts>h4{
	margin-top:0px;
	font-size:36px;
	font-weight:400;
	margin-bottom:30px;
	color:#333;
}
.rightcontactcode{
	float:right;
	width:121px;
}
.rightcontactcode .weicode{
	float:left;
}
.rightcontactcode .weicode p{
	text-align:center;
	color:#666;
	font-size:14px;
	line-height:24px;
}
.contacttitle{
	margin-top:96px;
	border-bottom:1px dotted #d3d3d3;
	padding-bottom:17px;
}


.jtmenu{
	height:127px;
	width:100%;
	border-bottom:1px solid #efefef;
	text-align:center;	
}
.jtnavs dd{
	margin-left:35px;
	margin-right:35px;
	display:inline-block;
	line-height:128px;
}
.jtnavs dd a{
	line-height:127px;
	display:block;
	position:relative;
	font-size:16px;
	
}
.jtnavs dd a:after{
	content: "";
    position: absolute;
    width: 0;
    height: 5px;
    background: #1a99db; 
    bottom: 0;
    transform: translateX(-50%);
    transition: all 0.6s cubic-bezier(.075, .82, .165, 1);
    left: 50%;
    opacity: 0;
}
.jtnavs dd:hover a:after{
	width: 100%;
    opacity: 1;
}
.jtnavs dd a{
	color:#666666;
}
.jtnavs dd#jtcur a{
	    background: url(../images/bluejt.png) no-repeat bottom center;
		font-weight:600;
		color:#1a99db;
}
.jtnavs dd#jtcur a:after{
	opacity: 1;
	width: 100%;
}
.jtnavs dd:hover a{
	color:#1a99db;
}
.middletitle{
	text-align:center;
	margin-top:80px;
	margin-bottom:30px;
}
.middletitle>h5{
	font-size:24px;
	color:#666666;
	line-height:48px;
	font-weight:400;
}
.middletitle>p{
	font-size:14px;
	color:#ccc;
}
.ingreyfont, .ingreyfont p{
	font-size:14px;
	color:#999;
	line-height:24px;
}

#btnTop{

  z-index: 99;
  transition:all 0.5s;
   position: fixed;
    right: 10px;
    transition: bottom ease 1s;
    top: 50%;
    z-index: 3;
}
#btnTop button{
  border: none;
  outline: none;
  background: #c5c5c5 url(../images/backtop.png) no-repeat center center;
  color: white;
  cursor: pointer;
  width:58px;
  height:58px;
}

#btnTop:hover button{
  background-color: #ee6e18;
   transition:all 0.5s;
}

.fleft{
	float:left;
	text-align:left;
}
.fright{
	float:right;
	text-align:left;
}
.probanner{
	width:100%;
	margin-top:129px;
	height:800px;
	display:block;
	
}
.probanner .font-ani{
	width:1260px;
	margin:0 auto;
	text-align:right;
	 animation: lefteaseinAnimate 1s ease 1;   
    -webkit-animation: lefteaseinAnimate 1s ease 1;
    -ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.probanner .font-ani .ani-img{
	margin-right:30px;
	padding-top:240px;
	margin-bottom:30px;
}
.probanner .font-ani .engs{
	font-size:30px;
	font-family:"Times New Roman", Times ;
	color:#0693cd;
	font-weight:300;
	text-align:right;
}
.probanner .font-ani .blueborder{
	font-size: 34px;
    font-family: "苹方";
    line-height: 60px;
    text-align: center;
    margin-right: 60px;
    color: #0591d8;
    font-weight: 500;
    padding: 0px 20px;
    border: 1px solid #069bd2;
    display: inline-block;
	margin-top:30px;
	 
}
.proleftbg{
	width:100%;
	background:url(../images/proleftbg.png) no-repeat left top;
}
.prorightbg{
	width:100%;
	background:url(../images/prorightbg.png) no-repeat right bottom;
}
.probox{
	padding-top:100px;
	font-family: "苹方";
	margin-bottom: 200px;
}
.probox h5.bigtitle{
	text-align:center;
	color:#666;
	font-size:48px;
	line-height:60px;
	margin-bottom:100px;
	font-weight:400;
	font-family: "苹方";
}
.probox .proshowsbox{
	width:100%;
}
.probox .proshowsbox .leftwid550{
	width:550px;
	text-align:right;
}
.probox .proshowsbox .leftwid550>h4{
	color:#ee6e18;
	font-size:52px;
	font-weight:400;
	font-family: "苹方";
}

.probox .proshowsbox .leftwid550 p{
	color:#333;
	font-family: "苹方";
	font-size:36px;
	line-height:56px;
	margin-bottom: 80px;
}
.probox .proshowsbox .leftwid550 p.pdetail{

	font-size:24px;
	font-family: "苹方";
	line-height:32px;
	color:#333;
	margin-bottom: 20px;
	
}
.probox .proshowsbox .leftwid550 .bluebg{
	display:inline-block;
	padding:0 40px;
	line-height:70px;
	height:70px;
	font-size:36px;
	color:#fff;
	font-family: "苹方";
	font-weight:400;
	background:#ee6e18;
	margin-top:20px;
}
.probox .proshowsbox .right620{
	width:620px;
}
.probox .proshowsbox .right620>img{
	max-width:620px;
}
.probox .prointro{
	margin-top:80px;
}
.probox .prointro .prolinetitle{
	line-height:100px;
	font-family: "苹方";
	font-size:36px;
	color:#333;
	width:100%;
	font-weight:400;
	display:inline-block;
	border-bottom:1px solid #cccccc;
}
.probox .prointro .detaillist>h5{
	margin-top:50px;
	line-height:100px;
	font-size:32px;
	font-family: "苹方";
	color:#333;
	font-weight:400;
}
.probox .prointro .detaillist>h5 span{
	color:#a9a9a9;
	font-weight:300;
	    font-size: 24px;
}
.probox .prointro .detaillist .wid810{
	width:810px;
}
.probox .prointro .detaillist .wid440{
	width:440px;
	text-align:left;
}
.probox .prointro .detaillist .wid810 .fleft>img{
	margin-right:20px;
}
.probox .prointro .detaillist .wid810 .fleft>p, .probox .prointro .detaillist .wid440 p{
	color:#999;
	font-size:16px;
	font-family: "苹方";
	line-height:24px;
}
.probox .prointro .detaillist .wid810 .fleft>p{
	    max-width: 610px;
	}
.probox .prointro .detaillist .wid810 .fleft>p strong, .probox .prointro .detaillist .wid440 p strong{
	color:#666666;
	font-family: "苹方";
}
	
.probanner .font-ani .mr120{
	margin-right:120px;
}

.probanner .font-ani .mr100{
	margin-right:100px;
}
.probanner .font-ani .mr130{
	margin-right:130px;
}
.probanner .font-ani .mr160{
	margin-right:160px;
}

.probanner .font-ani .mr180{
	margin-right:180px;
}
.bgf8{
	background:#f8f8f8;
	width:100%;
	height:600px;
}
.bgf8h749{
	background:#f8f8f8;
	width:100%;
	height:749px;
}
.wtimgss{
	width:1260px;
	margin:0 auto;
	z-index:100;
	position:relative;
	padding-top:100px;
}
.fleft430{
	float:left;width:430px;
}
.fright490{
	float:right;width:490px;
}
.w450p{
	width:450px;padding-top:166px;
}
.mrtop120{
	margin-top:120px;
}
.wrapper796{
	width:796px;margin:0 auto;
}
.mobileshow{
	display:none;
}

.testpro{
	width: 100%;
    margin-top: 129px;
    display: block;
	    text-align: center;
}
.wrapper1260p{width:1128px;margin:0 auto;z-index:100;position:relative;padding-top:100px;}
.h643{
	height:643px;
}
.h320b{background:#e9f4ff;height:320px;}
.w821t{width:821px;margin:0 auto;padding-top:30px;}

.bottxt
{
	float:left;
	margin-left:20px;
	width:160px;
	cursor:hand;
	color:#fff;
}
.bottxt a
{	
	font-size:14px;
	margin-bottom:5px;
}
.bottxt span
{	
	margin-top:3px;
	margin-bottom:5px;
}
.bottxt a:hover{
	color:#ffffff;
	text-decoration:underline;
}
.fleft450{
	float:left;
	width:450px;
	text-align:justify;
	color:#666;
	font-size:16px;
	padding-top:50px;
	line-height:26px;
}
.gsjj{
	margin-top:5px;
}
.gsjjorangefont{
	color:#fc8e1a;
	font-size:36px;
	text-align:center;
	margin-top:80px;
	margin-bottom:40px;
}
.gsjjgreybg{
	background:#f7f7f7;
}
.fleft425{
	float:left;
	width:425px;
	text-align:justify;
	color:#666;
	font-size:16px;
	padding-top:20px;
	line-height:26px;
	padding-left:20px;
}