@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;}
p span{color:#cb091a;}
.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;}
.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;}
.zt-title h2{font-size:50px;line-height:50px;font-weight:bold;}
.zt-title{text-align:center;}
.zt-title h2 strong{float:left;}
.zt-title h3{margin-top:20px;font-size:24px;font-weight:lighter;}
.zt-title .desc{float:left;margin:20px 26px 0;border-radius:50%;width:12px;height:12px;background:#000;}
.zt-title p{padding:20px 0;font-size:30px;font-weight:lighter;}
.zt-title p.title-p{padding:10px 0;font-size:18px;line-height:30px;}
.zt-title .line{width:100px;height:1px;background:#cb091a;margin:0 auto;}
.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:#8a8a8a;color:#cdcfd3;}
.layout1{padding:45px 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-top:70px;height:916px;background: url(../images/layout2-bg.jpg) center  no-repeat;}
.layout2-content{float:right;padding:50px 30px;width:588px;background-color:rgba(255,255,255,.65);}
.layout2-content h2{font-size:50px;text-align:center;}
.layout2-content h3{font-size:24px;text-align:center;font-weight:lighter;}
.layout2-content p {padding:40px 0;}
.layout2 .swtbtn{float:right;margin:570px 35px 0 0;}
.layout3{height:787px;background: url(../images/layout3-bg.jpg) center  no-repeat;}
.layout3-r{float:right;margin-right:-137px;overflow-x:hidden;}
.layout3-l{float:left;padding-top:70px;width:560px;}
.layout3-l h2{font-size:50px;}
.layout3-l p{padding-top:30px;font-size:24px;line-height:36px;}
.layout3-l ul{margin:50px 0 20px 0;}
.layout3-l li{position:relative;float:left;margin:0 30px 0 0;width:125px;text-align:center;}
.layout3-l li .desc{display:none;position:absolute;top:0;left:0;padding-top:38px;width:125px;height:125px;background-color:rgba(0,0,0,.8);background:#000;opacity:.8;color:#cbcbcb;font-size:22px;line-height:24px;border-radius:50%;}
.layout3-l li img{border-radius:50%;}
.layout3-l li a{font-size:18px;line-height:58px;}
.layout3-l li a:hover{color:#cb091a;}
.layout3 .swtbtn{float:right;margin:486px 180px 0 0;}
.layout4{padding-top:70px;height:980px;background: url(../images/layout4-bg.jpg) center  no-repeat;}
.layout4 img{float:right;padding-top:80px;}
.layout4-content{float:right;padding-right:10px;width:630px;}
.layout4-content h3{margin-top:20px;font-size:24px;font-weight:lighter;text-align:center;}
.layout4-content p {padding:30px 0;}
.layout4-content .zxbtn2{margin:460px auto 0;}
.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:80px 45px 0;width:464px;height:379px;}
.layout5 .layout5-list-content h3{font-size:40px;color:#cb091a;text-align:center;line-height:1.2;font-weight:lighter;}
.layout5 .layout5-list-content p{padding-top:40px;}
.layout6{width:100%;height:720px;background:#021126 url(../images/layout6-bg.jpg) center no-repeat;}
.layout6 .layout6-content{float:right;width:400px;height:436px;margin:284px 381px 0 0;padding:50px 20px 0 25px;color:#d1d1d1;}
.layout6-content h2{font-size:50px;line-height:58px;font-weight:bold;}
.layout6-content p{padding-top:35px;font-size:30px;color:#d1d1d1;line-height:1.2;}
.layout6 .layout6-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;}
.layout6 a:hover{background:#cb091a;color:#fff;}
.layout7{padding:70px 0 0;}
.layout7-content{margin-top:30px;width:100%;height:922px;background:url(../images/layout7-img.jpg) center no-repeat;}
.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 0;}
.anli .anli-list{margin-top:45px;}
.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;}