@charset "utf-8";
/* 通用样式 */
*{ padding:0px; margin:0px; }
body { font-family:"微软雅黑"; font-family: "Microsoft YaHei" ! important;  margin:0; padding:0; font-size:14px;}
ul, li, dl, dd, dt, ol, form, input, p {margin: 0px; padding: 0px; list-style-type: none;}

img{ border:none;}

a{ color:#000000;}
a:visited{ color: #333333; text-decoration: none;}
a:link{ color: #333333; text-decoration: none;}
a:hover{ color:#006699; text-decoration: none;}
a:active{ color: #333333; text-decoration: none;}

.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; font-size: 100%;}
.clearfix { *zoom : 1;}

.fl{ float:left;}
.fr{ float:right;}
.index_fenge{ height:30px; border-bottom:1px solid #f2f2f2;}

.mar_top{ height:20px; line-height:0px; overflow:hidden;}
.mar_top2{ height:30px; line-height:0px; overflow:hidden;}
.mar_top3{ height:80px; line-height:0px; overflow:hidden;}

.wrap{ width:1200px; margin:0 auto; } /*版面宽度*/

.font1{ font-size:20px; font-family:"微软雅黑"; line-height:19px; height:20px; overflow:hidden}
.column1{ height:40px;}

p{ margin-bottom:15px; text-indent:2em}

/*头部样式*/
.top{ height:80px; background-image:url(../image/logo.jpg); background-position:left center; background-repeat:no-repeat;}

/*导航样式*/
.nav{ height:80px; overflow:hidden}
.nav ul { padding-left:350px;}
.nav ul li{ float:left; width:106px; height:80px; text-align:center; font-size:16px; background-image:url(../image/li_normalbg.jpg); background-size: 100%;}
.nav ul li a{ display:block; width:106px; height:80px;}
.nav ul li a:hover{ background-image:url(../image/li_bg.jpg); color:#FFFFFF}
.nav_div1{ padding-top:20px;}
.nav_div2{ font-size:12px; color:#CCCCCC}

/*主页关于我们样式*/
.about_pic{ background-image:url(../image/i_about.png); background-position:center center; height:208px; background-repeat:no-repeat}
.about_txt{ text-align:center; color:#666666; line-height:30px;}


/*主页产品样式*/
.i_cp{ background-image:url(../image/cp_bg.jpg); height:632px;}
.icp_list{ border:1px solid #cbcccd; width:1194px; height:348px; margin:0 auto; overflow:hidden; background-color:#FFFFFF}
.icp_list ul li{ width:238px; height:348px; float:left;}
.icp_list ul li.icp_line{ width:1px; height:348px; background-color:#cbcccd}
.icp_li_top{ height:120px; background-color:#f8f9fa;}
.icp_li_zt{ height:228px;}
.icp_li_top_t1{ color:#333333; padding-top:10px; padding-left:10px;    margin-bottom: 0px; text-indent: 0em;}
.icp_li_top_t2{ color:#666; padding-top:10px; padding-left:10px;    margin-bottom: 0px; text-indent: 0em;}
.icp_li_top_t3 {  padding-top:10px; padding-left:10px;}
.icp_li_top_t3 a{ color:#0564c6}


/*主页研发能力样式*/
.i_yfnl1{ font-size:20px; padding-top:20px;}
.i_yfnl2{ font-size:14px; padding:20px; color:#666666}

/*主页案例样式*/
.i_anli{ height:620px; background-image:url(../image/al_bg.jpg);}


/*底部样式*/
.foot{ background-color:#f7f7f7; padding-top:60px; padding-bottom:60px}
.foot_lanmu{ width:795px; overflow:hidden}
.foot_lanmu ul li{ float:left; margin-right:65px;}
.foot_lanmu_t1{ font-size:16px; border-bottom:1px solid #dddddd; padding-bottom:15px;}
.foot_lanmu_t2{ padding-top:10px; line-height:30px;}
.foot_lanmu_t2 a{ color:#999999}
.foot_rexian{ font-size:20px;}
.foot_lianxi{ color:#999999; padding-top:10px; line-height:26px;}
.foot_li ul li{ background-image:url(../image/foot_wx_aarrow.jpg); background-position:right center; border-bottom:1px dashed #CCCCCC; background-repeat:no-repeat; width:165px; padding-bottom:10px; margin-bottom:10px; color:#999999; font-size:12px}
.foot_li ul li.foot_liline{  width:165px; padding-bottom:5px; margin-bottom:5px; color:#999999; font-size:12px; background-image:none}
.foot_li ul li a{ color:#666666}
.foot_bottom{ height:54px; background-color:#272727; line-height:54px; color:#999999}


/*二级样式*/
.er_banner{ height:300px; background-image:url(../image/er_banner.jpg); background-position:center center;}
.er_left_dh{ height:58px; background-image:url(../image/er_left_dhtitle.jpg); line-height:58px; color:#FFFFFF; font-size:16px; padding-left:40px; font-weight:bold}
.er_left{ border:1px solid #dddddd; min-height:500px;}
.er_left_zt{ width:218px; margin:0 auto;}
.er_left_zt ul li{ width:218px; height:42px; margin-bottom:10px; background-image:url(../image/er_dh_normal.jpg); font-size:16px; line-height:40px}
.er_left_zt ul li:hover{ background-image:url(../image/er_dh_hover.jpg);}
.er_left_zt ul li:hover a{ color:#FFFFFF}
.er_right{ border:1px solid #dddddd; min-height:558px;}
.er_right_title{ height:58px; background-color:#f1f1f1; border-bottom:1px solid #dddddd}
.er_right_con{ padding:20px;}
.er_right_list ul{ border-bottom:1px #dddddd solid; padding-bottom:10px; margin-bottom:20px}
.er_right_list ul li{ height:30px}
.er_right_time{ float:right; color:#CCCCCC}
.xx_title{ text-align:center; height:100px; line-height:100px; font-size:30px;}
.xx_item{ height:40px; background-color:#eeeeee; color:#666666; line-height:40px; text-align:center}
.xx_zt{ line-height:28px; padding-top:20px;}
.cp_list{ width:878px; overflow:hidden}
.cp_list ul{ padding-left:30px; width:928px;}
.cp_list ul li{ width:238px;  float:left; margin-right:50px; margin-bottom:30px;}

.f-cb {
	zoom: 1;
}
.f-cb:after {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	content: ".";
}
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}
.por {
	position: relative;
}
.poa {
	position: absolute;
	bottom:0;
}
.poa-f {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.ovh {
	overflow: hidden;
}
.noselect {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.z1 {
	z-index: 1;
}
.z2 {
	z-index: 2;
}
.z3 {
	z-index: 3;
}
.dn {
	display: none;
}
.dib {
	display: inline-block;
}
.w{
	width: 1200px;
	margin: 0 auto;
	padding-top:202px;
}
/*INDEX*/
.i-products{
	
	height: 632px;
	background: url("../image/cp_bg.jpg");
}

.i-products .list-out, .i-products .list{
	width: 1200px;
	height: 346px;
}
.i-products .btns{
	top: 0;
	width: 66px;
	height: 346px;
	cursor: pointer;
	filter:alpha(opacity=0); 
	opacity: 0;
	transition: all 0.5s;
}
.i-products .prev{
	left: 0;
	background:url(../image/prev11.png) no-repeat left center;
}
.i-products .prev.hover{
	background-position: right center;
}
.i-products .next{
	right: 0;
	background:url(../image/next11.png) no-repeat right center;
}
.i-products .next.hover{
	background-position: left center;
}
.i-products li{
	float:left;
	position: relative;
	width: 238px;
	height: 346px;
	border: 1px solid #cbcccd;
	border-right: 0;
	background: #fff;
	transition: border 0.5s;
}

.i-products li.hover{
	border-color: #0c4da2;
}
.i-products .tip{
	display: inline-block;
	width: 100%;
	height: 120px;
	background: #f8f9fa;
	font-size: 14px;
	color: #444;
}
.i-products li.hover .tip{
	background: #0c4da2;
	color: #fff;
}
.i-products .tip p.blue{
	font-size: 11px;
	color: #0564c6;
	transition: color 0.5s;
	text-indent:0em;
	margin:0;
	padding-top:10px;
	padding-left:10px;
}
.i-products li.hover p.blue{
	color: #fff;
}
.i-products li.hover p{ color:#ffffff;}
.i-products .tip span.por{
	display: inline-block;
	width: 3px;
	height: 17px;
	background:url(../image/bg_sign06.png) no-repeat center -12px;
	margin-left: 20px;
}
.i-products li.hover span.por{
	background-position: 0 -50px
}
.i-products .t1, .i-products .t3, .i-products .t5{
	left: 0;
	top: 0;
}
.i-products .t2, .i-products .t4, .i-products .t6{
	left: 0;
	bottom: 0;
}
.i-products .b1, .i-products .b3, .i-products .b5{
	left: 0;
	bottom: 0;
}
.i-products img.b2, .i-products .b4, .i-products .b6{
	top: 0;
}


.i-products li .bg{
	left: -1px;
	top: -1px;
	width: 246px;
	height: 346px;
	background: #000;
	filter:alpha(opacity=50); 
	opacity:0.5;
}

/*  css animation  */
.trans{

    -webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}

/* page animation  */

.ani-view {
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(20px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInDown {
    0% {
        opacity:0;
        -moz-transform:translateY(20px)
    }
    100% {
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-o-keyframes fadeInDown {
    0% {
        opacity:0;
        -o-transform:translateY(20px)
    }
    100% {
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity:0;
        transform:translateY(20px)
    }
    100% {
        opacity:1;
        transform:translateY(0)
    }
}

.ani-view.fade-in-down{
    opacity:0;
    opacity:1\0/IE9;
    
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    transform:translateY(20px);
    -ms-transform:translateY(0)\0/IE9;
}
.ani-view.fadeInDown {
    -webkit-animation-name:fadeInDown;
    -moz-animation-name:fadeInDown;
    -o-animation-name:fadeInDown;
    animation-name:fadeInDown;

}


@-webkit-keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-100px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity:0;
        -moz-transform:translateX(-100px)
    }
    100% {
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-o-keyframes fadeInLeft {
    0% {
    opacity:0;
    -o-transform:translateX(-100px)
    }
    100% {
    opacity:1;
    -o-transform:translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
    opacity:0;
    transform:translateX(-100px)
    }
    100% {
    opacity:1;
    transform:translateX(0)
    }
}
.ani-view.fade-in-left{

    opacity:0;
    opacity:1\0/IE9;
    

    -webkit-transform:translateX(-100px);
    -moz-transform:translateX(-100px);
    -o-transform:translateX(-100px);
    transform:translateX(-100px);
    -ms-transform:translateX(0)\0/IE9;
}
.ani-view.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    -moz-animation-name:fadeInLeft;
    -o-animation-name:fadeInLeft;
    animation-name:fadeInLeft;
}


@-webkit-keyframes fadeInRight {
    0% {
    opacity:0;
    -webkit-transform:translateX(100px)
    }
    100% {
    opacity:1;
    -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInRight {
    0% {
    opacity:0;
    -moz-transform:translateX(100px)
    }
    100% {
    opacity:1;
    -moz-transform:translateX(0)
    }
}
@-ms-keyframes fadeInRight {
    0% {
    opacity:0;
    -ms-transform:translateX(100px)
    }
    100% {
    opacity:1;
    -ms-transform:translateX(0)
    }
}
@-o-keyframes fadeInRight {
    0% {
    opacity:0;
    -o-transform:translateX(100px)
    }
    100% {
    opacity:1;
    -o-transform:translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
    opacity:0;
    transform:translateX(100px)
    }
    100% {
    opacity:1;
    transform:translateX(0)
    }
}
.ani-view.fade-in-right{
    opacity:0;
    opacity:1\0/IE9;
    
    -webkit-transform:translateX(100px);
    -moz-transform:translateX(100px);
    -o-transform:translateX(100px);
    transform:translateX(100px);
    -ms-transform:translateX(0)\0/IE9;
}
.ani-view.fadeInRight {
    -webkit-animation-name:fadeInRight;
    -moz-animation-name:fadeInRight;
    -o-animation-name:fadeInRight;
    animation-name:fadeInRight;
}
.index-wrap4-con{
	width:100%;
	height: 620px;
    background: url(../image/al_bg.jpg) repeat center center;
}
.index-wrap4-con .cont{
	margin:0 auto;
	padding-top:80px;
	width: 1120px;
}


.index-wrap4-con .cont .slideBox{
	position: relative;
	width: 1120px;
	height: 460px;
	overflow: hidden;
}
.index-wrap4-con .cont .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.index-wrap4-con .cont .slideBox .bd ul li{
	position: relative;
	zoom:1;
	vertical-align:middle;
	width: 1120px;
	height: 460px;
	margin-right: 10px;
	overflow: hidden;
}
.index-wrap4-con .cont .slideBox .bd ul li .news-img{
	padding-left: 139px;
	width: 760px;
	height: 460px;
	background: url("../image/img5.png") no-repeat 0px 155px;
}

.index-wrap4-con .cont .slideBox .bd ul li .news-txt{
	position: absolute;
	right: 0;
	top: 48px;
	padding: 0 25px;
	width: 269px;
	height: 335px;
	background: url("../image/bg4.png") no-repeat center;
}
.index-wrap4-con .cont .slideBox .bd ul li .news-txt h2{
	margin-top: 55px;
	font-size: 17px;
	color: #fff;
	font-weight: normal;
	font-family:"宋体";
}
.index-wrap4-con .cont .slideBox .bd ul li .news-txt .line{
	display: block;
	width: 26px;
	height:1px;
	background:url("../image/bg5.png") no-repeat center;
	/*overflow: hidden;*/
	    margin: 20px 0;
}
.index-wrap4-con .cont .slideBox .bd ul li .news-txt p{
	color: #f4d4d8;
	font-size: 14px;
	font-family:"宋体"; line-height:24px;
}
.index-wrap4-con .cont .slideBox .bd ul li .news-txt .more a{
	color: #f4d4d8;
	text-transform: capitalize;
	font-family:"宋体";
}

.index-wrap4-con .cont .slideBox .prev,.index-wrap4-con .cont .slideBox .next{
	position: absolute;
	top: 189px;
	width: 56px;
	height: 59px;
	background: url("../image/left.png") no-repeat;
	cursor: pointer;
}
.index-wrap4-con .cont .slideBox .prev{
	left: 91px;
	background-position: 0 0;
}
.index-wrap4-con .cont .slideBox .next{
	left: 147px;
	background-position: -56px 0;
}
.index-wrap4-con .cont .slideBox .prev:hover{
	background-position: 0 -60px;
}
.index-wrap4-con .cont .slideBox .next:hover{
	background-position: -56px -60px;
}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}

.yf{ position:relative;}
.yf_hover{position:absolute;background-color:#000000;width:258px;height:258px;left: 50%;margin-left: -129px;border-radius: 258px;opacity: 0;-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
.yf:hover .yf_hover{ opacity:0.5;-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}

/*动态*/
.newslist{}
.newslist li{ padding:1.5rem 0; position:relative; overflow:hidden}
.newslist li:before{content:"";position:absolute;left:0;bottom:0px;height:1px;width:100%;border-bottom:#e2e2e2 1px solid;transition: all 0.6s ease-in-out;}
.newslist li:after{content:"";position:absolute;left:0;bottom:0px;height:1px;width:0;background: #fff;transition: all 0.6s ease-in-out;}
.newslist li a{padding: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;display: block;}
.newslist li a h2{font-size: 1.125rem;height: 1.25rem;line-height: 1.25rem;color: #4f4f4f;position:relative;margin-bottom: 0.75rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.6s;}
.newslist li a p{font-size: 12px;color: #909090;line-height: 1.5rem;margin: 1.55rem 0;position:relative;overflow: hidden;text-indent:0;}
.newslist li a span{font-size: 12px;color: #909090;transition:0.6s;text-decoration: underline;}
.newslist li:hover:after {width: 100%;background: #398149;}