@charset "utf-8";
/* CSS Document */
html {overflow-x:hidden;}
body {margin:0; padding:0; font-family:"微软雅黑";overflow-x:hidden; font-size:14px; text-align:left;background-color:#fff; color:#4a4a4a;}
ul,li { padding:0px; margin:0px; list-style:none;}
* { margin:0; padding:0;}
img { border:0;}
a{ text-decoration:none; color:#595656; }

.img_block {display:block;margin:0 auto;}
.clear{ clear:both}


/*头部*/
.header{ width:1100px; margin:0 auto; height:95px; padding-top:10px;}
.logo{ width:465px; height:92px; float:left;}
.search{width:275px; height:30px; float:right;}
.s_text {height:30px;width:215px;color:#858484 !important;line-height:30px;;float:left; text-indent:25px; border:none;background:url(../images/s_tb.jpg) no-repeat left; background-color:#f2f2f2; }
.input_botton{ width:60px; height:30px; background-color:#247acf;float:left;cursor:pointer;border:solid 1px #247acf; border-left:1px solid #247acf; color:#fff; font-size:14px;}

/*导航*/
.nav{ width:100%; height:49px; line-height:49px; background-color:#247acf;}
.nav_ul{ width:1100px; margin:0 auto;}
.nav_ul li{ float:left;}
.navul_li{ width:134px; text-align:center; font-size:15px;}
.navul_li a{ color:#fff; display:block;}
.navul_li a:hover{ background-color:#013686;}
.navul_line{ color:#2fb064;}

/*幻灯*/
.banner {width:1100px;margin:0 auto;position:relative;z-index:2;margin-top:-1px;}
.banner_con {width:1920px;margin-left:-410px;text-align:center;}
.banner_con img {display:block;margin:0 auto;}

/*1f*/
.f_mian{ width:1100px; height:auto; margin:0 auto; margin-top:20px;}

/*简介*/
.about{ width:1100px; height:220px; float:left;}
.abimg{width:314px; height:220px; float:left;}
.abimg img { width:300px; height:200px; float:left; border:1px solid #d2d1d1; padding:3px; margin-top:2px; margin-left:5px;}
.ab_con{ width:750px;height:210px;float:left; margin-left:17px;}
.ab_tit h2{ float:left; line-height:35px; color:#464646;}
.ab_tit span{ float:right; margin-right:5px; margin-top:9px;}
.ab_mian{ width:750px; height:130px; float:left; line-height:22px; margin-top:5px; overflow:hidden;}
.ab_mian p{line-height:24px;}
.more{ width:62px; height:30px; line-height:30px; float:left; margin-top:8px; background:url(../images/mo_r.jpg) no-repeat right center;}
.more a{ color:#247acf;font-size:12px;}

/*图片链接*/

.fr{float:right;}
.relative{position:relative;}  .absolute{position:absolute;}
/*图标开始*/
.ccon_ry{
	width:64px;
}
.ccon_ry ul li{
	width:50%;
	float:left;
	height:110px;
}
.ccon_ry ul li a{
	display:block;
	width:96%;
	margin:2% auto;
	height:96%;
	position:relative;
}
.ccon_ry ul li .ccon_ry_zm{
	height:100%;
	width:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	-webkit-transform:rotateY(0deg);
	transition:all .8s ease-in-out;

}
.ccon_ry ul li.li01 .ccon_ry_zm{
	background-image:url(../images/ho01_hover.jpg);
}
.ccon_ry ul li.li02 .ccon_ry_zm{
	background-image:url(../images/ho02_hover.jpg);
}
.ccon_ry ul li.li03 .ccon_ry_zm{
	background-image:url(../images/ho03_hover.jpg);
}
.ccon_ry ul li.li04 .ccon_ry_zm{
	background-image:url(../images/ho04_hover.jpg);
}
.ccon_ry ul li .ccon_ry_zm{
	height:100%;
	width:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	-webkit-transform:rotateY(-180deg);
	transition:all .8s ease-in-out;

}
.ccon_ry ul li.li01 .ccon_ry_fm{
	background-image: url(../images/ho01.jpg)
}
.ccon_ry ul li.li02 .ccon_ry_fm{
	background-image: url(../images/cu02.jpg)
}
.ccon_ry ul li.li03 .ccon_ry_fm{
	background-image: url(../images/rc03.jpg)
}
.ccon_ry ul li.li04 .ccon_ry_fm{
	background-image: url(../images/co04.jpg)
}
.ccon_ry ul li .ccon_ry_fm{
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	color:#fff;
	text-align: center;
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:rotateY(0deg);
	transition:all .8s ease-in-out;

}

.ccon_ry ul li .ccon_ry_fm h6{
	font-size:20px;
	padding-top:25px;
	font-weight: bolder;
}
.ccon_ry ul li .ccon_ry_fm h6 span{
	display:block;
	font-size:12px;
	line-height:16px;
	color:#fff;
	opacity:0.6;
	filter:alpha(opacity=60);
	margin-top:5px;
}
.ccon_ry ul li a:hover .ccon_ry_zm{
	opacity: 1;
	filter:alpha(opacity=100);
	-webkit-transform:rotateY(-0deg);

}
.ccon_ry ul li a:hover .ccon_ry_fm{
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transform:rotateY(-180deg);

}
/*图标结束*/

.proClass{width:190px; float:left;margin-top:20px;border:1px solid #ccc;}
.proClass ul li{width:180px;padding-left:10px; line-height:40px; border-bottom:1px dotted #ccc;}
.proClass ul li a{font-size:15px;}
.proClass ul li:hover{background:#247acf}
.proClass ul li:hover a{color:#fff;}
/*案例展示*/
.case_bg{ width:100%; height:auto; padding:25px 0; margin-top:20px;}
.case_con{ width:1100px; height: auto; margin:0 auto;}
.casetit{ width:1100px; height:32px; margin:0 auto; line-height:32px; text-align:center; background:url(../images/castit_bg.png) no-repeat top center;}
.case_ul{ width:908px;float:left; height:auto;}
.case_ul li{ width:287px; height:230px; background-color:#fff; float:left; margin-left:15px; margin-top:20px;}

.case_img{ width:271px; height:195px; margin:0 auto; overflow:hidden;}
.case_img img{ width:271px; height:195px;transition:all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;}
.case_tit{ width:271px; line-height:35px; background:url(../images/case_line.jpg) no-repeat bottom center; margin:0 auto; text-align:center; overflow:hidden; margin-top:5px; font-size:14px;}
.case_ul li a:hover{ color:#247acf;}
.case_ul li a: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);}

.ckgd{ font-size:14px; text-align:center; margin-top:20px;}
.ckgd a{width:130px; height:30px; line-height:30px; margin:0 auto; border:1px solid #c4c4c4; display:block;}
.ckgd a:hover{ color:#247acf; border:1px solid #247acf;}

/*新闻动态*/
.news{ width:1100px; height:auto; margin:0 auto;}
.newstit{ width:1100px; height:34px; background:url(../images/newstitbg.jpg) no-repeat; line-height:34px; text-align:center; margin:25px 0;}

.nleft_roll{ width:325px; height:297px; float:left; overflow:hidden}

.channel-slide {width:325px;height:297px;position:relative;}
.thumb {right:5px;}
.index_news_top_l {width:325px;height:297px;float:left;}

.channel-slide .thumb{ height:25px; z-index:10000;text-align:center; position:absolute; bottom:0px;right:8px;}
.channel-slide .thumb li{float:left; margin-left:2px;font-family:"arial";}
.channel-slide .thumb li a{ display:block;height:18px;line-height:18px; width:18px; color:#FFF;font-size:12px;margin:0 2px;background-color:#8a847d;}
.channel-slide .thumb li.on a{ background:#247acf;color:#fff;}
.channel-slide .photo{ overflow:hidden;_float:left;_zoom:1; position:relative; width:325px;height:297px;}
.channel-slide .photo li{ display:none; position:absolute; top:0; left:0}
.channel-slide .title{ text-align:center;width:325px;height:30px;position:absolute;bottom:0px;background: #000;opacity: 0.6;}
.channel-slide .title a{ color:#fff;font-family:"微软雅黑";font-size:14px;}
.channel-slide .title a:hover{ color:#444444;text-decoration:underline;}
.channel-slide .photo li img {width:325px;height:297px;}
.channel-slide .title p{position:relative;z-index:10; padding-left:13px;z-index:2;font-size:13px;font-family:"arial";line-height:30px;color:#fff; display:none;text-align: left;width: 240px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.channel-slide .title .title_bg {position:absolute;left:0px;width:253px;height:30px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;background-color:#000;z-index:1;}


.nrig_con{ width:774px; height:297px; float:left; border:1px solid #e4e3e3; border-left:0; border-bottom:0}
.nr_ul li{ border-bottom:1px solid #e4e3e3; height:98px; position:relative;}

.ncon_left{ width:625px; padding:10px 20px;}
.ncon_left h3{line-height:30px; font-size:15px;}
.ncon_left p{ line-height:22px;}
.nr_ul li a:hover h3{ color:#247acf;}

.nr_time{ width:98px; height:98px;background-color:#949494; position:absolute; top:0px; right:0; color:#fff; text-align:center;}
.nr_time font{ font-size:30px; display:block; padding-top:15px;}
.nr_time span{ line-height:25px; font-size:14px;}

.nr_ul li a:hover .nr_time {background-color:#247acf;} 

/*友情链接*/
.link{ width:100%; height:47px; background-color:#f6f6f6; border-top:1px solid #e5e5e5; margin-top:60px;}
.link_con{ width:1100px; padding:10px 0; margin:0 auto;}
.link_tit{ width:100px; line-height:30px; float:left; font-size:15px; color:#247acf; font-weight:bold; background:url(../images/link_img.jpg) no-repeat left 8px; text-indent:27px;}
.link_rig{ width:980px; float:left; margin-left:5px; line-height:28px;}
.link_rig a{padding:0 10px;}

/*版权*/
.footer{ width:100%; padding:20px 0;background-color:#247acf; overflow:hidden;}
.footer_con{ width:1100px;margin:0 auto;}
.foot01{width:1100px; color:#fff;text-align:center;}
.foot01 p{line-height:24px;}
.foot01 a{ color:#fff;}


/*about*/
.list_main{ width:1100px; margin:20px auto;min-height:600px; }
/*left*/
.list_left{ width:245px; height:auto; float:left;}

.list_left_t{ width:245px; float:left; height:auto;}
.list_ltit{ width:175px; height:70px; float:left; background:#247acf;font-size:24px; font-weight:bold; color:#fff; padding-top:15px; padding-left:70px;}
.list_ltit span{ font-size:10px; display:block; color:#dff5fd; font-weight:normal;}

.list_left_ul{ width:243px; height:auto; float:left; border:1px solid #dddfe0; border-bottom:0px;}
.list_left_ul li{ width:243px; height:50px; line-height:50px; font-size:14px; text-indent:90px;border-bottom:1px solid #dddfe0;}
.list_left_ul li a{ width:243px; height:50px; display:block; background:url(../images/lefta.jpg)  no-repeat;}
.list_left_ul li a:hover{background:url(../images/leftahover.jpg)  no-repeat; color:#247acf;}
.left_link img{ width:245px; height:78px; float:left; margin-top:15px;}

/*right*/
.list_right{ width:830px; height:auto;float:right; padding-bottom:10px;}
.list_rigtit{ width:830px; height:58px; padding-top:10px;float:left; border-bottom:2px solid #eaeaea;}
.list_rig_left{height:56px; line-height:56px; color:#247acf;float:left; font-size:20px; font-weight:bold; text-align:center; border-bottom:4px solid #247acf;}
.list_postion{ float:right; margin-right:10px; line-height:56px; color:#7e7f7f;}
.list_postion a{color:#7e7f7f;}

.list_rigcon{ width:830px; height:auto;float:left;}
.list_rigcon p{line-height:25px; margin-top:10px; text-indent:24px;}

.list_product{width:830px; height:auto;float:left;min-height:600px; overflow:hidden;}
.product_ul{ width:830px; height:auto; margin-top:5px; padding-bottom:20px;overflow:hidden;}
.product_ul li{ width:260px; height:206px; background-color:#f0f1f0; padding:7px 0; float:left; margin-left:12px; margin-top:15px;}

.product_img{width:244px; height:159px; margin:0 auto; overflow:hidden;}
.product_img img{ width:244px; height:159px;transition:all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;}
.product_tit{ width:245px; height:25px; line-height:25px;  text-align: center; font-size:13px; margin-top:2px;}
.product_ul li a:hover{ color:#247acf;}
.product_ul li a: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);}

/*honner*/
.list_honor{width:830px; height:auto;float:left;min-height:600px; overflow:hidden;}
.honor_ul{ width:830px; margin-top:10px;}
.honor_ul li{ width:247px; height:300px; float:left;margin-top:16px; margin-left:22px;}
.hon_img img{ width:240px; height:280px; padding:2px; border:1px solid #e2e1e1;}
.hon_tit{ width:245px; height:25px; line-height:25px;  text-align: center; font-size:13px; margin-top:2px;}

/*newslist*/
.list_news{ width:830px; margin-top:10px;}
.list_news li{ width:815px; height:40px; line-height:40px; border-bottom:1px dotted #CCC; }
.list_newbbs{ display:block; float:left; width:680px; overflow:hidden; background:url(../images/dot.jpg) no-repeat 10px 11px; text-indent:25px;}
.list_time{ width:95px; float:right; margin-right:5px; text-align:center; color:#666;}

/*arcitle*/
.art_con{ margin-top:20px; margin-left:10px;}
.art_con h1{ width:815px; line-height:35px; font-size:20px; text-align:center;}
.info{ width:815px; line-height:25px; text-align:center; margin-top:10px; background-color:#eee;}
.art_con p{line-height:25px; margin-top:10px;padding:0 10px; text-indent:24px;}


/*栏目案例展示*/
.lmcase_ul{ width:830px; height:auto; margin-top:5px; padding-bottom:20px;overflow:hidden;}
.lmcase_ul li{ width:260px; height:340px; background-color:#f0f1f0; padding:7px 0; float:left; margin-left:12px; margin-top:15px;}

.case_img{ width:244px; height:280px; margin:0 auto; overflow:hidden;}
.case_img img{ width:244px; height:280px;transition:all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;}
.case_img2{ width:287px; height:195px; margin:0 auto; overflow:hidden;}
.case_img2 img{ width:287px; height:195px;transition:all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;}
.case_tit2{width:244px; line-height:40px; background:url(../images/case_line.jpg) no-repeat bottom center; margin:0 auto; text-align:center; overflow:hidden; font-size:14px;}
.case_tit{ width:244px; line-height:35px; background:url(../images/case_line.jpg) no-repeat bottom center; margin:0 auto; text-align:center; overflow:hidden; margin-top:5px; font-size:14px;}
.lmcase_ul li a:hover{ color:#247acf;}
.lmcase_ul li a: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);}



/*message*/
.form_table {width:540px;height:auto;margin:0 auto; margin-top:50px;}
.form_table td {padding:5px;}
.form_table_td_text {width:300px;padding:3px;border-top:solid 1px #5c5c5c;border-left:solid 1px #5c5c5c;border-bottom:solid 1px #c7c7c5;border-right:solid 1px #c7c7c5;}
.form_table td textarea {width:420px;height:130px;}
.form_table_submit {width:105px;height:35px;background:url(../images/form_submit.jpg) no-repeat left center;border:0px;cursor:pointer;}
.form_table_reset {width:105px;height:35px;background:url(../images/form_reset.jpg) no-repeat left center;border:0px;cursor:pointer;}

div.digg {padding: 3px;  margin: 15px 3px; text-align: center; font-family:Verdana; font-size:12px;}
div.digg a {border: #ddd 1px solid; padding:3px 8px; margin: 3px;  color: #333; text-decoration: none}
div.digg a:hover {border: #247acf 1px solid; color: #fff;background-color:#247acf }
div.digg a:active {border: #247acf 1px solid; color: #000; }
div.digg span.current {border: #247acf 1px solid; padding:3px 8px; font-weight: bold;  margin: 3px; color: #fff;background-color:#247acf}
div.digg span.disabled {border: #eee 1px solid; padding:3px 8px; margin: 3px; color: #ddd; padding-top: 2px;}

/*feedback*/
.base_tit{border-bottom:1px solid #DADADA;color:#444;font-size:14px;margin:20px auto 2px 0;padding-bottom:5px;}
.form_box dl{clear:both;padding:8px 0;font-size:12px;line-height:28px;}
	.form_box dl dt{display:block;float:left;width:150px;text-align:right;}
	.form_box dl dt em{padding-right:5px;color:#FF0000;font-style:normal;}
	.form_box dl dd{margin-left:150px; padding-left:10px;}
	.form_box dl dd i{display:block;line-height:28px;color:#999;font-size:12px;font-style:normal;}
	.form_box dl dd em{line-height:28px;color:#999;font-size:12px;font-style:normal;}
	.form_box dl dd .btn_submit{padding:10px 30px;border:1px solid #247acf;background:#247acf;color:#fff;font-size:14px;line-height:1em;cursor:pointer;font-family:'Microsoft YaHei';}
input.txt {
    width: 200px;
}
input.small {
    width: 50px;
}
.input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    display: inline;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    padding: 7px;
    vertical-align: middle;
}
.line20{height:20px;}
img,input{ vertical-align:middle;}

/*20160506*/
.h-contactIntrobox {
    color: #545454;
    line-height: 22px;
}
.img-link {
    width: 264px;
}
.img-link a {
    border-left: 1px dashed #fff;
    border-top: 1px dashed #fff;
    display: block;
    float: left;
    height: 104px;
    margin-left: -1px;
    margin-top: -1px;
    overflow: hidden;
    width: 127px;
}
.tel{font-size:20px;line-height:45px;}
.tel span{line-height:24px; font-size:24px;color:#247acf;font-family:georgia;margin-bottom:10px;}

