@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; text-align:justify;}
.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:480px;height:80px;font-size:20px;line-height:80px;color:#fff; text-align:center;background:#cf000d; margin-top:46px; border-radius:80px;}
.zxbtn2:hover{color:#cb091a;background:none; border:1px solid #cf000d;}

.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;}
.content .title{ margin-bottom:50px;}
.content .title h2{font-size:50px;line-height:120%;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:40px;font-weight:lighter;}
.content .title p.title-p{padding:10px 0;font-size:18px; text-transform:uppercase; letter-spacing:2px;}
.content .line{width:100px;height:1px;background:#cb091a;margin:0 auto;}
.content .line2{width:100px;height:1px;background:#ffffff; margin:17px auto 0 0;}
.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;}


.layout1{padding:45px 0;margin-top:70px;}
.layout1 .docpic{float:left;margin-right:30px; padding:50px 10px; -moz-box-shadow:0px 0px 20px #ccc; -webkit-box-shadow:0px 0px 20px #ccc; box-shadow:0px 0px 20px #ccc;}
.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:26px;line-height:1;}
.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;}
.layout1-box{ padding-top:110px;}
.layout1-list li{ float:left; margin-right:13px; -moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;}
.layout1-list li:last-child{ margin-right:0;}

.layout2{height:849px; background:url(../images/layout2-bg.jpg) no-repeat center; padding-top:70px;}
.layout2 .content{ position:relative;}
.layout2-btn{ position:absolute; right:174px; bottom:72px;}
.layout2-content{ width:705px; margin:0 auto 0 0;}
.layout2-content .layout2-p1{ padding:40px 0; font-size:26px; font-weight:lighter; line-height:150%;}
.layout2-list li{ float:left; margin-right:16px; width:160px;}
.layout2-list li p{ text-align:center; line-height:240%;}
.layout2-list li img{ display:block; width:100%; padding:5px; background:#fff; border-radius:50%;}
.layout2-list li:last-child{ margin-right:0;}

.layout3{ padding-top:70px; }
.layout3-content{ background:url(../images/layout3-bg.jpg) no-repeat left top; height:751px;}
.layout3-right-box{ width:550px; height:751px; padding:77px 55px 0; margin:0 0 0 auto; background:#2b2b2b; color:#d7d7d7;}
.layout3-right-title .title-p{ text-transform:uppercase;}
.layout3-right-box .layout3-p2{ padding:50px 0; line-height:150%; font-size:26px; font-weight:lighter;}
.layout3-list{ padding-top:60px; background:url(../images/layout3-right-bg.jpg) no-repeat center top;}
.layout3-list li{ padding-left:32px; font-size:23px; line-height:150%; background:url(../images/layout3-right-li.jpg) no-repeat left center;}

.layout4{ padding:70px 0; }
.layout4-content{ background:url(../images/layout4-bg.jpg) no-repeat right top; height:749px;}
.layout4-left-box{ width:558px; height:749px; padding:77px 55px 0; margin:0 auto 0 0; background:#2b2b2b; color:#d7d7d7;}
.layout4-left-title .title-p{ text-transform:uppercase;}
.layout4-left-box .layout4-p2{ padding:50px 0; line-height:150%; font-size:26px; font-weight:lighter;}
.layout4-left-box img{ margin-left:-20px;}
.layout4-img-info{ text-align:center; margin-top:40px;}

.layout5{ padding:70px 0 40px; background-color:#e5ecf8;}
.layout5-row{ margin-bottom:30px; background:#cc091b; position:relative; -moz-box-shadow:0px 0px 20px #bfc3cb; -webkit-box-shadow:0px 0px 20px #bfc3cb; box-shadow:0px 0px 20px #bfc3cb;}

.layout5-row-info{ position:absolute; left:0; top:0; bottom:0; padding-top:120px; width:440px; text-align:center; color:#ffffff;}
.layout5-row-info h4{ font-size:28px; font-weight:normal; line-height:200%; }
.layout5-row-info a{ display:inline-block; padding:7px 30px; background:#fff; color:#cc091b; border-radius:40px;}
.layout5-row img{ float:right; padding:15px; background:#fff;}
.layout5-row.other .layout5-row-info{ left:auto; right:0; top:0; bottom:0;} 
.layout5-row.other h4{ line-height:120%;}

.layout6{ padding-top:70px;}
.layout6-bottom{ height:702px; background:url(../images/layout6-bottom-bg.jpg) no-repeat center top;}
.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;}