/*banner begin*/

.box1{clear:both; width:100%; height:490px;overflow:hidden; position:relative; z-index:999; margin-top:101px }

.gint{height:100%; position:relative; padding-top:180px;padding-top:180px\9;   text-align:left;height: 100%}

.gint h1{ color:#fff; font-size:40px; line-height:40px;opacity:0; margin-bottom:40px;}

.gint p{ background:url(../images/bg1.jpg) no-repeat left 20px; padding-left:65px; color:#fff; font-size:40px; line-height:40px; letter-spacing:4px; opacity:0;}

.ani-slide .gint h1{opacity:1;-webkit-animation-name: driveInBottom;animation-name: driveInBottom;-webkit-animation-duration: 4s; animation-duration: 4s;}

.ani-slide .gint p{opacity: 1;-webkit-animation-name: driveInBottom;animation-name: driveInBottom;-webkit-animation-duration: 4.5s; animation-duration: 4.5s;}

@media(max-width:1366px){

.gint{height:100%; position:relative; padding-top:310px; text-align:left;}	

}

@media(max-width:1024px){

.gint{height:100%; position:relative; padding-top:280px; text-align:left;}	

.gint h1{ color:#fff; font-size:30px; line-height:40px;opacity:0; margin-bottom:0px;}

.gint p{ background:url(../images/bg1.jpg) no-repeat left 20px; padding-left:65px; color:#fff; font-size:30px; line-height:40px; letter-spacing:4px; opacity:0;}
.box1{clear:both; width:100%; height:370px;overflow:hidden; position:relative; z-index:999; margin-top:101px }

}

@media(max-width:768px){

.gint{height:100%; position:relative; padding:150px 50px 0 50px;text-align:left;}	

.gint h1{ color:#fff; font-size:30px; line-height:40px;opacity:0; margin-bottom:0px;}

.gint p{ background:url(../images/bg1.jpg) no-repeat left 20px; padding-left:65px; color:#fff; font-size:25px; line-height:40px; letter-spacing:4px; opacity:0;}

}

@media(max-width:414px){

.gint{height:100%; position:relative; padding:95px 30px 0 40px; text-align:left;}	

.gint h1{ color:#fff; font-size:20px; line-height:40px;opacity:0; margin-bottom:0px;}

.gint p{ background:url(../images/bg1.jpg) no-repeat left 20px; padding-left:50px; color:#fff; font-size:16px; line-height:30px; letter-spacing:0px; opacity:0;}
.box1{clear:both; width:100%; height:270px;overflow:hidden; position:relative; z-index:999; margin-top:101px }

}

@media(max-width:375px){

.gint{height:100%; position:relative; padding:95px 30px 0 40px; text-align:left;}	

.gint h1{ color:#fff; font-size:20px; line-height:40px;opacity:0; margin-bottom:0px;}

.gint p{ background:url(../images/bg1.jpg) no-repeat left 20px; padding-left:50px; color:#fff; font-size:16px; line-height:30px; letter-spacing:0px; opacity:0;}
.box1{clear:both; width:100%; height:270px;overflow:hidden; position:relative; z-index:999; margin-top:101px }


}

@media(max-width:360px){

.gint{height:100%; position:relative; padding:95px 30px 0 40px; text-align:left;}	

.gint h1{ color:#fff; font-size:20px; line-height:40px;opacity:0; margin-bottom:0px;}

.gint p{ background:url(../images/bg1.jpg) no-repeat left 20px; padding-left:50px; color:#fff; font-size:16px; line-height:30px; letter-spacing:0px; opacity:0;}
.box1{clear:both; width:100%; height:270px;overflow:hidden; position:relative; z-index:999; margin-top:101px }


}

/*banner end*/



/*main begin*/

.box2{ clear:both; width:100%; height:auto; margin:0 auto; padding:100px 0; overflow:hidden; display:none;}

.ywbo_t{ text-align:center; color:#353535; font-size:36px; line-height:36px; margin-bottom:45px;}

.ywbo_t i{ display:block; color:#acacac; font-size:18px; text-transform:uppercase; font-family: "bahnschrift"; margin-top:10px;}

.ywbo_b{ width:100%; height:auto;}

.ywbo_b dl{ float:left; width:32.5%; height:auto; position:relative; margin-right:0.8%; cursor:pointer; overflow:hidden;}

.ywbo_b dl.qcbj{ margin-right:0px;}

.ywbo_b dt{ width:100%; height:auto; overflow:hidden;}

.ywbo_b dt img{ display:block; width:100%; height:auto;}

.ywbo_b dd{ position:absolute; left:0; top:0; width:100%; height:100%;}

.toxne{ width:100%; height:auto; position:absolute; left:0; top:99px; text-align:center; opacity:1;filter: Alpha(opacity=100);transition: all 0.5s ease;}

.toxne p { color:#ffffff; font-size:20px; line-height:20px;}

.toxne p img{ margin-bottom:70px;}

.toxnw{ width:100%; height:100%; position:absolute; left:0; top:100%; padding-top:33px; opacity:0;filter: Alpha(opacity=0);transition: all 0.5s ease;}

.toxnw_t img{ display:block; margin:0 auto;}

.toxnw_b{ width:100%; height:56%; background:#f5f5f5; position:absolute; left:0; bottom:0; padding:30px 0 0 0;}

.toxnw_b h1{ text-align:center; color:#353535; line-height:24px; font-size:18px; margin-bottom:15px;}

.toxnw_b p{ color:#353535; font-size:14px; line-height:24px; text-align:center}

.toxnw_b p a{color:#353535; font-size:14px;}

.toxnw_b p img{ vertical-align:middle; margin-right:15px;}

.toxnw_b1 p{ text-align:left; padding-left:140px;}



.ywbo_b dl:hover .toxnw{ opacity:1;filter: Alpha(opacity=100); top:0;}

.ywbo_b dl:hover .toxne{ opacity:0;filter: Alpha(opacity=0); top:100%;}

@media(max-width:1024px){

.box2{ clear:both; width:100%; height:auto; margin:0 auto; padding:40px 0; overflow:hidden;}	

.ywbo_t{ text-align:center; color:#353535; font-size:26px; line-height:36px; margin-bottom:25px;}

.ywbo_t i{ display:block; color:#acacac; font-size:18px; text-transform:uppercase; font-family: "bahnschrift"; margin-top:10px;}

.toxne{ width:100%; height:auto; position:absolute; left:0; top:79px; text-align:center; opacity:1;filter: Alpha(opacity=100);transition: all 0.5s ease;}

.toxne p img{ margin-bottom:40px;}

.toxnw_b{ width:100%; height:56%; background:#f5f5f5; position:absolute; left:0; bottom:0; padding:20px 0 0 0;}

.toxnw_t img{ display:block; margin:0 auto; max-width:30%;}

.toxnw_b h1{ text-align:center; color:#353535; line-height:24px; font-size:18px; margin-bottom:8px;}

.toxnw_b p{ color:#353535; font-size:14px; line-height:20px; text-align:center}

.toxne p { color:#ffffff; font-size:18px; line-height:20px;}

.toxnw_b1 p{ text-align:left !important; padding-left:20px; display:block;}

}

@media(max-width:414px){

.box2{ clear:both; width:100%; height:auto; margin:0 auto; padding:40px 0; overflow:hidden;}	

.ywbo_t{ text-align:center; color:#353535; font-size:26px; line-height:36px; margin-bottom:25px;}

.ywbo_t i{ display:block; color:#acacac; font-size:18px; text-transform:uppercase; font-family: "bahnschrift"; margin-top:10px;}

.toxne{ width:100%; height:auto; position:absolute; left:0; top:79px; text-align:center; opacity:1;filter: Alpha(opacity=100);transition: all 0.5s ease;}

.toxne p img{ margin-bottom:40px;}

.toxnw_b{ width:100%; height:56%; background:#f5f5f5; position:absolute; left:0; bottom:0; padding:20px 0 0 0;}

.toxnw_t img{ display:block; margin:0 auto; max-width:30%;}

.toxnw_b h1{ text-align:center; color:#353535; line-height:24px; font-size:18px; margin-bottom:8px;}

.toxnw_b p{ color:#353535; font-size:14px; line-height:20px; text-align:center}

.toxne p { color:#ffffff; font-size:18px; line-height:20px;}

.ywbo_b dl{ float:left; width:100%; height:auto; position:relative; margin-right:0%; margin-bottom:20px; cursor:pointer; overflow:hidden;}

.ywbo_b dl:last-child{ margin-bottom:0px;}

.toxnw_b1 p{ text-align:left !important; padding-left:100px; display:block;}

}



.box3{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:70px 0 100px 0; background: #efeded;}

.zkui_t{ text-align:center; color:#ffffff; color:#333;font-size:36px; line-height:36px; margin-bottom:55px;}

.zkui_t i{ display:block; color:#acacac; font-size:18px; text-transform:uppercase; font-family: "bahnschrift"; margin-top:10px;}

.zkui_b{ clear:both; height:auto;}

.zkui_b1{ display:none;}

.zkui_bl{ float:left; width:28%; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat left top; padding:37px 0; position:relative;}

.zkuil{ width:100%; height:477px; overflow:hidden;}

.xown{ width:100%; height:auto;height:80px; }

.xown span{ display:block; float:left; position:relative; width:27px; height:26px; vertical-align:middle; margin-right:15px; margin-top:8px;}



.dada{line-height:80px; padding-left:30px; color:#ffffff; font-size:15px; background:url(../images/bg4.jpg) no-repeat left center; cursor:pointer;height:80px; overflow:hidden;}

.dada span{ display:block; float:left; position:relative; width:27px; height:26px; vertical-align:middle; margin-right:15px; margin-top:8px;}

.dada span i{ opacity:0;filter: Alpha(opacity=0); display:none;}

.dada span em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:1;filter: Alpha(opacity=100)}



.xiao{ line-height:80px; padding-left:30px; color:#ffffff; font-size:15px;background:url(../images/bg2.png) no-repeat left center; cursor:pointer;height:80px; overflow:hidden;}

.xiao span{ display:block; float:left; position:relative; width:27px; height:26px; vertical-align:middle; margin-right:15px; margin-top:8px;}

.xiao span em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;filter: Alpha(opacity=0)}

.xiao span i{ opacity:1;filter: Alpha(opacity=100)}

.zkui_br{ float:left; width:72%; height:550px; background:#fafbfb; overflow:hidden; padding:60px 0 0 40px;}

.zkui_rt{ height:auto; overflow:hidden; color:#141414; line-height:24px; font-size:20px; margin-bottom:70px;}

.xkin_l{ float:left; width:50%; height:auto;}

.xkin_l img{ display:block; box-shadow:0px 0px 10px #ccc;}

.xkin_r{ float:right; width:44%; height:auto; padding-top:30px;}

.xkin_r h1{ color:#040404; font-size:16px; line-height:24px; margin-bottom:14px;}

.xkin_r p{ line-height:24px; color:#040404; font-size:14px;}

.xkin_r a{ display:block; width:90px; height:30px; background:#d81b1f; border-radius:5px; text-align:center; line-height:30px; text-align:center; font-size:14px; color:#fff; margin-top:20px;}



@media(max-width:1024px){

.box3{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:40px 0 40px 0; background: #efeded;}

.zkui_t{ text-align:center; color:#333;  font-size:26px; line-height:36px; margin-bottom:25px;}

.zkui_t i{ display:block; color:#acacac; font-size:18px; text-transform:uppercase; font-family: "bahnschrift"; margin-top:10px;}



.zkui_b{ clear:both; height:auto; display:none;}

.zkui_b1{ clear:both; display:block;}

.zkui_bl{ float:left; width:100%; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat left top; background-size:cover; padding:0 37px;position:relative;}

.zkuil{ width:100%; height:60px; overflow:hidden;}

.dada{line-height:60px; padding-left:20px; color:#ffffff; font-size:15px; background:url(../images/bg4.jpg) no-repeat left center; cursor:pointer;height:60px; overflow:hidden;}

.dada span{ display:block; float:left; position:relative; width:27px; height:26px; vertical-align:middle; margin-right:15px; margin-top:8px;}

.dada span i{ opacity:0;filter: Alpha(opacity=0); display:none;}

.dada span em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:1;filter: Alpha(opacity=100)}

.xiao{ line-height:60px; padding-left:0px; color:#ffffff; font-size:15px;background:url(../images/bg2.png) no-repeat left center; cursor:pointer;height:60px; overflow:hidden;}

.xiao span{ display:block; float:left; position:relative; width:27px; height:26px; vertical-align:middle; margin-right:15px; margin-top:8px;}

.xiao span em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;filter: Alpha(opacity=0)}

.xiao span i{ opacity:1;filter: Alpha(opacity=100)}	

.zkui_br{ float:left; width:100%; height:auto; background:#fafbfb; overflow:hidden; padding:40px;}

.zkui_rt{ height:auto; overflow:hidden; color:#141414; line-height:24px; font-size:20px; margin-bottom:20px;}

}



@media(max-width:414px){

.zkui_b{ clear:both; height:auto; display:none;}

.zkui_b1{ clear:both; display:block;}

.zkui_bl{ float:left; width:100%; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat left top; background-size:cover; padding:0 37px;position:relative;}

.zkuil{ width:100%; height:60px; overflow:hidden;}

.dada{line-height:60px; padding-left:20px; color:#ffffff; font-size:15px; background:url(../images/bg4.jpg) no-repeat left center; cursor:pointer;height:60px; overflow:hidden;}

.dada span{ display:block; float:left; position:relative; width:27px; height:26px; vertical-align:middle; margin-right:15px; margin-top:8px;}

.dada span i{ opacity:0;filter: Alpha(opacity=0); display:none;}

.dada span em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:1;filter: Alpha(opacity=100)}

.xiao{ line-height:60px; padding-left:0px; color:#ffffff; font-size:15px;background:url(../images/bg2.png) no-repeat left center; cursor:pointer;height:60px; overflow:hidden;}

.xiao span{ display:block; float:left; position:relative; width:27px; height:26px; vertical-align:middle; margin-right:15px; margin-top:8px;}

.xiao span em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;filter: Alpha(opacity=0)}

.xiao span i{ opacity:1;filter: Alpha(opacity=100)}	

.zkui_br{ float:left; width:100%; height:auto; background:#fafbfb; overflow:hidden; padding:40px 20px;}

.zkui_rt{ height:auto; overflow:hidden; color:#141414; line-height:24px; font-size:20px; margin-bottom:20px;}

.xkin_l{ float:left; width:100%; height:auto;}

.xkin_l img{ display:block; box-shadow:0px 0px 10px #ccc;}

.xkin_r{ float:right; width:100%; height:auto; padding-top:30px;}



}



.box4{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg5.jpg) no-repeat center center; background-size:cover; padding:100px 0 70px 0;}

.jjri_t{text-align:center; color:#353535; font-size:36px; line-height:36px; margin-bottom:55px;}

.jjri_t i{ display:block; color:#acacac; font-size:18px; text-transform:uppercase; font-family: "bahnschrift"; margin-top:10px;}

.jjri_bl{ float:left; width:66%; height:auto; overflow:hidden;}

.jjri_bl li{ float:left; width:48%; height:auto; border:2px solid rgba(255,255,255,0);transition: all 1s ease; position:relative; margin-bottom:30px; overflow:hidden;}

.tixn{ width:100%; height:auto; overflow:hidden; position:relative;}

.tixn img{ display:block; width:100%;}

.tixn em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;filter: Alpha(opacity=0);transition: all 1s ease;}

.tixm{ width:100%; height:auto; position:absolute; left:0; top:76px; z-index:1; color:#ffffff; font-size:18px; line-height:24px; text-align:center;}

.tixm span{ display:block; width:62px; height:auto; overflow:hidden; position:relative; margin:0 auto; margin-bottom:20px;}

.tixm span img{ display:block; margin:0 auto;}

.tixm span em{ display:block; position:absolute; left:0; top:0; opacity:0;filter: Alpha(opacity=0);transition: all 1s ease; }

.jjri_bl li:hover{ border-image:linear-gradient( #1155f9, #1bb9fc) 30 30;}

.jjri_bl li:hover .tixn em{  opacity:1;filter: Alpha(opacity=100);}

.jjri_bl li:hover .tixm span em{ opacity:1;filter: Alpha(opacity=100); }

.jjri_bl li.qcbj{ float:right;}

.jjri_br{ float:right; width:32%; height:auto; position:relative;border:2px solid rgba(255,255,255,0);transition: all 1s ease; }

.jjri_br:hover{border-image:linear-gradient( #1155f9, #1bb9fc) 30 30;}

.tixm1{ width:100%; height:auto; position:absolute; left:0; top:190px; z-index:1; color:#ffffff; font-size:18px; line-height:24px; text-align:center;}

.tixm1 span{ display:block; width:46px; height:auto; overflow:hidden; position:relative; margin:0 auto; margin-bottom:20px;}

.tixm1 span img{ display:block; margin:0 auto;}

.tixm1 span em{ display:block; position:absolute; left:0; top:0; opacity:0;filter: Alpha(opacity=0);transition: all 1s ease; }

.jjri_br:hover .tixm1 span em{ opacity:1;filter: Alpha(opacity=100); }

.jjri_br:hover .tixn em{  opacity:1;filter: Alpha(opacity=100);}

@media(max-width:1024px){

.box4{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg5.jpg) no-repeat center center; background-size:cover; padding:40px 0 40px 0;}

.jjri_t{text-align:center; color:#353535; font-size:26px; line-height:36px; margin-bottom:25px;}

.tixm{ width:100%; height:auto; position:absolute; left:0; top:40px; z-index:1; color:#ffffff; font-size:18px; line-height:24px; text-align:center;}

.tixm1{ width:100%; height:auto; position:absolute; left:0; top:160px; z-index:1; color:#ffffff; font-size:18px; line-height:24px; text-align:center;}

}

@media(max-width:768px){

.box4{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg5.jpg) no-repeat center center; background-size:cover; padding:40px 0 40px 0;}

.jjri_t{text-align:center; color:#353535; font-size:26px; line-height:36px; margin-bottom:25px;}

.tixm{ width:100%; height:auto; position:absolute; left:0; top:40px; z-index:1; color:#ffffff; font-size:18px; line-height:24px; text-align:center;}

.tixm1{ width:100%; height:auto; position:absolute; left:0; top:160px; z-index:1; color:#ffffff; font-size:18px; line-height:24px; text-align:center;}

.jjri_bl{ float:left; width:100%; height:auto; overflow:hidden;}

.jjri_br{ float:right; width:100%; height:auto; position:relative;border:2px solid rgba(255,255,255,0);transition: all 1s ease; }

}

@media(max-width:414px){

.box4{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg5.jpg) no-repeat center center; background-size:cover; padding:40px 0 40px 0;}

.jjri_t{text-align:center; color:#353535; font-size:26px; line-height:36px; margin-bottom:25px;}

.tixm{ width:100%; height:auto; position:absolute; left:0; top:60px; z-index:1; color:#ffffff; font-size:18px; line-height:24px; text-align:center;}

.tixm1{ width:100%; height:auto; position:absolute; left:0; top:190px; z-index:1; color:#ffffff; font-size:18px; line-height:24px; text-align:center;}

.jjri_bl{ float:left; width:100%; height:auto; overflow:hidden;}

.jjri_br{ float:right; width:100%; height:auto; position:relative;border:2px solid rgba(255,255,255,0);transition: all 1s ease; }

.jjri_bl li{ float:left; width:100%; height:auto; border:2px solid rgba(255,255,255,0);transition: all 1s ease; position:relative; margin-bottom:20px; overflow:hidden;}

}

@media(max-width:375px){

.box4{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg5.jpg) no-repeat center center; background-size:cover; padding:40px 0 40px 0;}

.jjri_t{text-align:center; color:#353535; font-size:26px; line-height:36px; margin-bottom:25px;}

.tixm{ width:100%; height:auto; position:absolute; left:0; top:50px; z-index:1; color:#ffffff; font-size:18px; line-height:24px; text-align:center;}

.tixm1{ width:100%; height:auto; position:absolute; left:0; top:150px; z-index:1; color:#ffffff; font-size:18px; line-height:24px; text-align:center;}

.jjri_bl{ float:left; width:100%; height:auto; overflow:hidden;}

.jjri_br{ float:right; width:100%; height:auto; position:relative;border:2px solid rgba(255,255,255,0);transition: all 1s ease; }

.jjri_bl li{ float:left; width:100%; height:auto; border:2px solid rgba(255,255,255,0);transition: all 1s ease; position:relative; margin-bottom:20px; overflow:hidden;}

}

@media(max-width:360px){

.box4{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg5.jpg) no-repeat center center; background-size:cover; padding:40px 0 40px 0;}

.jjri_t{text-align:center; color:#353535; font-size:26px; line-height:36px; margin-bottom:25px;}

.tixm{ width:100%; height:auto; position:absolute; left:0; top:50px; z-index:1; color:#ffffff; font-size:18px; line-height:24px; text-align:center;}

.tixm1{ width:100%; height:auto; position:absolute; left:0; top:150px; z-index:1; color:#ffffff; font-size:18px; line-height:24px; text-align:center;}

.jjri_bl{ float:left; width:100%; height:auto; overflow:hidden;}

.jjri_br{ float:right; width:100%; height:auto; position:relative;border:2px solid rgba(255,255,255,0);transition: all 1s ease; }

.jjri_bl li{ float:left; width:100%; height:auto; border:2px solid rgba(255,255,255,0);transition: all 1s ease; position:relative; margin-bottom:20px; overflow:hidden;}

}



.box5{ width:100%; height:auto; overflow:hidden; clear:both; background:#fff; padding:100px 0 0px 0;}

.zxsi{ height:auto; overflow:hidden; margin-bottom:100px;}

.jjri_f{ height:auto; overflow:hidden;}

.jjri_fl{ float:left; width:34%; height:auto; overflow:hidden;}

.jjri_fl dt{ height:auto; overflow:hidden;}

.jjri_fl dt img{ display:block; width:100%; height:auto;transition: all 1s ease;}

.jjri_fl dd{ border:1px solid #dddddd; width:100%; height:auto; overflow:hidden; padding:15px 20px 15px 20px;}

.jjri_fl dd h1{ width:80%;color:#353535; font-size:18px; line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:0px;transition: all 1s ease;}

.jjri_fl dd p{ color:#353535; font-size:14px; line-height:30px; height:90px; overflow:hidden; margin-bottom:15px;}

.jjri_fl dd span{ float:left; color:#b4b4b4; font-size:14px; line-height:24px;}

.jjri_fl dd em{ display:block; float:right; width:50px; height:24px; background:url(../images/bg7.png) no-repeat left center;transition: all 1s ease;}

.jjri_fl:hover dd em{ background:url(../images/bg7_1.png) no-repeat left center;}

.jjri_fl:hover dd h1{ color:#d81b1f;}

.jjri_fl:hover dt img{transform: scale(1.1);}

.jjri_fr{ float:right; width:59%; height:auto; overflow:hidden;}

.jjri_fr dl{ clear:both; height:auto; overflow:hidden; margin-bottom:32px;}

.jjri_fr dt{ float:left; width:25%; height:auto; overflow:hidden;}

.jjri_fr dt img{ display:block; width:100%;transition: all 1s ease;}

.jjri_fr dd{ float:right; width:69%; height:auto; overflow:hidden;}

.jjri_fr dd h1{ color:#353535; line-height:24px; font-size:18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px;transition: all 1s ease;}

.jjri_fr dd p{ line-height:24px; color:#353535; font-size:14px; height:48px; overflow:hidden; margin-bottom:30px;}

.jjri_fr dd span{ float:left; color:#b4b4b4; font-size:14px; line-height:24px;}

.jjri_fr dd font{ display:block; float:right; width:50px; height:24px; background:url(../images/bg7.png) no-repeat left center;transition: all 1s ease;}

.jjri_fr:hover dd font{ background:url(../images/bg7_1.png) no-repeat left center;}

.jjri_fr:hover dd h1{ color:#d81b1f;}

.jjri_fr:hover dt img{transform: scale(1.1);}

.jjri_fr dl.qcbj{ margin-bottom:0px;}

.tab2f{width:auto;}
.tab2f ul.menu{height:auto;position:relative;}
.tab2f ul.menu li{float:left;text-align:center; line-height:45px; font-size:18px;font-family:"Microsoft YaHei"; padding:0 15px;cursor:pointer; position:relative; margin-right:20px;}
.tab2f ul.menu li:after{ content:''; position:absolute; left:0; bottom:-9px; width:100%; height:11px; background:url(../images/bg12.png) no-repeat center bottom; opacity:0; z-index: 999;}
.tab2f ul.menu li.active{background:#d81b1f;color:#fff;}
.tab2f ul.menu li.active:after{ opacity:1;}
.cen1,.cen2{height:auto; padding:20px 15px 0 15px;clear:both; border: 1px solid #ccc; min-height: 269px !important; position: relative;}
.cen2{display:none;}
.tab2f ul.menu li:last-child{ margin-right:0;}
.ggbon{ height:auto; overflow:hidden;}
.ggbon li{ clear:both; height:auto; overflow:hidden; line-height:45px; border-bottom:1px dashed #ccc;}
.ggbon li span{ display:block; float:left; width:85%; color:#333; font-size:16px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/bg13.png) no-repeat left center; padding-left:18px;}
.ggbon li font{ display:block; float:right; color:#333; font-size:14px;}
.ggbon li:hover span{ background:url(../images/bg14.png) no-repeat left center; color:#d81b1f}
.ggbon li.qcbj{ border-bottom:none; }
.ggbon ul{ min-height: 200px !important; }
.ghhp{ text-align: right; line-height:35px;}
.ghhp a{ color:#333; font-size: 14px; }
.ghhp a:hover{ color: #d81b1f }
@media(max-width:1024px){

.box5{ width:100%; height:auto; overflow:hidden; clear:both; background:#fff; padding:40px 0 0px 0;}

.zxsi{ height:auto; overflow:hidden; margin-bottom:40px;}	

.jjri_fr{ float:right; width:62%; height:auto; overflow:hidden;}

.jjri_fr dd p{ line-height:24px; color:#353535; font-size:14px; height:48px; overflow:hidden; margin-bottom:10px;}

}

@media(max-width:768px){

.box5{ width:100%; height:auto; overflow:hidden; clear:both; background:#fff;  padding:40px 0 0px 0;;}

.zxsi{ height:auto; overflow:hidden; margin-bottom:40px;}	

.jjri_fl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:30px;}

.jjri_fl dd{ border:1px solid #dddddd; width:100%; height:auto; overflow:hidden; padding:20px 20px 20px 20px;}

.jjri_fr{ float:right; width:100%; height:auto; overflow:hidden;}

.jjri_fr dd p{ line-height:24px; color:#353535; font-size:14px; height:48px; overflow:hidden; margin-bottom:10px;}

.jjri_fl dd p{ color:#353535; font-size:14px; line-height:30px; height:auto; overflow:hidden; margin-bottom:10px;}

}

@media(max-width:414px){

.box5{ width:100%; height:auto; overflow:hidden; clear:both; background:#fff; padding:40px 0 0px 0;}

.zxsi{ height:auto; overflow:hidden; margin-bottom:40px;}	

.jjri_fl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:30px;}

.jjri_fl dd{ border:1px solid #dddddd; width:100%; height:auto; overflow:hidden; padding:20px 20px 20px 20px;}

.jjri_fr{ float:right; width:100%; height:auto; overflow:hidden;}

.jjri_fr dd p{ line-height:24px; color:#353535; font-size:14px; height:48px; overflow:hidden; margin-bottom:10px;}

.jjri_fl dd p{ color:#353535; font-size:14px; line-height:30px; height:auto; overflow:hidden; margin-bottom:10px;}

.jjri_fr dt{ float:none; width:100%; height:auto; overflow:hidden; margin:0 auto;}

.jjri_fr dd{ float:none; width:100%; height:auto; overflow:hidden; padding-top:20px;}

.ggbon li span{ display:block; float:left; width:75%; color:#333; font-size:16px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/bg13.png) no-repeat left center; padding-left:18px;}


}

.box5_1{ clear:both; height:auto; overflow:hidden; background: #efeded; padding:40px 0 70px 0;}

.box_to{ height:auto; overflow:hidden; position:relative;}

.xoq2{ width:100%; height:auto; overflow:hidden;}

.xoq2 li{ width:100%; margin-bottom:30px;}

.xoq2 li img{ display:block; width:100%;}
@media(max-width:1024px){

.box5_1{ clear:both; height:auto; overflow:hidden; background: #efeded; padding:40px 0 40px 0;}
}

/*main end*/





/*关于我们 begin*/

.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:306px 0 206px 0; position:relative; z-index:9999; display:none;}

.gy_box h1{ color:#fff; font-size:40px; line-height:40px; margin-bottom:20px;}

.gy_box p{ background:url(../images/bg8.jpg) no-repeat left 13px; padding-left:50px; color:#ffffff; font-size:24px; line-height:24px;}

@media(max-width:1024px){

.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:266px 0 188px 0;}

.gy_box h1{ color:#fff; font-size:25px; line-height:30px; margin-bottom:20px;}

.gy_box p{ background:url(../images/bg8.jpg) no-repeat left 11px; padding-left:50px; color:#ffffff; font-size:16px; line-height:24px;}

}

@media(max-width:414px){

.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:158px 0 98px 0;}

.gy_box h1{ color:#fff; font-size:25px; line-height:30px; margin-bottom:20px;}

.gy_box p{ background:url(../images/bg8.jpg) no-repeat left 11px; padding-left:50px; color:#ffffff; font-size:16px; line-height:24px;}

}

.gy_box1{ clear:both; width:100%; height:auto; background:url(../images/bg10.jpg) repeat-x left bottom;min-height:100px !important; position:relative; z-index:999; display:none;}

.gy_box1 ul{ display:block; margin:0 auto; width:73%;}

.gy_box1 li{ float:left; margin-right:124px; line-height:80px; cursor:pointer;}

.gy_box1 li a{ color:#353535; font-size:24px; cursor:pointer;}

.gy_box1 li.qcbj{ margin-right:0px;}

.gy_box1 li.red a{ color:#d81b1f;}

.gy_box1 li span{ display:inline-block; width:20px; height:20px; overflow:hidden; position:relative; vertical-align:middle; margin-top:-3px; margin-right:10px;}

.gy_box1 li span img{ margin:0 auto; display:block;}

.gy_box1 li span i{transition: all 1s ease; }

.gy_box1 li span em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;filter: Alpha(opacity=0);transition: all 1s ease; }

.gy_box1 li.red span em{ opacity:1;filter: Alpha(opacity=100);}

.gy_box1 li.red span i{ opacity:0;filter: Alpha(opacity=0);}

@media(max-width:1024px){

.gy_box1{ clear:both; width:100%; height:auto; background:url(../images/bg10.jpg) repeat-x left bottom #fff; overflow:hidden; padding-bottom:20px;position:relative; z-index:999}

.gy_box1 ul{ display:block; margin:0 auto; width:970px; padding:0 0px;}

.gy_box1 li{ float:left; margin-right:0px; display:block; width:25%; line-height:80px; cursor:pointer;}

.gy_box1 li a{ color:#353535; font-size:20px; cursor:pointer;}

}

@media(max-width:768px){

.gy_box1{ clear:both; width:100%; height:auto; background:url(../images/bg10.jpg) repeat-x left bottom  #fff; overflow:hidden; padding-bottom:20px; min-height:auto !important;osition:relative; z-index:999;min-height:70px !important;}

.gy_box1 ul{ display:block; margin:0 auto; width:750px; padding:0 0px;}

.gy_box1 li{ float:left; margin-right:0px; display:block; width:25%; line-height:70px; cursor:pointer;}

.gy_box1 li a{ color:#353535; font-size:20px; cursor:pointer;}

}

@media(max-width:414px){

.gy_box1{ clear:both; width:100%; height:auto; background:url(../images/bg10.jpg) repeat-x left bottom; overflow:hidden;min-height:120px !important;}

.gy_box1 ul{ display:block; margin:0 auto; width:100%; padding:0 0px;}

.gy_box1 li{ float:left; margin-right:0px; display:block; width:50%; line-height:50px; cursor:pointer;}

.gy_box1 li a{ color:#353535; font-size:16px; cursor:pointer;}

}

.gy_box2{ width:100%; height:auto; background:url(../images/bg9.jpg) no-repeat center center; background-size:cover; padding:100px 0 70px 0; overflow:hidden; position:relative; z-index:999; margin-top:100px;}

.jiaj_l{ float:left; width:22%; height:auto; color:#d81b1f; font-size:36px; line-height:36px;}

.jiaj_l i{ display:block; color:#d81b1f; font-size:18px; font-family: "bahnschrift"; text-transform:uppercase; margin-top:5px;}

.jiaj_r{ float:right; width:78%; height:auto}

.jiaj_r h1{ color:#353535; font-size:30px; line-height:36px; margin-bottom:20px;}

.jiaj_r p{ line-height:25px; color:#353535; font-size:14px; margin-bottom:20px;}

.jiaj_r p:last-child{ margin:0 auto;}

@media(max-width:1024px){

.gy_box2{ width:100%; height:auto; background:url(../images/bg9.jpg) no-repeat center center; background-size:cover; padding:140px 0 40px 0; margin-top:-30px; overflow:hidden}

.jiaj_l{ float:left; width:100%; height:auto; color:#d81b1f; font-size:26px; line-height:36px; margin-bottom:15px;}

.jiaj_r{ float:right; width:100%; height:auto}

.jiaj_r h1{ color:#353535; font-size:20px; line-height:36px; margin-bottom:10px;}



}

@media(max-width:768px){

.gy_box2{ width:100%; height:auto; background:url(../images/bg9.jpg) no-repeat center center; background-size:cover; padding:140px 0 40px 0; margin-top:-30px; overflow:hidden}

}

.gy_box3{ width:100%; height:auto; background:#f5f5f5; overflow:hidden; padding:65px 0; position:relative; z-index:777}

.gy_box3 li{ float:left; border-right:1px solid #c8c8c8; color:#d81b1f; font-size:24px; font-family: "bahnschrift"; padding-right:127px; margin-right:127px;}

.gy_box3 li h1 span{ color:#d81b1f; font-size:56px; font-family: "bahnschrift";}

.gy_box3 li p{ color:#d81b1f; font-size:14px; line-height:24px;}

.gy_box3 li.qcbj{ margin-right:0px; padding-right:0px; border:none;}

@media(max-width:1024px){

.gy_box3{ width:100%; height:auto; background:#f5f5f5; overflow:hidden; padding:40px 0; position:relative; z-index:777}

.gy_box3 li{ float:left; width:25%; text-align:center; border-right:1px solid #c8c8c8; color:#d81b1f; font-size:24px; font-family: "bahnschrift"; padding-right:0px; margin-right:0px;}

.gy_box3 li h1 span{ color:#d81b1f; font-size:36px; font-family: "bahnschrift";}

}

@media(max-width:414px){

.gy_box3{ width:100%; height:auto; background:#f5f5f5; overflow:hidden; padding:40px 0 30px  0; position:relative; z-index:777}

.gy_box3 li{ float:left; width:50%; margin-bottom:10px; text-align:center; border-right:1px solid #c8c8c8; color:#d81b1f; font-size:24px; font-family: "bahnschrift"; padding-right:0px; margin-right:0px;}

.gy_box3 li h1 span{ color:#d81b1f; font-size:36px; font-family: "bahnschrift";}

.gy_box3 li:last-child{ border-right:1px solid #c8c8c8;}

}



.gy_box4{ clear:both; width:100%; height:auto; overflow:hidden; padding:100px 0; background:url(../images/bg11.jpg) no-repeat center center; background-size:cover; position:relative; z-index:666;}

.zsur{ height:auto; overflow:hidden; background:#ffffff; position:relative;}

.rongy{ height:auto; overflow:hidden;}

.rongy_l{ float:left; width:70%; height:auto; overflow:hidden;}

.rongy_l img{ display:block; margin:0 auto; max-width:100%;}

.rongy_r{ float:right; width:30%; height:460px;display: table;}

.gonri{display:table-cell; vertical-align:middle;  width:100%; height:460px; padding:0 10px 0 70px; }

.gonri h1{ color:#353535; font-size:24px; line-height:30px; margin-bottom:20px;}

.gonri p{ line-height:24px; color:#353535; font-size:16px;}

/*.gonri p span.yani{ color:#d81b1f; font-size:16px;}*/

.gonri p.yani span{ color:#d81b1f; font-size:16px;}

.gonri1{  padding:0 10px 0 24px; }

@media(max-width:1024px){

.gy_box4{ clear:both; width:100%; height:auto; overflow:hidden; padding:140px 0 40px 0; margin-top:-100px; background:url(../images/bg11.jpg) no-repeat center center; background-size:cover; position:relative; z-index:666;}

.rongy_l{ float:left; width:100%; height:auto; overflow:hidden;}

.rongy_r{ float:right; width:100%; height:auto;display: table;}

.gonri{display:table-cell; vertical-align:middle;  width:100%; height:auto; padding:30px 30px; }

.gonri h1{ color:#353535; font-size:20px; line-height:28px; margin-bottom:20px;}

}

.gy_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg12.jpg) no-repeat center center #fff; padding:100px 0; position:relative; z-index:555;}

.qyru_t{ width:100%; height:auto; overflow:hidden;}

.qyru_t img{ display:block; margin:0 auto; max-width:100%;}

@media(max-width:1024px){

.gy_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg12.jpg) no-repeat center center #fff; padding:140px 0 40px 0; margin-top:-100px; position:relative; z-index:555;}

}

.gy_box6{ width:100%; height:auto; overflow:hidden; background:url(../images/bg13.jpg) no-repeat center center; background-size:cover; padding:100px 0; position:relative; z-index:444;}

.whqy{ height:auto; overflow:hidden;}

.whqy_t{ height:auto; overflow:hidden; margin-bottom:60px;}

.whqy_t dl{ float:left; width:48%; height:auto; min-height:251px !important; position:relative;}

.whqy_t dt{ width:29%; position:absolute; right:40px; top:40px; z-index:1; overflow:hidden;}

.whqy_t dt img{ display:block; width:100%;transition: all 1s ease;}

.whqy_t dl:hover dt img{ transform: scale(1.1);}

.whqy_t dd{ width:100%; height:auto; background:#fff; min-height:210px !important; padding:50px 0 0 40px;}

.whqy_t dd h1{ color:#d81b1f; line-height:30px; font-size:24px; margin-bottom:50px;}

.whqy_t dd h1 i{ display:block; color:#acacac; font-size:12px; line-height:24px; text-transform:uppercase;font-family: "bahnschrift";}

.whqy_t dd p{ line-height:24px; color:#353535; font-size:16px;}

.whqy_t dl.qyin{ float:right;}

.whqy_b{ width:100%; height:auto; overflow:hidden;}

.whqy_b dl{ float:left; width:32.5%; height:auto; background:#fff; min-height:210px !important; padding:35px 40px 0 40px; margin-right:1.2%;}

.whqy_b dd{ height:auto; overflow:hidden;}

.whqy_b dd h1{ color:#d81b1f; font-size:24px; line-height:30px; margin-bottom:20px;}

.whqy_b dd h1 i{ display:block; color:#acacac; font-size:12px; line-height:24px; text-transform:uppercase;font-family: "bahnschrift";}

.whqy_b dd p{ line-height:24px; color:#353535; font-size:16px; margin-bottom:7px;}

.whqy_b dt{ width:100%; height:auto; text-align:right;}

.whqy_b dt img{ display:block; max-width:100%; float:right;}

.whqy_b dl.qcbj{ margin-right:0px;}

@media(max-width:1024px){

.gy_box6{ width:100%; height:auto; overflow:hidden; background:url(../images/bg13.jpg) no-repeat center center; background-size:cover; padding:140px 0 40px 0; position:relative; z-index:444; margin-top:-100px;}	

.whqy_t{ height:auto; overflow:hidden; margin-bottom:30px;}

.whqy_t dl{ float:left; width:48%; height:auto; min-height:191px !important; position:relative;}

.whqy_t dd{ width:100%; height:auto; background:#fff; min-height:170px !important; padding:30px 0 0 30px;}

.whqy_t dd h1{ color:#d81b1f; line-height:30px; font-size:20px; margin-bottom:20px;}

.whqy_b dl{ float:left; width:32.5%; height:auto; background:#fff; min-height:auto !important;padding:20px 20px; margin-right:1.2%;}

.whqy_b dd h1{ color:#d81b1f; font-size:20px; line-height:30px; margin-bottom:15px;}

}

@media(max-width:768px){

.gy_box6{ width:100%; height:auto; overflow:hidden; background:url(../images/bg13.jpg) no-repeat center center; background-size:cover; padding:140px 0 20px 0; position:relative; z-index:444; margin-top:-100px;}	

.whqy_t{ height:auto; overflow:hidden; margin-bottom:0px;}

.whqy_t dl{ float:left; width:100%; height:auto; min-height:295px !important; position:relative; margin-bottom:30px;}

.whqy_t dd{ width:100%; height:auto; background:#fff; min-height:170px !important; padding:30px 0 0 30px;}

.whqy_t dd h1{ color:#d81b1f; line-height:30px; font-size:20px; margin-bottom:20px;}

.whqy_b dl{ float:left; width:100%; height:auto; background:#fff; min-height:auto !important;padding:20px 20px; margin-right:0%; margin-bottom:20px;}

.whqy_b dd h1{ color:#d81b1f; font-size:20px; line-height:30px; margin-bottom:15px;}

}

@media(max-width:414px){

.gy_box6{ width:100%; height:auto; overflow:hidden; background:url(../images/bg13.jpg) no-repeat center center; background-size:cover; padding:140px 0 20px 0; position:relative; z-index:444; margin-top:-100px;}	

.whqy_t{ height:auto; overflow:hidden; margin-bottom:0px;}

.whqy_t dl{ float:left; width:100%; height:auto; min-height:auto !important; position:relative; margin-bottom:30px;}

.whqy_t dd{ width:71%; float:left; height:auto; background:#fff; min-height:131px !important; padding:10px 15px 0 15px;}

.whqy_t dd h1{ color:#d81b1f; line-height:30px; font-size:20px; margin-bottom:10px;}

.whqy_b dl{ float:left; width:100%; height:auto; background:#fff; min-height:auto !important;padding:20px 20px; margin-right:0%; margin-bottom:20px;}

.whqy_b dd h1{ color:#d81b1f; font-size:20px; line-height:30px; margin-bottom:15px;}

.whqy_t dt{ width:29%; position:inherit; right:0px; top:0px; z-index:1; overflow:hidden; float:left;}

}

/*关于我们 end*/



/*联系我们 begin*/
.lx_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:100px 0 60px 0;}
.xlin{ height:auto; overflow:hidden; margin-bottom:60px;}
.xlin li{ float:left; width:33.33%; text-align:center; border-right:1px solid #dddddd;}
.xlin li img{ display:block; margin:0 auto; max-width:100%; margin-bottom:15px;}
.xlin li h1{ text-align:center; color:#343535; line-height:24px; font-size:18px;}
.xlin li p{ text-align:center; color:#343535; line-height:24px; font-size:16px;}
.xlin li.qcke{ border:none;}
.dinc{ height:450px; overflow:hidden;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;}
.iw_poi_content {overflow:visible;padding-top:4px;}
@media(max-width:1024px){
.lx_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 0 40px 0;}	
.xlin{ height:auto; overflow:hidden; margin-bottom:30px;}
}
@media(max-width:414px){
.lx_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 0 40px 0;}
.xlin li{ float:left; width:100%; text-align:center; border-right:none; margin-bottom:20px;}
.xlin{ height:auto; overflow:hidden; margin-bottom:10px;}	
}


/*.lx_box li{ float:left; width:23%; height:auto; margin-right:2.6%; background:#fff; text-align:center; padding:30px 0; box-shadow:0px 0px 20px rgba(0,0,0,0.05); margin-bottom:40px;}
.lx_box li.qcbj{ margin-right:0px;}
.lx_box li h1{ text-align:center; color:#343535; line-height:24px; font-size:24px; margin-bottom:20px;}
.lx_box li p{ color:#343535; font-size:16px; line-height:24px;}
.lx_box li p a{ color:#343535; font-size:16px;}
.lx_box li p a img{ vertical-align:middle; margin-right:18px; margin-top:-3px; vertical-align:middle;}
@media(max-width:1024px){
.lx_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 0 20px 0;}
.lx_box li h1{ text-align:center; color:#343535; line-height:24px; font-size:18px; margin-bottom:20px;}
}
@media(max-width:768px){
.lx_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 0 20px 0;}
.lx_box li h1{ text-align:center; color:#343535; line-height:24px; font-size:18px; margin-bottom:20px;}
.lx_box li{ float:left; width:48%; height:auto; margin-right:0%; background:#fff; text-align:center; padding:30px 0; box-shadow:0px 0px 20px rgba(0,0,0,0.05); margin-bottom:20px;}
.lx_box li:nth-child(even){ float:right;}
}
@media(max-width:414px){
.lx_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 0 20px 0;}
.lx_box li h1{ text-align:center; color:#343535; line-height:24px; font-size:18px; margin-bottom:20px;}
.lx_box li{ float:left; width:100%; height:auto; margin-right:0%; background:#fff; text-align:center; padding:30px 0; box-shadow:0px 0px 20px rgba(0,0,0,0.05); margin-bottom:20px;}
.lx_box li:nth-child(even){ float:right;}
}*/
/*联系我们 end*/



/*问题反馈 begin*/

.wt_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#ffffff; padding:100px 0 70px 0;}

.wt_box p{ clear:both; height:auto; overflow:hidden; margin-bottom:30px;}

.wt_box p span{ display:block; float:left; width:48%; height:auto; border:1px solid #cccccc; line-height:70px; overflow:hidden;}

.wt_box p em{ display:block; float:right; width:69px; height:70px; border-left:1px solid #ccc; text-align:center;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;}

.wbk{ float:left; width:87%; height:70px; border:none; padding:0 20px; color:#666666; font-size:16px;}

.wt_box p span.uoie{ float:right;}

.wong{ width:100%; height:350px; border:1px solid #ccc; padding:0 20px; line-height:30px; font-size:16px; font-family:"微软雅黑"; color:#666666;}

.wbk1{ float:left; width:75%; height:70px; border:none; padding:0 20px; color:#666666; font-size:16px;}

.wt_box p i{ display:block; float:right; width:139px; height:70px; border-left:1px solid #ccc; text-align:center;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;}

.titj{ width:100%; height:70px; background:#d71b1f; color:#fff; font-size:28px; border:none;cursor: pointer;}

.wt_box p span.uoie1{ border:none;}

@media(max-width:1024px){

.wt_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#ffffff; padding:40px 0 20px 0;}

.wbk{ float:left; width:84%; height:70px; border:none; padding:0 20px; color:#666666; font-size:14px;}

.wbk1{ float:left; width:69%; height:70px; border:none; padding:0 20px; color:#666666; font-size:14px;}

.wt_box p{ clear:both; height:auto; overflow:hidden; margin-bottom:20px;}

.wong{ width:100%; height:250px; border:1px solid #ccc; padding:0 20px; line-height:30px; font-size:14px; font-family:"微软雅黑"; color:#666666;}

.titj{ width:100%; height:70px; background:#d71b1f; color:#fff; font-size:20px; border:none;}

}

@media(max-width:768px){

.wt_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#ffffff; padding:40px 0 20px 0;}

.wbk{ float:left; width:84%; height:70px; border:none; padding:0 20px; color:#666666; font-size:14px;}

.wbk1{ float:left; width:69%; height:70px; border:none; padding:0 20px; color:#666666; font-size:14px;}

.wt_box p{ clear:both; height:auto; overflow:hidden; margin-bottom:0px;}

.wong{ width:100%; height:250px; border:1px solid #ccc; padding:0 20px; line-height:30px; font-size:14px; font-family:"微软雅黑"; color:#666666; margin-bottom:20px;}

.titj{ width:100%; height:70px; background:#d71b1f; color:#fff; font-size:20px; border:none;}

.wt_box p span{ display:block; float:left; width:100%; height:auto; border:1px solid #cccccc; line-height:70px; overflow:hidden; margin-bottom:20px;}

}

@media(max-width:414px){

.wt_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#ffffff; padding:40px 0 20px 0;}

.wbk{ float:left; width:75%; height:50px; border:none; padding:0 20px; color:#666666; font-size:14px;}

.wbk1{ float:left; width:52%; height:50px; border:none; padding:0 20px; color:#666666; font-size:14px;}

.wt_box p{ clear:both; height:auto; overflow:hidden; margin-bottom:0px;}

.wong{ width:100%; height:250px; border:1px solid #ccc; padding:0 20px; line-height:30px; font-size:14px; font-family:"微软雅黑"; color:#666666; margin-bottom:20px;}

.titj{ width:100%; height:50px; background:#d71b1f; color:#fff; font-size:20px; border:none;}

.wt_box p span{ display:block; float:left; width:100%; height:auto; border:1px solid #cccccc; line-height:50px; overflow:hidden; margin-bottom:20px;}

.wt_box p em{ display:block; float:right; width:69px; height:50px; border-left:1px solid #ccc; text-align:center;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;}

.wt_box p em img{ max-width:40%}

.wt_box p i{ display:block; float:right; width:139px; height:50px; border-left:1px solid #ccc; text-align:center;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;}



}

/*问题反馈 end*/



/*资讯中心 begin*/

.xw_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:100px 0; margin-top:100px;}

.xw_box li{ clear:both; height:auto; overflow:hidden; padding:50px 60px 50px 60px; background:#fff; border-bottom:2px solid #fff; box-shadow:0px 0px 20px rgba(15,42,63,0.15);transition: all 0.2s ease; margin-bottom:40px;}

.cown{ float:left; width:89%; height:auto; overflow:hidden; border-right:1px solid #ccc; padding-right:64px;}

.xw_box li:hover{ border-bottom:2px solid #d81b1f;}

.xw_box li h1{ color:#343535; font-size:24px; line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px;transition: all 0.2s ease;}

.xw_box li p{ color:#999999; line-height:24px; font-size:14px; height:48px; overflow:hidden;}

.xw_box li span{ display:block; float:right; text-align:center; color:#d81b1f; font-size:48px; padding-top:10px; line-height:48px;}

.xw_box li span i{ display:block; color:#d81b1f; font-size:14px; line-height:24px; margin-top:5px;}

.xw_box li:hover h1{ color:#d81b1f;}

.fyin{ clear:both; height:auto; overflow:hidden; text-align:center; font-size:0px;}

.fyin a{ display:inline-block; color:#333333; border:1px solid #dcdcdc;font-size:16px; line-height:34px; padding:0 10px; height:34px; margin-right:20px;}

.fyin a.cur{ background:#d81b1f; border:1px solid #d81b1f; color:#fff; height:34px;}

.fyin a:last-child{ margin-right:0px;}

@media(max-width:1024px){

.xw_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 0 20px 0;}	

.xw_box li{ clear:both; height:auto; overflow:hidden; padding:25px 25px; background:#fff; border-bottom:2px solid #fff; box-shadow:0px 0px 20px rgba(15,42,63,0.15);transition: all 0.2s ease; margin-bottom:20px;}

.xw_box li h1{ color:#343535; font-size:20px; line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px;transition: all 0.2s ease;}

.xw_box li span{ display:block; float:right; text-align:center; color:#d81b1f; font-size:30px; padding-top:5px; line-height:48px;}

.cown{ float:left; width:89%; height:auto; overflow:hidden; border-right:1px solid #ccc; padding-right:25px;}

}

@media(max-width:414px){

.cown{ float:left; width:100%; height:auto; overflow:hidden; border-right:none; padding-right:0px;}

.fyin a{ display:inline-block; color:#333333; font-size:14px; line-height:34px; padding:0 10px; height:34px; margin-right:5px;}

.xw_box li span{ display:block; float:right; text-align:center; color:#d81b1f; font-size:25px; padding-top:5px; line-height:28px;}

.xw_box li h1{ color:#343535; font-size:18px; line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px;transition: all 0.2s ease;}



}

@media(max-width:360px){

.fyin a{ display:inline-block; color:#333333; font-size:13px; line-height:34px; padding:0 10px; height:34px; margin-right:5px;}

}



.xw_box1{ clear:both; height:auto; overflow:hidden; background:url(../images/bg14.jpg) repeat-x; padding:30px 0; margin-top:100px;}

.xw_box1 a{ color:#333535; font-size:18px; line-height:24px;}

.xw_box1 em{ font-size:18px; color:#333535; margin:0 14px;}

.xw_box1 a:hover{ color:#d81b1f;}

.xw_box1 a.eokj{ color:#d81b1f;}

@media(max-width:1024px){

.xw_box1{ clear:both; height:auto; overflow:hidden; background:url(../images/bg14.jpg) repeat-x; padding:15px 0; margin-top:100px;}

}

@media(max-width:414px){

.xw_box1{ clear:both; height:auto; overflow:hidden; background:url(../images/bg14.jpg) repeat-x; padding:15px 0; margin-top:85px;}

.xw_box1 em{ font-size:16px; color:#333535; margin:0 14px;}

.xw_box1 a{ color:#333535; font-size:16px; line-height:24px;}

}

.xw_box2{ clear:both; width:100%; height:auto; padding:100px 0; overflow:hidden;}

.zxxq{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:60px;}

.zxxq_t{ height:auto; overflow:hidden; text-align:center; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:30px;}

.zxxq_t h1{ text-align:center; color:#343535; font-size:24px; line-height:24px; margin-bottom:20px;}

.zxxq_t p{ color:#7f7f7f; font-size:16px; line-height:24px;}

.zxxq_t p img{ vertical-align:middle; margin-right:10px;}

.zxxq_c{ height:auto; overflow:hidden; margin-bottom:25px;}

.zxxq_c p{ line-height:30px; color:#7e7e7f; font-size:16px;}

.zxxq_bl{ float:left; width:80%;}

.zxxq_bl p{ line-height:36px;}

.zxxq_bl p a{ color:#343535; font-size:18px;}

.zxxq_bl p a:hover{ color:#d81b1f;}

.zxxq_br{ float:right; line-height:24px; padding-top:35px;}

.zxxq_br a{ color:#d81b1f; font-size:14px;}

.zxxq_br a img{ vertical-align:middle; margin-right:6px;}

@media(max-width:1024px){

.xw_box2{ clear:both; width:100%; height:auto; padding:40px 0; overflow:hidden;}

.zxxq{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:30px;}

.zxxq_t h1{ text-align:center; color:#343535; font-size:20px; line-height:24px; margin-bottom:20px;}

.zxxq_c p{ line-height:24px; color:#7e7e7f; font-size:14px;}

.zxxq_bl p{ line-height:26px;}

.zxxq_bl p a{ color:#343535; font-size:16px;}

.zxxq_br{ float:right; line-height:24px; padding-top:25px;}

}

@media(max-width:414px){

.xw_box2{ clear:both; width:100%; height:auto; padding:40px 0; overflow:hidden;}

.zxxq{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:30px;}

.zxxq_t h1{ text-align:center; color:#343535; font-size:20px; line-height:24px; margin-bottom:20px;}

.zxxq_c p{ line-height:24px; color:#7e7e7f; font-size:14px;}

.zxxq_bl p{ line-height:26px;}

.zxxq_bl p a{ color:#343535; font-size:16px;}

.zxxq_br{ float:right; width:100%; line-height:24px; padding-top:15px;}

.zxxq_bl{ float:left; width:100%;}

}

.xigg_box{ width: 100%; height:auto; overflow: hidden; background: #f5f5f5; margin-top:101px; padding: 60px 0; }
.xigg_l{ float:left; width: 20%; height:auto; }
.xigg_l li{ width: 100%; height:auto; position: relative; line-height:35px; }
.xigg_l li a{ color:#353535; font-size:20px; cursor:pointer;}

.xigg_l li.qcbj{ margin-right:0px;}

.xigg_l li span{ display:inline-block; width:20px; height:20px; overflow:hidden; position:relative; vertical-align:middle; margin-top:-3px; margin-right:10px;}

.xigg_l li span img{ margin:0 auto; display:block;}

.xigg_l li span i{transition: all 1s ease; }

.xigg_l li span em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;filter: Alpha(opacity=0);transition: all 1s ease; }

.xigg_l li.red span em{ opacity:1;filter: Alpha(opacity=100);}

.xigg_l li.red li span i{ opacity:0;filter: Alpha(opacity=0);}

.xigg_l li.red a{d81b1f}

.xigg_r{ float:right; width: 75%; height:aut; overflow:hidden; min-height: 640px !important;}
.xigg_r li{ clear: both; width: 100%; height:auto; overflow: hidden; border-bottom:1px dashed #ccc; line-height:25px; padding-bottom: 5px; margin-bottom:15px;}
.xigg_r li a{ display: block; }
.xigg_r li span{ display:block; float:left; width:85%; color:#333; font-size:16px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/bg13.png) no-repeat left center; padding-left:18px;}
.xigg_r li font{ display:block; float:right; color:#333; font-size:14px;}
.xigg_r li:hover span{ background:url(../images/bg14.png) no-repeat left center; color:#d81b1f}
@media(max-width:1024px){
  .xigg_box{ padding: 40px 0; } 
}

@media(max-width:414px){
  .xigg_box{ padding: 40px 0; } 
 .xigg_l{ float:left; width: 100%; height:auto; }
 .xigg_l li{ float:left; width: 50%; text-align:center; }
 .xigg_l li a{ font-size: 16px; }
 .xigg_r{ width: 100%; padding-top: 20px; }
 .xigg_r li span{ width: 75%; }
}

/*资讯中心 end*/



/*产品平台 begin*/

.cp_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:100px 0 50px 0; margin-top:100px;}

.cp_box dl{ float:left; width:32.5%; height:auto; overflow:hidden; margin-bottom:50px; margin-right:1.2%;}

.cp_box dl.qcbj{ margin-right:0px;}

.cp_box dt{ width:100%; height:auto; overflow:hidden; border:1px solid #fff;transition: all 1s ease; position:relative;}

.cp_box dt img{ display:block; width:100%; height:auto;transition: all 1s ease;}

.cp_box dt span{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../tu/tu19.png) no-repeat center center rgba(0,0,0,0.15); opacity:0;filter: Alpha(opacity=0);}

.cp_box dd{ text-align:center; line-height:50px; color:#343535; font-size:18px;transition: all 1s ease;}

.cp_box dl:hover dt{ border:1px solid #d81b1f;}

.cp_box dl:hover dt img{transform: scale(1.1);}

.cp_box dl:hover dt span{ opacity:1;filter: Alpha(opacity=100);}

.cp_box dl:hover dd{ background:#d81b1f; color:#fff;}

@media(max-width:1024px){

.cp_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0 30px 0; margin-top:60px;}

.cp_box dl{ float:left; width:32.5%; height:auto; overflow:hidden; margin-bottom:20px; margin-right:1.2%;}	

.cp_box dd{ text-align:center; line-height:50px; color:#343535; font-size:16px;transition: all 1s ease;}

}

@media(max-width:414px){

.cp_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0 20px 0; margin-top:60px;}

.cp_box dl{ float:left; width:48%; height:auto; overflow:hidden; margin-bottom:10px; margin-right:0%;}	

.cp_box dd{ text-align:center; line-height:40px; color:#343535; font-size:14px;transition: all 1s ease;}

.cp_box dl:nth-child(even){ float:right;}

}

.cp_box1{ clear:both; height:auto; overflow:hidden; background:#fff; padding:30px 0;}

.cp_box1 a{ color:#333535; font-size:18px; line-height:24px;}

.cp_box1 em{ font-size:18px; color:#333535; margin:0 14px;}

.cp_box1 a:hover{ color:#d81b1f;}

.cp_box1 a.eokj{ color:#d81b1f;}

@media(max-width:1024px){

.cp_box1{ clear:both; height:auto; overflow:hidden; background:#fff; padding:15px 0; margin-top:0px;}

}

@media(max-width:414px){

.cp_box1{ clear:both; height:auto; overflow:hidden; background:#fff; padding:15px 0; margin-top:0px;}

.cp_box1 em{ font-size:16px; color:#333535; margin:0 14px;}

.cp_box1 a{ color:#333535; font-size:16px; line-height:24px;}

}

.cp_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:100px 0;}

.cp_box2 dl{ clear:both; height:auto; overflow:hidden; margin-bottom:40px; box-shadow:0px 0px 20px rgba(6,0,1,0.15); padding:35px 65px 35px 37px; background:#fff;}

.cp_box2 dt{ float:left; width:36%; height:auto; overflow:hidden;}

.cp_box2 dt img{ display:block; width:100%; height:auto;transition: all 1s ease;}

.cp_box2 dd{ float:right; width:56%; height:auto;}

.cp_box2 dd h1{ color:#333435; line-height:24px; font-size:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:25px;transition: all 1s ease;}

.cp_box2 dd p{ line-height:30px; color:#7e7e7f; font-size:14px; height:90px; overflow:hidden; margin-bottom:29px;}

.cp_box2 dd span{ float:left; line-height:34px; color:#7e7e7f; font-size:16px;}

.cp_box2 dd span img{ vertical-align:middle; margin-right:10px;}

.cp_box2 dd font{ float:right; display:block; width:100px; height:34px; background:#d81b1f; border-radius:50px; text-align:center; line-height:34px; color:#fff;}

.cp_box2 dl:hover dt img{ transform: scale(1.1);}

.cp_box2 dl:hover dd h1{ color:#d81b1f;}

@media(max-width:1024px){

.cp_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 0;}

.cp_box2 dl{ clear:both; height:auto; overflow:hidden; margin-bottom:40px; box-shadow:0px 0px 20px rgba(6,0,1,0.15); padding:30px 30px 30px 30px; background:#fff;}

.cp_box2 dd{ float:right; width:60%; height:auto;}

.cp_box2 dd p{ line-height:30px; color:#7e7e7f; font-size:14px; height:90px; overflow:hidden; margin-bottom:10px;}

.cp_box2 dd h1{ color:#333435; line-height:24px; font-size:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px;transition: all 1s ease;}

}

@media(max-width:768px){

.cp_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 0;}

.cp_box2 dl{ clear:both; height:auto; overflow:hidden; margin-bottom:40px; box-shadow:0px 0px 20px rgba(6,0,1,0.15); padding:30px 30px 30px 30px; background:#fff;}

.cp_box2 dd{ float:right; width:100%; height:auto; padding-top:20px;}

.cp_box2 dd p{ line-height:30px; color:#7e7e7f; font-size:14px; height:90px; overflow:hidden; margin-bottom:10px;}

.cp_box2 dd h1{ color:#333435; line-height:24px; font-size:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px;transition: all 1s ease;}

.cp_box2 dt{ float:left; width:100%; height:auto; overflow:hidden;}

}

@media(max-width:414px){

.cp_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 0;}

.cp_box2 dl{ clear:both; height:auto; overflow:hidden; margin-bottom:40px; box-shadow:0px 0px 20px rgba(6,0,1,0.15); padding:20px 20px 20px 20px; background:#fff;}

.cp_box2 dd{ float:right; width:100%; height:auto; padding-top:20px;}

.cp_box2 dd p{ line-height:30px; color:#7e7e7f; font-size:14px; height:90px; overflow:hidden; margin-bottom:5px;}

.cp_box2 dd h1{ color:#333435; line-height:24px; font-size:20px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px;transition: all 1s ease;}

.cp_box2 dt{ float:left; width:100%; height:auto; overflow:hidden;}

}

.cp_box3{ width:100%; height:auto; overflow:hidden; background:#fff; padding:100px 0 60px 0;}

.cpjs_t{ text-align:center; color:#343535; font-size:30px; line-height:30px; margin-bottom:30px;}

.ccpj{ height:auto;}

.ccpj_t{ height:auto; background:#d81b1f; line-height:50px; text-align:center; box-shadow:5px 5px 20px rgba(14,5,10,0.44); border-radius:10px; font-size:0px; font-size:0px; margin-bottom:50px; clear:both;}

.ccpj_t em{ color:#fff; font-size:24px; vertical-align:middle; margin:0 14px;}

.ccpj_t i{ display:inline-block; width:100px; height:1px; background:#fff;}

.ccpj_c{ height:auto; overflow:hidden; margin-bottom:30px;}

.ccpj_c p{ line-height:30px; color:#343535; font-size:16px;}

.ccpj_c p img{ display:block; max-width:100%; margin:0 auto; margin-top:25px;}

.ccpj_c p span.doen{ color:#b4b4b4; font-size:16px; text-align:center; display:block;}

.ccpj_c1{ height:auto; overflow:hidden; padding:0 40px; margin-bottom:30px;}

.ccpj_c1 h1{ color:#353535; font-size:24px; margin-bottom:25px;}

.ccpj_c1 h1 img{ vertical-align:middle; margin-right:15px;}

.ccpj_c1 p{ line-height:30px; color:#343535; font-size:16px;}

.ccpj_c1 p img{ display:block; max-width:100%; margin:0 auto; margin-top:25px;}

.ccpj_c1 p span.doen{ color:#b4b4b4; font-size:16px; text-align:center; display:block;}

.ccpj_c1 ul{ float:left; width:100%; height:auto; padding:0px 0 0px 24px;}

.ccpj_c1 li{ line-height:30px; color:#343535; font-size:16px;}

.ccpj_e{ width:100%; height:auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap; flex-wrap: wrap; position:relative;
}

.ccpj_e dl{ float:left; width:32%; height:auto;background:#fff; box-shadow:0px 0px 10px rgba(14,5,10,0.14); min-height:195px !important; padding:30px; margin-right:1.3%; margin-bottom:40px;}

.ccpj_e dd{ float:left; width:70%; height:auto; padding-top:35px;}

.ccpj_e dd h1{ color:#d81b1f; font-size:36px; line-height:36px; font-family: "bahnschrift"; margin-bottom:25px;}

.ccpj_e dd p{ line-height:24px; color:#505050; font-size:14px;}

.ccpj_e dt{ float:right; width:72px; height:auto; padding-top:16px;}

.ccpj_e dl.qcbj{ margin-right:0px;}



.ccpj_w{ width:100%; height:auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap; flex-wrap: wrap; position:relative;
}

.ccpj_w dl{ float:left; width:23%; height:auto; background:#fff; box-shadow:0px 0px 10px rgba(14,5,10,0.14); min-height:343px !important; padding:30px; margin-right:2.3%; padding-top:68px; text-align:center; margin-bottom:40px;}

.ccpj_w dd{}

.ccpj_w dd h1{ color:#343535; font-size:16px; line-height:36px; text-align: left;}

.ccpj_w dt{ width:100%; margin-bottom:25px;}

.ccpj_w dt img{ display:block; max-width:100%; margin:0 auto;}

.ccpj_w dl.qcbj{ margin-right:0px;}

.ccpj_q{ clear:both; height:auto; overflow:hidden;}

.ccpj_q li{ float:left; width:48%; height:auto; overflow:hidden; border:1px solid #a0a0a0; margin-bottom:40px;}

.ccpj_q li img{ display:block; width:100%;}

.ccpj_q li.qcbj{ float:right;}

@media(max-width:1024px){

.cp_box3{ width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0 20px 0;}	

.cpjs_t{ text-align:center; color:#343535; font-size:20px; line-height:30px; margin-bottom:20px;}

.ccpj_t em{ color:#fff; font-size:20px; vertical-align:middle; margin:0 14px;}

.ccpj_t i{ display:inline-block; width:50px; height:1px; background:#fff;}

.ccpj_t{ height:auto; background:#d81b1f; line-height:50px; text-align:center; box-shadow:5px 5px 20px rgba(14,5,10,0.44); border-radius:10px; font-size:0px; font-size:0px; margin-bottom:30px; clear:both;}

.ccpj_c1 h1{ color:#353535; font-size:20px; margin-bottom:25px;}

.ccpj_c1 ul{ float:left; width:100%; height:auto; padding:0;}

.ccpj_e dl{ float:left; width:48%; height:auto; background:#fff; box-shadow:0px 0px 10px rgba(14,5,10,0.14); min-height:169px !important; padding:30px; margin-right:0%; margin-bottom:40px;}

.ccpj_e dl:nth-child(even){ float:right;}

.ccpj_w dl{ float:left; width:48%; height:auto; background:#fff; box-shadow:0px 0px 10px rgba(14,5,10,0.14); min-height:300px !important; padding:30px; margin-right:0%; padding-top:68px; text-align:center; margin-bottom:40px;}

.ccpj_w dl:nth-child(even){ float:right;}

}

@media(max-width:768px){

.cp_box3{ width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0 20px 0;}	

.cpjs_t{ text-align:center; color:#343535; font-size:20px; line-height:30px; margin-bottom:20px;}

.ccpj_t em{ color:#fff; font-size:20px; vertical-align:middle; margin:0 14px;}

.ccpj_t i{ display:inline-block; width:50px; height:1px; background:#fff;}

.ccpj_t{ height:auto; background:#d81b1f; line-height:50px; text-align:center; box-shadow:5px 5px 20px rgba(14,5,10,0.44); border-radius:10px; font-size:0px; font-size:0px; margin-bottom:30px; clear:both;}

.ccpj_c1 h1{ color:#353535; font-size:20px; margin-bottom:25px;}

.ccpj_c1 ul{ float:left; width:100%; height:auto; padding:0;}

.ccpj_e dl{ float:left; width:100%; height:auto; background:#fff; box-shadow:0px 0px 10px rgba(14,5,10,0.14); min-height:169px !important; padding:30px; margin-right:0%; margin-bottom:40px;}

.ccpj_e dl:nth-child(even){ float:right;}

.ccpj_w dl{ float:left; width:48%; height:auto; background:#fff; box-shadow:0px 0px 10px rgba(14,5,10,0.14); min-height:300px !important; padding:30px; margin-right:0%; padding-top:68px; text-align:center; margin-bottom:40px;}

.ccpj_w dl:nth-child(even){ float:right;}

}

@media(max-width:414px){

.cp_box3{ width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0 20px 0;}	

.cpjs_t{ text-align:center; color:#343535; font-size:20px; line-height:30px; margin-bottom:20px;}

.ccpj_t em{ color:#fff; font-size:20px; vertical-align:middle; margin:0 14px;}

.ccpj_t i{ display:inline-block; width:50px; height:1px; background:#fff;}

.ccpj_t{ height:auto; background:#d81b1f; line-height:50px; text-align:center; box-shadow:5px 5px 20px rgba(14,5,10,0.44); border-radius:10px; font-size:0px; font-size:0px; margin-bottom:30px; clear:both;}

.ccpj_c1 h1{ color:#353535; font-size:20px; margin-bottom:25px;}

.ccpj_c1 ul{ float:left; width:100%; height:auto; padding:0;}

.ccpj_e dl{ float:left; width:100%; height:auto; background:#fff; box-shadow:0px 0px 10px rgba(14,5,10,0.14); min-height:169px !important; padding:30px; margin-right:0%; margin-bottom:20px;}

.ccpj_e dl:nth-child(even){ float:right;}

.ccpj_w dl{ float:left; width:100%; height:auto; background:#fff; box-shadow:0px 0px 10px rgba(14,5,10,0.14); min-height:300px !important; padding:30px; margin-right:0%; padding-top:68px; text-align:center; margin-bottom:20px;}

.ccpj_w dl:nth-child(even){ float:right;}

.ccpj_q li{ float:left; width:100%; height:auto; overflow:hidden; border:1px solid #a0a0a0; margin-bottom:20px;}

.ccpj_c1{ height:auto; overflow:hidden; padding:0 0px; margin-bottom:30px;}

.ccpj_e dd{ float:left; width:70%; height:auto; padding-top:10px;}



}

/*产品平台 end*/



/*人才招聘 begin*/

.rc_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:100px 0 40px 0; margin-top:100px;}

.rc_box li{ float:left; width:32%; height:auto; min-height:410px !important; background:url(../images/bg15.jpg) no-repeat right 95% #fff; box-shadow:0px 0px 10px rgba(4,0,0,0.09); padding:40px 30px 0 30px; margin-bottom:60px; margin-right:2%;}

.rc_box li h1{ border-bottom:1px solid #e6e6e6; color:#343535; font-size:24px; line-height:24px; margin-bottom:25px; padding-bottom:10px; overflow:hidden;}

.rc_box li h1 i{ display:block; color:#7e7e7f; font-size:16px; line-height:24px; margin-bottom:10px;}

.rc_box li h6{ color:#343535; font-size:18px; line-height:24px;}

.rc_box li p{ line-height:30px; color:#7e7e7f; font-size:16px;}

.rc_box li a{ display:block; width:100px; height:34px; background:#d81b1f; border-radius:50px; text-align:center; line-height:34px; color:#fff; margin-top:40px;cursor: pointer;}

.rc_box li.qcbj{ margin-right:0px;}

@media(max-width:1024px){

.rc_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 0 20px 0;}

.rc_box li{ float:left; width:48%; height:auto; min-height:410px !important; background:url(../images/bg15.jpg) no-repeat right 95% #fff; box-shadow:0px 0px 10px rgba(4,0,0,0.09); padding:30px 30px 0 30px; margin-bottom:20px; margin-right:0;}

.rc_box li:nth-child(even){ float:right;}

}

@media(max-width:414px){

.rc_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 0 20px 0;}

.rc_box li{ float:left; width:100%; height:auto; min-height:auto !important; background:url(../images/bg15.jpg) no-repeat right 95% #fff; box-shadow:0px 0px 10px rgba(4,0,0,0.09); padding:30px 30px 30px 30px; margin-bottom:20px; margin-right:0;}

.rc_box li:nth-child(even){ float:right;}

.rc_box li a{ display:block; width:100px; height:34px; background:#d81b1f; border-radius:50px; text-align:center; line-height:34px; color:#fff; margin-top:20px;}

}

.rcpi{ height:auto; overflow:hidden;}

.rcpi_t{ height:auto; position:relative; border-bottom:1px solid #ccc; line-height:24px; color:#333333; font-size:24px; padding-bottom:9px; margin-bottom:25px;}

.rcpi_t i{ display:block; color:#7e7e7f; font-size:16px; line-height:24px;}

.rcpi_b{ height:580px; overflow:hidden; overflow-y:auto;}

.rcpi_b h1{ color:#333333; font-size:18px; line-height:24px;}

.rcpi_b p{ line-height:30px; font-size:16px; color:#666666;}

.rcpi_b a.ljsq{ display:block; width:100px; height:34px; border-radius:50px; text-align:center; line-height:34px; color:#fff; background:#d81b1f; margin-top:35px;}
.rcpi_b td{ border: 1px solid #000;}
.rcpi_b table{border-collapse:collapse; }
@media(max-width:1600px){

.rcpi_b{ height:480px; overflow:hidden; overflow-y:auto;}

}

@media(max-width:1366px){

.rcpi_b{ height:340px; overflow:hidden; overflow-y:auto;}

}

@media(max-width:1024px){

.rcpi_b{ height:340px; overflow:hidden; overflow-y:auto;}

.rcpi_t{ height:auto; position:relative; border-bottom:1px solid #ccc; line-height:24px; color:#333333; font-size:20px; padding-bottom:9px; margin-bottom:25px;}

}

/*人才招聘 end*/



/*解决方案 begin*/
.fa_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff;position: relative;z-index: 888; padding:100px 0 70px 0; margin-top:-100px;}
.fa_boxd{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff;position: relative;z-index: 888; padding:100px 0 70px 0; margin-top:0px;}
.eogn{ height:auto; line-height:30px; font-size:20px; margin-bottom:20px;}
.eogn img{ vertical-align:middle; margin-right:10px; margin-top:-3px;}
.geng{ height:auto; margin-bottom:30px;}
.geng img{ display:block; width:100%; height:auto;}

.jiuk{ height:100px; paddingt-top:100px; margin-top:-100px;}

.jiuk1{ height:120px; padding-top:40px; margin-top:-40px;}

.fa_box dl{ clear:both; height:auto; overflow:hidden; box-shadow:0px 0px 50px rgba(4,0,0,0.1); margin-bottom:0px; margin-bottom:30px;}

.fa_box dt{ float:left; width:50%; height:auto; overflow:hidden; display:none;}

.fa_box dt img{ display:block; width:100%; height:auto;}

.fa_box dd{ float:right; width:100%; height:auto;display: table; background:url(../images/xj_fop.jpg) no-repeat right bottom;/* background-size:cover;*/ padding:40px;}
/*.fa_box dd{ float:right; width:50%; height:480px;display: table; background:url(../images/bg18.jpg) no-repeat center bottom; padding:0 0 0 40px; }*/

.zien{ width:100%; height:auto;display:table-cell; vertical-align:middle;  }

.zien h1{ color:#d81b1f; font-size:36px; line-height:36px; margin-bottom:20px;}

.zien h1 img{ vertical-align:middle; margin-right:10px;}

.zien p{ line-height:22px; color:#353535; font-size:16px; padding-right:70px; overflow:hidden; margin-bottom:25px;}
.zien p strong{ font-size:18px; font-weight:bold;}
.zien h2{ color:#333333; font-size:20px; line-height:24px; margin-bottom:10px;}

.zien li{ float:left; width:50%; padding-right:0%; background:url(../images/bg19.jpg) no-repeat left 11px; padding-left:16px; color:#353535; line-height:29px; font-size:16px; cursor:pointer;}
/*.zien li:hover{color: #3366cc }*/

.fa_box dl.eon dt{ float:right;}



.zien1 li{ float:left; width:50%; padding-right:0%; background:url(../images/bg19.jpg) no-repeat left 11px; padding-left:16px; color:#353535; line-height:29px; font-size:16px; letter-spacing:-1.2px;}
.zien1 li:hover{color: #3366cc }





@media(max-width:1024px){

.fa_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:0 0 40px 0; margin-top:60px;}

.fa_box dl{ clear:both; height:auto; overflow:hidden; box-shadow:0px 0px 50px rgba(4,0,0,0.1); margin-bottom:30px;}

.fa_box dd{ float:right; width:50%; height:376px;display: table; background:url(../images/bg18.jpg) no-repeat center bottom; padding:0 0 0 30px; }

.zien h1{ color:#d81b1f; font-size:20px; line-height:26px; margin-bottom:15px;}

.zien p{ line-height:22px; color:#353535; font-size:14px; padding-right:30px; height:44px; overflow:hidden; margin-bottom:15px;}

.zien h2{ color:#333333; font-size:18px; line-height:24px; margin-bottom:10px;}

.zien li{ float:left; width:50%; padding-right:0%; background:url(../images/bg19.jpg) no-repeat left 11px; padding-left:16px; color:#353535; line-height:29px; font-size:14px; letter-spacing:0px;}

.jiuk{ height:40px; paddingt-top:40px; margin-top:-40px;}

.jiuk1{ height:60px; padding-top:40px; margin-top:-40px;}

}

@media(max-width:768px){

.fa_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0 10px 0;}

.fa_box dl{ clear:both; height:auto; overflow:hidden; box-shadow:0px 0px 50px rgba(4,0,0,0.1); margin-bottom:30px;}

.fa_box dd{ float:right; width:100%; height:auto;display: table; background:url(../images/bg18.jpg) no-repeat center bottom; padding:30px; }

.zien h1{ color:#d81b1f; font-size:20px; line-height:26px; margin-bottom:15px;}

.zien p{ line-height:22px; color:#353535; font-size:14px; padding-right:30px; height:auto; overflow:hidden; margin-bottom:15px;}

.zien h2{ color:#333333; font-size:18px; line-height:24px; margin-bottom:10px;}

.zien li{ float:left; width:50%; padding-right:1%; background:url(../images/bg19.jpg) no-repeat left 11px; padding-left:16px; color:#353535; line-height:29px; font-size:14px;}

.fa_box dt{ float:left; width:100%; height:auto; overflow:hidden;}

}

@media(max-width:414px){

.fa_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:0px 0 10px 0; margin-top:45px;}

.fa_box dl{ clear:both; height:auto; overflow:hidden; box-shadow:0px 0px 50px rgba(4,0,0,0.1); margin-bottom:30px;}

.fa_box dd{ float:right; width:100%; height:auto;display: table; background:url(../images/bg18.jpg) no-repeat center bottom; padding:20px 20px; }

.zien h1{ color:#d81b1f; font-size:20px; line-height:26px; margin-bottom:15px;}

.zien p{ line-height:22px; color:#353535; font-size:14px; padding-right:30px; height:auto; overflow:hidden; margin-bottom:15px;}

.zien h2{ color:#333333; font-size:18px; line-height:24px; margin-bottom:10px;}

.zien li{ float:left; width:100%; padding-right:0%; background:url(../images/bg19.jpg) no-repeat left 11px; padding-left:16px; color:#353535; line-height:29px; font-size:14px;}

.fa_box dt{ float:left; width:100%; height:auto; overflow:hidden;}

}

.xjsp_box{ width:100%; height:auto; overflow:hidden; padding:100px 0; background:#f9f9f9; margin-bottom:80px;}
.spgur{ width: 83.4%; height: 600px; margin:0 auto; height:auto; overflow:hidden;}
.spe{ width: 100%; height:auto; }
@media(max-width:1024px){
.xjsp_box{ width:100%; height:auto; overflow:hidden; padding:40px 0; background:#f9f9f9; margin-bottom:40px;}
.spgur{ width: 67%; height: auto; margin:0 auto; height:auto; overflow:hidden;}
.spe{ width: 100%; height:auto; }
}
/*解决方案 end*/





/*业务版块 begin*/
.gengg{ height:auto; line-height:36px; font-size:36px; margin-bottom:30px;}
.yw_box1{ display:none;}

.yw_box1 ul{ display:block; margin:0 auto; width:62%;}

.yw_box1 li{ float:left; margin-right:123px; line-height:80px; cursor:pointer;}

.yw_box1 li a{ color:#353535; font-size:24px; cursor:pointer;}

.yw_box1 li.qcbj{ margin-right:0px;}

.yw_box1 li span{ display:inline-block; width:20px; height:20px; overflow:hidden; position:relative; vertical-align:middle; margin-top:-3px; margin-right:10px;}

.yw_box1 li span img{ margin:0 auto; display:block;}

.yw_box1 li span i{transition: all 1s ease; }

.yw_box1 li span em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;filter: Alpha(opacity=0);transition: all 1s ease; }

.yw_box1 li.red span em{ opacity:1;filter: Alpha(opacity=100);}

.yw_box1 li.red li span i{ opacity:0;filter: Alpha(opacity=0);}

.yw_box1 li.red a{d81b1f}

@media(max-width:1024px){

.yw_box1 ul{ display:block; margin:0 auto; width:970px; padding:0 0px;}

.yw_box1 li{ float:left; margin-right:0px; display:block; width:25%; line-height:80px; cursor:pointer;}

.yw_box1 li a{ color:#353535; font-size:20px; cursor:pointer;}

}

@media(max-width:768px){

.yw_box1 ul{ display:block; margin:0 auto; width:750px; padding:0 0px;}

.yw_box1 li{ float:left; margin-right:0px; display:block; width:25%; line-height:70px; cursor:pointer;}

.yw_box1 li a{ color:#353535; font-size:20px; cursor:pointer;}

}

@media(max-width:414px){

.yw_box1 ul{ display:block; margin:0 auto; width:100%; padding:0 0px;}

.yw_box1 li{ float:left; margin-right:0px; display:block; width:50%; line-height:50px; cursor:pointer;}

.yw_box1 li a{ color:#353535; font-size:16px; cursor:pointer;}

}

.zien p.eosn{ line-height:22px; color:#353535; font-size:16px; padding-right:70px; height:66px; overflow:hidden; margin-bottom:8px;}

.lx_box1{ background:url(../images/bg20.jpg) repeat-x left bottom; margin-top:100px;}

.lx_box1 ul{ width:63%; margin:0 auto;}

.lx_box1 li{ margin-right:189px;}

@media(max-width:1024px){

.lx_box1 ul{ width:100%; margin:0 auto;}

.lx_box1 li{ width:25%; margin-right:80px;}

}

@media(max-width:414px){

.lx_box1 ul{ width:100%; margin:0 auto;}

.lx_box1 li{ width:50%; margin-right:0px;}

}

.geong{ clear:both; height:auto; overflow:hidden; padding-bottom:20px; font-size:18px; line-height:30px; width:100%; height:auto;}

.grdd ul{ font-size: 0; text-align: center; }
.grdd li{ display: inline-block; float:none; }
@media(max-width:414px){
.lx_box1ee{ min-height: auto !important; }
}
/*业务版块 end*/