@charset "utf-8";
* {padding:0; margin:0;}
html{}
body{font:14px/1.8 "微软雅黑", "Microsoft Yahei","宋体", arial, helvetica, clean, sans-serif;; color:#666; background-color:#f5f5f5; position: relative; z-index:1;}
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:#2AA7E1; text-decoration:none;}
a:active {color:#2AA7E1;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 1200ms ease;
-moz-animation: b_to_t 1200ms ease;
-ms-animation: b_to_t 1200ms ease;
animation: b_to_t 1200ms ease;
}
.nav_open{ overflow:hidden;}/*浏览器尺寸较小时，点击按钮弹出主导航菜单，html和body增加class，隐藏超出一屏的内容*/
.hide{ display:none;}
#nav, #bd1, #bd2, #bd3, #bd4, #con{width:1200px; margin:0 auto; overflow:hidden;}
.con1{ width:900px; margin:0 auto; overflow:hidden;}
.more1{ height:40px; line-height:40px; padding:0 40px;  border:1px #ccc solid; display:inline-block; *display:inline; zoom:1;
 -webkit-transition: all 400ms linear;
 -moz-transition: all 400ms linear;
 -o-transition: all 400ms linear;
 -ms-transition: all 400ms linear;
 transition: all 400ms linear;
}
.more1:hover{ background-color:#2AA7E1; border:1px #2AA7E1 solid; color:#fff; }

/*-------头部初始样式开始------*/
#bg-bd{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:-1;}
.head { position:absolute; left:0; top:0; z-index:100; width:100%; height:auto; }
.head1 { position:absolute; left:0; top:480px; z-index:100; width:100%; height:auto; }

#headShow2 { display:none;}
.head2 { position:absolute; left:0; top:0; z-index:100; width:100%; height:auto; }


#nav0 { width:100%; height:80px; background-color:#fff; border-bottom: 3px #2AA7E1 solid;}
#nav { position:relative; width:1200px; margin:0 auto;  height:80px; overflow:visible; }
#nav .logo{ float:left; width:auto; margin-top:20px;}

#nav .lang a{display:block; float:right; height:80px; line-height:80px; width:40px; background-color:#666; text-align:center; color:#fff; }
#nav .lang a:hover{background-color:#2AA7E1; color:#fff;}
#nav .lang .en{ font-family: arial, helvetica, clean, sans-serif;;  }

#nav .menu { position:relative; font-size:0; text-align:center; overflow:hidden; padding-top:18px;}
#nav .menu .selectedBg { position:absolute; left:0px; bottom:2px; height:3px; background:#2AA7E1;}
#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:60px; line-height:25px; margin:0 32px; overflow:hidden; }
#nav .menu ul li a { display:block; font-size:16px; height:48px; line-height:25px; color:#333; }
#nav .menu ul li .selected { background-color:#2AA7E1; color:#fff; padding:0 25px; 
-webkit-border-radius:48px;/*圆角，数值可以是像素或百分比*/
-moz-border-radius:48px;
border-radius:48px;
 -webkit-transition: all 400ms linear;
 -moz-transition: all 400ms linear;
 -o-transition: all 400ms linear;
 -ms-transition: all 400ms linear;
 transition: all 400ms linear;
}
#nav .menu ul li .selected:hover{ background-color:#132A87;}
#nav .menu ul li .selected:hover{color:#fff;}
#nav .menu ul li .selected span {color:#eee;}
#nav .menu ul li a span { display:block; font-size:12px; height:20px; line-height:20px; color:#666; }
#nav .menu ul li a:hover{ color:#2AA7E1;}
#nav .menu ul li .xian2{position:absolute; left:50%; bottom:2px; width:0; height:2px; background:#2AA7E1; transition:400ms; text-align:center; margin:0 auto;}
#nav .menu ul .selected .xian2{width:100%; left:0;}
#nav .menu ul li:hover .xian2{width:100%; left:0;}

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


#nav0f {width:1200px; height:80px; margin:0 auto; background-color:#ddd; }
#navf { position:relative;  height:80px; overflow:visible; }
#navf .logo{ position:absolute; left:0; top:0; width:auto; margin-top:20px; margin-left:20px;}

#navf .lang {position:absolute; right:0; top:0; line-height:80px; width:40px; text-align:center;}
#navf .lang a{display:block; background-color:#666; color:#fff; }
#navf .lang a:hover{ background-color:#2AA7E1;}


#navf .menu3 { font-size:0; text-align:center; overflow:visible; padding-top:18px; padding-left:100px;}
#navf .menu3 .selectedBg { position:absolute; left:0px; bottom:1px; height:3px; background:#2AA7E1;}
#navf .menu3 ul { display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden;}
#navf .menu3 ul li { position:relative; z-index:2; float:left; height:60px; line-height:25px; margin:0 32px; overflow:hidden; }
#navf .menu3 ul li a { display:block; font-size:16px; height:48px; line-height:25px; color:#333; }
#navf .menu3 ul li .selected { background-color:#2AA7E1; color:#fff; padding:0 25px; 
-webkit-border-radius:48px;/*圆角，数值可以是像素或百分比*/
-moz-border-radius:48px;
border-radius:48px;
 -webkit-transition: all 400ms linear;
 -moz-transition: all 400ms linear;
 -o-transition: all 400ms linear;
 -ms-transition: all 400ms linear;
 transition: all 400ms linear;
}
#navf .menu3 ul li .selected:hover{ background-color:#132A87;}
#navf .menu3 ul li .selected:hover{color:#fff;}
#navf .menu3 ul li .selected span {color:#eee;}

