@charset "utf-8";
@import url(css.css );  
.ibanner img {width:100%;}
.imain { padding-top:20px;   margin-left:auto; margin-right:auto; } 
@media screen and (min-width:1919px){
.imain {background:url(../images/ibg.png) no-repeat left bottom;}
}  
.imain1 .ll { width:50%; overflow:hidden; float:left; }
.imain1 .ll .con { margin-right:10px; overflow:hidden; }
.trans{position:relative;}
.trans a { display:block;  /*transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;*/ }
.trans a .img { height: 100%; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; width: 100%; }
.trans a .img img { width:110%; max-width:110%; display:block; }
.trans a:hover .img { margin-left:-20px; }
.trans a .tit { position:absolute; width:100%; height:100%; z-index:10; top:0; }
.trans a .tit .tit_p { transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; display: block; height: 100%; position: relative; background: transparent; }
.trans a:hover .tit .tit_p { background:rgba(0, 0, 0, .5); }
.trans a .tit .tit_p .p { bottom: 40px; left: 0; margin-bottom: 20px; /* min-height:144px; */position: absolute; width: 100%; }
.imain1 .ll .trans a .tit .tit_p .p,.imain2 .ll .trans a .tit .tit_p .p { /* min-height:70px; */ }
.trans a .tit .tit_p .p h3{ display:block; transition:all 1s cubic-bezier(.19, 1, .22, 1); color: #fff; font-size: 30px; line-height: 1.2; /* margin-bottom: 10px; */ opacity: 1; transform: translateY(60%); padding:0px 40px; }

.trans a:hover .tit .p h3 {/*filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false); */ opacity:1; transform:translateY(0) }
.trans a .tit .tit_p .p p { color: #fff; line-height: 1.5; opacity: 1; margin-top:10px; transform: translateY(80%); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; font-size:16px; padding:0px 40px; }
.trans a:hover .tit .tit_p .p p { opacity:1; transform:translateY(0) }
.trans1{transition:all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;transform:translateY(400px);}
.trans1.on{transform:translateY(0px);}
.trans2{transition:all 4s cubic-bezier(0.19, 1, 0.22, 1) 0s;transform:translateX(-400px);}
.trans2.on{transform:translateX(0px);}
.trans3{transition:all 4s cubic-bezier(0.19, 1, 0.22, 1) 0s;transform:translateX(400px);}
.trans3.on{transform:translateX(0px);} 
#imain3a{transition:all 4s cubic-bezier(0.19, 1, 0.22, 1) 0s;transform:translateY(400px);}
#imain3a.on{transform:translateY(0px);} 
#imain3b{transition:all 4s cubic-bezier(0.19, 1, 0.22, 1) 0s;transform:translateY(400px);}
#imain3b.on{transform:translateY(0px);} 
.imain1 .rr { width:50%; overflow:hidden; float:right; }
#video .tit { background:url(../images/bofang.png) no-repeat center center;}
.imain1 .rr .con { margin-left:10px; overflow:hidden; position:relative; }
.imain1 .rr .aa{ height:344px;}
.imain1 .null img { height:110%; }
.imain2{ clear:both; padding-top:20px; }
.imain2 .ll { width:50%; overflow:hidden; float:left; }
.imain2 .ll .con { margin-right:10px; overflow:hidden; }
.imain2 .rr { width:50%; overflow:hidden; float:right; }
.imain2 .rr .con { margin-left:10px; overflow:hidden; position:relative; }
.imain3 { background-color:#EDEEF2; padding:20px 0; overflow:hidden;}
.imain3 .ll { width:50%; overflow:hidden; float:left; }
.imain3 .ll .box { background-color:#fff; margin-right:15px; padding:0px 20px; }
.imain3 .ll .tit { width:90%; margin-left:auto; margin-right:auto; padding-top:30px; }
.imain3 .ll .tit p { width:30%; float:left; padding:3px; }
.imain3 .ll .tit p a { display:block; line-height:40px; background-color:#fff;color:#E56F50; text-align:center;transition:all 0.4s ease 0s; font-size:16px;  position:relative; width:80%; margin-left:auto; margin-right:auto;border-radius:25px 0px 25px 0px;}
.imain3 .ll .tit p.on a{ background-color:#E56F50;color:#fff;}
.imain3 .ll .con{ clear:both; padding-top:20px; padding-bottom:50px; }
.imain3 .ll .con .li{ display:none;}
.imain3 .ll .con .li.on{ display:block;}
.imain3 .ll .con .aa dt span { float:right; width:80px; text-align:right; line-height:40px; font-size:12px; color:#CCC; }
.imain3 .ll .con .aa dt a { display:block; margin-right:80px; line-height:40px; font-size:16px; color:#000; overflow:hidden; height:40px; }
.imain3 .ll .con .aa dd { color:#989898; line-height:24px; font-size:14px; height:72px; overflow:hidden; text-indent:2em;}
.imain3 .ll .con .bb { clear:both; padding-top:20px; }
.imain3 .ll .con .bb p { background:url(../images/n.jpg) no-repeat left center; padding-left:15px; border-bottom: 1px dotted #adadad; clear:both; }
.imain3 .ll .con .bb p span { float:right; width:80px; text-align:right; line-height:36px; font-size:12px; color:#CCC; }
.imain3 .ll .con .bb p a { line-height:36px; color:#414446; font-size:14px; display:block; margin-right:80px; overflow:hidden; height:36px; }
.imain3 .ll .con .bb p a:hover{ padding-left:10px;}
.imain3 .rr .tit {  text-align:center; padding-top:20px; }
.imain3 .rr .tit a{font-size:30px;line-height:50px; color:#E56F50;}
.imain3 .rr .con { padding:80px 10px 0px; }
.imain3 .rr .con .li { width:33.3333333%; float:left; padding:20px 0; }
.imain3 .rr .con .li dl { margin:0px 9px; border:1px solid #DEDEDE; }
.imain3 .rr .con .li dl dt { margin-top:-60px; z-index:10; text-align:center }
.imain3 .rr .con .li dl dt img{ /*width:120px;*/ height:120px; border-radius:50%;transition:all 0.5s ease 0s;}
.imain3 .rr .con .li dl dt img:hover{transform:rotate(360deg) scale(1.2);}
.imain3 .rr .con .li dl dd { padding:10px; }
.imain3 .rr .con .li h3 { text-align:center;}
.imain3 .rr .con .li h3 a{ font-size:16px; line-height:40px;}
.imain3 .rr .con .li p { color:#989898; line-height:24px; font-size:14px; height:72px; overflow:hidden; text-align:center;}
.imain3 .rr {width:50%; overflow:hidden; float:right;}
.imain3 .rr .box{ margin-left:10px; background-color:#fff; height:390px;}
.imain3 .ll .box { background-color:#fff; margin-right:10px; height:390px;}
.imain4 .h3{ text-align:center; padding-top:60px;} 
.imain4con .tit { width:600px; margin-left:auto; margin-right:auto; padding-top:30px; }
.imain4con .tit p { width:25%; float:left; padding:0px; }
.imain4con .tit p a { display:block; line-height:40px; background-color:#fff;color:#E56F50; text-align:center;transition:all 0.4s ease 0s; font-size:16px;  position:relative; width:80%; margin-left:auto; margin-right:auto;border-radius:25px 0px 25px 0px;}
.imain4con .tit p.on a{ background-color:#E56F50;color:#fff;}
.imain4con .con{ width:1200px; margin-left:auto; margin-right:auto; padding-top:40px;}
.imain4con .con .li{ display:none;}
.imain4con .con .li.on{ display:block;}
.imain4con .con .li .ll{ float:left; width:479px;/* overflow:hidden;*/}
.imain4con .con .li .ll a{ display: block; width:479px; height:319px;box-shadow:3px 5px 4px #888; background-repeat: no-repeat; background-position: center top; background-size: cover;}


.imain4con .con .li .rr{margin-left:479px; overflow:hidden; padding-left:30px;}
.imain4con .con .li .rr dl{ padding-bottom:5px;}
.imain4con .con .li .rr dl img{ display:none;}
.imain4con .con .li .rr dl dt{border-bottom: 1px dotted #adadad; clear:both; height:36px; overflow:hidden;}
.imain4con .con .li .rr dl dt span { float:right; width:80px; text-align:right; line-height:36px; font-size:12px; color:#CCC; }
.imain4con .con .li .rr dl dt a {background:url(../images/n.jpg) no-repeat left center; padding-left:15px;line-height:36px; color:#6F6F6F; font-size:14px; display:block; margin-right:80px; }
.imain4con .con .li .rr dl dd {padding-top:4px;height:72px; overflow:hidden;display:none; padding-left:15px;}
.imain4con .con .li .rr dl dd a{ color:#989898; line-height:24px;font-size:14px;}
.imain4con .con .li .rr dl.on dd{ display:block;}
.imain4con .con .li .rr dl.on dt{ border-bottom:0;}
.imain4con .con .li .rr dl.on dt a {  font-size:16px; color:#000; }
.imain4con .con .li .rr .bb{ clear:both; padding-top:20px; }
.imain4con .con .li .rr .bb p { background:url(../images/n.jpg) no-repeat left center; padding-left:15px; border-bottom: 1px dotted #adadad; clear:both; }
.imain4con .con .li .rr .bb p span { float:right; width:80px; text-align:right; line-height:36px; font-size:12px; color:#CCC; }
.imain4con .con .li .rr .bb p a { line-height:36px; color:#989898; font-size:14px; display:block; margin-right:80px; overflow:hidden; height:36px; }
.imain4con .con .li .rr .bb p a:hover{ color:#414446;}
.imain5{ width:1200px; margin-left:auto; margin-right:auto; padding-top:90px;}
.imain5 .ll{ float:left; overflow:hidden; width:115px;}
.imain5 .ll img{ padding-top:50px;}
.imain5 .rr{ overflow:hidden;margin-left:85px;} 
.huoban { clear:both; padding-top:50px; }
/*
.huoban .tit {border-bottom: 1px solid #E0E0E0; margin: 0 auto; padding: 1% 0; width:300px;text-align:center; text-align: center; }
.huoban .tit a{ font-size:24px; line-height:30px;}
.huoban .con { text-align:center; overflow:hidden; margin-left:auto; margin-right:auto; padding-top:30px; width:1200px;}
.huoban .con .li{float:left; width:20%; overflow:hidden;}
.huoban .con p{padding:5px;}
.huoban .con p a{border:1px solid #F7F7F7; padding:2px; display:block;}
.huoban .con p img{width:100%; display:block; height:auto;background-position:center center; background-repeat:no-repeat; background-size:contain;transition:all 0.4s ease 0s;opacity:0.6;}
.huoban .con p a:hover{border-color:#D6D6D6;}
.huoban .con p img:hover{ opacity:1;}
*/
.hezuo{ padding-top:90px;}
.hezuo .tit{ text-align:center;}
.hezuo .con{ padding-top:40px; width:1200px; margin-left:auto; margin-right:auto;}
.link{ background-color:#EC4A08; padding-top:40px;padding-bottom: 70px; }
.link .aa{ text-align:center} 
.link .bb{ padding-top:45px;}
.link .bb p{ margin-left:20px; float:left; width:224px; background-color:#fff; text-align:center; overflow:hidden; padding:20px 0px}
.link .bb p a{ display: block; background-repeat: no-repeat; background-position: center center; background-size:contain;height: 70px; margin: 0px 10px;}
.link .bb .p_1{ margin-left:0}
/* 
.link .bb p.p_1{padding:15px 0px}
.link .bb p.p_1 a img{height:70px;}
.link .bb p.p_2{padding:25px 0px}
.link .bb p.p_2 a img{height:50px;}
.link .bb p.p_3 a img{height:60px;}
.link .bb p.p_4{padding:25px 0px}
.link .bb p.p_4 a img{width:95%; height:50px;}
.link .bb p.p_5{padding:30px 0px}
.link .bb p.p_5 a img{width:95%; height:40px;} */
