@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;}
.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:171px;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: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:110px;height:720px;background: url(../images/layout2-bg.jpg) center  no-repeat;}
.layout2-content{float:left;padding-top:30px;width:560px;}
.layout2-content h2{margin-bottom:60px;font-size:50px;line-height:1.2;}
.layout2-content h2 span{color:#cb091a;}
.layout2-content p{margin-bottom:20px;}
.layout2 img{float:right;border:8px solid #fff;}
.layout3{height:803px;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:120px;width:650px;}
.layout3-l h2{padding-bottom:10px;font-size:50px;font-weight:bold;}
.layout3-l p{font-size:22px;line-height:36px;}
.layout3-l ul{margin:50px 0 20px 0;width:465px;}
.layout3-l li{position:relative;float:left;margin:0 30px 20px 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:22px;line-height:58px;}
.layout3-l li a:hover{color:#cb091a;}
.layout3 .swtbtn{float:right;margin:486px 180px 0 0;}
.layout3 .swt-btn{position:absolute;left:548px;top:548px;display:block;width:160px;height:150px;}
.layout4{padding:70px 0;}
.layout4 .zt-title .line span{width:220px;}
.layout4-content1{margin-top:70px;height:640px;background: url(../images/layout4-bg1.jpg) center  no-repeat;text-align:center;}
.layout4-content2{height:631px;background: url(../images/layout4-bg2.jpg) center  no-repeat;text-align:center;}
.layout4-content1 .swt-btn{margin:417px 210px 0 0;display:inline-block;width:160px;height:150px;}
.layout4-content2 .swt-btn{margin:457px 0 0 70px;display:inline-block;width:160px;height:150px;}
.layout4-left{float:left;width:610px;}
.layout4-title .layout4-title-text{float:left;width:360px;color:#2879ae;}
.layout4-title .layout4-title-text img{float:left;margin-right:15px;}
.layout4-title .layout4-title-text h3{font-size:45px;}
.layout4-title .layout4-title-text p{font-size:28px;color:#2879ae;}
.layout4-title > img{float:right;}
.layout4-title .layout4-title-text1 h3{color:#594500;}
.layout4-title .layout4-title-text1 p{color:#594500;}
.layout4-text1{padding:30px 0;font-size:20px;color:#000;font-weight:normal;}
.layout4-text2{padding-top:30px;color:#000;font-weight:normal;}
.layout4-text3{padding-top:30px;color:#594500;}
.layout4 ul{margin:35px 0 80px;}
.layout4 ul li{float:left;margin:0 23px;width:180px;}
.layout4 ul li p{padding:10px 0;line-height:1.3;}
.layout4 .swtbtn{float:right;margin:590px 100px 0 0;}
.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;}
.layout6 .content{height:873px;}
.layout6 .content > img{position:absolute;top:90px;left:-40px;}
.layout6-zs-list{position:relative;margin:70px 0 30px 360px;width:840px;}
.layout6-zs-list li{float:left;width:270px;margin-left:10px;}
.layout6-zs-list li img{margin-bottom:10px;}
.layout6 .swtbtn{position:absolute;left:90px;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 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 20px;}
.anli{height:1114px;padding:70px 0 0;background: url(../images/anli-bg.jpg) center  no-repeat;}
.anli .line span{background:#f2f3f3;}
.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;}