#navf .menu3 ul li a span { display:block; font-size:12px; height:20px; line-height:20px; color:#666; }
#navf .menu3 ul li a:hover{ color:#2AA7E1;}
#navf .menu3 ul li .xian2{position:absolute; left:50%; bottom:2px; width:0; height:2px; background:#2AA7E1; transition:400ms; text-align:center; margin:0 auto;}
#navf .menu3 ul .selected .xian2{width:100%; left:0;}
#navf .menu3 ul li:hover .xian2{width:100%; left:0;}

#navf .menu3 .box3 { position:absolute; left:0; top:-340px; z-index:9; width:100%; height:0; background:#2AA7E1; overflow:hidden;}
#navf .menu3 .box3 .cont{ position:relative;}




/*----------内页下拉后触发头部伸缩效果开始----------*/
.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));}
.headFixed #nav0{ background:rgba(255, 255, 255, 0.9)!important; background:#fff; filter:Alpha(opacity=90); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.headFixed #nav0 {height:60px;}
.headFixed #nav { height:60px;}
.headFixed #nav .menu {padding-top:8px;}
.headFixed #nav .menu ul li { height:50px; line-height:22px;}
.headFixed #nav .menu ul li a{  line-height:22px;}
.headFixed #nav .menu ul li .selected{ height:46px;
-webkit-border-radius:46px;/*圆角，数值可以是像素或百分比*/
-moz-border-radius:46px;
border-radius:46px;
}
.headFixed #nav .logo{margin-top:10px;}
.headFixed #nav .lang a{ height:60px; line-height:60px;}
.headFixed #nav .menu .box {top:60px;}
.headFixed #nav .nav2{  margin-top:19px; }

/*----------首页下拉后触发头部伸缩效果开始----------*/
.head2Fixed { position: fixed; }
*html, *html body{background-image:url(about:blank);background-attachment:fixed;}
*html .head2Fixed{ position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop));}
.head2Fixed #nav0ff{ background:rgba(255, 255, 255, 0.9)!important; background:#fff; filter:Alpha(opacity=90); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.head2Fixed #nav0ff {height:60px;}
.head2Fixed #navff { height:60px;}
.head2Fixed #navff .logo{margin-top:15px;}
.head2Fixed #navff .lang a{ margin-top:15px;}

.head2Fixed #navff .menu .box { top:60px;}
.head2Fixed #navff .nav2{  margin-top:19px; }




