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

.title1{font-size:200%; height:170px; color:#0470DD; text-align:center;}
.title1 .block{ height:92px; line-height:150px;}
.mtitle2{font-size:150%; padding-top:24px; color:#0470DD; text-align:center; }
.mtitle2 h3{ line-height:30px; color:#222222; }
.mtitle2 h4{ line-height:20px; color:#BDBDBD; font-family:Arial, Helvetica, sans-serif; font-weight: 100; margin-top: 6px;}
.list_pro_box{ border:1px solid #DCDCDC; padding:20px 0px; height:auto !important; overflow:hidden }
.title2{ width:203px; height:43px; line-height:43px; text-align:center; background:#E5E5E5; border-radius:5px; font-size:18px; margin-top:38px;}
.list_pro_box ul li,.list_pro_box ul li p,.contact1 ul.contact li img{transition: all 0.36s ease;animation-delay: 0.5s; visibility: visible; animation-name: fadeInUp;}
.list_pro_box ul li img{transition: all 0.36s ease; display:block}
.list_pro_box ul li{ width:348px; height:328px; margin-left:20px; margin-right:20px; float:left;}
.list_pro_box ul li:hover{ back ground:#06C;box- shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.list_pro_box ul li:last-child{ margin-right:0px}
.list_pro_box ul li div.block { margin-bottom:20px; height:auto !important; overflow:hidden}
.list_pro_box ul li p{ text-align:center;}
.list_pro_box ul li p a{ font-size:16px;}
.list_pro_box ul li p.text1{ line-height:50px;}
.list_pro_box ul li p.text2{ line-height:20px;}
.list_pro_box ul li a p.text1 { color:#3A3937;}
.list_pro_box ul li a p.text2 { color:#D4302F;}
.item_box{transition: all 0.36s ease;}

.list_pro_box ul li:hover a p{ padding-left:5px; color:#c50404}
.list_pro_box ul li:hover img{transform: scale(1.08);}

.introduct{ height:614px; background:url(../images/tonglan.png) center no-repeat}
.col-md-3{width:50%;}
.col-md-3 .block{ height:326px; margin-top:147px; text-align:right;}
.col-md-3 .block img{ width:95%; margin-top:0px;}
.introduct .text3{ line-height:64px; font-size:220%; color:#2E8FFF}
.introduct .text4{ line-height:34px; font-size:150%; color:#1D1F1E}
.introduct .text5{ line-height:32px; font-size:120%; color:#090f19; padding-top:10px; font-family:"宋体"}
.introduct .text6 a{ padding-top:10px; line-height:40px; color:#D3312F;}
.index_bot ul li{ width:30%; float:left; margin-right:3.33%}
.index_bot ul li :last-child{margin-right:none;}
.contentbox{ height:auto !important; overflow:hidden; background:#F2F2F2;padding-top:48px; pad ding-bottom:46px}
.contentbox h3{ line-height:62px; color:#3B3B3B; font-size:24px;}
.contentbox h3 span{ font-size:18px; font-weight:normal}
.textbox{ height:164px; color:#312f2f; font-size:16px;}
.textbox.about{ line-height:22px; padding-top:10px;}
.textbox.about a.more{ display:block; width:111px; height:25px; text-align:center; border:1px solid #312f2f; left:0; bottom:0; color:#312f2f;transition: all 0.36s ease;     background-color: #e5e5e5;}
.textbox.about a.more:after{content:">"; position:absolute; width:7px; height:11px; right:18px; color:#312f2f;transition: all 0.36s ease;}
.textbox.about a.more:hover{ background:#0370DE; color:#FFF; padding-left:10px;}
.textbox.about a.more:hover:after{color:#FFF; right:12px;}
.textbox.about .news_scroll{ height:120px; overflow:hidden }
.textbox.about dl dd{ line-height:30px; height:30px; overflow:hidden; color:#312f2f; font-size:14px;}
.textbox.about dl dd a{color:#312f2f; font-size:14px;}
.textbox.about dl.newslist dd{transition: all 0.36s ease;}
.textbox.about dl.newslist dd:hover{ padding-left:2px;}
.textbox.about dl.newslist dd:hover a{color:#000}
.textbox.about dl.contact dd{ position:relative; padding-left:42px;}

.textbox.about dl.contact dd img{ position:absolute; left:0}
@media screen and (max-width:1441px){
	.textbox.about a.more:after{content:">"; position:absolute; width:7px; height:11px; right:18px; color:#312f2f;transition: all 0.36s ease; top:0px;}
	}
/************/

.ncontentbox{ height:auto !important; overflow:hidden; padding-top:1%; padding-bottom:1%}
.contact1{ padding-top:1px; border-bottom:1px dashed #eeeeee; padding-bottom:30px;}
.contact1 p{ display:block; width:80%; margin:0 auto; line-height:30px; font-size:14px; text-align:center;}
.contact1 ul.contact{width:70%; margin:auto; display:block; margin-top:20px; height:auto !important; overflow:hidden }
.contact1 ul.contact li{ width:33.33%; float:left; text-align:center;}
.contact1 ul.contact li img{ display:block; margin:auto; margin-bottom:20px; margin-top:5px}
.contact1 ul.contact li:hover img{transform: scale(1.08);}
.ncontentbox ul.service{ display:block; width:70%; margin:auto; margin-top:20px; height:auto !important; overflow:hidden;}
.ncontentbox ul.service li{ width:50%; float:left; text-align:center; color:#444243}
ul.service li h3{}
ul.service li h4.text{ padding-top:15px;}
.listnews li{ padding-bottom:34px; display:block; height:auto !important; overflow:hidden; border-bottom:1px solid #E5E5E5; margin-top:30px}
.listnews li div.text{ width:79.5%; float:left; height:120px; border-right:1px solid #CAC8C8; margin-top: 2%;}
.listnews li div.time{ width:19.5%; float:right; height:120px; text-align:right}
.listnews li div.text img{ display:block; width:198px; height:118px; float:left; margin-right:24px;}
.listnews li div.text div.text_1{ width:620px; float:left;}
.listnews li div.text div.text_1 h3{ padding-top:0px; line-height:38px; color:#4D4D4D; font-size:14px;}
.listnews li div.text div.text_1 h3 a{ font-size:14px;color:#4D4D4D;}
.listnews li div.text div.text_1  p{ line-height:20px; color:#AAAAA8; font-size:14px;}
.listnews li div.text div.text_1  p a{ font-size:14px; color:#AAAAA8}
.listnews li div.time p{ padding-top:21%;color:#94928F; }
.listnews li div.time .year{ font-size:120%;}
.listnews li div.time .year span{ font-size:200%; }
.flex{ display:flex; display: -webkit-flex; /* Safari */}
.flex-direction{flex-direction: row;}
.flex-wrap{flex-wrap:wrap}
.listpro li{ width:24%; margin-right:1%; background:#F5F5F5; margin-bottom:12px; height:290px; position:relative; text-align:center; padding-top:30px;}
.listpro li,.listnews li { opacity: 0; transform: translatey(400%); transition: all .7s ease-out; }

.listnews.started li:nth-child(1) { transition: all .7s ease-out .1s; }
.listnews.started li:nth-child(2) { transition: all .7s ease-out .3s; }
.listnews.started li:nth-child(3) { transition: all .7s ease-out .5s; }
.listnews.started li:nth-child(4) { transition: all .7s ease-out .7s; }
.listnews.started li:nth-child(5) { transition: all .7s ease-out .9s; }
.listnews.started li:nth-child(6) { transition: all .7s ease-out 1.1s; }
.listnews.started li:nth-child(7) { transition: all .7s ease-out 1.3s; }
.listnews.started li:nth-child(8) { transition: all .7s ease-out 1.7s; }
.listnews.started li:nth-child(9) { transition: all .7s ease-out 1.9s; }

.listpro.started li:nth-child(1) { transition: all .7s ease-out .1s; }
.listpro.started li:nth-child(2) { transition: all .7s ease-out .3s; }
.listpro.started li:nth-child(3) { transition: all .7s ease-out .5s; }
.listpro.started li:nth-child(4) { transition: all .7s ease-out .7s; }
.listpro.started li:nth-child(5) { transition: all .7s ease-out .9s; }
.listpro.started li:nth-child(6) { transition: all .7s ease-out 1.1s; }
.listpro.started li:nth-child(7) { transition: all .7s ease-out 1.3s; }
.listpro.started li:nth-child(8) { transition: all .7s ease-out 1.7s; }
.listpro.started li:nth-child(9) { transition: all .7s ease-out 1.9s; }
.listpro.started li,.listnews.started li { opacity: 1; transform: none;transition: all 0.36s ease;  }
.listpro.started li img,.listnews.started li img{transition: all 0.36s ease; }
.listpro.started li:hover,.listnews.started li:hover{box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); }

.listpro li img{ position:absolute; width:95%; bottom:5px; left:2%; max-height:230px}
.listpro.started li:hover img,.listnews.started li:hover img{transform: scale(1.08);}
.listpro li a h3{ color:#222221}
.listpro li a p{ color:#D3302F}
.showcontent{ padding:10px 16px; line-height:24px; font-size:14px;text-align:justify;text-justify:inter-ideograph}
.contact1 ul.contact{ width:100%}
.contact1 ul.contact li{ width:33.3%; font-size:12px}
.contact1 p{ width:90%;}
section {
  position: relative;

  min-height: 100vh;

}

/************capstop scroll**********/
.picScroll-left{ width:1000px; margin:auto}
.picScroll-left .bd{
	width:1000px; 
}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{
	width: 150px;
	height: 100px;
	text-align: center;
	font-size: 14px;
	margin: auto 0px;
}
.picScroll-left .bd ul li img{ width:78%; height:auto; max-height:60px; margin-top:5px;}
.picScroll-left .bd ul li a{
	font-size: 14px;
	display: block; line-height:20px; color:#f00;
}
.picScroll-left_bd_selected{

}
.picScroll-left_bd_selected a{
	color: #f00;
}
.catpos_right_prev{
	width: 30px;
	height: 100px;
	background: url(../images/catpos_prev.png) no-repeat center;
}
.catpos_right_next{
	width: 30px;
	height: 100px;
	background: url(../images/catpos_next.png) no-repeat center;
}
.showcontent div{  opacity: 0; transform: translatey(400%); transition: all .7s ease-out; }
.showcontent.started div{ opacity: 1; transform: none; }
.indexcoler{ background-color: #f8f8f8;}