@charset "utf-8";
* {padding:0; margin:0;}
html{}
body{font:14px/1.8 "微软雅黑", "Microsoft Yahei","宋体" ,arial, helvetica, clean, sans-serif; color:#666; background-color:#fff;}
h1, h2, h3, h4, h5, h6 {font:14px/1.8 "微软雅黑", "Microsoft Yahei","宋体" ,arial, helvetica, clean, sans-serif; color:#666;}
a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover {color:#1f489a; text-decoration:none;}
a:active {color:#1f489a;text-decoration:none;}
ul,li {list-style:none;}
.overflow {-o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clear {clear:both;}
table {border-spacing: 0;}
img {border:0; padding:0; margin:0; }
.wow{/*页面刷新时，元素进入浏览器显示范围后执行CSS3动作*/
-webkit-animation: b_to_t 800ms ease;
-moz-animation: b_to_t 800ms ease;
-ms-animation: b_to_t 800ms ease;
animation: b_to_t 800ms ease;
}
.nav_open{ overflow:hidden;}/*浏览器尺寸较小时，点击按钮弹出主导航菜单，html和body增加class，隐藏超出一屏的内容*/
.hide{ display:none;}
#nav, #bd1, #bd2, #bd3, #bd4, #bd5, #bd6, #ft, #con{width:90%; max-width:1728px; margin:0 auto; overflow:hidden;}
.con1{width:80%; max-width:1536px; margin:0 auto; overflow:hidden; }


/*-------头部初始样式开始------*/
.head { position:absolute; left:0; top:0; z-index:100; width:100%; height:auto; background-color:#1f489a;}

#nav0 {width:100%; height:70px;  }
#nav { position:relative;  height:70px; overflow:visible; }
#nav .logo{ float:left; width:auto; margin-top:15px;}

#nav .tubiao{ position:relative; z-index:10; float:right; width:auto; height:34px; margin-top:18px;}
#nav .tubiao ul{ font-size:0;}
#nav .tubiao ul li{ position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:14px; width:34px; height:34px;}
#nav .tubiao ul li a{ display:block; width:34px; height:34px;}
#nav .tubiao ul .li1{ cursor:pointer; background:url(../images/weixin.png) no-repeat center center;}
#nav .tubiao ul .li2{ margin:0 15px; background:url(../images/weibo.png) no-repeat center center;}
#nav .tubiao ul .li3{ background:url(../images/weibo2.png) no-repeat center center;}
#nav .tubiao ul .li1:hover{ background:url(../images/weixin.png) no-repeat center center;}
#nav .tubiao ul .li2:hover{ background:url(../images/weibo-h.png) no-repeat center center;}
#nav .tubiao ul .li3:hover{ background:url(../images/weibo2-h.png) no-repeat center center;}

#nav .tubiao ul li dl{ display:none; position:absolute; left:-38px; top:34px; width:110px; height:129px; padding-top:8px; background:url(../images/icon-b2.gif) no-repeat center 4px; overflow:hidden; cursor:default;}
#nav .tubiao ul li dl dd{ float:left; width:100px; padding:5px; padding-top:0; background-color:#CCDEEC;}
#nav .tubiao ul li dl .dd1{}
#nav .tubiao ul li dl .dd2{ padding-left:0;}
#nav .tubiao ul li dl dd p{ font-size:14px; height:24px; line-height:24px; text-align:center; color:#1f489a;}
#nav .tubiao ul li dl dd .pic{ width:100px; height:100px; overflow:hidden;}

#nav .menu { position:relative; font-size:0; text-align:center; overflow:hidden; padding-top:5px;}
#nav .menu .selectedBg { position:absolute; left:0px; bottom:1px; height:3px; background:#eee;}
#nav .menu ul { display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden;}
#nav .menu ul li { position:relative; z-index:2; float:left; height:65px; line-height:65px;}
#nav .menu ul li a { display:block; font-size:16px; color:#eee; padding:0 28px; }
#nav .menu ul li a:hover{ color:#fff;}
#nav .menu ul .selected a{ }

#nav .menu .box { position:fixed; left:0; top:70px; z-index:9; width:100%; height:0; background:#fff; overflow:hidden;}
#nav .menu .box .cont{ position:relative;}

/*-------主导航下拉第二种样式（一级二级分类全显示）------*/
.demo2 { position:relative; width:90%; max-width:1728px; margin:0 auto;}
.cyclic2 { position:relative; font-size:14px; text-align:left; width:100%; margin:0 auto; padding:3% 0;}
.cyclic2 dl { font-size:0; text-align:left; overflow:hidden;}
.cyclic2 dl dd { display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:14px; width:17%; margin:0 1.5%; overflow:hidden; }
.cyclic2 dl dd a{ display:block; margin-right:15px;}
.cyclic2 dl dd .dd_a{ margin-bottom:5px;}
.cyclic2 dl dd a span{ display:block; font-size:18px; color:#333; height:40px; line-height:40px; padding-bottom:15px; margin-bottom:10px;  border-bottom:1px #ddd solid; overflow:hidden;}
.cyclic2 dl dd p{line-height:40px;}
.cyclic2 dl dd p a{ font-size:15px; height:40px; line-height:40px; overflow:hidden;}
.cyclic2 dl dd p a:hover{}



/*-------主导航下拉第三种样式（一级分类+图片+简述）------*/
.demo3 { position:relative; width:90%; max-width:1728px; margin:0 auto;}
.cyclic3 { position:relative; font-size:14px; text-align:left; width:100%; margin:0 auto; padding:2% 0;}
.cyclic3 dl { float:left; width:25%; overflow:hidden;}
.cyclic3 dl dd { border:none;  float:none; height:35px; line-height:35px; margin:2px; text-align:left;}
.cyclic3 dl dd a{ 
font-size:15px; color:#eee; display:block; width:85%; background:url(../images/icon-dh1.gif) no-repeat 92% 12px; 
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-o-transition: all 400ms linear;
-ms-transition: all 400ms linear;
transition: all 400ms linear;
}
.cyclic3 dl dd a:hover{
background:url(../images/icon-dh.gif) no-repeat 95% 12px; 
-moz-box-shadow:0px 0px 5px #999;
-webkit-box-shadow:0px 0px 5px #999; 
box-shadow:0px 0px 5px #999;
}
.cyclic3 dl dd a span{ margin-left:5%;}

.cyclic3 .zsimg { float:left; width:40%; overflow:hidden;}
.cyclic3 .zsimg .img1{ width:100%; display:block;
-webkit-border-radius:20px;/*圆角，数值可以是像素或百分比*/
-moz-border-radius:20px;
border-radius:20px;
}
.cyclic3 .zsimg form{ background-color:#f5f5f5; padding:20px 5px;}
.cyclic3 .zsimg form input[type="text"], select, textarea{border:1px solid #ccc; font-family:"微软雅黑", "Microsoft Yahei", "宋体",arial, helvetica, clean, sans-serif; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.cyclic3 .zsimg form input[type="text"]:hover, select:hover, textarea:hover{border:1px solid #1f489a;}
.cyclic3 .zsimg form input[type="text"]:focus, select:focus, textarea:focus{border:1px solid #1f489a;}
.cyclic3 .zsimg form .xh{ float:right; color:#1f489a; width:12px; margin-left:5px; line-height:30px;}
.cyclic3 .zsimg form span{ color:#1f489a;}

.cyclic3 .zsimg form .biao{ float:left; font-size:14px; width:50%; padding-bottom:10px;}
.cyclic3 .zsimg form .biao .left{ float:left; width:50px; }
.cyclic3 .zsimg form .biao .left p{ text-align:right; height:30px; line-height:30px;}
.cyclic3 .zsimg form .biao .right{ overflow:hidden; }
.cyclic3 .zsimg form .biao .box2{ width:100%; height:30px; line-height:30px; color:#666; padding:5px;}
.cyclic3 .zsimg form .biao2{ float:none; clear:both; width:100%;}
.cyclic3 .zsimg form .biao2 textarea{width:100%; color:#666; font-size:14px; line-height:20px; padding:5px;}

.cyclic3 .zsimg form .next { height:30px; margin-top:10px; text-align:center; }
.cyclic3 .zsimg form .next .submit{ line-height:30px; font-size:14px; background-color:#1f489a; border:none; color:#fff; padding:0 20px; margin:0 10px; display:inline-block; cursor:pointer; font-family:"微软雅黑", "Microsoft Yahei", "宋体",arial, helvetica, clean, sans-serif;}
.cyclic3 .zsimg form .next .submit2{ line-height:30px; font-size:14px; background-color:#828282; border:none; color:#fff; padding:0 20px; margin:0 10px; display:inline-block; cursor:pointer; font-family:"微软雅黑", "Microsoft Yahei", "宋体",arial, helvetica, clean, sans-serif;}
.cyclic3 .zsimg form .next .submit:hover{ background-color:#1f489a;}
.cyclic3 .zsimg form .next .submit2:hover{ background-color:#1f489a;}

.cyclic3 .zstxt { float:left; width:30%; padding-left:5%; overflow:hidden; color:#eee;}



/*-------主导航下拉方案部分）------*/
.cyclic3 p { width:100%;}
.cyclic3 p a{ display:block; width:25%; float:left;}



/*-------浏览器宽度小于等于1024时主导航变成按钮，下拉内容样式------*/
#nav .nav2{ display:none; float:right; margin-top:18px; margin-left:20px;}
#nav .nav2 .hide{ display:none;}
#nav .nav2 .close img, #nav .nav2 .open img{ position:relative; z-index:9; width:34px; height:34px;}
.menu2{ position:fixed; top:70px; right:-100%; z-index:999; width:100%; height:100%; padding-bottom:100px; background-color:#f5f5f5; overflow-y:auto; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 350ms linear;
-moz-transition: all 350ms linear;
-o-transition: all 350ms linear;
-ms-transition: all 350ms linear;
transition: all 350ms linear;
}
.menu2 .mainmenu{ padding-bottom:50px;}
.menu2 .mainmenu a { display:block;}
.menu2 .mainmenu .li1 { position:relative; height:40px; line-height:40px; color:#fff; border-top:1px solid #fff; background-color:#1f489a;}
.menu2 .mainmenu .li1 img{ position:absolute; right:30px; top:15px; height:11px;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-o-transition: all 400ms linear;
-ms-transition: all 400ms linear;
transition: all 400ms linear;
}
.menu2 .mainmenu .ig img{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.menu2 .mainmenu .li1 span{ padding-left:30px; display:block;}
.menu2 .mainmenu .submenu { padding:0; margin:0; border-bottom:1px solid #fff;}
.menu2 .mainmenu .li2 { background-color:#858585; height:36px; line-height:36px;}
.menu2 .mainmenu .li2 a { color:#fff; padding-left:30px; padding-right:30px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.menu2 .mainmenu .li2:hover{ background-color:#1f489a;}
.menu2 .mainmenu .li3 { background-color:#a5a5a5; height:36px; line-height:36px;}
.menu2 .mainmenu .li3 a { color:#fff; padding-left:30px; padding-right:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.menu2 .mainmenu .li3:hover{ background-color:#1f489a;}
/*-------头部初始样式结束------*/

/*----------页面下拉后触发头部伸缩效果开始----------*/
.headFixed { position:fixed;}
*html, *html body{background-image:url(about:blank);background-attachment:fixed;}
*html .headFixed{ position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop));}
/*----------页面下拉后触发头部伸缩效果结束----------*/

#fl-t{ width:100%; margin:0 auto; height:70px;}


/*----------首页动画----------*/
#fl{ width:100%; overflow:hidden;}
.banner .txt{ position:relative; width:100%; height:100%;}
.banner .txt a{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banner .txt .syslidefr_an{ position:absolute; overflow:hidden; opacity:0;}
.banner .txt .syslidefr_an h3{ font-size:42px; line-height:50px; color:#fff;}
.banner .txt .syslidefr_an p{ font-size:16px; line-height:26px; color:#fff;}

.banner .txt .syslidefr_an h3,
.banner .txt .syslidefr_an p{ padding:10px 15px; background:rgba(107, 120, 126, 0.5)!important; background:#6b787e; filter:Alpha(opacity=50);}
.banner .txt .syslidefr_an h3 span,
.banner .txt .syslidefr_an p span{ position:relative;}

.banner .KMSPrefix_banner_frbtn{position:absolute;z-index:99;bottom:20px; left:0; width:100%; height:13px; margin:0 auto; padding:0px; text-align:center;}
.banner .KMSPrefix_banner_frbtn ul{}
.banner .KMSPrefix_banner_frbtn ul li{ width:13px; height:13px; line-height:13px; font-size:10px; background: url(../images/btn_off.png) no-repeat;
 border:0; color:#666666; text-align:center; margin:0 4px; font-family:Verdana; display:inline-block; *display:inline; zoom:1; cursor:pointer; -webkit-text-size-adjust: none;}
.banner .KMSPrefix_banner_frbtn ul li.KMSPrefix_banner_focus{ background: url(../images/btn_on.png) no-repeat;}

.banner .prevnext{ position:absolute; left:0; right:0; top:267px; z-index:99; width:1200px; height:56px; margin:0 auto;}
.banner .prevnext .prev{ position:absolute; left:0; top:0; width:56px; height:56px; background: url(../images/prevArrow.png) no-repeat;}
.banner .prevnext .next{ position:absolute; right:0; top:0; width:56px; height:56px; background: url(../images/nextArrow.png) no-repeat;}



.title{ text-align: center; padding:60px 0;
-webkit-animation: fantan 800ms ease;
-moz-animation: fantan 800ms ease;
-ms-animation: fantan 800ms ease;
animation: fantan 800ms ease;}
.title h2{ font-size:24px; font-weight:bold; color:#333;}
.title .xian{ width:80px; height:3px; margin:0 auto; background-color:#1f489a; margin-top:12px;}
.title .p1{ font-size:16px; padding-top:20px;}

#bd01{ width:100%; height:auto; background-color:#eee; padding-bottom:50px;}
#bd1 ul li{ width:25%; float:left; text-align:center;}
#bd1 ul li h1 { font-size:20px; color:#1f489a;}
#bd1 ul li h1 span{ font-size:60px; line-height:80px;}

#bd02{ width:100%; padding-bottom:80px;}
#bd2{ width:90%; max-width:1728px; overflow:visible; margin:0 auto; position: relative;}
#bd2 img{ display:block;}
#bd2 .bd2-l{ position: absolute; top:0; left:0; width:55%; z-index:2;  overflow:hidden;
-webkit-animation: l_to_r 800ms ease-out;
-moz-animation: l_to_r 800ms ease-out;
-ms-animation: l_to_r 800ms ease-out;
animation: l_to_r 800ms ease-out;
-webkit-box-shadow:#000 0 5px 10px; /*元素块阴影，X轴为0表示不偏移，水平平分阴影，Y轴同理*/
-moz-box-shadow:#000 0 5px 10px;
box-shadow:#000 0 5px 10px;
}

#bd2 .bd2-r{ position: absolute; bottom:0; right:0%; z-index:1; width:55%; overflow:hidden; 
-webkit-animation: r_to_l 800ms ease-out;
-moz-animation: r_to_l 800ms ease-out;
-ms-animation: r_to_l 800ms ease-out;
animation: r_to_l 800ms ease-out;
-webkit-box-shadow:#000 0 5px 10px; /*元素块阴影，X轴为0表示不偏移，水平平分阴影，Y轴同理*/
-moz-box-shadow:#000 0 5px 10px;
box-shadow:#000 0 5px 10px;
}
#bd2 .bd2-r:hover{ position: absolute;  z-index:3;   filter:alpha(opacity=100);_filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

#bd2 .text{ width:100%; height:50%; position:absolute; top:25%; left:0; background-color:#000; filter:alpha(opacity=85);_filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; overflow:hidden; }
#bd2 .text:hover{background-color:#1f489a; filter:alpha(opacity=85);_filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;}

#bd2 .text p{ font-size:15px;  color:#fff; text-align:center;  vertical-align:middle; padding-top:30px;}
#bd2 .text p span{ font-size:24px; line-height:60px; }
#bd2 img{ display:block;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}

#bd2 img:hover{
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);    
    -o-transform: scale(1.1);   
    transform: scale(1.1); 	
	}




#bd03{ width:100%; height:auto; background-color:#eee; padding-bottom:80px;}
#bd3 #case_list ul li{ float:left; width:23%; margin:1%;  overflow:hidden; position:relative; padding-bottom:60px;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
	transition: all 1000ms linear;
-moz-box-shadow:0px 0px 5px #000;
-webkit-box-shadow:0px 0px 5px #000; 
box-shadow:0px 0px 5px #000;
-webkit-border-radius:10px;/*圆角，数值可以是像素或百分比*/
-moz-border-radius:10px;
border-radius:10px;
}

#bd3 #case_list ul li:hover{

}

#case_list ul li .ca-main a{ padding:0; margin:0;}
#case_list ul li .ca-main a img{ display:block;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
	transition: all 1000ms linear;
}
#case_list ul li:hover .ca-main a img{
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);    
    -o-transform: scale(1.1);   
    transform: scale(1.1); 
}
#case_list ul li .ca-main{ position:relative; z-index:1;}



#bd3 #case_list ul li .ca-sub { position: absolute; width:100%; height:60px; line-height:60px;  left:0; z-index:1; width:100%;  background:#1f489a; text-align:center;}
#bd3 #case_list ul li .ca-sub p a{ font-size:16px; color:#fff;}

#bd04{ width:100%; height:auto;  padding-bottom:80px;}
#bd4 #case_list ul li{ float:left; width:31.33%; margin:0 1%;  overflow:hidden; position:relative; padding-bottom:92px;}
	

#bd4 #case_list ul li .ca-sub { position: absolute; width:100%; height:100px;  border-bottom:0; left:0; z-index:1; width:100%;  background:#fff; }
#bd4 #case_list ul li .ca-sub h3{ font-size:16px; height:30px; line-height:30px; padding-top:15px; padding-bottom:5px; color:#333; font-weight:bold; overflow:hidden;}
#bd4 #case_list ul li .ca-sub:hover h3{ color:#1f489a;}
#bd4 #case_list ul li .ca-sub p{ height:42px; line-height:22px; overflow:hidden; }
#bd4 #case_list ul li .ca-sub:hover p{ color:#666;}

#bd05{ width:100%; background-color:#eee; padding-bottom:60px; }

#slide_right1 { position:relative; width:100%; }
#slide_right1 img{ display:block;}
#slide_right1 ul{ position:absolute; right:0; top:0; margin:3px 1%; width:52%;  }
#slide_right1 ul li{ margin-bottom:2%; padding:2% 1%; margin-bottom:5%; }

@media screen and (max-width:1600px) {
#slide_right1 ul li{ margin-bottom:3%; }
}

@media screen and (max-width:1480px) {
#slide_right1 ul li{ margin-bottom:2.5%; }
}
@media screen and (max-width:1400px) {
#slide_right1 ul li{ margin-bottom:2%; }
}
@media screen and (max-width:1300px) {
#slide_right1 ul li{ margin-bottom:1%; }
}

#slide_right1 ul .tab{
	-webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
	transition: all 600ms linear;
	-moz-box-shadow:0px 0px 5px #ccc;
-webkit-box-shadow:0px 0px 5px #ccc; 
box-shadow:0px 0px 5px #ccc;
		}
		
#slide_right1 ul .tab:hover{
-moz-box-shadow:0px 0px 5px #ccc;
-webkit-box-shadow:0px 0px 5px #ccc; 
box-shadow:0px 0px 5px #ccc;	
		}		

#slide_right1 ul li .date{  width:80px; height:80px;  float:left; position:relative; z-index:1; margin:0 3%; background-color:#999; border-radius: 100%;}
#slide_right1 ul .tab .date{ background-color:#1f489a;}
#slide_right1 ul li .date span{ position:absolute; width:80px; height:80px; font-size:18px; line-height:25px;  left:0; top:15px; z-index:2; color:#fff; text-align:center; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
-webkit-animation:doudong 0.2s 1s ease-in 2;
-moz-animation:doudong 0.2s 1s ease-in 2;
-o-animation:doudong 0.2s 1s ease-in 2;
-ms-animation:doudong 0.2s 1s ease-in 2;
animation:doudong 0.2s 1s ease-in 2;}

#slide_right1 ul li h3 { font-size:16px; height:20px; line-height:20px; color:#333; margin-bottom:10px;}
#slide_right1 ul .tab h3 {color:#1f489a;}
#slide_right1 ul li:hover h3 { color:#1f489a;}
#slide_right1 ul li p{ height:42px; line-height:22px; overflow:hidden; color:#666; margin-bottom:10px;}
#slide_right1 ul li:hover p{ color:#666;}

#slide_right1 div{ position:absolute; left:0; top:0; width:44%; overflow:hidden;}

#slide_right1 div a img{ display:block;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
	transition: all 1000ms linear;
}
#slide_right1 div a:hover img{
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);    
    -o-transform: scale(1.1);   
    transform: scale(1.1); 
}

#bd05 #slide_right1 .p2 { position:absolute; bottom:0; left:54%; width:46%; height:24px; line-height:24px;}
#bd05 #slide_right1 .p2 .more{ margin-left:6%;

font-size:16px; height:24px; line-height:24px; display:block; width:100px; background:url(../images/icon-more.gif) no-repeat 95% 7px; 
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-o-transition: all 400ms linear;
-ms-transition: all 400ms linear;
transition: all 400ms linear;
}
#bd05 #slide_right1 .p2 .more:hover{
background:url(../images/icon-more-h.gif) no-repeat 100% 7px; 
}



#bd06{ width:100%; height:auto; }
#bd6 .main{ background-color:#fff; margin-bottom:60px;}
/*----------网站底部----------*/
#ft0{ position:relative; width:100%; background-color:#282E2E; color:#aaa;}

#ft .ft1 { padding:40px 0; overflow:hidden;}
#ft .ft1 .clearfix { font-size:0; text-align:center; }
#ft .ft1 .clearfix li{ float:left; padding-left:3%; border-left:solid 1px #444; text-align:left; vertical-align:top;}
#ft .ft1 .clearfix .li1{ width:13.5%;}
#ft .ft1 .clearfix .li2{ width:18%;}
#ft .ft1 .clearfix li h3 { font-size:14px; line-height:40px; padding:0; margin:0; }
#ft .ft1 .clearfix li h3 a { color:#eee; font-weight:bold; }
#ft .ft1 .clearfix li h3 a:hover { color:#fff; }
#ft .ft1 .clearfix li ul { padding:0; margin:0;}
#ft .ft1 .clearfix li ul li{ line-height:25px; padding:0; margin:0;  border:none; float:none;}
#ft .ft1 .clearfix li ul li a{ padding:0; margin:0; font-size:14px; color:#aaa; text-decoration:none;}
#ft .ft1 .clearfix li ul li1 a{ width:200px;}
#ft .ft1 .clearfix li ul li a:hover {color:#ddd;}
#ft .ft1 .clearfix .dbewm{ width:100px; padding:0; padding-left:3%;}
#ft .ft1 .clearfix .dbewm .ewm{ width:100px; overflow:hidden; float:left;}

#ft .ft1 .clearfix .dbewm .ewm p{ font-size:14px; line-height:40px; font-weight:bold; color:#eee; text-align:center;}
#ft .ft1 .clearfix .dbewm .ewm .pic{ width:100px; height:100px; padding-top:10px; overflow:hidden;}
#ft .ft3 {text-align:center; overflow:hidden; font-size:14px; line-height:22px; padding:20px; color:#aaa; margin-bottom:20px;}
#ft .ft3 a{color:#888; text-decoration:underline;}
#ft .ft3 a:hover{color:#ddd;}


/*----------内页banner----------*/
#banner { width: 100%; height:300px; overflow:hidden; }
.rtit{ width:1200px; margin:0 auto; padding-top:110px;  
-webkit-animation: fantan 800ms ease;
-moz-animation: fantan 800ms ease;
-ms-animation: fantan 800ms ease;
animation: fantan 800ms ease;
}
.rtit .p1{ color:#eee; font-size:42px; height:48px; line-height:48px;  text-align:center; }
.rtit .p2 { color:#eee; height:30px; line-height:30px; font-weight:bold;  text-align: center; margin-top:10px;}
.rtit .p2 a { color:#eee;}
.rtit p a:hover{ color:#fff;}
.rtit p .selected{ color:#fff;}

/*----------内页主栏目名称----------*/
#title2 h1{ font-size:32px; line-height:50px; width:80%; margin:50px auto; text-align:center;
-webkit-animation: fantan 800ms ease;
-moz-animation: fantan 800ms ease;
-ms-animation: fantan 800ms ease;
animation: fantan 800ms ease;
}
#title2 h1 span{ padding-left:5px; font-family:arial, helvetica, clean, sans-serif; font-size:16px; color:#333; }

#title2 h2{ font-size:32px; line-height:50px; width:80%; margin:50px auto; text-align:center;
-webkit-animation: fantan 800ms ease;
-moz-animation: fantan 800ms ease;
-ms-animation: fantan 800ms ease;
animation: fantan 800ms ease;
}
#title2 h2 span{ padding-left:5px; font-family:arial, helvetica, clean, sans-serif; font-size:16px; color:#333; }


/*----------分类----------*/
#ltit0{ width:100%; height:150px; background-color:#315aab;}
#ltit{width:100%; max-width:1728px;  margin:0 auto;}
#ltit p{  line-height:32px; text-align:center;}
#ltit a{ font-size:16px; height:150px; color:#fff; padding:0 10px;  display:inline-block; *display:inline; *zoom:1; min-width:15%; 
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}
#ltit a img{ margin-top:35px;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
	transition: all 1000ms linear;
}
#ltit a:hover{color:#fff; background-color:#1f489a; 
-webkit-box-shadow:#000 0 2px 4px; /*元素块阴影，X轴为0表示不偏移，水平平分阴影，Y轴同理*/
-moz-box-shadow:#000 0 2px 4px;
box-shadow:#000 0 2px 4px;
}
#ltit .selected{color:#fff; background-color:#1f489a; 
-webkit-box-shadow:#000 0 2px 4px; /*元素块阴影，X轴为0表示不偏移，水平平分阴影，Y轴同理*/
-moz-box-shadow:#000 0 2px 4px;
box-shadow:#000 0 2px 4px;
}
#ltit a:hover img{
    -webkit-transform: scale(1.2);  
    -moz-transform: scale(1.2);  
    -ms-transform: scale(1.2);    
    -o-transform: scale(1.2);   
    transform: scale(1.2); 
}


#ltit2{ max-width:1440px; padding:0 1%; margin:0 auto; padding-top:50px;}
#ltit2 p{ font-size:0; line-height:20px; text-align:center;}
#ltit2 a{ font-size:16px; height:60px; line-height:60px; color:#666;  margin:0 80px; border-bottom:2px #fff solid;  display:inline-block; *display:inline; *zoom:1; overflow:hidden; 
}
#ltit2 a i{ height:100%; display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
#ltit2 a span{ max-height:60px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; overflow:hidden;}
#ltit2 a:hover{border-bottom:2px #1f489a solid; }
#ltit2 .selected{border-bottom:2px #1f489a solid;}


/*----------内页中间部分----------*/
#con{ width:100%; margin-top:50px; min-height:400px; _height:400px; transition:400ms;}
#con .wow{/*页面刷新时，元素进入浏览器显示范围后执行CSS3动作*/
-webkit-animation: b_to_t 800ms ease;
-moz-animation: b_to_t 800ms ease;
-ms-animation: b_to_t 800ms ease;
animation: b_to_t 800ms ease;
}

#title{ text-align:center; margin-bottom:80px; margin-top:50px;}
#title h1{  background-color:#fff; display:inline-block; font-size:24px; line-height:40px; color:#666; padding:5px 40px;
-webkit-box-shadow:#000 0 5px 10px; /*元素块阴影，X轴为0表示不偏移，水平平分阴影，Y轴同理*/
-moz-box-shadow:#000 0 5px 10px;
box-shadow:#000 0 5px 10px;
}

#con .content{ width:100%; margin:0 auto;  min-height:400px; _height:400px;  margin-bottom:80px; overflow:hidden; transition:400ms; text-align:left;}
#con .content .bg2{ width:80%; max-width:1380px; margin:0 auto;}
#con .content .bg2 h1{ font-size:24px; line-height:34px; padding-top:50px; padding-bottom:8px; color:#666; text-align:center;}
#con .content .bg2 .news-t{ text-align:center; border-bottom:#ddd 1px solid; margin-bottom:30px; padding-bottom:10px;}
#con .content .bg2 .news-t a{ color:#1f489a;}

#con0{ min-height:200px; _height:200px;}

#con0 .con1 .con-l{ width:50%;  float:left;}
#con0 .con1 .con-r{ width:50%;  float:right;}


#con #pg { margin-bottom:80px; text-align:center;}
#con #pg a{ color:#1f489a;}
#con #pg a:hover{ color:#1f489a;}


/*----------新闻列表----------*/
#con .newslist{ width:100%; padding:0 1%; margin:0 auto; }
#con .newslist ul{width:80%; max-width:1440px; padding:0 1%; margin:0 auto; margin-bottom:80px; }
#con .newslist ul li{ overflow:hidden; margin-bottom:50px; background-color:#f5f5f5;}
#con .newslist ul li .left{ float:left; width:48%; overflow:hidden;
-webkit-animation: l_to_r 800ms ease-out;
-moz-animation: l_to_r 800ms ease-out;
-ms-animation: l_to_r 800ms ease-out;
animation: l_to_r 800ms ease-out;
}

#con .newslist ul li img{ display:block;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
	transition: all 1000ms linear;
}
#con .newslist ul li:hover img{
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);    
    -o-transform: scale(1.1);   
    transform: scale(1.1); 
}

#con .newslist ul li .right{ float:right; width:48%; padding:5% 2%;  overflow:hidden;
-webkit-animation: r_to_l 800ms ease-out;
-moz-animation: r_to_l 800ms ease-out;
-ms-animation: r_to_l 800ms ease-out;
animation: r_to_l 800ms ease-out;
}

#con .newslist ul li .date{  width:90px; height:90px;  float:left; position:relative; z-index:1; margin:0 1%; background-color:#1f489a; border-radius: 100%;}
#con .newslist ul li .date span{ position:absolute; width:90px; height:90px; font-size:18px; line-height:25px;  left:0; top:20px; z-index:2; color:#fff; text-align:center; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
-webkit-animation:doudong 0.2s 1s ease-in 2;
-moz-animation:doudong 0.2s 1s ease-in 2;
-o-animation:doudong 0.2s 1s ease-in 2;
-ms-animation:doudong 0.2s 1s ease-in 2;
animation:doudong 0.2s 1s ease-in 2;}



#con .newslist ul li .main{ width:77%; float:right; padding-top:15px;}
#con .newslist ul li .main h3{ font-weight:bold; font-size:16px; line-height:26px; padding-top:12px; padding-bottom:32px; }
#con .newslist ul li:hover .main a h3{ color:#1f489a; }
#con .newslist ul li .main a:hover p{ color:#666; }




/*----------客户留言表单开始----------*/
.msxq{ width:80%; max-width:1080px; margin:0 auto; background-color:#f5f5f5; padding:40px 20px;}
.msxq .zsjm{ width:100%;}
.msxq .zsjm h3{ text-align:center; font-size:16px; color:#666; font-weight:bold; line-height:36px;}
.msxq .zsjm input[type="text"],textarea{border:1px solid #ccc; font-family:"微软雅黑", "Microsoft Yahei", "宋体",arial, helvetica, clean, sans-serif; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.msxq .zsjm input[type="text"]:hover,textarea:hover{border:1px solid #1f489a;}
.msxq .zsjm input[type="text"]:focus,textarea:focus{border:1px solid #1f489a;}
.msxq .zsjm .xh{ float:right; color:#1f489a; width:30px; margin-left:5px; line-height:42px;}
.msxq .zsjm span{ color:#1f489a;}

.msxq .zsjm .biao1{ font-size:16px; clear:both;}
.msxq .zsjm .biao1 dl{ width:100%;}
.msxq .zsjm .biao1 dl dt{ float:left; width:50%; padding-bottom:15px;}
.msxq .zsjm .biao1 dl dt .left1{ float:left; width:80px; }
.msxq .zsjm .biao1 dl dt .left1 p{ text-align:right; height:42px; line-height:42px;}
.msxq .zsjm .biao1 dl dt .right1{ overflow:hidden; }
.msxq .zsjm .biao1 dl dt .right1 .box2{ width:100%; height:42px; line-height:42px; color:#666; padding:5px;}

.msxq .zsjm .biao2{ font-size:16px; clear:both;}
.msxq .zsjm .biao2 .left1{ float:left; width:80px; }
.msxq .zsjm .biao2 .left1 p{ text-align:right; height:42px; line-height:42px;}
.msxq .zsjm .biao2 .right1{ overflow:hidden; line-height:12px; }
.msxq .zsjm .biao2 textarea{width:100%; color:#666; font-size:14px; line-height:20px; padding:5px;}

.msxq .zsjm .biao3{ font-size:16px; clear:both; padding-bottom:15px;}
.msxq .zsjm .biao3 .left1{ float:left; width:80px; }
.msxq .zsjm .biao3 .left1 p{ text-align:right; height:42px; line-height:42px;}
.msxq .zsjm .biao3 .right1{ float:left; line-height:42px; }

/*----------select下拉框美化样式开始----------*/
.select-wrapper{width:292px; height:40px; position:relative; cursor:pointer; display:inline-block; *display:inline; *float:left; background:#fff;
border: 1px solid #ccc;}/*外层*/
.select-wrapper:hover{ border: 1px solid #1f489a;}
.select-wrapper.focus{ border: 1px solid #1f489a;}

/*箭头*/
.select-down{ position:absolute; top:2px; right:2px; z-index:2; width:20px; height:36px; background:url(../images/ico.gif) center center no-repeat #ccc;}
.select-wrapper:hover .select-down{ background:url(../images/ico-h.gif) center center no-repeat #1f489a;}
.select-wrapper.focus .select-down{ background:url(../images/ico-h.gif) center center no-repeat #1f489a;}

/*内外层*/
.select-button{ font-family:"微软雅黑", "Microsoft Yahei", "宋体",arial, helvetica, clean, sans-serif; font-size:14px; width:282px; height:40px; color:#666; border:0; cursor: pointer; padding-left:10px; overflow:hidden; text-align:left; background-color:#fff; outline:none; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis;}

/*下拉部分*/
.select-list{ font-size:14px; width:292px; background:#fff; border: 1px solid #ccc; display:none; z-index:2; position:absolute; left:-1px; top:42px; overflow:hidden;}
.select-list ul{ margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; max-height: 240px;}
.select-list ul li{ width:282px; height:30px; line-height:30px; padding-left:10px; cursor:pointer; overflow:hidden; white-space:nowrap; word-break: keep-all; text-overflow: ellipsis; }
.select-list ul li.selected, .select-list ul li:hover{color: #fff; background: #1f489a;}
/*----------select下拉框美化样式结束----------*/

.msxq .next { height:40px; margin-top:40px; text-align:center; }
.msxq .next .submit{ line-height:40px; font-size:16px; background-color:#1f489a; border:none; color:#fff; padding:0 40px; margin:0 20px; display:inline-block; cursor:pointer; font-family:"微软雅黑", "Microsoft Yahei", "宋体",arial, helvetica, clean, sans-serif;}
.msxq .next .submit2{ line-height:40px; font-size:16px; background-color:#828282; border:none; color:#fff; padding:0 40px; margin:0 20px; display:inline-block; cursor:pointer; font-family:"微软雅黑", "Microsoft Yahei", "宋体",arial, helvetica, clean, sans-serif;}
.msxq .next .submit:hover{ background-color:#1f489a;}
.msxq .next .submit2:hover{ background-color:#1f489a;}
/*----------客户留言表单结束----------*/

/*----------客服----------*/
#kf ul li { position:relative; width:46px; height:46px;  display:block; margin-top:1px; background-color:#3F6BC0;}
#kf ul li img { padding:13px; filter:none; -moz-opacity:none; opacity: none; }

#kf ul li {}
#kf ul li:hover { background:url(../images/icon-b3.gif) 0 19px no-repeat #1f489a;}

#kf ul li .subNav  { position:absolute; z-index:2; width:128px; overflow:visible; left:-148px; top:-51px; display:none; background-color:#fff; border:10px #eee solid; }
#kf ul li .subNav h2 { padding:0; text-align:center; color:#666;}
#kf ul li .subNav li {border:none; white-space:nowrap; font-size:14px; padding-left:60px; line-height:20px; padding-bottom:5px; background-color:#fff; height:auto;}
#kf ul li .subNav .li1 { font-size:16px; width:140px; height:50px; line-height:50px; margin-top:0;  }
#kf ul li .subNav .li2 {  width:140px; height:45px; line-height:45px; background-color:#eee;   margin-top:0; border-bottom:1px #ccc solid;}
#kf ul li .subNav .li3 {  width:140px; height:45px; line-height:45px; background-color:#eee;  margin-top:0; }
#kf ul li .subNav li a:hover { }
#kf ul li .subNav .qrc { padding:0; line-height:normal; overflow:visible; background:none;}
#kf ul li .subNav .qrc img { padding:0;}
#kf ul li .subNav .qrc a{ line-height:20px; padding:10px; display:inline-block; font-family:arial, helvetica, clean, sans-serif;}
#kf ul .returntop:hover { background-image:none;}

/*----------CSS3动作代码----------*/
@-webkit-keyframes fantan {
0% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3)}
50% { opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05)}
70% { opacity:1; -webkit-transform:scale(.9); transform:scale(.9)}
100% { opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}
@-moz-animation fantan {
0% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3)}
50% { opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05)}
70% { opacity:1; -webkit-transform:scale(.9); transform:scale(.9)}
100% { opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}
@-ms-animation fantan {
0% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3)}
50% { opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05)}
70% { opacity:1; -webkit-transform:scale(.9); transform:scale(.9)}
100% { opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}


@-webkit-keyframes l_to_r{
    from { opacity: 0; -webkit-transform: translateX(-200px);}
    to { opacity: 1; -webkit-transform: translateX(0%);}
}
@-moz-keyframes l_to_r{
    from { opacity: 0; -webkit-transform: translateX(-200px);}
    to { opacity: 1; -webkit-transform: translateX(0%);}
}
@-ms-keyframes l_to_r{
    from { opacity: 0; -webkit-transform: translateX(-200px);}
    to { opacity: 1; -webkit-transform: translateX(0%);}
}


@-webkit-keyframes r_to_l{
    from { opacity: 0; -webkit-transform: translateX(200px);}
    to { opacity: 1; -webkit-transform: translateX(0%);}
}
@-moz-keyframes r_to_l{
    from { opacity: 0; -webkit-transform: translateX(200px);}
    to { opacity: 1; -webkit-transform: translateX(0%);}
}
@-ms-keyframes r_to_l{
    from { opacity: 0; -webkit-transform: translateX(200px);}
    to { opacity: 1; -webkit-transform: translateX(0%);}
}


@-webkit-keyframes b_to_t {
0% { opacity: 0; -webkit-transform: translateY(100%);}
100% { opacity: 1; -webkit-transform: translateY(0);}
}
@-moz-keyframes b_to_t {
0% { opacity: 0; -webkit-transform: translateY(100%);}
100% { opacity: 1; -webkit-transform: translateY(0);}
}
@-ms-keyframes b_to_t {
0% { opacity: 0; -webkit-transform: translateY(100%);}
100% { opacity: 1; -webkit-transform: translateY(0);}
}

@-webkit-keyframes b_to_t2 {/*从下到上*/
0% { opacity: 0; -webkit-transform: translateY(50px);}
50% { opacity: 0; -webkit-transform: translateY(50px);}
100% { opacity: 1; -webkit-transform: translateY(0);}
}
@-moz-keyframes b_to_t2 {
0% { opacity: 0; -webkit-transform: translateY(50px);}
50% { opacity: 0; -webkit-transform: translateY(50px);}
100% { opacity: 1; -webkit-transform: translateY(0);}
}
@-ms-keyframes b_to_t2 {
0% { opacity: 0; -webkit-transform: translateY(50px);}
50% { opacity: 0; -webkit-transform: translateY(50px);}
100% { opacity: 1; -webkit-transform: translateY(0);}
}

@-webkit-keyframes doudong{
    0%{ transform:translate(0,0)}
    50%{ transform:translate(0,5px)}
    100%{ transform:translate(0,0)}
}
@-moz-keyframes doudong{
    0%{ transform:translate(0,0)}
    50%{ transform:translate(0,5px)}
    100%{ transform:translate(0,0)}
}
@-ms-keyframes doudong{
    0%{ transform:translate(0,0)}
    50%{ transform:translate(0,5px)}
    100%{ transform:translate(0,0)}
}




@media screen and (max-width:1024px) {
#nav .menu{ display:none;}
#nav .nav2{ display:block;}
}

@media screen and (max-width:1152px) {
#nav .menu ul li a { padding:0 20px; }
.demo { width:980px;}
}




@-webkit-keyframes moveFromBottom {
    from {-webkit-transform: translateY(100%);}
    to {-webkit-transform: translateY(0%);}
}
@-moz-keyframes moveFromBottom {
    from {-moz-transform: translateY(100%);}
    to {-moz-transform: translateY(0%);}
}
@-ms-keyframes moveFromBottom {
    from {-ms-transform: translateY(100%);}
    to {-ms-transform: translateY(0%);}
}