/*-------主导航下拉第三种样式（一级分类+图片+简述）------*/
.demo3 { position:relative; width:1200px; height:340px; overflow:hidden; margin:0 auto; background-color:#fff; overflow:hidden; border: 3px #2AA7E1 solid; border-top:none;}
.demo03 { position:relative; width:1200px; height:340px; overflow:hidden; margin:0 auto; background-color:#fff; overflow:hidden;}
.cyclic3 { position:relative; font-size:14px; text-align:left; width:100%; margin:0 auto; padding:30px 0;}
.cyclic3 dl { float:left; width:200px; margin:0 20px; overflow:hidden;}
.cyclic3 dl dd { border-bottom:1px #ccc dotted; float:none; width:100%; height:35px; line-height:35px; text-align:left; position:relative;}
.cyclic3 dl dd .p1{ position:absolute; left:0; top:0px; display:inline-block;   }
.cyclic3 dl dd .p1 img{ margin-bottom:1px; margin-top:13px;}
.cyclic3 dl dd .p1 .img1{ display:block;}
.cyclic3 dl dd .p1 .img2{ display:none;}
.cyclic3 dl dd:hover .p1 .img2{ display:block;}
.cyclic3 dl dd:hover .p1 .img1{ display:none;}
.cyclic3 dl dd .p2{  display:inline-block; padding-left:20px;}


.cyclic3 .zsimg { float:left; width:400px; overflow:hidden;}
.cyclic3 .zsimg .img3{ width:100%; display:block;}
.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 #2AA7E1;}
.cyclic3 .zsimg form input[type="text"]:focus, select:focus, textarea:focus{border:1px solid #2AA7E1;}
.cyclic3 .zsimg form .xh{ float:right; color:#2AA7E1; width:12px; margin-left:5px; line-height:30px;}
.cyclic3 .zsimg form span{ color:#2AA7E1;}

.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:#2AA7E1; 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:#0A4266;}
.cyclic3 .zsimg form .next .submit2:hover{ background-color:#0A4266;}

.cyclic3 .zstxt { float:left; width:510px; margin-left:30px; height:280px;  overflow:hidden;}





/*-------浏览器宽度小于等于1024时主导航变成按钮，下拉内容样式------*/
#nav .nav2{ display:none; float:right; margin-top:29px; margin-left:20px;}
#nav .nav2 .hide{ display:none;}
#nav .nav2 .close img, #nav .nav2 .open img{ position:relative; z-index:9; width:28px;  height:22px;}

#navf .nav2{ display:none; float:right; margin-top:29px; margin-left:20px;}
#navf .nav2 .hide{ display:none;}
#navf .nav2 .close img, #navf .nav2 .open img{ position:relative; z-index:9; width:28px;  height:22px;}
.menu2{ position:fixed; top:80px; 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;
}
.headFixed .menu2{top:60px;}
.menu2 .mainmenu{ padding-bottom:50px;}
.menu2 .mainmenu a { display:block;}
.menu2 .mainmenu .li1 { position:relative; height:40px; line-height:40px; color:#fff; border-bottom:1px solid #fff; background-color:#2AA7E1;}
.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:#2AA7E1;}
.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:#2AA7E1;}
/*-------头部初始样式结束------*/

#lx{ position:fixed; top:120px; right:-5px; z-index:9999999; width:45px; height:160px; background-color:#2AA7E1; color:#fff;

}
#lx p{writing-mode: vertical-rl; text-orientation: upright; letter-spacing:2px;}
#lx p a{ color:#fff; display:block;padding:8px; padding-top:0;} 
#lx img{ margin-left:14px; margin-top:20px;}


#lx:hover{right:0;}


/*----------页面下拉后触发头部伸缩效果结束----------*/

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


/*----------首页动画----------*/
#fl{ width:100%; overflow:hidden;}
.banner .txt{ position:relative; width:1200px; margin:0 auto; 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; background-color:#eee; border-radius: 100%; border:0;
 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-color:#2AA7E1;}

.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; height:30px; line-height:30px; font-weight:bold; color:#333;}
.title p{ font-size:14px; height:20px; line-height:20px; margin-top:5px;}
.title .xian{ width:30px; height:5px; margin:0 auto; background-color:#2AA7E1; margin-top:9px;}

/*----------首页板块1样式----------*/
#bd01{ width:100%; height:auto; background-color:#fff;}
#bd1 ul{ margin-bottom:50px;}
#bd1 ul li  { float:left; width:284px; height:385px; overflow:hidden; margin:2px; margin-right:14px; margin-bottom:20px; margin-top:10px;  border:1px #c5c5c5 solid; 
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
#bd1 ul li:hover{border:1px #2AA7E1 solid; margin-top:5px;
 -webkit-box-shadow: 0 0 5px 2px rgba(12,94,184,0.2);
 -moz-box-shadow: 0 0 5px 2px rgba(12,94,184,0.2);
 box-shadow: 0 0 5px 2px rgba(12,94,184,0.2);	
	}
#bd1 ul .right{ margin-right:0;}
#bd1 ul li img{ margin:2px;}
#bd1 ul li h3{ margin-left:10px; font-size:16px; height:30px; line-height:30px; font-weight:bold;}
#bd1 ul li .xian{ width:80px; height:3px; background-color:#2AA7E1; margin-left:10px;}
#bd1 ul li p{ font-size:12px; margin:10px; margin-right:0; height:110px;  overflow:hidden;}
#bd1 ul li a{ color:#666;}

/*----------首页板块2标题样式----------*/
#bd2 .title{ float:left; text-align:left; padding-bottom:0px; padding-top:0px;}
#bd2 .title .xian{ margin-left:0; }
#bd2 .title{ float:left; text-align:left; padding-bottom:0px; margin-top:57px;
-webkit-animation: fantan 800ms ease;
-moz-animation: fantan 800ms ease;
-ms-animation: fantan 800ms ease;
animation: fantan 800ms ease;}
#bd2 .title h2{ font-size:24px; height:30px; line-height:30px; font-weight:bold; color:#333;}
#bd2 .title p{ font-size:14px; height:20px; line-height:20px;}
#bd2 .title .xian{ width:30px; height:5px; margin-left:0; background-color:#2AA7E1; margin-top:9px;}

/*----------首页板块2更多样式----------*/
#bd2 .more{ float:right; height:40px; line-height:40px; padding:70px 0; margin-left:80px; margin-right:10px;
-webkit-animation: r_to_l 1200ms ease-out;
-moz-animation: r_to_l 1200ms ease-out;
-ms-animation: r_to_l 1200ms ease-out;
animation: r_to_l 1200ms ease-out;
}

#bd2 .more a{ margin-left:6%; color:#2AA7E1;
font-size:16px; height:40px; line-height:40px; display:block; width:100px; background:url(../images/icon-more-h.gif) no-repeat 95% 15px; 
-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 .more a:hover{
background:url(../images/icon-more-h.gif) no-repeat 100% 15px; 
}


#slide_right2 ul{ float:right; padding:70px 0;
-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;
}
#slide_right2 ul li{ float:left; padding:0 40px; margin-left:10px; background-color:#eee; color:#333; height:40px; line-height:40px; }
#slide_right2 ul .tab{background-color:#2AA7E1; color:#fff;}

.prolist1{ margin-bottom:10px;}
.prolist1 .pic{ float:left; width:23.25%; overflow:hidden; background: #fff; margin:0.5%; margin-right:1.5%; margin-bottom:50px;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
-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-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.prolist1 .right{margin-right:0.5%;}
.prolist1 .pic a{ width: 100%; height: 100%; display: block; cursor:pointer; }

.prolist1 .pic .ca-main{width:100%; text-align: center; overflow:hidden;}
.prolist1 .pic .ca-main img{ display: block;
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    -ms-transition: all 1s linear;
	transition: all 1s linear;
}
.prolist1 .pic:hover .ca-main 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); 
}

.prolist1 .pic .ca-sub{ text-align:center; font-size:16px; color:#333; background-color:#eee; height:40px; line-height:40px; width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}



.prolist1 .pic:hover .ca-sub{ color: #2AA7E1;
    -webkit-animation: b_to_t 500ms ease-out;
    -moz-animation: b_to_t 500ms ease-out;
    -ms-animation: b_to_t 500ms ease-out;
}

/*----------index公司简介2----------*/
#bd03{ width:100%; height:560px; overflow:hidden;}
#bd03 .bd03-1{ position:relative; width:810px; height:310px; margin:0 auto; margin-top:125px; text-align:center;}
#bd03 .bd03-1 .bg{ position:absolute; width:800px; height:300px; background-color:#fff; filter:alpha(opacity=30);_filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;}
#bd03 .bd03-1 .bg1{ position:absolute; width:800px; height:300px; background-color:#fff; filter:alpha(opacity=30);_filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; top:10px; left:0; z-index:2;}
#bd03 .bd03-1 .bg2{position:absolute; width:800px; height:300px;  background:#fff; background:rgba(255, 255, 255, 0.3)!important; filter:Alpha(opacity=30);  top:0; left:10px; z-index:1;}
#bd03 .bd03-1 .ggy{ position:relative; z-index:3; width:700px; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#bd03 .bd03-1 .ggy h3{ color:#333; font-size:20px; height:32px; line-height:32px; margin-bottom:6px; overflow:hidden; padding-top:35px;}
#bd03 .bd03-1 .ggy .main{ font-size:14px; line-height:20px; max-height:140px; _height:140px; color:#333; text-align:left; margin-bottom:24px; overflow:hidden;}
#bd03 .bd03-1 .ggy a{ width:150px; height:40px; line-height:40px; color:#fff; background-color:#2AA7E1; text-align:center; display:block; margin:0 auto;}
#bd03 .bd03-1 .ggy a:hover{ background-color:#132A87;}


#bd04{ width:100%; background-color:#eee; padding-bottom:70px;}

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

@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 #2AA7E1;
-webkit-box-shadow:0px 0px 5px #2AA7E1; 
box-shadow:0px 0px 5px #2AA7E1;
		}
		
#slide_right1 ul .tab:hover{
-moz-box-shadow:0px 0px 5px #2AA7E1;
-webkit-box-shadow:0px 0px 5px #2AA7E1; 
box-shadow:0px 0px 5px #2AA7E1;	
		}		

#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:#2AA7E1;}
#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; overflow:hidden; color:#333; margin-bottom:10px;}
#slide_right1 ul .tab h3 {color:#2AA7E1;}
#slide_right1 ul li:hover h3 { color:#2AA7E1;}
#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 .newlist1{ position:absolute; left:0; top:0; width:44%; 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-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#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); 
}

#bd04 #slide_right1 .more { position:absolute; bottom:0; left:54%; width:46%; height:24px; line-height:24px;
-webkit-animation: r1_to_l 800ms ease-out;
-moz-animation: r1_to_l 800ms ease-out;
-ms-animation: r1_to_l 800ms ease-out;
animation: r1_to_l 800ms ease-out;
}
#bd04 #slide_right1 .more a{ margin-left:6%; color:#2AA7E1;
font-size:16px; height:24px; line-height:24px; display:block; width:100px; background:url(../images/icon-more-h.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;
}
#bd04 #slide_right1 .more a:hover{
background:url(../images/icon-more-h.gif) no-repeat 100% 7px; 
}

