.transition { transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }img{ border-style:none;}li{list-style:none}img{border:0;margin:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.left{ float:left;}.right{ float:right;}.pc { display: block; }.phone { display: none; }.text-left { text-align: left; }.text-center { text-align: center; }.text-right{ text-align:right; }.red{ color:#922925; }.red1{ color:#922925; }.blue { color: #008fd1; }.block{ display:block; }.inline-block{ display:inline-block; }.white {color:#fff; }.gray { color:#888; }.clear { clear: both; }.phonepic { width:100%;}.relative { position:relative; }.absolute { position:absolute; }.wrap { position: relative; max-width: 1150px; margin: 0 auto; }.container {max-width: 1150px; width: 96%; margin:0 auto; }.container-fluid { width:100%;display:block;}


.fadeInRight { animation:fadeInRight 1.3s 0.0s both }
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeInLeft { animation:fadeInLeft 1.3s 0.0s both }
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeIn { animation:fadeIn 1.3s 0.0s both}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeOut{0%{opacity:0.5;}100%{opacity:0;}}
.fadeInUp { animation:fadeInUp 1.3s 0.2s both }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 50px, 0)}100%{opacity:1;transform:none}}
@keyframes fadeInDown {0%{opacity:0;transform:translate3d(0, -30px, 0)}100%{opacity:1;transform:none}}
@keyframes myfirst1 {0%   {}100% {transform:translateY(2px);}}

