@charset "utf-8";
*{ margin:0; padding:0; border:0; list-style:none; list-style-image:none;  list-style-type:none;box-sizing:border-box;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,select,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
body,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,big,cite,code,del,dfn,em,font,img,ins,kbd,amp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend, table,caption,th,td{ margin: 0; padding: 0; }
a{ color:#000; text-decoration:none; }
a:hover{ color:#FFF; text-decoration:none; }
a:active{outline:0 none;}
a{ cursor:pointer; text-decoration:none; hide-focus: expression(this.hideFocus=true); outline:none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
a:focus{outline:0 none; }
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
input,select,textarea,button{font-size:1em;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
button,input[type=button],input[type=submit]{cursor:pointer;}
button::-moz-focus-inner,button::-moz-focus-outer,input::-moz-focus-inner,input::-moz-focus-outer{border:0 none;padding:0;margin:0;}
input[type=search]{-webkit-appearance:textfield}
textarea{resize:vertical;overflow-y:auto;}
table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit;}
fieldset,img,iframe{border:0 none;}
img{display:inline-block;vertical-align:bottom;-ms-interpolation-mode:bicubic}
iframe{display:block;}
ul,ol{list-style:none;}
li{vertical-align:top;}
em,i,b,h1,h2,h3,h4{ font-style:normal; font-weight:bold;}
strong{font-weight:bold;}
.clear{ margin:0; padding:0; clear:both;}
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix { zoom:1; *zoom:1;}
.relative {position:relative;}
.absolute {position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
p{font-size:18px;color:#666;line-height:30px;font-weight:lighter;text-align:justify;text-justify:inter-ideograph;}
.center{margin:0 auto;text-align: center;}
.content{width:1200px;margin:0 auto;}
body{ overflow-x:hidden;background:#fff; margin:0px; padding:0px; border:0; color:#333;font-family:"Microsoft YaHeiLight","Microsoft YaHei","微软雅黑","Tahoma","宋体";  }
.trans-n{transition:all ease-in-out 0.2s;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;-ms-transition:all ease-in-out 0.2s;animation:all ease-in-out 0.2s;}
.trans-n:hover{transition:all ease-in-out 0.2s;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;-ms-transition:all ease-in-out 0.2s;animation:all ease-in-out 0.2s;}
/*   -------------------       */
.zxbox{width:442px;margin:0;}
.docpic-zx{left:39px;bottom:20px;}
.swtbtn{display:table;margin:0 auto;width:200px;height:200px;background:#cb091a;border-radius:50%;}
.swtbtn:hover{background:#ec1326;}
.zxbtn{margin:13px auto 0;padding-top:35px;width:174px;height:174px;border:2px solid #fff;font-size:32px;color:#fff;line-height:1.3;font-weight:lighter;text-align:center;border-radius:50%;box-sizing:border-box;}
.zxbtn img{margin-top:10px;}
.zxbtn2{display:table;margin-top:30px;padding:0 30px;font-size:20px;line-height:50px;color:#fff;border:2px solid #cb091a;text-align:center;background:#cb091a;}
.zxbtn2:hover{color:#cb091a;background:none;}
.zxbtn3{display:inline-block;margin-top:30px;padding:0 30px;font-size:20px;line-height:46px;color:#cb091a;border:2px solid #cb091a;text-align:center;}
.zxbtn3:hover{background:#cb091a;color:#fff;}
.banner{height: 700px;width: 100%;background: url(../images/banner.jpg) center  no-repeat;margin:0 auto;}
.nav{background:#2e2e2e;width:100%;z-index:100;}
.nav li{float:left;width:150px;height:70px;font-size:22px;color:#fff;line-height:70px;text-align:center;cursor:pointer;}
.nav li:hover,.nav li.hover{background:#cb091a;}
.layout1{padding:70px 0;margin-top:70px;}
.layout1 .docpic{float:left;margin-right:40px;}
.layout1 .docpic a{position:absolute;left:0;top:0;display:block;width:600px;height:415px;background: rgba(0,0,0,0.3);z-index:1;}
.layout1 .docpic em{display: block;height:73px;left:50%;position: absolute;top:50%;margin:-36px 0 0 -36px;width: 73px;background:url(http://www.sh-shuguang.com/images/ico.png) no-repeat -166px -91px;opacity:0.7;transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;animation:all ease-in-out 0.3s;}
.layout1 .docpic a:hover em{opacity:1;transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;animation:all ease-in-out 0.3s;}
.layout1 .profiles{display:table;}
.layout1  .layout1-line{display:table;margin-right:30px;float:left;width:5px;height:95px;background:#cb091a;}
.layout1 h1{margin-bottom:20px;font-size:50px;line-height:1;font-weight:lighter;}
.layout1 h2{font-size:22px;line-height:1;font-weight:lighter;}
.layout1 .zc{padding-top:30px;}
.layout1 .zc li{font-size:18px;line-height:32px;}
.layout1 .tag{padding:30px 0;}
.layout1 .tag li{float:left;margin:0 10px;padding-top:28px;text-align:center;width:111px;height:83px;font-size:20px;font-weight:bold;background:url(../images/tag-bg.png) no-repeat left top;}
.layout1 p{padding-top:30px;}
.layout2{padding:70px 0;background: #e5f6ff;}
.layout2 .zt-title .line span{background:#e5f6ff;}
.layout2 ul{margin-top:70px;}
.layout2 li{float:left;width:300px;height:241px;}
.layout2 li h3{padding-top:30px;font-size:24px;text-align:center;}
.layout2 li p{padding:20px 20px 0;}
.layout2 li.bg1{background:#fff;}
.layout2 li.bg2{background:#7bcaf3;color:#fff;}
.layout2 li.bg2 p{color:#fff;}
.layout3{padding:70px 0 0;}
.layout3-slide{margin-top:70px;}
.layout3 img{float:left;}
.layout3-right{float:right;width:536px;}
.layout3-right h2{margin-top:60px;font-size:48px;font-weight:lighter;line-height:1.3;}
.layout3-right h3{margin-bottom:40px;font-size:36px;line-height:1;}
.layout3-right h3 span{font-size:50px;}
.layout3-line{margin:15px 0 40px;width:100px;height:1px;background:#a0000f;}
.layout3 .zt-title .line span{width:220px;}
.layout3-nav{position:absolute;bottom:0;right:0;}
.layout3-nav span{display:inline-block;margin:5px;border-radius:50%;width:15px;height:15px;background:#ada6a8;cursor:pointer;}
.layout3-nav span.active{background:#cb091a;}
.layout4{padding:70px 0;}
.layout4 .zt-title .line span{width:220px;}
.layout4-content > img{float:right;margin-top:12px;}
.layout4-txt{padding:30px 80px;}
.layout4-txt span{color:#a0000f;}
.layout4-box{position:absolute;top:0;left:0;width:1180px;height:690px;border:5px solid #02919b;}
.layout4-left{float:left;width:610px;padding:60px 60px 0;}
.layout4-left h3{display:table;margin:0 auto;font-size:36px;text-align:center;}
.layout4-left h3 img{float:left;margin-right:10px;}
.layout4-left p{padding:30px 0;}
.layout4-left .zxbtn2{display:table;margin:45px auto 0;}
.layout4-content2 .layout4-left{padding-top:60px;}
.zt-title h2{font-size:50px;line-height:50px;text-align:center;font-weight:bold;}
.zt-title em{width:13px;height:13px;line-height:50px;font-size:30px;}
.zt-title{display:table;margin:0 auto;}
.zt-title h2 strong{float:left;}
.zt-title .desc{float:left;margin:20px 26px 0;border-radius:50%;width:12px;height:12px;background:#333;}
p.title-p{font-size:24px;color:#333;text-align:center;}
.zt-title .line{position:relative;height:50px;text-align:center;}
.zt-title .line p{position:absolute;top:50%;width:100%;height:1px;background:#cdcfd3;}
.zt-title .line span{position:absolute;top:50%;left:50%;margin:-10px 0 0 -90px;width:180px;height:20px;font-size:20px;line-height:20px;background:#fff;color:#cdcfd3;}
.layout5{padding:70px 0;}
.layout5 .line span{background:#fff;}
.layout5 .layout5-list{padding-top:40px;width:1198px;height:717px;overflow:hidden;}
.layout5 .layout5-list li{float:left;width:1198px;height:677px;}
.layout5 .layout5-list li.one{background:url(../images/layout5-bg1.jpg) no-repeat;}
.layout5 .layout5-list li.two{background:url(../images/layout5-bg2.jpg) no-repeat;}
.layout5 .layout5-list li.three{background:url(../images/layout5-bg3.jpg) no-repeat;}
.layout5 .layout5-nav{bottom:20px;left:50%;margin-left:-32px;}
.layout5 .layout5-nav li{float:left;margin-right:10px;border-radius:50%;width:15px;height:15px;background:#ada6a8;cursor:pointer;}
.layout5 .layout5-nav li.active{background:#cb091a;}
.layout5 .layout5-list-content{margin:166px 0 0 48px;padding:95px 45px 0;width:459px;height:384px;}
.layout5 .layout5-list-content h3{font-size:40px;color:#333;text-align:center;line-height:40px;font-weight:lighter;}
.layout5 .layout5-list-content p{padding-top:40px;}
.layout6{padding:70px 0 0;background:#eeeff4;}
.layout6 .content{height:873px;}
.layout6 .content > img{position:absolute;bottom:0;left:0;z-index:1;}
.layout6 .zt-title{position:relative;z-index:10;}
.layout6 .zt-title span{background:#eeeff4;}
.layout6-zs-list{position:relative;float:right;margin-top:100px;width:578px;}
.layout6 .swtbtn{position:absolute;left:150px;bottom:110px;}
.layout7{width:100%;height:720px;background:#021126 url(../images/layout7-bg.jpg) center no-repeat;}
.layout7 .layout7-content{float:right;width:400px;height:436px;margin:284px 381px 0 0;padding:50px 20px 0 25px;color:#d1d1d1;}
.layout7-content h2{font-size:40px;line-height:58px;font-weight:bold;}
.layout7-content p{padding-top:35px;font-size:30px;color:#d1d1d1;line-height:34px;}
.layout7 .layout7-zxbtn{margin:32px 0 0;width:156px;height:40px;border:2px solid #cb091a;display:block;color:#cb091a;line-height:36px;text-align: center;font-size:18px;}
.layout7 a:hover{background:#cb091a;color:#fff;}
.layout8{padding:70px 0;}
.layout8 .line span{margin-left:-150px;width:300px;background:#fff;}
.layout8 .xm-box{padding-top:30px;}
.layout8 .xm-box .pre-btn{float:left;margin-right:13px;margin-top:82px;width:17px;height:55px;background:url(../images/zt-prebtn.png) no-repeat;}
.layout8 .xm-box .next-btn{float:right;margin-top:82px;width:17px;height:55px;background:url(../images/zt-nextbtn.png) no-repeat;}
.layout8 .xm-list{float:left;}
.layout8 .xm-list li{float:left;margin:0 20px;}
.anli{padding:70px 0;background:#e5f6ff;}
.anli .zt-title span{background:#e5f6ff;}
.anli .anli-list{margin-top:45px;}
.anli .anli-list .no-text img{margin-bottom:10px;}
.anli .anli-list li{float:left;width:574px;margin-right:52px;margin-bottom:30px;padding:10px 10px 0;background:#fff;border:1px solid #f0f0f0;}
.anli .anli-list li:nth-child(even){margin-right:0;}
.anli .anli-list li p{font-size:18px;line-height:53px;text-align:center;}
.nav-list{margin-bottom:30px;width:100%;text-align:center;}
.nav-list span{display:inline-block;margin:5px;border-radius:50%;width:15px;height:15px;background:#ada6a8;cursor:pointer;}
.nav-list span.active{background:#cb091a;}