#bd05{ widows:100%; height:auto; background-color:#fff;}
#bd05 .p1 { text-align:center; padding-top:30px; padding-bottom:80px;}
#bd05 .prolist2{ margin-bottom:0;}
#bd05 .p1 a{ width:150px; height:40px; line-height:40px; color:#fff; background-color:#2AA7E1; text-align:center; display:block; margin:0 auto;}
#bd05 .p1 a:hover{ background-color:#132A87;}

/*----------网站底部----------*/
#ft{ widows:100%; height:auto; background-color:#fff;}
#ft1{ width:100%; height:40px; padding:80px 0; border-bottom:3px #2AA7E1 solid;}
#ft1 ul{ width:1200px; height:40px; margin:0 auto;}
#ft1 ul li{ float:left;  height:40px; line-height:40px; margin:0 30px;}
#ft1 ul li a{ font-size:16px; height:40px; line-height:40px;}
#ft1 ul .li1{ margin:0; margin-right:60px;}
#ft2{ width:100%; height:50px; line-height:50px; text-align:center;}



/*----------内页banner----------*/
#banner { width: 100%; height:600px; overflow:hidden; background-color:#666; position:relative; z-index:-1;}
#banner .bg10 { width: 100%; height:600px; overflow:hidden; background-color:#2AA7E1;  filter:alpha(opacity=10);_filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1; position:absolute; left:0; top:0; z-index:0;}
.rtit{ width:100%; margin:0 auto; padding-top:160px; position:absolute; left:0; top:0; z-index:1;  
-webkit-animation: fantan 800ms ease;
-moz-animation: fantan 800ms ease;
-ms-animation: fantan 800ms ease;
animation: fantan 800ms ease;
}
.rtit .p1{ color:#fff; font-size:42px; height:48px; line-height:48px;  text-align:center; }
.rtit .p2 { color:#fff; height:30px; line-height:30px; font-weight:bold;  text-align: center;}
.rtit .p2 a { color:#fff;}
.rtit p a:hover{ color:#2AA7E1;}

/*----------内页主栏目名称----------*/
#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:"微软雅黑", "Microsoft Yahei","宋体", 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:"微软雅黑", "Microsoft Yahei","宋体", arial, helvetica, clean, sans-serif;; font-size:16px; color:#333; }



#con {width: 1200px; margin:0 auto; min-height:400px;_height:400px; overflow:visible; padding-top:20px; padding-bottom:60px; margin-bottom:60px; background:rgba(255, 255, 255, 0.9)!important; background:#fff; filter:Alpha(opacity=90); box-shadow: 0 0 5px rgba(0,0,0,0.2); margin-top:-180px;}
#con .con-l { float:right; width: 240px; overflow:hidden;}
#con .con-l .title2{  border-bottom:#2AA7E1 3px solid; width:200px;}
#con .con-l .title2 h2{ font-size:24px; height:35px; line-height: 35px; padding:0; margin-bottom:10px; margin-top:30px; }
#con .con-l ul  {}
#con .con-l ul .list1 {line-height:18px; padding-top:8px; padding-bottom:8px; border-bottom:#999 1px dotted; width:200px; }
#con .con-l ul .list1 a img { margin-right:15px; float:left; margin-top:5px;}
#con .con-l ul .list1 a .img1{ display:block; }
#con .con-l ul .list1 a .img2{ display:none;}
#con .con-l ul .list1 a:hover .img1 { display:none;}
#con .con-l ul .list1 a:hover .img2 { display:block;}
#con .con-l ul .list1 .selected .img1 { display:none;}
#con .con-l ul .list1 .selected .img2 { display:block;}
#con .con-l ul .list1 .selected{ color:#2AA7E1;}

#con .con-l ul .list1 ul .list2 { line-height: 16px; padding-bottom:5px; padding-top:5px; overflow:hidden;}
#con .con-l ul .list1 ul .list2 a {background:none; margin-left: 15px; padding-left:2px; color:#414141; border-top:none; font-weight:normal;}
#con .con-l ul .list1 ul .list2 a:hover {background:none; color:#132A87; text-decoration:underline;}
#con .con-l ul .list1 ul .list2 .selected  {background:none;  color: #132A87; text-decoration:underline;}

#con .con-l  h3 { font-size: 14px; line-height: 18px; font-weight:bold; background-color:#007BF4; color:#fff; width:162px; padding: 5px 15px; margin-top: 10px; }
#con .con-l  h3:hover { background-color:#693325; }
#con .con-l  h3 span{ font-size: 9px; line-height: 11px; }

#con .con-l .neicon { margin-top: 20px; padding-left:15px; padding-right:10px; overflow:hidden; }

#con .con-l p { margin-top: 20px; padding-left:15px; padding-right:10px; overflow:hidden; }

#con .con-r { float:left; width:960px; overflow:hidden; }



#title{ text-align:left; margin-top:30px; margin-bottom:20px; }
#title h1{ display:inline-block; font-size:28px; line-height:40px; font-weight:bold; margin-left:30px; margin-bottom:10px; }
#title .xian{ width:150px; height:5px; background-color:#2AA7E1; margin-left:30px;}

#con .content { width:900px; margin:0 auto;}

#con .content .bg2{ margin:0 auto;}
#con .content .bg2 h1{ font-size:28px; line-height:40px; padding-top:50px; padding-bottom:15px; color:#666; text-align:center; font-weight:bold;}
#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:#2AA7E1;}




#con #pg {  text-align:center; margin-top:30px;}
#con #pg a{ color:#000;}
#con #pg a:hover{ color:#2AA7E1;}


/*----------产品列表----------*/

#pcon{width:860px; margin:0 auto; padding:20px; background:rgba(255, 255, 255, 0.9)!important; background:#fff; filter:Alpha(opacity=90); box-shadow: 0 0 5px rgba(0,0,0,0.2); }

.prolist{ width:900px; margin:0 auto; overflow:hidden; margin-top:40px; }
.prolist .ca-menu{ width:100%; margin:0 auto;}
.prolist .ca-menu li{ float:left; width:31.65%; overflow:hidden; background: #fff; margin:0.5%; margin-right:1.5%; margin-bottom:30px;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);

-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-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.prolist .ca-menu .right{margin-right:0.5%;}
.prolist .ca-menu li a{ width: 100%; height: 100%; display: block; cursor:pointer; }

.prolist .ca-main{width:100%; text-align: center; overflow:hidden; }
.prolist .ca-main img{ display: block;
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    -ms-transition: all 1s linear;
	transition: all 1s linear;
}
.prolist .ca-sub{ text-align:center; font-size:16px; color:#333; height:40px; line-height:40px; width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background-color:#eee;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.prolist .ca-menu li:hover{ background-color: #fff; z-index:999;}
.prolist .ca-menu li:hover .ca-main{ }
.prolist .ca-menu li:hover .ca-main 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); 
}
.prolist .ca-menu li:hover .ca-sub{ color: #2AA7E1;
    -webkit-animation: b_to_t 500ms ease-out;
    -moz-animation: b_to_t 500ms ease-out;
    -ms-animation: b_to_t 500ms ease-out;
}


/*----------proList2----------*/
.prolist2  { width:900px; margin:0 auto;}
.prolist2 ul { }
.prolist2 ul li { float:left; width:450px;  margin-bottom:0px;
-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;
}
.prolist2 ul li p { font-size:16px; height:20px; line-height:20px; font-weight:bold; text-align:center;}
.prolist2 ul li:hover p { color:#c80000;}

.prolist2 ul li img { margin:10px 25px;

-webkit-box-shadow:#000 0 5px 10px; /*元素块阴影，X轴为0表示不偏移，水平平分阴影，Y轴同理*/
-moz-box-shadow:#000 0 5px 10px;
box-shadow:#000 0 5px 10px;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}

.prolist2 ul li:hover img {
-webkit-box-shadow:#000 0 5px 10px; /*元素块阴影，X轴为0表示不偏移，水平平分阴影，Y轴同理*/
-moz-box-shadow:#000 0 5px 10px;
box-shadow:#000 0 5px 10px;
    -webkit-transform: translateY(-5px); 
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);   
    -o-transform: translateY(-5px);  
    transform: translateY(-5px);	
	}
	
/*----------proList2----------*/
.prolist3  { width:1200px; margin:0 auto;}
.prolist3 ul { }
.prolist3 ul li { float:left; width:400px;  margin-bottom:0px;
-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;
}
.prolist3 ul li p { font-size:16px; height:20px; line-height:20px; font-weight:bold; text-align:center;}
.prolist3 ul li:hover p { color:#c80000;}

.prolist3 ul li img { margin:10px 25px;

-webkit-box-shadow:#000 0 5px 10px; /*元素块阴影，X轴为0表示不偏移，水平平分阴影，Y轴同理*/
-moz-box-shadow:#000 0 5px 10px;
box-shadow:#000 0 5px 10px;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}

.prolist3 ul li:hover img {
-webkit-box-shadow:#000 0 5px 10px; /*元素块阴影，X轴为0表示不偏移，水平平分阴影，Y轴同理*/
-moz-box-shadow:#000 0 5px 10px;
box-shadow:#000 0 5px 10px;
    -webkit-transform: translateY(-5px); 
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);   
    -o-transform: translateY(-5px);  
    transform: translateY(-5px);	
	}	




/*----------新闻列表----------*/
#con .newslist{  margin:0 auto; }
#con .newslist ul{width:900px; margin:0 auto; }
#con .newslist ul li{ overflow:hidden; margin-bottom:30px; background-color:#f5f5f5;}
#con .newslist ul li .left{ float:left; width:30%; 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 .left 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;
}
#con .newslist ul li .left 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); 
}


#con .newslist ul li .right{ float:right; width:65%; padding-right: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 .right h3{ font-size:24px; font-weight:bold; height:35px; line-height:35px; padding-top:15px; margin-bottom:10px; overflow:hidden; color:#333;}
#con .newslist ul li .right p{ line-height:25px; overflow:hidden; color:#666; }
#con .newslist ul li .right .p1{ font-size:15px; height:20px; line-height:20px; padding-top:15px;  color:#aaa; overflow:hidden;}
#con .newslist ul li .right .p2 { max-height:100px;  _height:100px; }
/*----------客户留言表单开始----------*/

#khly{ width:90%; max-width:1080px; margin:0 auto; background-color:#f5f5f5; padding:40px 20px; margin-top:50px;}
#khly .biao1 dl{ width:100%;}
#khly .biao1 dl dt{ float:left; width:50%; padding-bottom:25px;}

#khly .xh{ float:right; color:#2AA7E1; width:30px; margin-left:5px; line-height:42px;}

#khly .biao1 dl dt .left1{ float:left; width:100px; }
#khly .biao1 dl dt .left1 p{ text-align:right;   font-size:14px; height:42px; line-height:42px;}
#khly .biao1 dl dt .right1{ overflow:hidden; }
#khly .biao1 dl dt .right2{ overflow:hidden; position:relative; }

#khly input[type="text"], #khly select{ 
  width: 100%;
  font-size:14px;
  height:40px; line-height:40px; padding:0 10px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  -webkit-transition: 1.2s;
  transition: 1.2s;
   background-color: #fff;
}

#khly textarea { 
  width: 100%;
  height:200px;
  font-size:14px;
  line-height:20px;
  padding:10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  -webkit-transition: 1.2s;
  transition: 1.2s;
   background-color: #fff;
}

#khly input[type="text"]:focus, #khly select:focus, #khly textarea:focus  {  border: 1px solid #2AA7E1;}

#khly select option{ font-size:14px; padding:8px 10px;}

#khly .biao2 dl{ width:100%;}
#khly .biao2 dl dt{ float:left; width:100%; padding-bottom:25px;}

#khly .biao2 dl dt .left1{ float:left; width:100px; }
#khly .biao2 dl dt .left1 p{ text-align:right;   font-size:14px; height:42px; line-height:42px;}
#khly .biao2 dl dt .right1{ overflow:hidden; }

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



/*----------客服----------*/
#kf ul{}
#kf ul li { position:relative; z-index:1; width:54px; height:54px; margin-right:10px; margin-bottom:5px;  display:block;  background-color:#fff; border:1px #ccc solid;
 -webkit-transition: all 400ms linear;
 -moz-transition: all 400ms linear;
 -o-transition: all 400ms linear;
 -ms-transition: all 400ms linear;
 transition: all 400ms linear;
 -webkit-border-radius:5px;/*圆角，数值可以是像素或百分比*/
-moz-border-radius:5px;
border-radius:5px;
}
#kf ul li:hover{ background-color:#2AA7E1;}

#kf ul li .p1-h{ position:absolute; display:none; width:100%; height:24px; line-height:24px; padding-top:6px; text-align:center;}
#kf ul li:hover .p1-h{ position:absolute; display:block;}

#kf ul li .p1 { height:24px; line-height:24px; padding-top:6px; text-align:center; }
#kf ul li .p2 { font-size:12px; height:22px; line-height:22px; padding:0; margin:0; text-align:center; color:#333;}
#kf ul li:hover .p2 {color:#fff;}

#kf ul li .l1{ display:none; position:absolute; left:-168px; top:-20px; width:128px; height:128px; padding:20px;
-webkit-animation: r2_to_l 800ms ease;
-moz-animation: r2_to_l 800ms ease;
-ms-animation: r2_to_l 800ms ease;
animation: r2_to_l 800ms ease;
}
#kf ul li .l1 .imgwx{ width:128px; height:128px;
-moz-box-shadow:0px 0px 5px #000;
-webkit-box-shadow:0px 0px 5px #000; 
box-shadow:0px 0px 5px #000;
}
#kf ul li:hover .l1{  display:block;}