.ban { width:86%;padding:0 7%;height:320px;background-size:auto 100%;background-repeat:no-repeat;background-position:center; }
.ban .left { width:20%;padding-top:115px; }
.ban .right { width:78%;padding-top:115px; }
.ban .left .tit1 {  font-size:40px;margin-bottom:2px; }
.ban .left .tit2 {  font-size:20px;text-transform:uppercase; }
.ban .right .tit1 { font-size:24px;margin-bottom:10px; }
@media screen and (max-width:681px) {
    .ban { height:200px; }
    .ban .left { width:100%;padding-top:65px; }
    .ban .left .tit1 {  font-size:24px; }
    .ban .left .tit2 {  font-size:17px; }
}
.daohang { padding:0 7%;background:#fff;border:#e5e5e5 1px solid; }
.daohang li { display:inline-block;height:30px;padding:20px 0;line-height:30px;margin-right:2%;}
.daohang li a { display:block;font-size:16px;background:#aaa;padding:4px 20px;color:#fff;}
.daohang li:hover a,.daohang li.cur a { background-size:100% 100%;color:#fff;background:#008fd1; }

.daohang1 { padding:0 5%;background:#fff;border:#e5e5e5 1px solid; }
.daohang1 li { display:inline-block;}
.daohang1 li a { padding:0 25px;display:block;height:38px;line-height:38px;font-size:16px;background-size:0 100%;}
.daohang1 li:hover a,.daohang1 li.cur a { background-size:100% 100%;color:#922925; }

.main {  max-width: 1750px;width: 86%;margin:0 auto;padding:3% 0;min-height:150px; }
.about .left { width:45%;}
.about .left .tit1 { font-size:20px;padding:0 0 10px;line-height:28px; }
@media screen and (min-width:1000px) { .about .left .tit1 { font-size:30px;line-height:35px; } }
@media screen and (min-width:1400px) { .about .left .tit1 { font-size:36px;line-height:40px; } }
.about .left .tit2 { padding:0 0 32px;color:#ddd;font-size:18px;line-height:26px; }
.about .left .text { line-height:28px;}
.about p { padding:0 0 10px;}
.about .right { width:48%;}
.about1 .tit1 { font-size:40px;}
.about1 .tit2 { padding:0 0 3%;margin-top:-8px;font-size:24px;font-weight:bold;color:#e3e2e2; }
.about1 li{ width:20%;margin:0 6.6666% 4.6666% 0;float:left;box-shadow: 0 0 20px #eae8e8; }
.about1 li:nth-child(4n) { margin-right: 0; }
.about1 ul li:nth-child(4n+1) { clear:both}
.about1 li .tit { border:#ddd 1px solid;padding:6px 0;border-top:0;font-size: 15px;font-weight: bold; }
.about1 li .pic { overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px; 

display: flex;
    justify-content:center;
    align-items:center;

}
.about1 li .pic img {transform: scale(1.06, 1.06); max-width:100%; min-height:100%;}
.about1 li:hover .pic img {transform: scale(1.03, 1.03); }
.history .tit1 { font-size:40px;}
.history .tit2 { padding:0 0 12px;font-size:24px;font-weight:bold;color:#e3e2e2; }
.history .text1 { padding:18px 0 224px;background:url(../images/lishi3.png) no-repeat bottom center; }
.history .content { min-height:162px;background:url(../images/lishi2.png) repeat-y top center; }
.history .content .left { width:47%; }
.history .content .right { width:47%;margin-top:162px; }
.history .content li { width:100%;min-height:324px;float:left;}
.history .content .title { font-size:40px;margin-bottom:22px;}
.history .content .des { font-size:15px;line-height:23px;margin-bottom:25px; }
.history .content .pic { display:inline-block;margin-right:8px;height:166px;border:#fff 10px solid;border-radius:10px; }
.history .content .pic img { height:100%; }
.history .text2 { padding:207px 0 0;background:url(../images/lishi1.png) no-repeat top center;font-size:16px;font-weight:bold;margin-bottom:3%; }
@media screen and (max-width:681px) { 
    .about .left { width: 100%; }
    .about .right { width: 100%; }
    .about1 li { width:48%;margin:0 4% 4% 0; }
    .about1 li:nth-child(2n) { margin-right: 0; }
}
.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%}
.imageflow img{border:none; position:absolute;box-shadow: 0 0 20px #aaa; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}
.imageflow p{margin:0 auto; text-align:center}
.imageflow .loading{border:1px solid #ccc; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar{background:#ccc; height:15px; visibility:visible; width:1%}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10000}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10001; height:1px}
.imageflow .slider{background-image:url(../images/slider.png); background-repeat:no-repeat; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10002}
.imageflow .images{overflow:hidden; white-space:nowrap}
.imageflow .button{cursor:pointer; height:17px; position:relative; width:17px}
.imageflow .previous{background:url(../images/button_left.png) top left no-repeat; float:left; margin:-7px 0 0 -30px}
.imageflow .next{background:url(../images/button_right.png) top left no-repeat; float:right; margin:-7px -30px 0 30px}

/* product_left */
.products { max-width: 1750px;width: 86%;margin:0 auto;padding:3% 0; }
.products_left { width: 23%;float: left; }
.left_border{border:1px solid #ddd;padding: 25px 28px;margin-bottom: 25px;}
.left_border .tit{font-size:18px; color:#333;font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.left_product_menu ul a{padding:0 0 0 24px;position: relative;display: block;height: 50px;line-height: 50px;font-size:16px;color:#333;flex:1;font-weight: bold;overflow: hidden;}
.left_product_menu ul a:before{width: 4px;height: 4px;display: block;content:'';background: #333;transform: rotate(45deg);position: absolute;left: 0;top: 23px;}
.left_product_menu ul li p{ padding: 0 4px;border-bottom: 1px solid #ddd;position: relative;overflow: hidden;}
.left_product_menu ul li p:before{position: absolute;  height: 100%; width: 100%; content:''; top: 0; left: -100%; background: #008fd1; display: block; z-index: -1;transition: all .3s;}
.left_product_menu ul li p span{font-size:12px;color:#008fd1;cursor: pointer;width: 30px;display: flex;justify-content: center;align-items: center;}
.left_product_menu ul li .inner_sublist{ padding: 0 0 0 16px;}
.left_product_menu ul li .menu{border-bottom: 1px solid #ddd;}
.left_product_menu ul li .menu a:before{display: none;}
.left_product_menu ul a:hover{color:#fff;}
.left_product_menu ul li.cur>p>a:before,.left_product_menu ul a:hover:before{background:#fff;}
.left_product_menu ul li p:hover:before{left: 0;}
@media screen and (max-width:681px) {
    .left_border{border:0;padding: 0;margin-bottom: 15px;}
    .left_product_menu ul li { width:48%;margin-right:2%;float: left;overflow: hidden;/*×¢ÒⲻҪдÔÚ×îºóÁË*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
    .left_product_menu ul a{padding:0 0 0 10px;height: 38px;line-height: 38px;font-size:14px;}
}
.left_news ul li{ padding-top:15px;}
.left_news ul li p{font-size:13px;color:#999;}
.left_news ul li p span{margin-left: 10px;}
.left_news ul li a{display: block;color:#333;font-size:14px;line-height: 24px;max-height: 48px;overflow: hidden;}
.left_news ul li a:hover{ color:#008fd1;}
.left_tag ul{margin:0 -3px;}
.left_tag li{width: 49%;float: left;margin:0 2% 2% 0;}
.left_tag li:nth-child(2n) { margin-right: 0; }
.left_tag li a{display: block;background: #f2f2f2;height: 40px;line-height: 40px;overflow: hidden;text-align: center;font-size:14px;color:#333;}
.left_tag li a:hover{background: #008fd1;color:#fff;}
.products_right { width: 74%;float: right; }
.products_right .title { height: auto; overflow: hidden; border-bottom: 1px solid #d2d2d2; padding-bottom: 4px;}
.products_right .title b{ display: block; float: left; line-height: 44px; padding: 0 20px 0 0;font-size: 24px; color: #031f45; }
.products_right .title .now { float: right; line-height: 44px;padding-left: 20px; color: #999; }
.products_right .title .now .split { color: #ddd; }
.products_right .title .now a { color: #999; }
.com_product{height: auto; overflow: hidden; padding: 20px 0 0;}
.com_product ul{ height: auto; overflow:hidden;}
.com_product ul li{float:left; width:23%; margin:0 2.6666% 2.6666% 0;}
.com_product ul li:nth-child(4n) { margin-right: 0; }
.com_product ul li:nth-child(4n+1) { clear:both}
.com_product ul li a{display:block;}
.com_product ul li a .img{width:100%;height:auto; overflow: hidden;}
.com_product ul li a .img img{ width: 100%; transition:0.5s;}
.com_product ul li a .main_info{height:auto; overflow: hidden; margin-top: 15px;}
.com_product ul li a .main_info .subtitle{font-size:18px;color:#373b43; height:30px; line-height:30px; padding-bottom: 5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;/*font-weight: bold;*/text-align: center}
.com_product ul li a .main_info i{height:1px;width:10px;background:#008fd1;transition:.5s;display:block; margin-top: 10px;}
.com_product ul li a .main_info .subinfo{font-size:14px; color:#777;line-height:24px;overflow:hidden;}
.com_product ul li:hover a .img img{transform:scale(1.1,1.1);}
.com_product ul li:hover a .main_info .subtitle{color:#008fd1;}
.com_product ul li:hover a .main_info i{width:100%;}
@media screen and (max-width:1400px) { 
.com_product ul li{float:left; width:32%; margin:0 2% 2% 0;}
.com_product ul li:nth-child(4n) { margin-right:2%; }
.com_product ul li:nth-child(4n+1) { clear: none;}
.com_product ul li:nth-child(3n) { margin-right:0; }
.com_product ul li:nth-child(3n+1) { clear: both;}
}
@media screen and (max-width:681px) { 
    .products_left { width: 100%; }
    .products_right { width: 100%; }
    .com_product ul li{float:left; width:48%; margin:0 4% 4% 0;}
    .com_product ul li:nth-child(3n) { margin-right:4%; }
    .com_product ul li:nth-child(3n+1) { clear: none;}
    .com_product ul li:nth-child(2n) { margin-right:0; }
    .com_product ul li:nth-child(2n+1) { clear: left;}
    .products_right .title b{ line-height: 28px; padding:8px 0 0;font-size: 18px; }
    .products_right .title .now { width:100%;line-height: 44px;padding-left: 20px; color: #999; }
}

.cpqiehuan .investment_f{ width:100%;padding:2% 0 0;}
.cpqiehuan .investment_f .investment_title{height:44px;background:#f6f6f6; }
.cpqiehuan .investment_title div{ padding:0 32px;height:44px;margin-right:22px;line-height:44px;display:inline-block;font-size:16px;color:#444;background: url(../images/tit12.gif) repeat-x center;cursor:pointer;}
.cpqiehuan .investment_title div.on{ color:#fff;background-image:url(../images/tit11.gif);}
.cpqiehuan .investment_con{ clear:both; border:#ddd 1px solid; padding:20px 3% 70px;min-height:200px; }
.cpqiehuan .investment_con_list{display:none;}
.cpqiehuan p.canshu { padding:10px;}
.cpqiehuan td { padding:6px 15px;line-height:18px;border:#ccc 1px solid; }
.cpqiehuan tr:nth-child(2n) { background:#ddfdca; }

@media screen and (max-width:681px) { 
    .cpqiehuan .investment_title div{ padding:0 3%;height:38px;margin-right:2%;line-height:38px;font-size:14px;}
}

/*news*/
.news li { width:23%;margin:0 2% 2% 0;float:left;box-shadow:#ddd 0 0 22px; }
.news li:hover { box-shadow:#aaa 0 4px 22px;}
.news li a { display:block;padding:8%;}
.news li .tit { font-size:18px;height:52px;line-height:26px;margin-bottom:5px;color:#666; }
.news li:hover .tit { color: #008fd1; }
.news li .pic { width:100%;height:157px;background-repeat:no-repeat;background-position:center;background-size: 100% auto; }
.news li:hover .pic { background-size: 106% auto; }
.news li .date { padding:12px 0;}
.news li .des { font-size:12px;height:70px; overflow:hidden;color:#aaa; }
.news li .more { color:#666;margin-top:18px;font-size:15px; }
.news li:hover .more { color:#008fd1; }

@media screen and (max-width:681px) {
    /*新闻切换*/
    .news { width:98%;padding:3% 0;}
    .news .left .text { height:30px;line-height:30px;font-size:14px;}
    .news .left { width:100%;height:236px; }
    .news .swiper-container { height:216px;}
    .news .right { width:100%; }
    .news li { width:100%;padding-left:0;margin:12px 0;box-shadow: none;}
    .news li:hover { box-shadow: none;}
    .news li a { padding:0; }
    .news li .tit { font-size:16px;margin-bottom:1px;}
    .news li .date { padding:5px 0;}
    .news li .des { margin:0;width:100%;padding-right:0;height:auto; overflow:auto;padding:0 0 12px; }
    .news li .more { margin-top:1px; }
}

.newsview { padding:1% 0 3%;background:#fafafa; }
.newsview .dh { text-align:right;}
.newsview .title { font-size:25px;padding:4% 0 8px;}
.newsview .date { color:#888;padding:0 0 1%;font-size:11px;margin:0 0 10px;}
.newsview .text { line-height:28px;padding:30px 0;color:#666;font-size:14px;}
.newsview .text p { padding-bottom:12px; text-indent:32px;}
.newsview .content { padding:25px 5%;margin-top:20px;background:#fff;box-shadow:#ccc 1px 3px 12px; }

.newsview .xz { margin:3% 0 5%;font-size:16px;color:#333; }
.newsview .down a { width:262px;height:69px;background:url(../images/down1.png) no-repeat;display:block;margin-left:-12px; }
.newsview .down a:hover { background-image:url(../images/down2.png); }

/*contact*/
.contact .title { font-size:44px;padding-top:1%; }
.contact .tit { padding:20px 0 3%;text-transform:uppercase; }
.contact .container { max-width:1100px;width:92%;padding:4% 4% 2.2%;box-shadow:#bbb 0 5px 12px;background:#fff;border-radius:8px;line-height:28px; position:relative;z-index:99;}
.contact .biaoti { font-size:26px; height:26px;line-height:26px;background:url(../images/contactbg.png) no-repeat center;margin-bottom:3%; }
.contact .tit1 p { width:32.333%;padding:15px 0 15px 15%;font-size:18px;float:left;color:#111;background:url(../images/tel.png) no-repeat left center; }
.contact .tit1 p.m3 { width:20.333%; }
.contact .tit1 p span { color:#922925;font-size:14px;margin-left:6px;}
.contact .tit2 { padding-top:3%;margin-top:4%;border-top:#ddd 1px solid;word-spacing:4px; }
.map { width:100%;height:450px;margin-top:-6%;z-index:9;position:relative;}

#fenye {color:#888;margin:15px 0 25px; height:25px; }
#fenye a { display:inline-block;padding:6px 12px;color:#888; margin:0 3px; }
#fenye a:hover {text-decoration:none; background:#008fd1;color:#fff;}
#fenye .a1 { padding:6px 10px 6px 11px; margin:0 3px 3;background:#008fd1;color:#fff;}

.nextpage{ clear:both; width:100%; padding-top:10px; padding-bottom:10px;}

.nextpage>div.fl{max-width:48%; overflow:hidden; margin:auto; float:left;}
.nextpage>div.fr{ text-align:right; float:right; }
/*移动端中英文切换*/
.lang{ float:right; margin-top:15px; margin-right:10px; display:none}

@media screen and (max-width:681px) {
.lang{ display:block}
.nextpage>div.fl{width:100%; overflow:hidden;}
.nextpage>div.fr{width:100%; overflow:hidden; float:left; clear:both; text-align:left}

.contact .tit1 p { width:100%;}
.contact .tit1 p.m3 { width:100%; }

}
@media screen and (max-width:768px) {.products_detal .right{ display:none}}