@charset "utf-8";
*{ margin:0; padding:0;}
body{ color:#333333; font-size:14px; font-family:"微软雅黑"; line-height:30px;}
a{ text-decoration:none; color:#333333}
a:hover{ color:#DF155C; text-decoration:underline}
li{ list-style:none}
.top{ width:100%; display:table;}
.tops{ width:1000px; margin: 0 auto; margin-top:20px; margin-bottom:20px; display:table;}
.logo{ width:300px; height:46px; float:left;}
.nav{ width:700px; height:46px; float:right;}
.nav ul{ width:100%;height:46px;}
.nav ul li{ width:100px; height:46px; text-align:center; float:left;}
.nav ul li a{font-size:18px; display:block; width:100px; height:44px; line-height:44px; border-bottom:2px solid #FFFFFF;transition:2s;text-decoration:none;}
.nav ul li a:hover,.nav ul li.li a{ border-bottom:2px solid #DF155C;transition:0.5s;}
.bander{ width:100%; height:550px; margin:0 auto;}
.bander img{ width:100%; height:100%;}
#frame{position:absolute;width:1903px;height:550px;overflow:hidden;border-radius:5px}
#dis{position:absolute;left:-50px;top:-10px;opacity:.5}
#dis li{display:inline-block;width:1903px;height:20px;margin:0 50px;float:left;text-align:center;color:#fff;border-radius:10px;background:#000}
#photos img{float:left;width:1903px;height:550px}
#photos {  position: absolute;z-index:9;  width: calc(1903px * 2);/*---修改图片数量的话需要修改下面的动画参数*/  }
.play{ animation: ma 10s ease-out infinite alternate;}
@keyframes ma {
	0%,45% {margin-left:0px;}
	50%,100% {margin-left:-1903px;}
}
.sou_bg{ width:100%; height:100px; background:#FAFAFA}
.sou{ width:1000px; margin:0 auto; padding-top:25px; padding-bottom:25px; display:table;}
.sou_l{ width:185px; height:50px; background:url(sou.png) no-repeat; float:left}
.sou_r{ width:800px; float:right; height:50px; padding-top:5px;}
.sou_txt{ width:698px; height:38px; line-height:38px; padding-left:5px; padding-right:5px; border:1px solid #DDDDDD; font-size:16px; float:left;outline:none;transition:1s;}
.sou_txt:hover{border:1px solid #1E50AE;transition:1s;}
.sou_btn{ width:100px; height:38px; background:#1E50AE; border:none; text-align:center; line-height:40px; color:#FFFFFF; font-size:16px;outline:none;}
.in1_bg{ width:100%;}
.in1{ width:1000px; margin:0 auto; display:table;}
.in_tit{ width:1000px; text-align:center; height:50px; line-height:50px; color:#1E50AE; font-size:28px; margin-top:25px;}
.in_tits{ width:1000px; margin-top:10px; text-align:center; height:50px; line-height:50px; color:#666666; background:url(in_tits.png) bottom no-repeat;}
.in_cont{ width:1000px;margin:0 auto; margin-bottom:30px;display:table;}
.in_cont ul{ width:990px; margin:0 auto; height:100%;}
.in_cont ul li{ float:left; width:165px; height:180px;font-size:18px; text-align:center;}
.in_cont ul li b{width:165px; height:90px; margin-top:40px;transition:0.5s; display:block}
.in_cont ul li.li1 b{ background:url(in_li1.png) no-repeat center;}
.in_cont ul li.li2 b{ background:url(in_li2.png) no-repeat center;}
.in_cont ul li.li3 b{ background:url(in_li3.png) no-repeat center;}
.in_cont ul li.li4 b{ background:url(in_li4.png) no-repeat center;}
.in_cont ul li.li5 b{ background:url(in_li5.png) no-repeat center;}
.in_cont ul li.li6 b{ background:url(in_li6.png) no-repeat center;}
.in_cont ul li:hover{color:#1E50AE;transition:0.5s;}
.in_cont ul li:hover b{transform:rotate(360deg);transition:0.5s; color:#D10615;}
.in2_bg{ width:100%; height:520px; background:url(in2_bg.jpg) no-repeat top;}
.in2{ width:50%; height:100%; float:right; background:url(in_rbg.png);}
.in2_r{ width:450px; padding-left:50px; height:100%; color:#FFFFFF}
.in2_rt{ margin-top:180px; line-height:35px;font-size:24px}
.in2_rc{ line-height:40px; height:40px;}
.in2_rb{ width:100px; text-align:center; background:#FFFFFF;border-radius:20px; color:#1E50AE; height:30px; line-height:30px;}
.in3_bg{ width:100%; height:550px; display:table}
.in3{ width:1000px; margin:0 auto;}
.in3_c{ width:990px; margin:0 auto;}
.in3_c ul{ width:100%;}
.in3_c ul li{ width:330px; float:left; text-align:center; color:#1E50AE}
.in3_ct,.in3_cc,.in3_cb{ width:100%; margin-top:10px; font-size:18px; line-height:30px;}
.in3_ct{ margin-top:50px;}
.in3_ct img{ width:242px; margin:0 auto; height:282px;transition:1s;border-radius:50%;}
.in3_ct a:hover img{transform:scale(1.1,1.1);transition:0.5s;}
.in4_bg{ width:100%; height:530px; background:url(in4_bg.png);}
.in4{ width:1000px; margin:0 auto; height:530px; color:#FFFFFF}
.in4_t{ width:100%; text-align:center; font-size:24px; padding-top:30px; height:70px; line-height:70px;}
.in4_ts{  width:100%; height:30px;text-align:center; font-size:14px;}
.in4_c{ width:100%; height:400px;}
.in4_cl{ width:300px; height:100%; float:left; background:url(in4_img.png) no-repeat center;}
.in4_cr{ width:700px; padding-top:20px; float:right;}
.in4_cr ul li{ float:left; padding-left:19px; width:330px; border-left:1px solid #FFFFFF; height:35px; line-height:35px;}
.in4_cr ul li a{ width:100%; height:100%; display:block; color:#FFFFFF;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in4_cr ul li a:hover{ text-decoration:underline}
.in5{ width:1000px; margin:0 auto;}
.in5_t{ width:100%; height:60px; line-height:30px; font-size:16px; margin-top:30px;text-indent:2em;}
.in5_c{ width:100%; text-align:center; margin-top:50px; margin-bottom:50px;}
.in5_c img{ width:893px; height:314px;transition:0.5s;}
.in5_c img:hover{transform:scale(1.1,1.1);transition:0.5s;}
.in6_bg{ width:100%; height:500px; padding-top:30px; background:#FAFAFA;}
.in6{ width:1224px; margin:0 auto; height:100%;}
.in6_l{ float:left; width:450px; height:100%; background:url(in6.png) top left no-repeat;}
.in6_r{ float:right; width:700px; margin-right:56px;}
.in6_rt{ height:50px; line-height:50px; font-weight:bold; font-size:36px}
.in6_rt a{ color:#1E50AE;}
.in6_rt a:hover{ text-decoration:none}
.in6_rc{text-indent:2em; width:100%; height:392px; margin-top:27px;overflow: hidden;text-overflow: ellipsis;letter-spacing:0.1em;}
.boot{ width:100%; height:250px; background:#272727;}
.copy{ width:1000px; margin:0 auto; height:100%; color:#FFFFFF}
.boot_l{ width:500px; line-height:50px; padding-top:50px; float:left; font-size:16px;}
.boot_r{ width:500px; float:right; padding-top:40px; text-align:right}
.boot_r img{ width:137px; height:170px;transition:0.5s;}
.boot_r img:hover{transform:scale(1.4,1.4);transition:0.5s;}
.boot_img{ margin-right:50px;}
.cont{ width:1400px; margin:0 auto; display:table;}
.left{ width:200px; float:left;/*background: linear-gradient(#CCCCCC,#272727);*/ background: linear-gradient(to bottom,#CCCCCC,#1E50AE); padding-bottom:20px;display:table}
.lnav{ width:100%; display:table;}
.lnav ul{ width:100%}
.lnav ul li{ width:100%;}
.lnav ul li a{ display:block; margin:0 auto; margin-top:20px; background:#FFFFFF; width:80%; height:40px; line-height:40px; text-align:center; color:#1E50AE; font-size:18px;border-radius:20px; text-decoration:none}
.lnav ul li a:hover{ color:#FF0062}
.lewm{ width:100%; text-align:center;}
.lewm img{width:137px; height:170px;transition:0.5s; margin-top:20px;}
.lewm img:hover{transform:scale(1.2,1.2);transition:0.5s;}
.right{ width:1000px; margin-right:200px; float:right; display:table;}
.dh{height:50px; border-bottom:2px solid #1E50AE; padding-left:20px; line-height:50px; font-size:20px;color:#1E50AE; font-weight:bold;/*background:linear-gradient(to right,#CCCCCC,#272727);*/}
.dh span{ float:right;font-size:12px;}
.con_t{ height:50px; width:100%; text-align:center; line-height:50px;font-size:24px;color:#1E50AE; margin-top:20px;}
.con{ width:90%;display:table; padding:5%; font-size:16px}
.con img{ max-width:99%;}
.fbt{ width:90%; margin-left:5%; margin-right:5%; text-align:center; height:30px; line-height:30px; border-bottom:1px dashed #CCCCCC; color:#999999; font-size:12px}
.news,.news ul,.pic,.pic ul{ width:100%; display:table;}
.news ul li{ border-bottom:1px dashed #1E50AE; height:35px; line-height:35px; width:100%;}
.news ul li span{ float:right; font-size:12px}
.news ul li a{ width:100%; height:100%; display:block;}
.pic ul li{ width:100%; height:320px;margin-top:40px; border-bottom:1px dashed #CCCCCC}
.pic_l{ width:240px; height:100%; float:left;}
.pic_r{ width:630px; height:100%; float:right}
.pic ul li img{ width:240px; height:282px;transition:1s;border-radius:50%;}
.pic ul li img:hover{transform:scale(1.1,1.1);transition:0.5s;}
.pic_r a{ color:#1E50AE}
.pic_r a:hover{ color:#DF155C;}
.pic_r1{ width:100%; height:50px; line-height:50px; font-weight:bold; font-size:24px;}
.pic_r2{ height:30px; line-height:30px;color:#1E50AE}
.pic_r2 span{ float:right;font-size: 18px;}
.pic_r3{ text-indent:2em;}