#kf ul li .l2{display:none; position:absolute; left:-168px; top:-20px; width:128px; height:auto; padding:20px;
-webkit-animation: r2_to_l 800ms ease;
-moz-animation: r2_to_l 800ms ease;
-ms-animation: r2_to_l 800ms ease;
animation: r2_to_l 800ms ease;
}
#kf ul li .l2 .imgqq{ width:128px; height:auto; padding-top:5px; padding-bottom:10px; background-color:#fff;
-moz-box-shadow:0px 0px 5px #000;
-webkit-box-shadow:0px 0px 5px #000; 
box-shadow:0px 0px 5px #000;
}
#kf ul li:hover .l2{  display:block;}


#kf ul li .l2  h2 { padding:0; text-align:center; color:#666; height:40px; line-height:40px;}
#kf ul li .l2 li {border:none; white-space:nowrap; font-size:14px; padding-left:45px; line-height:20px; padding-bottom:5px; background-color:#fff; height:auto;}


#kf ul li .l3{display:none; position:absolute; z-index:999999; left:-221px; top:-1px; width:274px; height:54px; background-color:#2AA7E1; border:1px #ccc solid; color:#fff;
-webkit-animation: r_to_l 800ms ease;
-moz-animation: r_to_l 800ms ease;
-ms-animation: r_to_l 800ms ease;
animation: r_to_l 800ms ease;
 -webkit-border-radius:5px;/*圆角，数值可以是像素或百分比*/
