﻿body{min-width:1024px !important;overflow:auto;font-family:"microsoft yahei",simhei !important}
.shares-sr{position:relative;z-index:2000;width:100%;height:25px;min-width:1250px;background:#4e4d53;color:#fff}
.shares-width{width:1200px;line-height:25px;margin:0 auto;font-size:12px}
.shares-left{float:left}
.shares-right{float:right}
.shares-right .shares-mun{padding:2px 24px;background:url(../images/shares.png) no-repeat;background-size:20px 20px;background-position:left center}
.shares-right .contact-sr{padding:2px 24px;background:url(../images/contact.png) no-repeat;background-size:20px 20px;background-position:left center}
.btn-sr{*+float:left;*+margin:0 !important;*+padding:9px !important;*+width:16px;*+height:16px;display:inline-block;padding:16px;width:16px;height:16px;_padding:9px;margin-bottom:0;background:url(../images/search-icon.png) no-repeat;background-position:center;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.btn-sr:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn-sr:hover,.btn-sr:focus{color:#333;text-decoration:none}
.btn-sr:active,.btn-sr.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn-sr.disabled,.btn-sr[disabled],fieldset[disabled] .btn-sr{pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
.btn-sr-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-sr-default:hover,.btn-sr-default:focus,.btn-sr-default:active,.btn-sr-default.active,.open .dropdown-toggle.btn-sr-default{color:#333;background-color:#ebebeb;border-color:#adadad}
.btn-sr-default:active,.btn-sr-default.active,.open .dropdown-toggle.btn-sr-default{background-image:none}
.btn-sr-default.disabled,.btn-sr-default[disabled],fieldset[disabled] .btn-sr-default,.btn-sr-default.disabled:hover,.btn-sr-default[disabled]:hover,fieldset[disabled] .btn-sr-default:hover,.btn-sr-default.disabled:focus,.btn-sr-default[disabled]:focus,fieldset[disabled] .btn-sr-default:focus,.btn-sr-default.disabled:active,.btn-sr-default[disabled]:active,fieldset[disabled] .btn-sr-default:active,.btn-sr-default.disabled.active,.btn-sr-default[disabled].active,fieldset[disabled] .btn-sr-default.active{background-color:#fff;border-color:#ccc}
#global_nav{height:40px;position:relative;z-index:2}
.masthead_cata{float:right}
.masthead_cata li{display:block;float:left;padding:0 13px;font-size:16px;line-height:95px}
.masthead_cata li a{color:#333;cursor:pointer;padding-bottom:8px;text-decoration:none;border-bottom:2px solid transparent;transition:.3s border-color,.3s color}
.masthead_cata li.active a{border-bottom:2px solid #3e5ea9;color:#3e5ea9}




#masthead_wrap{position:relative;background-color:#fff;-moz-transition:all .4s cubic-bezier(0.23,1,0.32,1);-o-transition:all .4s cubic-bezier(0.23,1,0.32,1);-webkit-transition:all .4s cubic-bezier(0.23,1,0.32,1);transition:all .4s cubic-bezier(0.23,1,0.32,1);width:100%;min-width:1250px;top:0;height:100px;z-index:900;padding:6px 0;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 8px rgba(0,0,0,0.3)}
.masthead_wrap_wid{width:1200px;text-align:center;margin:0 auto}
.masthead_wrap_wid .logo{background:url(../images/logo.png) no-repeat center;_background:url(../images/logo.gif) no-repeat center;float:left;width:150px;height:96px}
.weizhi{margin-top:30px;float:right;width:210px}
.onmous{cursor:pointer}
.showing #global_nav_content{transform:translate3d(0,0,0);opacity:1;overflow:visible\9}
#global_nav_content{position:absolute;transform:translate3d(0,-105%,0);transition:all .4s cubic-bezier(0.25,0.1,0.25,1);width:900px;z-index:899;overflow:hidden;opacity:0;left:50%;margin-left:-300px;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.3)}
#global_nav_content a:hover{text-decoration:underline}
.menu_section{padding:0;transform:translate3d(0,-105%,0);transition:all .4s cubic-bezier(0.25,0.1,0.25,1);margin-top:-105%\9;position:absolute;width:900px;background-color:#fff;z-index:910}
.menu_section .introBySr{text-align:center;width:400px;padding-top:40px}
.srmall0{background:url(../images/aboutsr2.png) no-repeat;background-position:380px center}
.menu_section .srmall{width:900px;height:89px;background:url(../images/shopandmall.png)}
.srmall2{background:url(../images/sractive.png) no-repeat;background-position:480px center}
.srmall3{background:url(../images/internet.png) no-repeat;background-position:500px center}
.srmall4{background:url(../images/zhineng.png) no-repeat;background-position:630px center}
.srmall4 .introBySr{width:600px;text-align:left;margin-left:5%}
.srmall5{background:url(../images/download.png) no-repeat;background-position:550px center}
.srmall6{background:url(../images/contactsr.png) no-repeat;background-position:right center}
.srmallnet{background:url(../images/pronet.png) no-repeat;background-position:220px center}
.menu_section .srmall li{float:left;padding:0 50px;line-height:89px;font-size:16px}
.menu_section .linebyintro{*+display:none;margin-left:340px;width:1px;height:145px;background-color:#ccc}
.menu_section .linebyintro2{*+display:none;margin-left:400px;width:1px;height:90px;background-color:#ccc}
.menu_section .introBySr li{padding:0 40px 40px 40px;*+padding:0 50px 40px 50px;float:left;font-size:16px}
.srmall4 .introBySr li{width:30%;padding:0 0 35px 0}
.menu_section .uiBySr{position:absolute;top:25px;left:41%}
.menu_section .uiBySr .uiBySr1{position:absolute;top:0;left:60%}
.menu_section .uiBySr .uiBySr1 dt{color:#fff;font-size:16px;font-weight:normal;background:url(../images/aboutsr.png) no-repeat;background-position:-106px 0;text-align:center;line-height:90px;margin-top:30px;width:90px;height:90px}
.menu_section .uiBySr .uiBySr1 dd{width:160px;position:absolute;right:60px;top:125px;font-size:13px;color:#80c269;border:1px solid #80c269;padding:2px 6px;border-radius:1px}
.menu_section .uiBySr .uiBySr2{position:absolute;top:0;left:66.7%}
.menu_section .uiBySr .uiBySr2 dt{color:#fff;font-size:16px;font-weight:normal;background:url(../images/aboutsr.png) no-repeat;background-position:0 0;text-align:center;line-height:90px;margin-top:90px;width:90px;height:90px}
.menu_section .uiBySr .uiBySr2 dd{width:200px;position:absolute;left:70px;top:175px;font-size:13px;color:#f8b551;border:1px solid #f8b551;padding:2px 6px;border-radius:1px}
.menu_section .uiBySr .uiBySr3{position:absolute;top:0;left:76%}
.menu_section .uiBySr .uiBySr3 dt{color:#fff;font-size:16px;font-weight:normal;background:url(../images/aboutsr.png) no-repeat;background-position:-212px 0;text-align:center;line-height:90px;margin-top:50px;width:90px;height:90px}
.menu_section .uiBySr .uiBySr3 dd{width:170px;position:absolute;left:40px;top:20px;font-size:13px;color:#00b7ee;border:1px solid #00b7ee;padding:2px 6px;border-radius:1px}
.menu_section.open{transform:translate3d(0,0,0);margin-top:0\9;z-index:91}
#global_nav_content.open{transform:translate3d(0,0,0);margin-top:0\9;z-index:91;box-shadow:0 4px 9px rgba(0,0,0,0.3)}
.dd{*+width:380px;_width:380px;overflow:hidden}
.col-sm-4{*+float:left;margin-top:30px}
.col-sm-4 a img{width:386px;*+width:380px;_width:380px}
.prod-advice{margin:0 auto;width:1200px;margin-top:10px;*+padding-bottom:20px}
.work{overflow:hidden;position:relative;visibility:show;float:left;margin-left:20px;margin-top:20px;box-shadow:0 0 5px #c6c6c6}
.work .overlay{background:rgba(0 82 221 / 90%);height:100%;opacity:0;position:absolute;top:0;width:386px;overflow:hidden;-moz-transition:opacity,0.3s;-o-transition:opacity,0.3s;-webkit-transition:opacity,0.3s;transition:opacity,0.3s}
.work .overlay-caption{position:absolute;text-align:center;top:55%;top:160px\0;*+top:100px;width:100%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.work h3,.work p,.work img{-moz-transition:all,0.5s;-o-transition:all,0.5s;-webkit-transition:all,0.5s;transition:all,0.5s}
.work h3,.work p{*+display:none;color:#fff;margin:0;opacity:0;filter:alpha(opacity=00)}
.work h3{-moz-transform:translate3d(0,-200%,0);-ms-transform:translate3d(0,-200%,0);-webkit-transform:translate3d(0,-200%,0);transform:translate3d(0,-200%,0)}
.work p{-moz-transform:translate3d(0,200%,0);-ms-transform:translate3d(0,200%,0);-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0);margin-top:25px;line-height:25px;padding:0 15px;font-size:13px;font-weight:normal;text-align:left}
.work-box:hover img{-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.work-box:hover .overlay{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E51db56f,endColorstr=#E51db56f);opacity:1}
.work-box:hover .overlay h3,.work-box:hover .overlay p{*+display:block;opacity:1;filter:alpha(opacity=100);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.news-list{width:1200px;height:300px;margin:0 auto;margin-top:40px}
.left-picture{float:left;width:518px;height:300px}
.left-picture img{width:510px;margin-top:15px}
.news-text{width:660px;margin-left:20px;float:left}
.news-text .news-title{font-family:"microsoft yahei",simhei;height:40px;border-bottom:2px solid #dbdbdb}
.news-text .news-title h4{width:110px;height:30px;line-height:28px;float:left;text-align:right;background:url(../images/newscon.png) no-repeat;background-position:left center}
.news-text .news-title dd{float:right;font-size:14px;color:#fff;padding:3px 7px 3px 7px;margin-right:10px;border-radius:3px;border:1px solid #eb6867;background-color:#eb6867}
.news-text .news-title dd a{color:#fff}
.news-text ul li{margin:0;padding:0;color:#333;font-size:14px;line-height:50px;border-bottom:1px solid #dbdbdb}
.news-text ul li a:hover{text-decoration:underline}
.newsTime{float:right;*+float:none;*+margin-left:370px}
.companyActive{display:block}
.companyActive .third_nav h3 a{margin:0;padding:0;color:#333;font-size:14px;line-height:50px}
.companyActive .third_nav h3 a:hover{color:#2bb531}
.companyActive .third_nav h3 span{float:right;*+float:none;_float:none}
#container{position:relative;bottom:3px;width:100%}
.paginationbyslide{position:absolute;bottom:7px;*+bottom:40px;z-index:9;right:50%;margin-right:-33px}
.paginationbyslide li{float:left;margin:0 1px;list-style:none}
.paginationbyslide li a{display:block;width:18px;height:0;padding:16px 10px 0 10px;background:url(../images/dot2.png) no-repeat;background-position:0 0;float:left;overflow:hidden}
.paginationbyslide li.current a{background-position:0 -16px}
.flexslider{position:relative;top:-5px;width:1200px;overflow:hidden;left:50%;margin-left:-600px}
.flexslider .slides li{height:100%}
.flex-direction-nav .flex-next{position:absolute;top:40%;right:15%;z-index:99;background:url(../images/arrow-next.png) no-repeat;width:40px;height:70px;cursor:pointer;background-position:center center}
.flex-direction-nav .flex-prev{position:absolute;top:40%;left:15%;z-index:99;background:url(../images/arrow-prev.png) no-repeat;width:40px;height:70px;cursor:pointer;background-position:center center}
.flex-direction-nav .flex-next:hover{width:40px;height:70px;background-color:rgba(0,0,0,0.2);background-position:center center;border-radius:4px 0 0 4px}
.flex-direction-nav .flex-prev:hover{width:40px;height:70px;background-color:rgba(0,0,0,0.2);background-position:center center;border-radius:0 4px 4px 0}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50)}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1;*display:inline}
.flex-control-paging{position:absolute;z-index:99991;bottom:18px;right:20px;*+bottom:35px;_bottom:45px}
.flex-control-paging li a{background:url(../images/dot2.png) no-repeat 0 -21px;display:block;height:20px;overflow:hidden;text-indent:-99em;width:18px;cursor:pointer}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background-position:0 0}
.flexslider .slides a img{width:100%;text-align:center;margin:0 auto;display:block}
.shadow{opacity:0;background:rgba(0,0,0,0.2);height:100%;left:0;position:absolute;top:0;width:100%;-moz-transition:opacity,0.3s;-o-transition:opacity,0.3s;-webkit-transition:opacity,0.3s;transition:opacity,0.3s}
.flex-prev:hover .shadow{opacity:1}
.flex-next:hover .shadow{opacity:1}
.foot-wrap{background-color:#3b3b3b;margin-top:40px;min-width:1250px}
.row-content h3{font-family:"Microsoft YaHei";color:#fff;font-size:16px;line-height:16px;margin-top:20px}
.row-content ul{margin-top:10px;font-size:12px;line-height:24px}
.row-content ul li{line-height:35px;list-style:none}
.row-content a{color:#fff}
.row-content a:hover{text-decoration:none;color:#c1ba62}
.social{margin:0;padding:0;width:100%;text-align:center}
.social li{display:inline-block}
.social a{display:inline-block;font-size:18px;line-height:30px;border-radius:36px;color:#fff;margin:0 3px 3px 0}
.social a:hover{text-decoration:none}
.footer-new-boot-col{position:relative;min-height:1px;padding-right:15px;padding-left:15px;float:left;width:14.666666666666664%}
