﻿.main_title{ display:block; text-align:center; font-size:18px; color:#333333; line-height:38px}
.main_title p{font-size:40px;color: #1a5dc2;font-weight:bold;line-height: 50px;}
.main_title .dec{width: 45px;height: 4px;margin: 8px auto 0;background:#acceda;border-radius:20px;}

/*maintitle*/
.maintitle{
    font-size: 18px;
    line-height: 35px;
    color: #666;
	}
.maintitle p{
	font-size: 40px;
    color: #333333;
    line-height: 65px; font-weight:bold
	}
.maintitle p span{
	font-size:40px; color:#1a5dc2; font-weight:bold; line-height:55px
	}
.maintitle .dec{
    width: 40px;
    height: 4px;
    margin: 15px auto 0 0;
    background: #1a5dc2;
    border-radius: 20px;
	}	
	

/*首页简介*/
.in_about{
	background: url(../images/bg_gsjj.jpg) center bottom no-repeat #f6f6f6;
    padding-top: 60px;
    padding-bottom: 80px;
	}
.in_about .cont{
	width: 1200px;
    margin: 0 auto;
	}
.in_about .cont .leftcont{ float:left; width:60%}
.in_about .cont .rightpic{ float:right; width:35%; height:580px; }


.in_about .cont .txt{ height:306px; display:block; overflow:hidden; margin-top:12px}
.in_about .cont .txt *{
	font-size: 16px;
    color: #333;
    line-height: 34px;
    text-align: justify;
	}	
	
.in_about .cont .conta{    margin-top: 20px;}
.in_about .cont .conta a{
    padding: 12px 12px 5px;
    border: 2px solid #bbb;
    font-size: 20px;
    color: #888888;
    line-height: 40px;
    margin: 0 16px;
    display: inline-block;
    border-radius: 15px;
    text-align: center;
	}
.in_about .cont .conta a img{transition: all linear .5s;}
.in_about .cont .conta a:hover img{transform: rotateY(360deg);}



/*首页产品*/
.in_news{width:100%; margin:0 auto; background:#d6e9ff; padding-top:60px; padding-bottom:70px}

.in_news .news_top {text-align: center; margin-top:30px }
.in_news .news_top li{
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 43px;
    margin: 0 10px;
    font-size: 16px;
    background: #1a5dc2;
    color: #ffffff;
	}
.in_news .news_top li a{color:#ffffff;font-size: 20px; line-height:60px}
.in_news .news_top li:hover,.in_news .news_top li.on{background:#efa007;}
.in_news .news_top li:hover a,.in_news .news_top li.on a{color: #fff; line-height:60px;}

.in_news .news_box{ width:1200px;margin:40px auto 0}
.in_news .news_box ul{display: none;}
.in_news .news_box ul.on{display: block;}

.in_news .news_box li {
	float: left;
    margin-right:25px;
    margin-bottom:25px;
	}
.in_news .news_box li:nth-child(3n){
	margin-right: 0;
} 


.in_news .news_box li .topimg{
	width:380px;
    height:285px;
    overflow: hidden; background:#fff;
	display: table-cell;vertical-align: middle;text-align: center;
	}
.in_news .news_box li .topimg img{
	transform: scale(1);
	transition: all 1s ease-out;
	width:100%;
	height:100%;
	}
.in_news .news_box li:hover .topimg img{
	transform: scale(1.2);
	}

.in_news .news_box li p{
	width: 100%;
    margin: 0 auto;
    background: #fff;
    line-height: 52px;
    font-size: 18px;
    color: #444444;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
	}	
.in_news .news_box li p a{
	line-height:52px;
	font-size:18px;
	color:#444;
	}
.in_news .news_box li:hover p{ background:#1a5dc2}
.in_news .news_box li:hover p a{
	line-height:52px;
	font-size:18px;
	color:#fff;
	}	



.in_ys1{background:url(../images/bg1.jpg) center top no-repeat; height:385px; padding-top:40px; text-align: center}
.in_ys1 .title{ background:url(../images/dec.png) center center no-repeat; font-size:40px; color:#fff; font-weight:bold; line-height:60px;}
.in_ys1 .cont{ width:1300px; margin:35px auto}
.in_ys1 .cont ul li{
    float: left;
    width: 128px;
    display: block;
    font-size: 18px;
    color: #fff;
    background: url(../images/dec1.png) center top no-repeat;
    margin: 0 28px;
	}
.in_ys1 .cont ul li img{
	padding-top: 40px;
    padding-bottom: 50px;
	}
.in_ys1 a{
	padding: 10px 40px;
    border: 2px solid #fff;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    border-radius: 50px;
	}
.in_ys1 a span{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:24px; line-height:45px;}


.in_ys2{ background:url(../images/bg2.jpg) center top no-repeat; height:948px; padding-top:70px}
.in_ys2 .cont{ width:1200px; margin:50px auto 0; height:680px; position:relative}
.in_ys2 .cont ul li{width:300px; height:auto; font-size:16px; line-height:24px;}
.in_ys2 .cont ul li p{ font-size:22px; font-weight:bold; line-height:40px;}



.in_ys2 .cont ul li.li01{ position:absolute; left:0; top:0}
.in_ys2 .cont ul li.li02{ position:absolute; left:0; top:263px;width: 230px;}
.in_ys2 .cont ul li.li03{ position:absolute; left:0; top:526px}
.in_ys2 .cont ul li.li04{ position:absolute; left:900px; top:0; text-align:right}
.in_ys2 .cont ul li.li05{
    position: absolute;
    left: 900px;
    top: 265px;
    text-align: right;
    width: 300px;
	}
.in_ys2 .cont ul li.li06{ position:absolute; left:900px; top:526px; text-align:right}
.in_ys2 .cont ul li.li07{ position:absolute; left:0; top:0}
.in_ys2 .cont ul li.li07 img{}

/*新闻资讯*/
.in_xwzx{ margin-top:55px; margin-bottom:65px}
.in_xwzx .conta{max-width:1200px; margin:0 auto;margin-top:30px;}
.in_xwzx .conta ul li{
	float: left;
    width: 32.4%;
    height: auto;
    display: block;
    margin-right: 1.4%;
	}
.in_xwzx .conta ul li:nth-child(3n){margin:0 !important; float:right !important}
.in_xwzx .conta ul li a{
	width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    position: relative;
	}
.in_xwzx .conta ul li a img{width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.in_xwzx .conta ul li a .txt{position:absolute; left:0; bottom:0; width:100%; height:50px;background: rgba(0,0,0,0.7);}
.in_xwzx .conta ul li a .txt p{ margin-left:1.5%; line-height:50px; font-size:18px; color:#ffffff; float:left; width:75%}
.in_xwzx .conta ul li a .txt span{ margin-right:1.5%; line-height:50px; font-size:14px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; float:right}
.in_xwzx .conta ul li:hover a img{transform: scale(1.2);}


.in_xwzx .contb{max-width:1200px; margin:0 auto;margin-top:30px;}
.in_xwzx .contb ul li{
	float: left;
    width: 32%;
    height: auto;
    display: block;
    margin-right: 2%;
    border-bottom: 1px solid #dedede;
	}
.in_xwzx .contb ul li:nth-child(3n){margin:0 !important; float:right !important}
.in_xwzx .contb ul li a{ float:left;line-height:57px; font-size:17px; color:#333333; width:75%}
.in_xwzx .contb ul li span{ float:right; line-height:57px; color:#888888; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.in_xwzx .contb ul li:hover a{ color:#efa007; font-weight:bold}
