@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;}
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;;line-height:30px;}
.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","微软雅黑","Arial","宋体";  }
.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:block;width:270px;height:50px;font-size:20px;line-height:46px;color:#fff;border:2px solid #cb091a;text-align:center;background:#cb091a;}
.zxbtn2:hover{color:#cb091a;background:none;}
.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;padding:0 40px;height:70px;font-size:22px;color:#fff;line-height:70px;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;}
.layout1{padding:45px 0;margin-top:70px;}
.layout1 .docpic{float:left;margin-right:30px;}
.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:25px;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;color:#666;font-weight:lighter;}
.layout2{height:913px;padding:45px 0;background:url(../images/layout2-bg.jpg) no-repeat center;}
.layout2 .swtbtn{float:right;margin:452px 110px 0 0;}
.layout3{padding:45px 0;}
.layout3 ul{padding:60px 0;}
.layout3 ul li{float:left;width:270px;margin-right:40px;}
.layout3 ul li img{border-radius:50%;border:6px solid #fff;-moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;}
.layout3 ul li:last-child{margin-right:0px;}
.layout3 ul li h3{margin:10px 0;font-size:24px;line-height:54px;font-weight:bold;text-align:center;border-bottom:1px solid #000;}
.layout4{padding:70px 0;background:#ededed;}
.content .title h2{font-size:50px;line-height:50px;font-weight:bold;}
.content .title{text-align:center;}
.content .title h2 strong{float:left;}
.content .title .desc{float:left;margin:20px 26px 0;border-radius:50%;width:12px;height:12px;background:#000;}
.content .title p{padding:20px 0;font-size:30px;font-weight:lighter;}
.content .title p.title-p{padding:10px 0;font-size:18px;}
.content .line{width:100px;height:1px;background:#cb091a;margin:0 auto;}
.content .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;}
.layout4 .anli-list{margin-top:45px;}
.layout4 .anli-list li{float:left;width:572px;margin-right:56px;margin-bottom:30px;padding:10px 10px 0;background:#fff;}
.layout4 .anli-list li:nth-child(even){margin-right:0;}
.layout4 .anli-list li p{font-size:18px;line-height:53px;text-align:center;}
.layout5{padding:70px 0 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;}
.layout6-box{padding:35px 0;}
.layout6-slide{float:left;padding:13px 13px 23px 13px;background:#000;}
.layout6-slide-list{width:340px;height:530px;overflow:hidden;}
.layout6-slide-list li{width:340px;height:530px;}
.layout6-slide-list p{height:70px;line-height:70px;text-align:center;color:#fff;}
.layout6-zs-list{float:right;width:828px;}
.layout6-zs-list li{float:left;margin:0 0 6px 6px;border:4px solid #696969;}
.layout6-slide-nav{margin-left:147px;}
.layout6-slide-nav li{float:left;margin-right:8px;border-radius:50%;width:10px;height:10px;background:#ada6a8;cursor:pointer;}
.layout6-slide-nav li.active{background:#cb091a;}
.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 30px 0;color:#d1d1d1;}
.layout7-content h2{font-size:50px;line-height:58px;font-weight:bold;}
.layout7-content p{padding-top:35px;font-size:28px;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 5px;}