html,body {
margin:0;
padding:0;
font:"Microsoft Yahei","微软雅黑";
min-width:1200px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*{font-family:"微软雅黑"}
img{margin:0;padding:0;border:none; -ms-interpolation-mode: bicubic;}
a {
color: #000;
text-decoration: none;
border:none;
-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;
}
a:hover{text-decoration:none;}
ul,li,p{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
.cle{clear:both;}

/* 浏览器升级 */
#update_browser_plz {
    display: none;
}

/*默认选中文字样式*/
::selection {
background:#ffc600;
color:#Fff;
}
::-moz-selection {
background:#ffc600;
color:#Fff;
}
::-webkit-selection {
background:#ffc600;
color:#Fff;
}

.fixed{left: 0;margin: 0;padding: 0;position: fixed;width: 100%;}
.nav{position: absolute;z-index: 100000;top: 24px;right: 30px;width:800px;font-family:"微软雅黑";overflow:visible}
#navigation,#navigation li ul {list-style-type:none;overflow:visible;text-align:right}
#navigation li{float:right;margin:0 0 0 40px;height:38px;line-height:38px;text-align:center;overflow:visible;display:block;font-size:18px;position:relative;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#navigation li a{text-decoration:none;display:block;color:#fff}
#navigation li:hover,#navigation li.non{color:#fcdc4c;border-bottom:2px solid #fcdc4c}
#navigation li:hover a,#navigation li.non a{color:#fff}
#navigation li ul {display:none;position:absolute;top:38px;left:0px;margin-top:0px;z-index:10;border:0;width:100%;padding-top:10px}
#navigation li:hover ul li{display:block;margin:0;line-height:35px;width:100%;padding:0;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity:0.8;border-bottom:1px solid #aecbe6}
#navigation li:hover ul li:hover{border-bottom:1px solid #fcdc4c;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1}
#navigation li:hover ul li a,#navigation li ul li a{color:#fff;font-weight:normal;font-size:15px;}
#navigation li:hover ul li:hover a{color:#fcdc4c;}

#navigation li ul.topsub{width:200px;left:-64px;padding:0 0 0 0;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
#navigation li ul.topsub li{border:0;height:auto;line-height:20px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;}
#navigation li ul.topsubg li{background:#2c77bb;}
#navigation li ul.topsub li:hover{border:0}
#navigation li:hover ul.topsub li a{display:block;border:1px solid #eee;border-top:0;background:#2c77bb;color:#fff;margin:0;padding:6px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity:0.7;}
#navigation li:hover ul.topsub li a.topbtn:hover{border:1px solid #fcdc4c;border-top:0;color:#fcdc4c;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;}
#navigation li:hover ul.topsub li a.sbon{background:#2c77bb;border:1px solid #2c77bb;color:#fff;cursor:default}
#navigation li:hover ul.topsub li a.sbiaoti,#navigation li:hover ul.topsub li a.sbiaoti:hover{margin-top:10px;background:#fcdc4c;border:1px solid #fcdc4c;color:#000;font-weight:bold;cursor:default;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}

.navbg{position:absolute;top:24px;right:0;width:56%;height:40px;background:#1e5491;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;opacity:0.4;z-index:100;border-radius:30px 0 0 30px;-moz-border-radius:30px 0 0 30px;-webkit-border-radius:30px 0 0 30px;-o-border-radius:30px 0 0 30px}

/*移动端菜单响应式*/
.menu2{display:none;position: absolute;z-index: 8;top: 20px;right: 15px;margin:0;padding:2px 5px;cursor: pointer;}

.menuico1 li{background:#fff;margin:4px 0;width:25px;height:4px;font-size:1px;color:#fff;border-radius:2px;text-indent:-99999px;}
.menuico2 li{background:#7a8799;margin:4px 0;width:25px;height:4px;font-size:1px;color:#fff;border-radius:2px;text-indent:-99999px;}

.menuclos{display:none;}

/*TOPVE主屏底部*/
.mainfootl{position: absolute;z-index: 800;bottom: 15px;left: 15px;font-size:12px;color:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity:0.6;font:"Microsoft Yahei","微软雅黑";}
.mainfootl ul{margin:0;padding:0;text-align: center;overflow:hidden;}
.mainfootl ul li{float:left;margin:0 5px 0 0;padding:0;overflow:hidden;}
.mainfootl ul li p{margin:0;padding:0;}
.mainfootl ul li img{}
.mainfootl ul a{display:block;width:30px;height:30px;color:#fff;}

.based a{margin:5px 0 0 5px;padding:0;max-width:20px;max-height:20px;border:1px solid #fff;text-align:center;line-height:20px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s}
.based a:hover{background:#fcf41f;color:#000;border:1px solid #fcf41f;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px}

.mainfootl p{margin:5px 0 0;padding:0;font-size:10px;line-height: 14px;color:#fff;opacity:0.6;}
.mainfootr{position: absolute;z-index: 7;bottom: 15px;right: 20px;color:#fff;text-align:right;font:"Microsoft Yahei","微软雅黑";}
.mainfootr a{color:#fff;}
.mainfootrinfo{float:right;margin:0 10px 0 0;font-size:13px;color:#fff;opacity:0.6;}
.mainfootrinfo a{color:#fff;}

#soundkg{
 float:right;
 font:bold 12px "arial";color:#fff;cursor:pointer;line-height:24px;display: inline-block;
 -moz-user-select: none;
 -khtml-user-select: none;
 user-select: none;
}
#soundkg:hover{color:#fcf41f;}
#soundkg img{margin:0 3px 0 0;}

/*TOPVE主屏BANNER*/
.banner{width:100%;height:100%;position: absolute;height:100%;z-index: 7;}
.banner img{max-width:800px;width:100%;}
.banner p{padding:0;text-align:center;}

.banner1{position: absolute;left:0;top:50%;padding:0 10% 0;width: 80%;margin:-160px auto 0;overflow: hidden;z-index:80}
.binfoa1{color:#e1e9f5;text-align:center}
.banb .binfoa1{color:#fff}
.binfop1{font-family: Century Gothic,"微软雅黑";line-height:120%;margin:15px 0;padding:0;font-size:4em;letter-spacing: 15px;text-indent:15px}
.binfop2{font-family:Georgia, "Times New Roman", Times, serif;line-height:100%;margin:0;padding:0;font-size:2.5em;}
.binfoa2{font-family: "微软雅黑",Hiragino Sans GB;line-height:150%;color:#cad8e5;text-align:center;margin:15px 0 30px;font-size:1em;}
.banb .binfoa2{color:#eee}
.bannerbtn {margin:0;padding:0;width:100%;height:100%;text-align:center;}
.bannerbtn a{display:inline-block;margin:0 auto;border:1px solid #fcf41f;color:#fcf41f;border-radius:5px;padding:5px 30px;opacity:0.8;-webkit-box-shadow:0 1px 5px 0 #666; -moz-box-shadow:0 1px 5px 0 #666; -0-box-shadow:0 1px 5px 0 #666;box-shadow:0 1px 5px 0 #666}
.bannerbtn a:hover{background:#fcf41f;color:#000;opacity:1}

/*TOPVE主屏旋转线条*/
.mainline{position:absolute;z-index: 6;top:0;left:0;width:100%;height:100%;}
.mainl1{
position:absolute;top:50%;left:50%;
background:#fcdc4c;
margin:-180px 0 0 198px;
width:200px;
height:1px;
}

.mainl2{
position:absolute;top:50%;left:50%;
background:#fcdc4c;
margin:-215px 0 0 155px;
width:80px;
height:1px;

}
.mainl3{
position:absolute;top:50%;left:50%;
background:#fcdc4c;
margin:-147px 0 0 226px;
width:60px;
height:1px;

}
.mainl4{
position:absolute;top:50%;left:50%;
background:#fcdc4c;
margin:200px 0 0 -180px;
width:220px;
height:1px;

}
.mainl5{
position:absolute;top:50%;left:50%;
background:#fcdc4c;
margin:160px 0 0 -218px;
width:100px;
height:1px;

}
.mainl6{
position:absolute;top:50%;left:50%;
background:#fcdc4c;
margin:224px 0 0 -143px;
width:70px;
height:1px;

}
.mainline2{
 position:absolute;z-index: 6;top:50%;left:50%;
 margin:-500px 0 0 -500px;width:1000px;height:1000px;
 border-left: 1px solid rgba(255,255,255,.2);
 border-right: 1px solid rgba(255,255,255,.2);
 border-bottom: 1px solid rgba(255,255,255,.06);
 border-top: 1px solid rgba(255,255,255,.06);
 border-radius: 100%;
 transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 -o-transform: rotate(90deg);
}

.mainla{position:absolute;top:50%;left:50%;background:#fff;margin:0 0 0 -550px;width:200px;height:1px;opacity:.2;}
.mainlb{position:absolute;top:50%;left:50%;background:#fff;margin:0 0 0 350px;width:200px;height:1px;opacity:.2;}

.mainld1{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 -502px;width:4px;height:4px;border-radius: 100%;opacity:.2;}
.mainld2{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 498px;width:4px;height:4px;border-radius: 100%;opacity:.2;}
.mainld3{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 -401px;width:4px;height:4px;border-radius: 100%;opacity:.2;}
.mainld4{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 399px;width:4px;height:4px;border-radius: 100%;opacity:.2;}

.mainlr{
 position:absolute;top:50%;left:50%;
 background:rgba(0,10,50,.05);
 margin:-400px 0 0 -400px;width:800px;height:800px;
 border-left: 1px solid rgba(255,255,255,.2);
 border-right: 1px solid rgba(255,255,255,.2);
 border-bottom: 1px solid rgba(255,255,255,.06);
 border-top: 1px solid rgba(255,255,255,.06);
 border-radius: 100%;
}

/*TOPVE主屏背景遮罩层*/
.mainzz1{
 background:#03429d linear-gradient(to bottom right, rgba(13,70,128,1) , rgba(5,20,50,1));
 width:100%;
 height:100%;
 position:absolute;
 z-index:2;
 left:0;
 top:0;
 opacity: .5;
}
.mainzz2{
 background:url("../images/prx1.png") repeat scroll center 0;
 opacity: 0.1;
 min-width: 100%;
 min-height: 100%;
 width:auto;
 height:auto;
 position:absolute;
 z-index: 4;
}
.mainzz3 {
 background: url("../images/prx2.png") repeat scroll center 0;
 opacity: 0.07;
 min-width: 100%;
 min-height: 100%;
 width:auto;
 height:auto;
 position:absolute;
 z-index: 3;
}

/*轮换图*/
.fullSlide {position:relative;margin:0;width:100%;height:100%}
.fullSlide .bd {margin:0 auto;position:relative;height:100%;overflow:hidden}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:100%;text-align:center;position:relative;}
.fullSlide .bd li.banb fieldset{border:1px solid #e1e9f5;margin-bottom:34px;padding:20px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;display:inline-block;color:#fff}
.fullSlide .bd li.banb legend{padding:0 10px;font-family:Georgia, "Times New Roman", Times, serif;line-height:100%;font-size:2.5em;}

.fullSlide .hd {width:100%;position:absolute;z-index:1000;top:45%;left:20px;height:42px;line-height:35px;}
.fullSlide .hd ul {text-align:left}
.fullSlide .hd ul li{cursor:pointer;display:block;zoom:1;width:18px;height:18px;opacity:0.5;margin:15px 0 0 0;overflow:hidden;background:#fff;line-height:950px;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;-o-border-radius:18px;-webkit-box-shadow:0 1px 5px 0 #666; -moz-box-shadow:0 1px 5px 0 #666; -0-box-shadow:0 1px 5px 0 #666;box-shadow:0 1px 5px 0 #666}
.fullSlide .hd ul li:hover{opacity:1;}
.fullSlide .hd ul .on {background:#fcdc4c;opacity:1;}
.fullSlide .prev,.fullSlide .next {position:absolute;z-index:1;top:37%;left:0;z-index:1;width:42px;height:100px;font-size:60px;background:#333;cursor:pointer;opacity:1;display:none;color:#FFF;text-align:center;line-height:105px;overflow:hidden}
.fullSlide .next {left:auto;right:0}

#site-landing {
position:absolute;
left:0;
top:0;
height: 100%;
width: 100%;
z-index:10;
/*filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity:0.6;*/
}
/*背景设置*/
#research,#communication,#data{position:relative;overflow:hidden;height: 833px;}
#research{background-repeat:no-repeat;background-size:cover}
#communication{background-color:#666;background-repeat:no-repeat; background-position:center center;background-size:cover;}
#data{background-repeat:no-repeat;background-size:cover;position:relative}

.logo {position: absolute;z-index: 100;top: 20px;left: 20px;width:191px;}
.logo img{width:100%;}
.logo a{display:block;}
.movtopve{display:block;position:absolute;z-index:2;top:38px;left:230px;width:390px;height: 26px;overflow: hidden;}
.movtopve span{position:absolute;left: -390px;color:#e9ecef;font: 100% "微软雅黑"}

.topbg{background:#000;position:fixed;top:50%;left:0;width:0;height:6px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;z-index:9000}
.topcontent{position:fixed;top:100%;left:10%;z-index:9001;width:80%;height:0;background:#fff;color:#333;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;overflow-y:auto;overflow-x:hidden;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-webkit-box-shadow:0 1px 10px 0 #333; -moz-box-shadow:0 1px 10px 0 #333; -0-box-shadow:0 1px 10px 0 #333;box-shadow:0 1px 10px 0 #333}
.topcontent::-webkit-scrollbar {width: 5px;height: 1px;/*高宽分别对应横竖滚动条的尺寸*/}
.topcontent::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #3b80a3;/*滚动条里面小方块*/}
.topcontent::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #ddd;/*滚动条里面轨道*/}
.topcontent h2{position:fixed;font-size:20px;z-index:1000;border-bottom:1px solid #bbb;color:#fff;text-align:left;height:50px;line-height:50px;width:80%;margin:0 auto;text-indent:60px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;overflow:hidden;border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-o-border-radius:8px 8px 0 0;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */
background: #19bd9b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #19bd9b , #3b80a3); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #19bd9b , #3b80a3); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #19bd9b , #3b80a3); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #19bd9b , #3b80a3); /* Standard syntax */
}
.topclose{position:absolute;top:-40px;right:20px;z-index:9002;width:24px;height:24px;background:url(../images/close.png) no-repeat center center;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out;cursor:pointer;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity:0.5}
.topclose:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity:0.9}
.topcon{line-height:200%;color:#555;margin:60px auto 0 auto;font-size:15px;padding:70px 20px 30px 20px}
.topcon img{width:auto;max-width:100%;margin:15px auto}
.topcon strong{color:#333;font-size:16px}

.caselist li span,.caselist li h4,.infolist li a.ila h4,.stel,.floatitem a{background:url(../images/icons.png) no-repeat}
.infolist{padding:10px 0}
.infolist li{background:#fff;line-height:20px;font-size:13px;overflow:hidden;text-align:left;color:#777;margin:30px auto;padding:20px 30px 20px 20px;-webkit-box-shadow:0 0 7px 0 #e3e3e3; -moz-box-shadow:0 0 7px 0 #e3e3e3; -0-box-shadow:0 0 7px 0 #e3e3e3;box-shadow:0 0 7px 0 #e3e3e3;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.infolist li:hover{-webkit-box-shadow:0 1px 10px 0 #999; -moz-box-shadow:0 1px 10px 0 #999; -0-box-shadow:0 1px 10px 0 #999;box-shadow:0 1px 10px 0 #999}
.infolist li a.ila{display:block;width:220px;height:170px;position:relative;float:left;margin:0 35px 0 0;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;overflow:hidden;border:1px solid #eee}
.infolist li a.ila img{width:220px;height:170px; position:absolute;left:0;top:0;z-index:1}
.infolist li a.ila h3{width:220px;height:0;position:absolute;bottom:0;left:0;z-index:2;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;
background: #3b80a3; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient( #3b80a3 , #4a2f50); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#3b80a3, #4a2f50); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( #3b80a3, #4a2f50); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#3b80a3 , #4a2f50); /* Standard syntax */
}
.infolist li a.ila h4{background-position:-249px -881px;width:36px;height:36px;position:absolute;left:95px;top:10px;z-index:20;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.infolist li a.ila h4:hover{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;transform: rotate(360deg);-webkit-transform: 360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.infocon{line-height:22px}
.infocon a{color:#cc5402;margin-left:10px}
.infocon h3{font-size:16px;margin-bottom:14px;margin-top:4px}
.infocon h3 a{color:#333;margin-left:0}
.infocon span{display:block;font-size:12px;color:#999;float:right;font-weight:normal}
.infocon a.newsmore{display:inline-block;width:100px;height:24px;line-height:24px;border:1px solid #ff7f02;margin:20px 0 0 0;text-align:center;color:#ff7f02;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px}
.infocon a.newsmore:hover{background:#ff7f02;color:#fff}
#wdmore a.newsmore{margin:0}
.infocon i{display:inline-block;width:20px;height:20px;line-height:20px;margin-right:10px;text-align:center;color:#fff;background:#fb7300;font-style:normal;font-family:Arial, Helvetica, sans-serif;float:left;}
.infocon i.da{background:#90ba40}
.infocon p{display:inline-block}

.pages{text-align:center;padding:10px 0 50px 0}
.pages li{display:inline-block;width:26px;height:26px;line-height:26px;background:#666;color:#fff;margin-right:5px;font-family:"微软雅黑";font-size:13px;cursor:pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;overflow:hidden;}
.pages li.plong,.pages li.plong:hover{width:60px}
.pages li.plong:hover{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius6px}
.pages li.pon,.pages li:hover{background:#2c77bb;color:#FFF;font-weight:bold}
.pages li:hover{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px}
.pages li a{display:block;color:#FFF}
.pages li.pon a,.pages li:hover a{color:#FFF}

.topindex{width:100%;height:100%;display:none;position:absolute;left:0;top:0;z-index:8000}

.clear{clear:both}
.caselist{padding:40px 0 20px 0}
.caselist li{display:block;float:left;width:270px;height:340px;overflow:hidden;margin:0 20px 25px 10px;background:#fff;-webkit-box-shadow:0 0 10px 0 #e3e3e3; -moz-box-shadow:0 0 10px 0 #e3e3e3; -0-box-shadow:0 0 10px 0 #e3e3e3;box-shadow:0 0 10px 0 #e3e3e3;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
.caselist li:hover{-webkit-box-shadow:0 0 7px 0 #999; -moz-box-shadow:0 0 7px 0 #999; -0-box-shadow:0 0 7px 0 #999;box-shadow:0 0 7px 0 #999}
.caselist li a{display:block;width:270px;height:230px;position:relative;overflow:hidden}
.caselist li a img{width:270px;height:230px;position:absolute;bottom:0;left:0;z-index:1;}
.caselist li a h3{width:270px;height:0;position:absolute;bottom:0;left:0;z-index:2;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;
background: #3b80a3; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient( #3b80a3 , #4a2f50); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#3b80a3, #4a2f50); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( #3b80a3, #4a2f50); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#3b80a3 , #4a2f50); /* Standard syntax */
}
.caselist li a h4{background-position:-249px -881px;width:36px;height:36px;position:absolute;left:120px;top:10px;z-index:20;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.caselist li a h4:hover{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;transform: rotate(360deg);-webkit-transform: 360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.caselist li h2{font-size:14px;margin:10px 10px 8px 15px;height:40px;line-height:20px;font-weight:normal;overflow:hidden}
.caselist li i{display:inline-block;width:70px;height:26px;line-height:26px;text-align:center;border:1px solid #e5e5e5;-moz-border-radius:14px;-webkit-border-radius:14px;-o-border-radius:14px;border-radius:14px;margin-left:15px;color:#999;font-style:normal;font-size:12px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
.caselist li i:hover{border:1px solid #aaa;color:#333}
.caselist li span{display:inline-block;float:right;width:100px;height:28px;line-height:28px;color:#999;font-size:12px;background-position:0 5px;text-indent:22px}


.stopou{height:260px;width:100%;position:relative;overflow:hidden}
.stopou .nav{right:0;top:0}
.stopou .logo{top:12px;left:0}
.stopou .movtopve{top:30px;left:210px;}

.stopou #navigation li{/*border-left:1px solid #92a8bb;border-top:1px solid #92a8bb;*/height:66px;line-height:66px;margin:14px 0 0 40px}
.stopou #site-landing{background:url(../images/bgdot.png);filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity:0.3;z-index:12}

.stopcover{position:absolute;left:0;top:0;height:260px;z-index:11;width:100%;
background: #3b80a3; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #3b80a3 , #4a2f50); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #3b80a3, #4a2f50); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #3b80a3, #4a2f50); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #3b80a3 , #4a2f50); /* Standard syntax */
filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity:0.7;
}
.stopline{width:100%;position:absolute;left:0;top:0;z-index:12;height:80px;border-bottom:1px solid #92a8bb;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity:0.6;}
.stopnavou,.stopnavou2{position:absolute;left:0;top:0;z-index:13;width:100%;height:80px}
.stopnavou2{position:fixed;top:-84px;background:#fff;border-bottom:1px solid #d8d8d8;-webkit-box-shadow:0 1px 5px 0 #ddd; -moz-box-shadow:0 1px 5px 0 #ddd; -0-box-shadow:0 1px 5px 0 #ddd;box-shadow:0 1px 5px 0 #ddd}
.stopnavou2 .movtopve span{color:#333;}
.smenu{position:absolute;right:0;top:0;z-index:300;height:66px;line-height:66px;margin:14px 0 0 0;}
.smenu a{display:inline-block;margin-left:40px;height:66px;color:#333;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.smenu a:hover{border-bottom:2px solid #2c77bb}

.stopnav,.stitle,.scon,.caselist,.infolist,.cooperation,.sbot,.scopy{width:1200px;margin:0 auto;position:relative;}
.stopnav{height:80px;position:relative}
body.bgs{background:url(../images/bgsub.jpg)}
.stitle{padding-top:150px;color:#fff;}
.stitle h2{font-size:30px;font-weight:bold;margin-left:80px}
.stitle span{float:right;font-size:14px;color:#ababb6;margin-top:15px}
.stitle a{color:#fff;margin:0 5px}
.scon{background:#fff;padding:50px 40px;color:#555;line-height:240%;overflow:hidden;margin:40px auto;font-size:16px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.scon strong{color:#333;font-size:18px}
.scon img{max-width:100%;margin:10px auto}


.cooperation{padding:30px 0}
.cooperation li{float:left;width:170px;margin:15px;display:inline;-webkit-box-shadow:0 1px 10px 0 #ddd; -moz-box-shadow:0 1px 10px 0 #ddd; -0-box-shadow:0 1px 10px 0 #ddd;box-shadow:0 1px 10px 0 #ddd;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;overflow:hidden}
.cooperation li.cootit{-webkit-box-shadow:0 0 0 0 #ddd; -moz-box-shadow:0 0 0 0 #ddd; -0-box-shadow:0 0 0 0 #ddd;box-shadow:0 0 0 0 #ddd;width:100%;font-size:18px;margin:20px 15px 0 15px}

.cooperation li:hover{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px}
.cooperation a{display:block;width:170px;height:70px;overflow:hidden;position:relative;background:#fff;margin:0 auto}
.cooperation a img{width:170px;height:70px;position:absolute;bottom:0;left:0;z-index:1;}
.cooperation a h3{width:0;height:70px;position:absolute;bottom:0;left:0;z-index:2;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;
background: #3b80a3; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #3b80a3 , #4a2f50); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #3b80a3, #4a2f50); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #3b80a3, #4a2f50); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #3b80a3 , #4a2f50); /* Standard syntax */
}
.cooperation a h4{width:170px;height:70px;line-height:70px;font-size:14px;text-align:center;color:#fff;position:absolute;left:0;top:0;z-index:20;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}

.sbotou{width:100%;height:500px;background:#3d4045}
.sbot{padding:40px 0;color:#c7ccd1}
.sbotfi,.sbotse,.sbotth,.sbotfo{width:300px;float:left;font-size:14px;display:inline}
.sbotfi{width:380px}
.sbotse{width:430px;margin-left:50px}
.sbotth{width:340px;float:right}
.sbotfo{width:150px;float:right}
.stel{background-position:-249px 47px;line-height:180%;}
.stel p{line-height:340%;margin:15px 0 0 29px}
.swx{text-align:center;line-height:180%}
.swx img{width:150px;margin-bottom:8px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s}
.swx img:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px}

.sbot h2.sbotit{font-size:16px;color:#fff;margin:15px 0 25px 0}
.sbotfi a,.sbotse a{display:block;border:1px solid #666;color:#c7ccd1;float:left;margin:0 6px 15px 0;padding:3px 10px}
.sbotfi a:hover,.sbotse a:hover{border:1px solid #ddd;color:#fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px}
.sbot a.sbon{background:#2c77bb;border:1px solid #2c77bb;color:#fff;cursor:default}
.sbotfi a.sbiaoti,.sbotfi a.sbiaoti:hover,.sbotse a.sbiaoti,.sbotse a.sbiaoti:hover{border:0;color:#eee;font-weight:bold;padding:3px 0px;cursor:default}

.scopyou{background:#2c2d31;height:50px;line-height:50px;font-size:14px;color:#a3a4a8}
.scopyou a{color:#a3a4a8}
.scopyou span{float:right;text-align:right}
.scopyou span a{margin:0 8px}
.scopy a#based{display:inline-block;width:20px;height:20px;border:1px solid #fff;text-align:center;line-height:20px;margin-left:10px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s}
.scopy a#based:hover{background:#fcdc4c;color:#000;border:1px solid #fcdc4c;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px}

.sublist{width:100%;text-align:center;margin-bottom:40px}
.sublist a{display:inline-block;padding:5px 20px;border:1px solid #ddd;color:#333}
#hezuo{margin-bottom:20px}
#hezuo a{background:#fff}
#hezuo a.subon,.sublist a.subon{border:1px solid #2c77bb;background:#2c77bb;color:#fff}

.contit{padding-bottom:20px;border-bottom:1px solid #e3e3e3;margin-bottom:30px;text-align:center}
.contit h1{font-size:24px;font-weight:bold}
.contit span{font-size:14px;color:#999;font-weight:normal}
.protit{height:36px;line-height:36px;background:#f0f0f0;text-indent:20px;font-size:16px;font-weight:bold}
.protit span{float:right;margin-right:20px;font-size:14px;font-weight:normal}
.prenext{width:100%;line-height:200%;border-top:1px solid #e3e3e3;padding-top:20px;font-size:14px;margin-top:30px;text-align:center}
.prenext i{margin:0 15px}
.prenext strong{font-size:14px}

.floatitem{position:fixed;width:40px;bottom:50px;right:0;z-index:11;overflow:hidden}
.floatitem a{display:block;width:40px;height:40px;margin-bottom:4px}
.floatitem a#backtop{background-position:10px -197px;background-color:#2c77bb;}
.floatitem a#weixin{background-position:8px -260px;background-color:#2c77bb;}
.weixin{display:none;width:120px;height:150px;position:fixed;right:40px;bottom:54px;z-index:10;overflow:hidden;background:#fff;text-align:center;font-size:14px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;-webkit-box-shadow:0 0 7px 0 #ccc; -moz-box-shadow:0 0 7px 0 #ccc; -0-box-shadow:0 0 7px 0 #ccc;box-shadow:0 0 7px 0 #ccc}
.weixin img{width:120px;height:120px;}

/*客服留言CSS定义*/
.clpinglun{margin:0;width:96%;padding:20px 0;margin:0 0 50px 20px;background:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px}
.fdtc{width:100%;margin:0 auto;padding-top:10px;text-align:center}
.fdtc input,.fdtc textarea{display:inline-block;width:350px;border:1px solid #d5d5d5;height:40px;line-height:40px;padding:5px 10px;margin:0 30px 20px 0;color:#666;font-family:"微软雅黑";box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.fdtc textarea{width:730px;height:120px}
.fdtc input.plbtn{width:730px;text-align:center;color:#fff;height:40px;padding:0;line-height:40px;border:0;cursor:pointer;background:#2c77bb;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;font-size:18px}
.fdtc input.plbtn:hover{background:#135999}

/*网站内容CSS定义*/
.sikuai{text-align:left;padding-top:40px}
.sikuai li,.erkuai li{float:left;width:23%;height:450px;line-height:180%;text-align:center;margin:0 2% 0 0;border:1px solid #ddd;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.erkuai li{width:47%;margin:0 3% 0 0;height:auto;padding-bottom:30px}
.sikuai li h5,.erkuai li h5{font-size:18px;font-weight:bold;margin:10px 15px 8px 15px}
.erkuai li h5{text-align:left}
.sikuai li img,.erkuai li img{margin:0;width:100%;height:auto}
.sikuai li span,.erkuai li span{display:block;font-size:14px;padding:0 10px 0 15px;text-align:left;}

.aboutcon{text-align:center;background:url(../images/pic_about.jpg) no-repeat center top;padding-top:50px;color:#fff;height:480px;margin-bottom:30px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.aboutcon h5{text-align:center;font-size:28px;font-weight:bold;padding:10px 0}
.aboutcon span{font-size:20px;}

.lianxi{margin-top:20px}
.lianxi li{display:inline-block;height:70px;line-height:70px;;padding-left:20px;border:1px solid #e5e5e5;background:#fafafa;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;margin:20px 2% 0 0;width:47%;font-size:20px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.lianxi li img{margin:15px 15px 0 0;height:40px;float:left}

.wukuai li{width:47%;float:left;margin:0 3% 40px 0}
.wukuai li img{width:100%}
.wukuai li h5{text-align:left;font-size:18px;font-weight:bold;margin:10px 0 8px 0;border-left:4px solid #2c77bb;height:20px;line-height:20px;overflow:hidden;text-indent:10px}
.wukuai li span{display:block;font-size:14px;text-align:left;}
.picfloatr{float:right;padding-left:40px}
.datacj,.datajz,.datasl,.datatxt{width:100%;text-align:center}
.datacj li{display:inline-block;width:29%;margin:0 2%;background:#e8e8ef}
.datajz li,.datasl li,.datatxt li{float:left;width:29%;margin:0 2%;display:inline;height:400px;overflow:hidden;text-align:left;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */padding:10px}
.datajz li h5,.datasl li h5,.datatxt li h5{font-size:16px;font-weight:bold;text-align:center}
.datasl li{height:440px;background:#f4f4f4;margin-bottom:20px}
.datatxt li{height:160px;background:#f4f4f4;margin-bottom:20px}
.datasl li img,.datatxt li img{margin:0}

.roate-container{position:relative;margin:10% 0 0 0;width:559px;height:623px;background:url(../images/roate-bg.png) no-repeat}
.screen-bg{position:absolute;left:70px;top:220px;width:462px;height:374px;background-repeat:no-repeat;z-index:99}
.roate-item{position:absolute;left:0;top:0;width:8px;height:8px;border-radius:4px;font-size:0;background:url(../images/icon-item.png) no-repeat;z-index:9}
.icon-roate-1,.icon-roate-2,.icon-roate-3,.icon-roate-4{width:56px;height:56px;background-repeat:no-repeat}
.icon-sq-1{width:54px;height:43px;background:url(../images/icon-sq-1.png) no-repeat}
.icon-sq-2{width:28px;height:22px;background:url(../images/icon-sq-2.png) no-repeat}
#roate1{height:70%}
#roate2{height:30%}
.screen-bg{background-image:url(../images/bg3.png)}
.icon-roate-1{background-image:url(../images/ic_1.png)}
.icon-roate-2{background-image:url(../images/ic_2.png)}
.icon-roate-3{background-image:url(../images/ic_3.png)}
.icon-roate-4{background-image:url(../images/ic_4.png)}