@charset "utf-8";



/**CSS Document**/



::selection {







    background-color: #1c5cea;



     color: #FFF;



}







::-moz-selection {







    background-color:#1c5cea;







    color: #FFF;



}







::-webkit-selection {







    background-color:#1c5cea;



    color: #FFF;



}



.between{



	width:1180px;



	margin:0 auto;



	overflow: hidden;



}



.clear{



	clear: both;



}



.float_l{



	float:left;



}



.float_r{



	float:right;



}



.clear_fl{



	height:0px;



	clear: both;



	overflow: hidden;



}







/*top_A*/







#top_A{width:100%; height:36px; overflow: hidden; font-family:"Microsoft YaHei";}



.top{width:1180px; height:36px; margin:auto;}



.top_left{ width:380px; height:36px; float:left; line-height:36px; color:#666666; font-size:12px;}







.top_right{ height: 36px; float: right;}



.top_right ul li{float: left; line-height:36px; padding:0px 0px 0px 10px;}



.top_right ul li a{color: #666666; font-size:12px;}



.top_right ul li span{padding:0px 3px 0px 0px;}



.top_right ul li img{width:18px; height:18px; display:block; padding:9px 0px 0px 0px; float:left;}



.top{



	float: right;



}



.top ul li{



	float: left;



}



.top ul li a{



	color: #666;



	margin: 0 6px 0 6px;



	font-size: 12px;



}



/**nav**/



.nav_all{height:115px; background: rgba(255,255,255,0.6);z-index:999999;position: relative;}



.nav_box{



	position: relative;



height:140px; 



}



.nav_box h1>a{z-index:2;}



.nav_box h1>a>img{float: left;margin-top: 20px;}



.nav { width:954px;height: 50px;float: right;}



.nav li {float:left; text-align:center;padding:5px 25px 10px 25px;margin-top: 40px;



  -webkit-transition: all 0.35s ease-in-out;



  -moz-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;



}







.nav li a {display:block; font-size:14px; color:#333333;text-align: center;}



.nav li:hover{ border-bottom: 1px solid #007fde}



.nav li:hover a{color: #007fde;}



.nav li.another{ border-bottom: 1px solid #007fde}



.nav li.another a{color: #007fde;}



.fixedNav{ position:fixed; top:0px; left:0px; width:100%; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}







/**bottom_box**/











/*导航开始*/



.nav_xiala_aa{width:100%;height:115px;position:relative;z-index:999;}

.nav_xiala_xx{width:100%;height:115px;background:rgba(255,255,255,0.6);position:relative;}





.nav_xiala{ width:1200px; height:115px; margin: 0 auto;position:relative;}



.nav_xiala h1{width:158px;height:52px;box-sizing:content-box;float:left;margin-top:21px;}



.nav_xiala .logo{width:158px;height:52px;display:block;vertical-align:top;}





.nav_xiala ul{width:954px; height:37px;margin-top:39px;float:right;}

.nav_xiala ul li{float:left;width:106px;height:45px;line-height:45px;text-align:center;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.nav_xiala ul li:last-child{margin-right:0;}



.fixedNav .nav_xiala ul li{width:106px;}



.nav_xiala > ul > li > a{font-size:14px;display:block;color:#333; height:45px; line-height:45px;overflow: hidden;background-size: 100% 0%;-webkit-transition: all .5s; transition: all .5s;}



.nav_xiala ul li:hover{ color:#fff;background-size: 100% 100%;}



.nav_xiala > ul > li:hover{color:#1c5cea;position:relative;background:url(../images/yuan02.png) center 38px no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.nav_xiala > ul > li:hover > a{ color:#1c5cea;}



.nav_xiala > ul > li::before{content:'';width:0px;height:1px;background:#1c5cea;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.nav_xiala > ul > li:hover::before{content:'';width:106px;height:1px;background:#1c5cea;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}





.nav_xiala .erji_xiala{  position:absolute; top:45px; left:-13px; z-index:20;  height:0px; visibility: hidden; width: 160px; /*和一级栏目一样宽度*/ }

.nav_xiala .erji_xiala i{ display: block; opacity: 0; border-bottom:1px solid rgba(255,255,255,0.35); background:#2a3036;  position:relative;  }

.nav_xiala .erji_xiala i a{ height: 40px; line-height: 40px;  font-size:14px; display: block; color:#FFF; padding: 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }

.nav_xiala .erji_xiala i a:hover{  color:#FFF;  }

.nav_xiala .erji_xiala i:hover{background:#2a3036; }



.nav_xiala .erji_xiala i a{

     -webkit-transition: all .5s; transition: all .5s;

	background: -webkit-linear-gradient(left, #1c5cea, #1c5cea) no-repeat;

    background: linear-gradient(to right, #1c5cea, #1c5cea) no-repeat;

	background-size: 0% 100%;

}



.nav_xiala .erji_xiala i a:hover{

    background: -webkit-linear-gradient(left, #1c5cea, #1c5cea) no-repeat;color:#fff;

    background: linear-gradient(to right, #1c5cea, #1c5cea) no-repeat;

    background-size: 100% 100%;

}





.nav_xiala ul li:hover .erji_xiala{ height:auto; visibility: visible; }



.nav_xiala .erji_xiala i{ opacity: 0; transform: rotateY(90deg); transition:.5s;}



.nav_xiala ul li:hover .erji_xiala i{ opacity: 1;  transform: rotateY(0); }



.nav_xiala ul li:hover .erji_xiala i:nth-child(1){ transition-delay: 50ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(2){ transition-delay: 100ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(3){ transition-delay: 150ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(4){ transition-delay: 200ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(5){ transition-delay: 250ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(6){ transition-delay: 300ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(7){ transition-delay: 350ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(8){ transition-delay: 400ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(9){ transition-delay: 450ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(10){ transition-delay: 500ms;}



.nav_xiala  .erji_xiala i:nth-child(1){ transition-delay: 500ms;}

.nav_xiala  .erji_xiala i:nth-child(2){ transition-delay: 450ms;}

.nav_xiala  .erji_xiala i:nth-child(3){ transition-delay: 400ms;}

.nav_xiala  .erji_xiala i:nth-child(4){ transition-delay: 350ms;}

.nav_xiala  .erji_xiala i:nth-child(5){ transition-delay: 300ms;}

.nav_xiala  .erji_xiala i:nth-child(6){ transition-delay: 250ms;}

.nav_xiala  .erji_xiala i:nth-child(7){ transition-delay: 200ms;}

.nav_xiala  .erji_xiala i:nth-child(8){ transition-delay: 150ms;}

.nav_xiala  .erji_xiala i:nth-child(9){ transition-delay: 100ms;}

.nav_xiala  .erji_xiala i:nth-child(10){ transition-delay: 50ms;}





.nav_xiala .sanji_xiala {  width:auto; height:0px; visibility: hidden; position: absolute; top: 0px; left:126px; /*和一级栏目一样left*/  }

.nav_xiala .sanji_xiala span{ border-bottom:1px dashed rgba(255,255,255,0.35); display: block; background:#2a3036; text-align: left; opacity: 0; }

.nav_xiala .sanji_xiala span a { height: 40px; line-height: 40px; display: block; color:#FFF; font-size:14px;padding: 0 8px 0 15px;

    overflow: hidden;   white-space: nowrap; text-overflow: ellipsis; }

.nav_xiala .sanji_xiala span a:hover{  color:#FFF; padding-left: 25px; }





.nav_xiala .sanji_xiala span a{

    background: -webkit-linear-gradient(left, #1c5cea, #1c5cea) no-repeat;

    background: linear-gradient(to right, #1c5cea, #1c5cea) no-repeat;

    background-size: 100% 0%; -webkit-transition: all .5s; transition: all .5s;

}



.nav_xiala .sanji_xiala span a:hover{

    background: -webkit-linear-gradient(left, #1c5cea, #1c5cea) no-repeat;color:#fff;

    background: linear-gradient(to right, #1c5cea, #1c5cea) no-repeat;

    background-size: 100% 100%;

}





.nav_xiala .sanji_xiala_di{ background:url(../images/liqsub_ss.png) no-repeat center; width: 7px; height: 11px; position: absolute; top: 14px; right: 5px;}



.nav_xiala .erji_xiala i:hover .sanji_xiala{ height:auto; visibility: visible; }



.nav_xiala .sanji_xiala span{ opacity: 0; transform: rotateY(90deg); transition:.5s;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span{ opacity: 1;  transform: rotateY(0); }

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(1){ transition-delay: 50ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(2){ transition-delay: 100ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(3){ transition-delay: 150ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(4){ transition-delay: 200ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(5){ transition-delay: 250ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(6){ transition-delay: 300ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(7){ transition-delay: 350ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(8){ transition-delay: 400ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(9){ transition-delay: 450ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(10){ transition-delay: 500ms;}





.nav_xiala > ul > li.another{color:#1c5cea;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.nav_xiala > ul > li.another > a{color:#1c5cea;}

.nav_xiala > ul > li.another::before{content:'';width:106px;height:1px;background:#1c5cea;position:absolute;bottom:0;left:0;}











.fixedNav {

    position: fixed;

    top: 0px;

    left: 0px;

    z-index:99999;

    _position: absolute;-webkit-transition:all .5s;transition:all .5s;

    _top: expression(eval(document.documentElement.scrollTop));  box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08);

}















































/**link开始**/



.link{



	width:100%;







	



}



.link_body{



	height:50px;



	color:#4c4c4c;



	text-align: center;



	margin:30px 0 0px 0;



}



.link_body>a{



	width:1180px;



	height:50px;



	line-height: 50px;



	color:#4c4c4c;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



}



/**link结束**/







/*footer*/



.footer_bg{



background-color: #29a3f1;



	width: 100%;



	height: 315px;



	



	position: relative;



}



.footer{



	padding-top: 45px;



}



.footer>img{



	float: left;



	width: 155px;



	text-align: center;



	height: 155px;

	margin-right: 190px;

	display: block;



	margin-top: 25px;



}







.footer .copyright{



	float: left;



	width: 220px;



	margin: 26px 76px 0 69px;







}



.footer>p{



	float: left;



	width: 330px;



	margin-top: 26px;



}



.copyright ul>p{



	color: #fff;



	font-size: 16px;



	margin-bottom: 20px;



}



.footer>p>em{



	color: #fff;



	font-size: 16px;



	



	display: block;



}



.copyright ul>li{



	width: 90px;



	float:left;



}







.copyright ul li:nth-child(odd){float:right;}



.footer>p{



	color: #fff;



	



}



.footer>a>img{



	margin-top: 24px;



}



.footer>p>a>img{



	margin-left: 6px;







}



.footer a{



	color: #fff;



}



.footer a:hover{



	color: #1c5cea;



}







.footer_bg h2{



	width: 100%;



	height: 30px;



	background-color: #424242;



	color: #fff;



	text-align: center;



	font-size: 14px;



	line-height: 30px;



	position: absolute;



	bottom: 0;



}