-moz-border-radius:5px;
border-radius:5px;
}
#kf ul li:hover .l3{  display:block;}
#kf ul li .l3 .imgtel .imgtel-l{ float:left; width:54px; height:54px; padding-left:10px; }
#kf ul li .l3 .imgtel .imgtel-r{ float:left; width:210px; height:54px; }
#kf ul li .l3 .imgtel .imgtel-r p{ font-size:14px; height:54px; line-height:54px; color:#fff; text-align:center;}

#kf ul #returntop{ background-color:#2AA7E1; display:none;
 transition: all 400ms linear;
-webkit-animation: b_to_t 1200ms ease;
-moz-animation: b_to_t 1200ms ease;
-ms-animation: b_to_t 1200ms ease;
animation: b_to_t 1200ms ease;
}
#kf ul #returntop .p2{ color:#fff; font-size:12px;}
#kf ul #returntop:hover img{
-webkit-animation: b_to_t 500ms ease-out;
-moz-animation: b_to_t 500ms ease-out;
-ms-animation: b_to_t 500ms ease-out;	
}
#kf ul #returntop:hover{ background-color:#132A87;}

/*----------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%);}
}


@-webkit-keyframes r1_to_l{
    from { opacity: 0; -webkit-transform: translateX(50px);}
    to { opacity: 1; -webkit-transform: translateX(0%);}
}

@-webkit-keyframes r2_to_l{
    from { opacity: 0; -webkit-transform: translateX(20px);}
    to { opacity: 1; -webkit-transform: translateX(0%);}
}

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

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

@-webkit-keyframes t_to_b {/*从下到上*/
0% { opacity: 0; -webkit-transform: translateY(-50px);}
to {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:1280px) {
#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;}
}

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

@media screen and (max-width:1152px) {
#navf .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%);}
}