.in_title{text-align: center;padding-top: 60px;margin-bottom: 50px;}
.in_title h2{font-size: 36px;color:#333333;font-weight: 500;}
.in_title p{font-size:24px;color:#999999;margin-top: 8px;}

.in_pro{padding-bottom: 60px;}
.in_pro .pro_nav{text-align: center;margin-bottom: 40px;}
.in_pro .pro_nav ul li{display: inline-block;height: 42px;line-height: 42px;font-size: 22px;padding: 0 40px;margin: 0 10px;}
.in_pro .pro_nav ul li a{color:#1a1a1c;}
.in_pro .pro_nav ul li.on{background: #197bc6;}
.in_pro .pro_nav ul li.on a{color:#fff;}

.in_pro .pro_list ul{display: none;}
.in_pro .pro_list ul.on{display: block;}
.in_pro .pro_list ul li{width: 312px;float: left;text-align: center;margin: 10px 4px 0;}
.in_pro .pro_list ul li .pic{width: 312px;height: 160px;overflow: hidden;}
.in_pro .pro_list ul li img{width: 312px;height: 160px; display: block; transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
.in_pro .pro_list ul li p{color: #323232;font-size: 18px;line-height: 52px;}
.in_pro .pro_list ul li:hover img{transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform: scale(1.2);-ms-transform:scale(1.2);}
.in_pro .pro_list ul li:hover p{color: #197bc6;}

.in_pro .more{display: block; margin: 0 auto; width: 147px;height: 41px; line-height: 41px; text-align: center; border-radius: 8px; color: #333;border: 1px solid #333;margin-top: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -webkit-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear;}
.in_pro .more:hover{color: #fff; background-color: #197bc6; border-color: #197bc6;}

.in_about{position: relative;height: 630px;overflow: hidden;}
.in_about #canvas {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 630px;
	z-index: 0;
}
.in_about .wrap{position: relative;height: 630px;z-index: 99;}
.in_about .about_img{position: absolute;left: -320px;top: 0;}
.in_about .fr{width: 678px;}
.in_about .fr img{margin-top: 100px;margin-bottom: 30px;}
.in_about .fr p{color: #333;font-size: 18px;line-height: 30px;}
.in_about .more{position: relative;display: block; width: 147px;height: 41px;text-align: center;font-size: 18px;line-height: 41px;border: 1px solid #333;cursor: pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color: #333;border-radius: 8px;margin-top: 50px;}
.in_about .more:hover,.in_about .more:active{color: #fff;border-color: #197bc6;}
.in_about .more:hover:after,.in_about .more:active:after {height: 100%;}
.in_about .more:before {
	speak: none;
	text-transform: none;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
.in_about .more:after {
    content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
    background: #197bc6;   
    border-radius: 8px; 
}

.in_case{background: url(../images/case_bg.jpg) no-repeat top center;height: 687px;}
.in_case .in_title{padding-top: 120px;margin-bottom: 90px;}
.in_case .in_title h2{color:#fff;}
.in_case .in_title p{color:#cccccc;}
.in_case .picScroll{position: relative;}
.in_case .bd {width: 1200px;margin: 0 auto;height: auto;overflow: hidden;}
.in_case .bd li {width: 380px;height: auto;text-align: center;position: relative;margin-right: 30px;}
.in_case .bd li .pic{width: 380px;height: 240px;overflow: hidden;}
.in_case .bd li img{width: 380px;height: 240px;display: block;transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
.in_case .bd li:hover img{transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform: scale(1.2);-ms-transform:scale(1.2);}
.in_case .hd .prev, .in_case .hd .next {position:absolute;top:85px; display:block; width:18px; height:57px; background: #3b3b3b;line-height: 57px;text-align: center;font-size: 20px;color: #909090;}
.in_case .hd .next{right: 0;}
.in_case .hd .prev{left: 0;}
.in_case .hd .prev:hover,.in_case .hd .next:hover{color: #fff;}

.in_news{background: url(../images/news_bg.jpg) no-repeat top center;height: 781px;}
.in_news .in_title{padding-top: 70px;margin-bottom:70px;}
.in_news .in_title h2{color:#fff;}
.in_news .in_title p{color:#cccccc;}
.in_news .picScroll2{position: relative;}
.in_news .bd {width: 1060px;margin: 0 auto;height: auto;overflow: hidden;}
.in_news .bd li {width: 1060px;height: 484px;position: relative;background: #012e4d;}
.in_news .bd li .pic{width: 490px;height: 484px;overflow: hidden;}
.in_news .bd li img{width: 490px;height: 484px;display: block;transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
.in_news .bd li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform: scale(1.05);-ms-transform:scale(1.05);}
.in_news .bd li .fr{width: 510px;padding: 35px 30px;}
.in_news .bd li .fr h2{font-size: 20px;color: #fff;line-height: 64px;font-weight: normal;}
.in_news .bd li .fr p.txt1{font-size: 16px;color: #999;}
.in_news .bd li .fr p.txt2{font-size: 16px;color: #cccccc;}
.in_news .bd li .fr .more{color: #0087de;padding-top: 40px;display: block;}
.in_news .bd li .fr .more:hover{text-decoration: underline;}

.in_news .hd .prev, .in_news .hd .next {position:absolute;top:210px; display:block; width:90px; height:50px;}
.in_news .hd .prev{left: 0;background: url(../images/n_prev.jpg) no-repeat;}
.in_news .hd .next{right: 0;background: url(../images/n_next.jpg) no-repeat;}
.in_news .hd .prev:hover{background: url(../images/nh_prev.jpg) no-repeat;}
.in_news .hd .next:hover{background: url(../images/nh_next.jpg) no-repeat;}