@charset "utf-8";

/*
//CSS Hack
property:value; 所有浏览器 
_property:value; IE6 
+property:value; IE7
*property:value; IE6/IE7
property:value \0; IE8/IE9
property:value \9; IE6/IE7/IE8
property:value \9\0; IE9

//最小高度HACK
min-height:500px; 
height:auto !important; 
height:500px; 
overflow:visible;

//溢出文字用省略号点代替(慎用)
white-space:nowrap; text-overflow:ellipsis; overflow:hidden;

//文字两端对齐
text-align:Justify;(火狐)
text-justify:inter-ideograph;(IE)
*/


/*溢出文字用省略号点代替
.HideWord {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
*/

/*
 * 编辑器表格设置
 * table
	{border-collapse:collapse; border-spacing:0;}
   table tr td
	{padding:0px;}
 */
/*通用配置*/
html,*,body
{margin: 0;padding: 0;box-sizing: border-box;font-family: "微软雅黑";font-size: 12px;}
body{min-width: 1200px;max-width: 1920px;margin: 0 auto;}
li
{list-style: none;}
a
{text-decoration: none;-webkit-tap-highlight-color: transparent;}
table
{border-collapse:collapse ;border-spacing:0;}
table tr td
{padding:0px;}

#header
{width: 100%; height: 68px; max-width: 1920px;min-width: 1200px;
border-bottom:1px solid rgba(21,115,252,0);
background: rgba(21,115,252,0);position: fixed; z-index: 55;
transition: all 1.5s;}
#header .box
{width: 100%; height: 68px; margin: 0 auto;}
#header .box ul
{width: auto; height: 68px; float: right;}
#header .box .ul1{display: none;}
#header .box ul .ewm
{width: 150px; height: 150px;display: block;position: relative;top:68px;display: none;
background: #fff;border: 1px solid #dcdcdc;}
#header .box ul .ewm img
{width: 140px; height: 140px;position:absolute;top: 5px;left: 5px;}
#header .box ul li
{width: 120px; height: 68px; float: left; text-align: center; line-height: 68px;}
#header .box ul li:nth-child(6)
{width:245px; padding: 0 5px;}
#header .box .logo
{width: 150px; height: 68px; float: left;}
#header .box .ul1 li a
{color: #FFFFFF; font-size: 14px;}
#header .box .ul2 li a
{color: #0068ff; font-size: 14px;}
#header .box ul li:nth-child(6) a
{width: 32px; height: 68px; display: block; background: #007AFF; float: left;
margin:0 8px;}
#header .box .ul1 li:nth-child(6) a:nth-child(1)
{margin-left: 0;
background: url(../Images/btnnav_04.png) no-repeat;
background-position: -2px 0px;}
#header .box .ul1 li:nth-child(6) a:nth-child(2)
{background: url(../Images/btnnav_04.png) no-repeat;
background-position: -55px 0px;}
#header .box .ul1 li:nth-child(6) a:nth-child(3)
{background: url(../Images/btnnav_04.png) no-repeat;
background-position: -107px 0px;}
#header .box .ul1 li:nth-child(6) a:nth-child(4)
{background: url(../Images/btnnav_04.png) no-repeat;
background-position: -159px 0px;}
#header .box .ul1 li:nth-child(6) a:nth-child(5)
{margin-right: 0px;
background: url(../Images/btnnav_04.png) no-repeat;
background-position: -207px 0px;}

#header .box .ul2 li:nth-child(6) a:nth-child(1)
{margin-left: 0;
background: url(../Images/bluenav_04.png) no-repeat;
background-position: -2px 0px;}
#header .box .ul2 li:nth-child(6) a:nth-child(2)
{background: url(../Images/bluenav_04.png) no-repeat;
background-position: -55px 0px;}
#header .box .ul2 li:nth-child(6) a:nth-child(3)
{background: url(../Images/bluenav_04.png) no-repeat;
background-position: -107px 0px;}
#header .box .ul2 li:nth-child(6) a:nth-child(4)
{background: url(../Images/bluenav_04.png) no-repeat;
background-position: -159px 0px;}
#header .box .ul2 li:nth-child(6) a:nth-child(5)
{margin-right: 0px;
background: url(../Images/bluenav_04.png) no-repeat;
background-position: -207px 0px;}
/*banner区域*/
#banner
{width: 100%;height: 520px; overflow: hidden;position: fixed;max-width: 1920px;min-width: 1200px;}
#banner .banner_topSlide
{width: 100%; height: 520px; position:absolute}
#banner .btn
{width: 40px; height: 40px; display: block;position: absolute; z-index: 2; top: 240px; opacity: 0;
transition: all 0.5s;
text-align: center;line-height: 40px; font-size: 28px;color: #fff;}
#banner .left
{left: 25px;}
#banner .right
{right: 25px;}
#banner:hover .btn{
	opacity: 1;
}
/*myserver区域*/
#myserver
{width: 100%; height: 470px; overflow: hidden; background: #FFFFFF;position: relative; z-index: 53;
max-width: 1920px;min-width: 1200px;
margin-top: 520px;float: left;}
#myserver .box
{width: 1200px; height: 470px; margin: 0 auto;}
#myserver .box .top
{width: 1200px; height: 165px; padding-top:65px ;overflow: hidden;}
#myserver .box .top b
{width: 1200px;height:auto; display: inline-block;
text-align: center;color: #579cff;font-size: 30px; font-weight: normal;margin-top: 200px;
animation-duration: 1s;animation-delay: 0.1s;animation-name: myserver;
}
#myserver .box .top p
{text-align: center; font-size: 20px; color: #579cff;
animation-duration: 1s;animation-delay: 0.1s;animation-name: myserver;}
#myserver .box .content
{width: 1200px; height: 250px; overflow: hidden; position: relative;}
#myserver .box .content .ulbox
{width: 2000px;height: 250px; position: absolute;
transition: all 1s;}
#myserver .box .content .btn
{width: 15px; height: 19px; display: block;position: absolute; z-index: 2; top: 120px;}
#myserver .box .content .left
{left: 0px;}
#myserver .box .content .right
{right: 0px;}
#myserver .box .content .ulbox .item
{width:400px;height: 250px;float: left; overflow: hidden;margin-top: 300px;
animation-duration: 2s;}
#myserver .box .content .ulbox .item a
{width: 180px; height: 180px; display: block; overflow: hidden; margin-left: 110px;
text-align: center;transition: all 1s;}
#myserver .box .content .ulbox .item:nth-child(1) div
{width: 160px; height:120px; margin:10px 10px; margin-bottom: 0;
background: url(../Images/mg.png) no-repeat; background-size: 130% 130%;background-position: -22px -15px;}
#myserver .box .content .ulbox .item:nth-child(2) div
{width: 160px; height:120px; margin:10px 10px; margin-bottom: 0;
background: url(../Images/3w.png) no-repeat; background-size: 200% 200%;background-position: -83px -60px;}
#myserver .box .content .ulbox .item:nth-child(3) div
{width: 160px; height:120px; margin:10px 10px; margin-bottom: 0;
background: url(../Images/ds.png) no-repeat;background-size: 200% 200%;background-position: -83px -60px;}
#myserver .box .content .ulbox .item:nth-child(4) div
{width: 160px; height:120px; margin:10px 10px; margin-bottom: 0;
background: url(../Images/cy.png) no-repeat; background-size: 200% 200%;background-position: -83px -55px;}
#myserver .box .content .ulbox .item:nth-child(5) div
{width: 160px; height:120px; margin:10px 10px; margin-bottom: 0;
background: url(../Images/xc.png) no-repeat; background-size: 200% 200%;background-position: -92px -60px;}

#myserver .box .content .ulbox .item:nth-child(1) a:hover div
{width: 160px; height:120px; margin:10px 10px; margin-bottom: 0;
background: url(../Images/mg1.gif) no-repeat; background-size: 130% 130%;background-position: -22px -15px;}
#myserver .box .content .ulbox .item:nth-child(2) a:hover div
{width: 160px; height:120px; margin:10px 10px; margin-bottom: 0;
background: url(../Images/3w1.gif) no-repeat; background-size: 200% 200%;background-position: -83px -60px;}
#myserver .box .content .ulbox .item:nth-child(3) a:hover div
{width: 160px; height:120px; margin:10px 10px; margin-bottom: 0;
background: url(../Images/ds1.gif) no-repeat;background-size: 200% 200%;background-position: -83px -60px;}
#myserver .box .content .ulbox .item:nth-child(4) a:hover div
{width: 160px; height:120px; margin:10px 10px; margin-bottom: 0;
background: url(../Images/cy1.gif) no-repeat; background-size: 200% 200%;background-position: -83px -55px;}
#myserver .box .content .ulbox .item:nth-child(5) a:hover div
{width: 160px; height:120px; margin:10px 10px; margin-bottom: 0;
background: url(../Images/xc1.gif) no-repeat; background-size: 200% 200%;background-position: -92px -60px;}

#myserver .box .content .ulbox .item a b
{font-size: 18px;color: #001423;transition: all 1s;}
#myserver .box .content .ulbox .item a:hover b
{color: #fff;}
#myserver .box .content .ulbox .item a:hover
{background: rgba(21,115,252,0.8);}

#myserver .box .content .ulbox .item p
{text-align: center;font-size: 14px; color:#959595;line-height: 40px;}
#myserver .box .content .ulbox .item:nth-child(1)
{animation-delay: 0.1s;animation-name: myserver;}
#myserver .box .content .ulbox .item:nth-child(2)
{animation-delay: 0.3s;animation-name: myserver;}
#myserver .box .content .ulbox .item:nth-child(3)
{animation-delay: 0.5s;animation-name: myserver;}
#myserver .box .content .ulbox .item:nth-child(4)
{animation-delay: 0.7s;animation-name: myserver;}
#myserver .box .content .ulbox .item:nth-child(5)
{animation-delay: 0.9s;animation-name: myserver;}

#zoujinyunyuan
{width: 100%; height: 550px; overflow: hidden;float: left; position: relative;z-index: 54;
max-width: 1920px;min-width: 1200px;
background: url(../Images/zou_02.png) no-repeat; background-position:center -530px; background-color: #fff;}
#zoujinyunyuan .bg
{width: 100%; height: 550px; overflow: hidden;
background: rgba(15,153,252,.6);}
#zoujinyunyuan .bg .box
{width: 1200px; height: 550px; overflow: hidden; margin: 0 auto;}
#zoujinyunyuan .bg .box .top
{width: 1200px; height: 160px; overflow:hidden; margin-top: 100px;padding-top: 30px;}
#zoujinyunyuan .bg .box .top b
{width: 100%; height: auto; display: block;margin-top: 300px;
text-align: center;font-size: 30px; color: #fff; animation-duration: 1s;}
#zoujinyunyuan .bg .box .top p
{width: 100%; text-align: center; font-size: 20px; color: #fff;animation-duration: 1s;}
#zoujinyunyuan .bg .box .content
{width: 100%; height: 270px; overflow: hidden;}
#zoujinyunyuan .bg .box .content div
{width: 100%; height: auto; text-align: center;margin-top: 300px;
color: #fff;font-size: 14px;line-height: 30px;animation-duration: 1s;margin-bottom: 90px;}
#zoujinyunyuan .bg .box .content a
{width: 360px; height: 60px;display: block; margin-left:420px;
border: 1px solid #fff; border-radius:30px;transition: all 1s;
text-align: center; line-height: 60px; font-size: 18px;color: #fff;animation-duration: 1s;}
#zoujinyunyuan .bg .box .content a:hover
{background: #fe645c;border: 1px solid #fe645c;}
#zuopingmulu
{width: 100%; height: auto;overflow: hidden; position: relative; z-index: 54;
background: #fff; max-width: 1920px;min-width: 1200px;}
#zuopingmulu .box
{width: 1200px; height: auto;overflow: hidden; margin: 0 auto;}
#zuopingmulu .box .top
{width: 1200px; height: 226px; overflow:hidden; margin-top: 80px;padding-top: 30px;}
#zuopingmulu .box .top b
{width: 100%; height: auto; display: block; margin-top: 300px;
text-align: center;font-size: 30px; color: #0f99fc; font-weight: normal;animation-duration: 1s;}
#zuopingmulu .box .top p
{width: 100%; text-align: center; font-size: 20px; color: #0f99fc;animation-duration: 1s;}
#zuopingmulu .box .top div
{width: 1200px; height: 100px; text-align: center; overflow: hidden; padding-top:30px ;line-height: 50px;}
#zuopingmulu .box .top div a
{padding: 5px;border: 1px solid #dcdcdc;color: #9d9d9d;font-size: 14px;transition: all 0.5s;margin-right: 5px;}
#zuopingmulu .box .top div a:hover
{color: #fff; background: #007AFF;}
#zuopingmulu .box .content
{width: 1230px; height: auto; overflow: hidden;position: relative;}

#zuopingmulu .box .top div a.onf
{color: #fff; background: #007AFF;}

#zuopingmulu .box .content .item
{width: 380px; height: auto; position: relative; float:left;animation-duration: 1s;opacity: 0;margin-right: 30px;}
#zuopingmulu .box .content .item .imgbox
{width: 380px; height: 200px; position: relative;padding: 20px;overflow: hidden;}
#zuopingmulu .box .content .item .imgbox img
{width: 380px; height: 200px; position: absolute;top: 0;left: 0;transition: all 0.5s;}
#zuopingmulu .box .content .item .imgbox b
{width: 35px; height: 35px; position: absolute;z-index: 2;left: 0;top: 0px;display: block;opacity: 0;
background: rgba(0,0,0,0.6);transition: all 0.5s;
text-align: center; line-height: 30px; font-size: 20px;color: #fff;font-weight: normal; }
#zuopingmulu .box .content .item .imgbox p
{width:340px;position: absolute;z-index: 1;display: block;opacity: 0;transition: all 0.5s;height: 160px;
background: rgba(255,255,255,.3);border: 1px solid #fff;box-shadow: 0px 0px 20px #000;}
#zuopingmulu .box .content .item .biaoti
{width: 380px; height: 88px; position: relative;}
#zuopingmulu .box .content .item .biaoti p
{width: 380px; height: auto; position: absolute; top: 30px;
font-size: 12px; color: #767676;}
#zuopingmulu .box .content .item .biaoti i
{width: 30px; height: 1px; background: #007AFF; display: block;opacity: 0;transition: all 0.5s; position: absolute; top: 50px;}
#zuopingmulu .box .content .item:hover .imgbox b
{opacity: 1;top: 35px;}
#zuopingmulu .box .content .item:hover .imgbox p
{opacity: 1;}
#zuopingmulu .box .content .item:hover .imgbox img
{transform: scale(1.1);}
#zuopingmulu .box .content .item:hover .biaoti i
{opacity: 1;}
#zuopingmulu .box .content .right .item:nth-child(1)
{margin-top:800px; opacity: 0;}
#zuopingmulu .box .content .left .item:nth-child(1)
{margin-top:800px; opacity: 0;}
#zuopingmulu .box .content .center .item:nth-child(1)
{margin-top:800px; opacity: 0;}
#zuopingmulu .mores
{width: 100%; height: 100px;

line-height: 100px;transition: all 0.5s;}
#zuopingmulu .mores a
{width: 100%; height: 100%;display: block;transition: all 1s;
text-align: center;color: #666; font-size: 18px;}
#zuopingmulu .mores:hover
{background: #0068FF;}
#zuopingmulu .mores:hover a
{color: #fff;}
#zuopingmulu .fenye
{width: 100%; height: 100px; overflow: hidden;margin-bottom: 50px;
text-align: center;padding: 35px 0;}
#zuopingmulu .fenye a
{width:20px;height: 20px;display: inline-block; font-size: 16px;margin:0 10px;color: #666;line-height: 20px;}
#zuopingmulu .fenye a.onf
{color: #0068FF;}
#zuopingmulu .fenye a img
{vertical-align: -4px;}
#yunyuanwen
{width: 100%; height:356px;position: relative; overflow: hidden;
max-width: 1920px;min-width: 1200px;
background: #e7f8ff;}
#yunyuanwen .box
{width: 1200px; height: 356px; overflow: hidden; margin: 0 auto;}
#yunyuanwen .box .top
{width: 100%; height: 180px; padding-top:50px; overflow: hidden;
text-align: center;}
#yunyuanwen .box .top b
{width: 100%; height: auto; display: block;line-height: 60px;animation-duration: 1s;
font-size: 30px;font-weight: normal;color: #4887e4;}
#yunyuanwen .box .top img
{margin-top: 300px; opacity: 0;animation-duration: 1s;}
#yunyuanwen .box .content
{width: 100%; height: 176px;overflow: hidden;}
#yunyuanwen .box .content .biaoti
{width: 100%; height: auto;}
#yunyuanwen .box .content .biaoti h1
{width: 100%;display: block;text-align: center; color:#4887e4 ;font-size: 18px;line-height: 50px;font-weight: normal;animation-duration: 1s;margin-left:800px;}
#yunyuanwen .box .content .text
{width: 100%; text-align: center; color: #4887E4; font-size: 14px;margin-top: 10px;animation-duration: 1s; margin-left:800px; opacity: 0;}

#fenxiang
{width: 100%; height: auto; overflow: hidden; position: relative;
max-width: 1920px;min-width: 1200px;
background: #fff;}
#fenxiang .box
{width: 1200px; height: 187px; margin: 0 auto;overflow: hidden;}
#fenxiang .box .top
{width: 1200px; height: 187px; padding-top: 90px;}
#fenxiang .box .top b
{width: 100%;height: auto; display: block;
text-align: center;font-size: 30px; color: #0f99fc; font-weight: normal;animation-duration: 1s;}
#fenxiang .box .top p
{width: 100%; text-align: center; font-size: 20px; color: #0f99fc;animation-duration: 1s;}
#fenxiang .list
{width: 100%;height: auto; overflow: hidden;}
#fenxiang .list a
{width: 100%; height: 146px; display: block; transition: all 0.5s;margin-top: 800px;animation-duration: 1s;}
#fenxiang .list a .item
{width: 1200px; height: 146px; position: relative; left: 50%; margin-left: -600px;}
#fenxiang .list a .item .shijian
{width: 185px; height: 146px; position: absolute; left: 200px;transition: all 0.5s;}
#fenxiang .list a .item .shijian p
{width: 185px;height: auto;display: block; text-align: center;margin-top: 30px;
font-size:60px;color: #fe645c;transition: all 0.5s;}
#fenxiang .list a .item .shijian font
{width: 170px;height: 20px; display: block;overflow: hidden;
text-align: right; font-size: 14px;color: #fff;}
#fenxiang .list a .item .text
{width: 545px; height: 146px; position: absolute; left: 420px; transition: all 0.5s;}
#fenxiang .list a .item .text .biao
{width: 100%; height: 30px; margin-top: 40px; overflow: hidden;transition: all 0.5s;
font-size: 16px;color: #4e4e4e;line-height: 30px;}
#fenxiang .list a .item .text .con
{width: 100%; height: 48px; color:#4e4e4e; overflow: hidden;
line-height: 20px;}
#fenxiang .list a .item .right
{width: 30px; height: 30px;display: block; position: absolute; right: 0; top: 30px;
text-align: center; line-height: 30px;color: #fff;font-size: 20px;}
#fenxiang .more
{width: 1200px; height:100px; overflow: hidden; margin: 0 auto;margin-top: 50px;
text-align: center;}
#fenxiang .more a
{width: 360px; height: 60px; display: inline-block;
border: 1px solid #DCDCDC; border-radius: 30px;transition: all 0.5s;
text-align: center; color: #fe645c;line-height: 60px;font-size: 18px;}
#fenxiang .more a:hover
{background: #fe645c;color: #fff;}
#fenxiang .fenye
{width: 100%; height: 100px; overflow: hidden;margin-bottom: 50px;
text-align: center;padding: 35px 0;}
#fenxiang .fenye a
{width:20px;height: 20px;display: inline-block; font-size: 16px;margin:0 10px;color: #666;line-height: 20px;}
#fenxiang .fenye a.onf
{color: #0068FF;}
#fenxiang .fenye a img
{vertical-align: -4px;}


#lianxi
{width: 100%; height: 623px; overflow: hidden; position:relative;
max-width: 1920px;min-width: 1200px;
background: #63a4f4;}
#lianxi .box
{width: 1200px; height: 623px; overflow: hidden; margin:0 auto;}
#lianxi .box .top
{width: 100%; height: 195px; overflow: hidden;padding-top: 50px;}
#lianxi .box .top b
{width: 100%; height: auto; display: block; 
text-align: center;font-size: 30px; color: #fff; font-weight: normal;animation-duration: 1s;margin-top: 300px;}
#lianxi .box .top p
{width: 100%; text-align: center; font-size: 20px; color: #fff;animation-duration: 1s;}
#lianxi .box .content
{width: 100%; height: 428px; overflow: hidden;}
#lianxi .box .content .left
{width: 500px; height: 100%; margin-left: 65px;float: left;animation-duration: 1s; margin-top: 300px;opacity: 0;}
#lianxi .box .content .right
{width: 510px; height: 100%; margin-right: 10px;float: right;animation-duration: 1s; margin-top: 300px;opacity: 0;} 
#lianxi .box .content .left ul
{width: 100%;height: auto;}
#lianxi .box .content .left ul li
{width: 100%; height: 40px; color: #fff;font-size: 16px;}
#lianxi .box .content .left ul li:nth-child(1)
{height: 60px;}
#lianxi .box .content .left ul li:nth-child(4)
{margin-bottom:50px;}
#lianxi .box .content .left ul li:nth-child(5)
{margin-bottom: 30px;}
#lianxi .box .content .left ul li:nth-child(5) a
{width:42px;height: 33px; display: block; float: left;margin-right:20px;
background: url(../Images/qq_24.jpg) no-repeat;}
#lianxi .box .content .left ul li:nth-child(5) a:nth-child(1)
{background-position: -23px 0px;}
#lianxi .box .content .left ul li:nth-child(5) a:nth-child(2)
{background-position: -99px 0px;}
#lianxi .box .content .left ul li:nth-child(5) a:nth-child(3)
{background-position: -179px 0px;}
#lianxi .box .content .left ul li:nth-child(5) a:nth-child(4)
{background-position: -263px 0px;}
#lianxi .box .content .left ul li:nth-child(5) a:nth-child(5)
{background-position: -339px 0px;}
#lianxi .box .content .left ul li:nth-child(1) h1
{font-size: 20px;font-weight: normal;}
#lianxi .box .content .left ul li:nth-child(6)
{font-size: 12px;}
#lianxi .box .content .right form
{width: 100%; height: 100%;}
#lianxi .box .content .right form span
{width: 100%;height: 55px; float: left;padding-top: 25px;
border-bottom: 1px solid #fff;}
#lianxi .box .content .right form span p
{color: #fff;line-height: 30px;display: inline-block;font-size: 16px;}
#lianxi .box .content .right form span input[type=text]
{width:400px;height: 30px;
background: transparent;border: 0;outline: none; margin-left: 10px;
color: #fff;}
#lianxi .box .content .right form input[type=submit]
{width: 510px;height: 40px; margin-top: 30px;
background: #9ed7ff;outline: none;border: 0;
color: #fff;font-size: 16px;cursor: pointer;transition: all 1s;}
#lianxi .box .content .right form input[type=submit]:hover
{background: #0c7fcf;}
#hezuo
{width: 100%;height: 150px; position: relative; z-index: 54; overflow: hidden;
max-width: 1920px;min-width: 1200px;
background: #FFFFFF;}
#hezuo .box
{width: 1200px; height: 150px; position: relative; margin: 0 auto; }
#hezuo .box .btn
{width: 40px; height: 40px; display: block; position: absolute;
border-radius: 100%;background: #007AFF;transition: all 0.5s;opacity: 0;
text-align: center; color: #fff; line-height: 40px; font-size: 28px; top: 50%; margin-top: -20px;}

#hezuo .box .left
{left: -40px;}
#hezuo .box .right
{right: -40px;background: #fff; color: #ccc;}
#hezuo:hover .box .left
{left: 0;opacity: 1;}
#hezuo:hover .box .right
{right: 0;opacity: 1;}

#hezuo .box .content
{width: 1000px; height: 80px; overflow: hidden;position: absolute; left: 100px; top:35px;}
#hezuo .box .content .ulbox
{width: auto;height: 80px;transition: all 1s;}
#hezuo .box .content .ulbox .item
{width:200px;height: 80px; margin:0 20px; float: left;overflow: hidden;
text-align: center;}
#hezuo .box .content .ulbox .item img
{width: 200px;height: 80px;}



#footer
{width: 100%;height: 60px; overflow: hidden;max-width: 1920px;min-width: 1200px;
background: #63a4f4;}
#footer .box
{width: 1200px;height: 60px; overflow: hidden;margin: 0 auto;}
#footer .box ul
{width: 1200px; height: 60px; overflow: hidden;}
#footer .box ul li
{width: auto; height: 60px; }
#footer .box ul li:nth-child(1)
{float: left;padding-top: 10px;}
#footer .box ul li:nth-child(2)
{float: right;line-height: 60px;
color: #fff;font-size: 12px;}
#footer .box ul li:nth-child(1) a
{width:42px;height: 33px; display:block; float: left;margin-right:20px;
background: url(../Images/qq_24.jpg) no-repeat;}
#footer .box ul li:nth-child(1) a:nth-child(1)
{background-position: -23px 0px;}
#footer .box ul li:nth-child(1) a:nth-child(2)
{background-position: -99px 0px;}
#footer .box ul li:nth-child(1) a:nth-child(3)
{background-position: -179px 0px;}
#footer .box ul li:nth-child(1) a:nth-child(4)
{background-position: -263px 0px;}
#footer .box ul li:nth-child(1) a:nth-child(5)
{background-position: -339px 0px;}

/*anlixianqing区域*/
#anlixianqing
{width: 100%;height: auto;overflow: hidden; position: relative;
max-width: 1920px;min-width: 1200px;}
#anlixianqing .box
{width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
#anlixianqing .box .playbox
{width: 750px;height: 422px; overflow: hidden;position: relative;float: left;}
#anlixianqing .box .playbox .mengban
{width:750px;height: 422px;overflow: hidden; position: absolute;z-index: 2;
background: rgba(0,0,0,.5);
text-align: center;line-height: 510px;}
#anlixianqing .box .playbox .mengban img
{width: 80px;height: 80px;cursor: pointer;}
#anlixianqing .box .playbox .play
{width: 750px;height: 422px;overflow: hidden;position: absolute;z-index: 1;overflow: hidden;}
#anlixianqing .box .content
{width: 400px; height: auto; overflow: hidden;position: relative;float:right;}
#anlixianqing .box .content .top
{width: 100%; height: auto; overflow: hidden;}
#anlixianqing .box .content .top h1
{width: 100%;height: auto;display:inline-block; 
font-size: 26px;color: #579cff;line-height: 40px;font-weight: normal;}
#anlixianqing .box .content .top p
{font-size: 14px;color: #767676;line-height: 40px;}
#anlixianqing .box .content .coninfo
{width: 400px; height: auto; overflow: hidden;}
#anlixianqing .box .content .coninfo .title
{width: 400px; height: auto; font-size: 18px;color: #5e5e5e;}
#anlixianqing .box .content .coninfo .text
{width: 400px; height: auto;font-size: 12px;color: #515151;padding-top: 10px;line-height: 30px;}
#null_box
{width: 100%;height: 120px;position: relative;}
#newinfo
{width: 100%;height: auto;overflow: hidden; position: relative;
max-width: 1920px;min-width: 1200px;}
#newinfo .box
{width: 1200px; height: auto; overflow: hidden;margin: 0 auto;}
#newinfo .box .top
{width: 1200px; height: auto; overflow: hidden;}
#newinfo .box .top b
{width: 100%;height: auto; display: block;
text-align: center; font-size: 26px;color: #0F99FC;font-weight: normal; line-height: 40px;}
#newinfo .box .top p
{width: 100%;height: auto; display: block;
text-align: center; font-size: 12px;color: #0F99FC;font-weight: normal; line-height: 40px;}
#newinfo .box .conten
{width: 100%;min-height: 800px;font-size: 14px;color: #666;padding-left: 40px;overflow: hidden;
line-height: 30px;}
#newinfo .box .fenyeqi
{width: auto; height: 200px; float: right;}
#newinfo .box .fenyeqi .fanhui
{width: 100px; height: 50px;background: #007AFF;text-align: center;line-height: 50px;float: left;margin-right: 20px;}
#newinfo .box .fenyeqi .fanhui a
{width: auto;height: 30px; font-size: 14px;color: #fff;border-bottom: 1px solid #fff;}
#newinfo .box .fenyeqi .shangxia
{width: auto; height: 50px; float: right;}
#newinfo .box .fenyeqi .shangxia a
{display: block; line-height: 25px;color: #515151;font-size: 14px;}
#newinfo .box .fenyeqi .shangxia a:hover
{color: #007AFF;}

#jiaru
{width: 100%;height: auto;overflow: hidden; position: relative;padding-bottom: 100px;
max-width: 1920px;min-width: 1200px;}
#jiaru .box
{width: 1200px; height: auto; overflow: hidden; margin:0 auto;}
#jiaru .box .top
{width: 100%; height: 150px; overflow: hidden;padding-top: 50px;}
#jiaru .box .top b
{width: 100%; height: auto; display: block; 
text-align: center;font-size: 30px; color: #007AFF; font-weight: normal;}
#jiaru .box .top p
{width: 100%; text-align: center; font-size: 20px; color: #007AFF;}
#jiaru .box .content
{width: 1200px;height: auto; position: relative; left: 50%; margin-left: -600px;
font-size: 14px; line-height: 30px; color: #5E5E5E;text-align: center;}

#zhaopin
{width: 100%;height: auto;overflow: hidden; position: relative;padding-bottom: 100px;
max-width: 1920px;min-width: 1200px;}
#zhaopin .box
{width: 1200px; height: auto; overflow: hidden;margin: 0 auto;}
#zhaopin .box .content
{width: 1350px; height: auto; overflow: hidden;}
#zhaopin .box .content .item
{width: 300px; height: 500px; overflow: hidden;float: left;margin-bottom: 40px;
margin-right: 150px;}
#zhaopin .box .content .item .top
{width:300px; height: 80px; overflow: hidden;border-bottom: 1px solid #DCDCDC;}
#zhaopin .box .content .item .top b
{width: 100%; height: auto; display: block;
text-align: center; color: #333; line-height: 30px;font-size: 18px;font-weight: normal;}
#zhaopin .box .content .item .top p
{width: 100%; height: auto; display: block;
text-align: center; color: #ccc; line-height: 20px;font-size: 12px;font-weight: normal;}
#zhaopin .box .content .item .zhaolei
{width: 320px; height: 360px; margin-top: 40px; overflow: hidden;
overflow-y: scroll; line-height: 30px;font-size: 14px;color: #5E5E5E;}

#aboutus
{width: 100%;height: auto;overflow: hidden; position: relative;
max-width: 1920px;min-width: 1200px;}
#aboutus .box
{width: 1200px; height: auto; overflow: hidden; margin:0 auto;}
#aboutus .box .top
{width: 100%; height: 150px; overflow: hidden;padding-top: 50px;}
#aboutus .box .top b
{width: 100%; height: auto; display: block; animation-duration:1s;opacity: 0;
text-align: center;font-size: 30px; color: #007AFF; font-weight: normal;}
#aboutus .box .top p
{width: 100%; text-align: center; font-size: 20px; color: #007AFF;opacity: 0;animation-duration:1s;}
#aboutus .box .content
{width: 100%;height: 400px; overflow: hidden;}
#aboutus .box .content .xuanchuanyu
{width: 100%; height: auto; overflow: hidden;animation-duration:1s;opacity: 0;
color: #474747;font-size: 14px; line-height: 30px;text-align: center;}
#aboutus .box .content .shuzi
{width: 1200px;height: auto; overflow: hidden;padding-top: 100px;}
#aboutus .box .content .shuzi .item
{width:300px; height: 180px; margin: 0 50px; float: left;animation-duration:1s;opacity: 0;}
#aboutus .box .content .shuzi .item h1 
{width: 100%; height: auto; overflow: hidden;
text-align: center; color: #579cff;font-size: 72px;font-weight: normal;}
#aboutus .box .content .shuzi .item h1 p
{display: inline-block;width: auto;color: #579cff;font-size: 72px;}
#aboutus .box .content .shuzi .item h1 font
{font-size: 24px; color: #949494; line-height: 72px;display: inline-block;vertical-align: 20px;margin-left:10px ;}
#aboutus .box .content .shuzi .item p
{width: 100%; height: auto;
font-size:18px;color: #cacaca;text-align: center;}
#aboutus .box .content .shuzi .item b
{width: 100%; height: auto;display: inline-block;line-height: 40px;
font-size:18px;color: #474747;text-align: center;font-weight: normal;}
#tuandui
{width: 100%;height: auto;overflow: hidden; position: relative;padding-bottom: 100px;
max-width: 1920px;min-width: 1200px;}
#tuandui .box
{width: 1200px; height: auto; overflow: hidden; margin:0 auto;}
#tuandui .box .top
{width: 100%; height: 150px; overflow: hidden;padding-top: 30px;}
#tuandui .box .top b
{width: 100%; height: auto; display: block; animation-duration:1s;opacity: 0;
text-align: center;font-size: 30px; color: #007AFF; font-weight: normal;}
#tuandui .box .content
{width: 100%;height: auto; overflow: hidden; padding: 0 130px;
color: #474747;font-size: 14px;line-height: 30px;}
#tuandui .box .img
{width: 1250px;height: auto; overflow: hidden;padding-top: 40px;} 
#tuandui .box .img .item
{width: 360px; height: 210px; float: left;margin: 20px; animation-duration:1s;opacity: 0;overflow: hidden;}
#tuandui .box .img .item img
{width: 360px; height: 210px;transition: all 0.5s;}
#tuandui .box .img .item:hover img
{transform: scale(1.1);}

#lianban
{width: 100%;height: 280px;overflow: hidden; position: relative;padding-bottom: 100px;
max-width: 1920px;min-width: 1200px;}
#lianban img
{width:1920px; height: 280px;position: absolute; left: 50%; margin-left: -960px;}

#dizhi
{width: 100%;height: auto;overflow: hidden; position: relative;padding-bottom: 100px;padding-top: 40px;
max-width: 1920px;min-width: 1200px;}
#dizhi .box
{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
#dizhi .box .content
{width:1200px; height: auto; overflow: hidden;}
#dizhi .box .content .left
{width: 500px;height:auto;float:left;margin-left:30px;}
#dizhi .box .content .right
{width: 500px;height:auto;float:right;margin-right:30px;}
#dizhi .box .content .left ul
{width: 500px; height: auto; overflow: hidden;}
#dizhi .box .content .left ul li
{width: 100%; height: 80px;}
#dizhi .box .content .left ul li h1
{width: 100%;height: auto; padding-left: 10px;
font-size: 20px;color: #343434;font-weight: normal;margin-bottom: 10px;}
#dizhi .box .content .left ul li p
{width: 100%;height: auto; padding-left: 10px;
font-size: 12px;color: #767676;}
#dizhi .box .content .left ul li b
{font-size: 14px;color: #767676;line-height: 80px;font-weight: normal;}
#dizhi .box .content .left ul li i
{width: 50px;height: 80px;display: block;float: left;
background: url(../Images/baiduditu_05.png) no-repeat;}
#dizhi .box .content .left ul li:nth-child(2) i
{background-position: -8px -5px;}
#dizhi .box .content .left ul li:nth-child(3) i
{background-position: -8px -85px;}
#dizhi .box .content .left ul li:nth-child(4) i
{background-position: -8px -165px;}
#dizhi .box .content .right
#dizhi .box .content .right form
{width: 100%; height: 100%;}
#dizhi .box .content .right form span
{width: 100%;height: 55px; float: left;padding-top: 25px;
border-bottom: 1px solid #DCDCDC;}
#dizhi .box .content .right form span p
{color: #656565;line-height: 30px;display: inline-block;font-size: 16px;}
#dizhi .box .content .right form span input[type=text]
{width:400px;height: 30px;
background: transparent;border: 0;outline: none; margin-left: 10px;
color: #656565;}
#dizhi .box .content .right form input[type=submit]
{width: 500px;height: 40px; margin-top: 30px;
background: #63a4f4;outline: none;border: 0;
color: #fff;font-size: 16px;cursor: pointer;transition: all 1s;}
#dizhi .box .content .right form input[type=submit]:hover
{background: #0c7fcf;}
#dizhi .box .ditu
{width: 100%; height: 388px;position: relative;margin: 80px 0;}
#dizhi .box .ditu .ditubox
{width: 100%; height: 388px;overflow: hidden; position: absolute;}
#dizhi .box .ditu .mengban
{width: 100%; height: 388px;overflow: hidden; position: absolute;bottom: 0;transition: all 0.5s;
background: rgba(0,104,255,.6);}
#dizhi .box .ditu .mengban .text
{width: 524px;height: 166px;
background: rgba(0,0,0,.3);margin-left: 338px;margin-top: 134px;padding-left: 124px;padding-top: 49px;}
#dizhi .box .ditu .mengban .text h1
{color: #fff;font-size: 20px; font-weight: normal;line-height: 40px;}
#dizhi .box .ditu .mengban .text p
{color: #fff;font-size: 16px; font-weight: normal;line-height: 30px;border-top: 1px solid #fff;display: inline-block;}
#dizhi .box .ditu:hover .mengban
{height: 0;}