*{padding:0;margin:0;box-sizing:border-box;font-size:100%}
blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,textarea{font:12px Helvetica,Arial,"\5FAE\8F6F\96C5\9ED1",sans-serif,'Microsoft YaHei';border:none;overflow-x:hidden}
html{font-size:10px}
img,input{vertical-align:middle;border:none}
li,ol,ul{list-style:none}
a{text-decoration:none;outline:0}
a:hover{text-decoration:underline}
table{border-collapse:collapse;border-spacing:0;width:100% !important;}
body{background:#fff;font-size:12px;overflow-x:hidden}
.clear{height:1px;clear:both;overflow:hidden;visibility:hidden;display:block}
em,i{font-style:normal}
a{color:#333;cursor:pointer}
a:hover{text-decoration:none}
button,input,select{font-family:'Microsoft Yahei';outline:0;font-size:14px}
button,input[type=button]{cursor:pointer}

td{word-break: break-all;}

img{max-width:100%}
.w1200{width:1200px;overflow: hidden;margin:auto}
.w100{width:100%}
.w50{width:50%}
.i-top{overflow: hidden;background:#eee;position:fixed;top:0;left:0;z-index:999}
.i-top li{text-align:right;padding:10px 0}
.i-top li a{font-size:12px;padding-left:1rem}
.head{overflow: hidden;padding-top:1.5rem;padding-bottom:18px;background:#fff;position:fixed;top:34px;left:0;z-index:999}
#i-logo{float:left; padding-top:10px;}
.i-nav{width:930px;float:right;display:table}
.nav-item{float:left;padding:28px 15px;}
.nav-item-a{font-size:1.6rem;color:#333;font-weight:700;display:block;padding-bottom:.5rem;border-bottom:2px solid transparent}
.nav-item-a:hover{color:#063c80;border-bottom:2px solid #063c80}
.nav-item.ac .nav-item-a{color:#063c80;border-bottom:2px solid #063c80}
.nav-sc{float:left;padding-left:2rem;padding-top:2rem;cursor:pointer}
.nav-tel{float:right;font-size:1.6rem;color:#333;font-weight:700;padding-top:2rem}
.i-ban{height:350px;background-position:center;background-size:cover;display:table;margin-top:140px}
.i-ban-text{height:100%}
.i-ban-text *{color:#fff}
.i-ban-text p{font-size:3rem;padding-top:12rem}
.i-ban-text span{font-size:2rem;display:block;padding:1rem 0 4rem}
.i-ban-text a{font-size:1.5rem}
.hover-nav-n{position:fixed;left:0;padding-top:1.5rem;opacity:1;z-index:1;transition:all .4s;display:none;margin-top:.5rem}
.hover-nav-1{overflow: hidden;background:#fafafa;border-top:1px solid #ececec}
.hover-nav-1-1{overflow: hidden;padding:2rem 0}
.hide-nav-1{width:560px;float:left;display:table}
.hide-nav-1 p{font-size:2.5rem;color:#333;padding:2rem 0}
.hide-nav-1 span{font-size:1.4rem;color:#555;line-height:2.5}
.hide-nav-2{float:left;width:200px;margin-left:3rem;min-height:270px;padding:0 2rem;border-left:1px solid #ececec;border-right:1px solid #ececec}
.hide-nav-2 a{display:block;text-align:center;font-size:1.6rem;padding:1rem 0;border-bottom:1px solid #ececec}
.hide-nav-2 a:hover{color:#063c80;border-bottom:1px solid #063c80}
.hide-nav-3{float:right;width:340px;height:248px;overflow:hidden}
.hover-nav-2{background:#fff}
.hover-nav-2-1{overflow: hidden;background:#f8f8f8;border-bottom:1px solid #eee}
.hover-nav-2-1 p{width:500px;overflow: hidden;margin:auto}
.hover-nav-2-1 p a{float:left;font-size:1.5rem;font-weight:700;padding:1rem;margin-right:5rem;border-bottom:1px solid #f8f8f8}
.hover-nav-2-1 p .ac{color:#063c80;border-bottom:2px solid #063c80}
.hover-nav-2-2{display:none;background:#fff}
.hover-nav-2-2-1{background:#f8f8f8}
.hover-nav-2-r-2{padding:2rem}
.hover-nav-n-1{display:block}
.hover-nav-2-l{width:20%;float:left;background:#fff;height:100%!important;border-left:1px solid #f8f8f8}
.hover-nav-2-r{width:80%;float:right;border-right:1px solid #ececec;display:none}
.hover-nav-2-l a{display:block;padding:1.5rem 2rem;font-size:1.5rem;font-weight:700;background-color:#fff;border-bottom:1px solid #ececec;background-image:url(../image/i3.png);background-repeat:no-repeat;background-position:90% 20px}
.hover-nav-2-l .ac{background-image:url(../image/i4.png);background-color:#f8f8f8;color:#063c80}
.hover-nav-2-r dl{width:95%;float:left;padding:1rem 0 1rem 2rem;display:table;border-bottom:1px dashed #cfcfcf;margin:0 2.6%}
.hover-nav-2-r dt{float:left;display:table;width:15%}
.hover-nav-2-r dd{display:table;float:right;width:85%;}
.hover-nav-2-r dt a{display:block;font-size:1.5rem;color:#333;}
.hover-nav-2-r dd a{display:block;font-size:1.4rem;color:#666;float:left;margin:5px 10px;}
.nav-plan{overflow: hidden;padding-bottom:2rem}
.nav-plan .a1{width:275px;float:left}
.nav-plan p{width:620px;float:right}
.nav-plan p a{display:block;font-size:1.5rem;color:#333;padding:1rem 0}
.nav-plan p span{display:block;font-size:1.3rem;color:#666;line-height:2}
.news-box{margin:2rem auto}
.news-nav{border-bottom:1px solid #ececec;display:table}
.news-nav a{float:left;margin-right:3rem;font-size:1.8rem;padding:.5rem 0;border-bottom:2px solid #fff}
.news-nav .ac{color:#063c80;border-bottom:2px solid #063c80}
.news-box-1{margin:1rem 0;display:table}
.news-box-l{width:900px;float:left;display:table}
.news-box-r{width:270px;float:right;display:table}
.news-list{overflow: hidden;border-bottom:1px solid #ececec;padding:1rem 0;transition:all .6s}
.news-list .a1{width:200px;height:135px;overflow:hidden;float:left}
.news-list ul{width:700px;float:left;padding-left:20px}
.news-list ul a{font-size:1.8rem;font-weight:700;display:block}
.news-list ul .s1{display:block;font-size:12px;color:#888;height:90px;overflow:hidden;padding:.5rem 0;line-height:21px}
.news-list ul p{width:100%;display:table}
.news-list ul .s2{float:left;font-size:1.4rem;color:#888}
.news-list ul .s3{float:right;font-size:1.4rem;color:#888}
.news-list:hover{box-shadow:0 4px 10px 0 #ccc}
.news-box-r .p1{width:100%;overflow: hidden;border-bottom:1px solid #ececec}
.news-box-r .p1 span{font-size:2rem;color:#333;font-weight:700;border-bottom:3px solid #ccc;float:left;padding:.5rem 0;position:relative;top:2px}
.news-box-r-list{width:100%;overflow: hidden;margin:2rem 0}
.news-box-r-list ul{border-bottom:1px solid #ececec;overflow: hidden;margin-bottom:2rem}
.news-box-r-list ul .a1{width:100%;height:150px;display:block;overflow:hidden}
.news-box-r-list ul .a2{padding:1rem 0;display:block;font-size:1.6rem}
.news-box-r-list ul a:hover{color:#063c80}
; .news-box-r-list ul li{font-size:1.4rem;color:#666;line-height:1.5}
.news-box-r-list ul .s2{font-size:1.4rem;color:#666;float:right;padding:1rem 0}
.news-box-r-list ul .s1{font-size:1.4rem;color:#666;float:left;padding:1rem 0}
.news-box-r-list ul li{font-size:1.4rem}
.nav-sc:hover .hover-nav-n{display:block}
.foot{overflow: hidden;background:#2d3035}
.footer{padding:4.5rem 0 4rem 2rem}
.footer-l{width:700px;float:left;border-right:1px #3b3e43 solid}
.footer-l li{width:25%;height:230px;float:left;background:url(../image/bj.png);text-align:center;min-height:170px}
.footer-l li *{display:block;color:#fff}
.footer-l li span{font-size:1.6rem;padding-bottom:10px}
.footer-l li a{font-size:1.4rem;padding:.5rem 0}
.footer-l li a:hover{text-decoration:underline;color:#fff}
.footer p{float:right;width:400px;color:#fff;height:230px;min-height:170px}
.footer p .s1{display:block;font-size:1.6rem;padding:1rem 0}
.footer p .s2{line-height:28px;font-size:1.4rem;display:table}
.footer p a{padding-right:1rem;float:left;padding-top:1.5rem}
.foot .p1{text-align:center;color:#fff;overflow: hidden;width:100%;padding:2rem 0;border-top:1px solid #3b3e43}
.sc-box{width:700px;overflow: hidden;margin:auto;padding:2rem 0}
.sc-box input[type=text]{width:80%;padding:.5rem 1rem;border:1px solid #ececec;border-radius:3px;color: #aba6a6;}
.sc-box input[type=button]{width:18%;float:right;background:#063c80;color:#fff;font-size:1.4rem;text-align:center;padding:.5rem;border-radius:3px;}
.text-content{overflow: hidden;padding:1rem 0;font-size:1.4rem;line-height:2;color:#666}
.text-content img{width:auto!important;}
.history{background:url(../image/k35.jpg) repeat-y 187px 0;overflow:hidden;position:relative}
.history-date{overflow:hidden;position:relative}
.history-date h2{background:#fff url(https://www.sopto.com.cn/templates/sopto/img/icon06.gif) no-repeat 158px 0;height:59px;font-size:25px;font-weight:400;padding-left:45px;margin-bottom:74px}
.history-date h2.first{position:absolute;left:0;top:0;width:935px;z-index:99}
.history-date h2 a{color:#0bf;display:inline-block;zoom:1;background:url(../image/icon08.gif) no-repeat right 50%;padding-right:17px;margin:21px 97px 0 0}
.history-date h2 a:hover{text-decoration:none}
.history-date h2 img{vertical-align:-5px}
.history-date h2.date02{background:0 0}
.history-date ul li{background:url(../image/k36.png) no-repeat 182px 0;padding-bottom:50px;zoom:1}
.history-date ul li.last{padding-bottom:0}
.history-date ul li:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.history-date ul li h3{float:left;width:168px;text-align:right;padding-right:19px;color:#063c80;font-size:30px;font-weight:500}
.history-date ul li h3 span{display:block;color:#d0d0d0;font-size:12px}
.history-date ul li dl{float:left;padding-left:41px;width:70%}
.history-date ul li dl dt{font-size:14px;color:#737373}
.history-date ul li dl dt span{display:block;color:#787878;font-size:12px}
.history-date ul li.green h3{color:#1db702}
.history-date ul li.green h3 span{color:#a8dda3}
.history-date ul li.green dl{margin-top:-8px}
.history-date ul li.green dl dt{font-size:30px;line-height:28px}
.history-date ul li.green dl dt a{display:inline-block;zoom:1;overflow:hidden;vertical-align:middle;margin-left:12px}
.history-date ul li.green dl dd{padding-top:20px;display:none}
.history-date ul li.green dl dd img{float:left}
.history-date ul li.green dl dd p{overflow:hidden;zoom:1;line-height:21px;color:#787878}
.history-date h2.first .more-history{font-size:16px;background:0 0;margin-left:30px}
.history-date h2.first .more-history:hover{text-decoration:underline}
.history-date ul li dl span{font-size:15px;line-height:2;color:#343434}
.old-hide{opacity:0}
.join-box{margin:3rem auto}
.join-box-1{overflow: hidden;border-bottom:1px solid #ececec;margin-bottom:2rem}
.join-box-1 .p1{overflow: hidden;width:100%}
.join-box-1 .p1 span{font-size:2rem;color:#063c80;float:left;padding:1rem 0;border-bottom:2px solid #063c80}
.join-table{margin-top:2rem;text-align:center}
.join-table td{border:1px solid #ececec;padding:1rem;border-bottom:none}
.join-table .tr1 td{font-size:1.5rem;color:#333}
.join-table .tr2 *{font-size:1.4rem;color:#666}
.news-title{text-align:center;width:100%;font-size:2rem;overflow: hidden;color:#063c80;padding:1rem 0}
.news-mark{text-align:center;width:100%;color:#666;font-size:1.4rem}
.common-box{overflow: hidden;margin:2rem 0}
.common-content{font-size:1.6rem;line-height:2;color:#666;display:none;padding:2rem 0}
.common-title{width:100%;overflow: hidden;font-size:1.8rem;cursor:pointer;color:#333;padding:1.5rem 0;border-bottom:1px solid #ececec}
.common-title.ac{color:#063c80}
.program-show{margin:3rem auto}
.program-title{overflow: hidden;text-align:center}
.program-title h1{font-size:2.4rem;color:#333}
.program-title span{width:4rem;display:block;margin:1rem auto;border:2px solid #333}
.program-contact{display:table}
.program-contact a{float:right;background:#063c80;color:#fff;padding:1rem 3rem;font-size:1.5rem;border-radius:3px;}
.program-contact p{float:left;display:none;}
.program-contact p span{font-size:2rem;font-weight:700;color:#063c80;line-height:40px}
.program-contact p img{float:left;padding:0 1rem}
.program-pro{overflow: hidden;margin:3rem auto}
.program-pro-list{overflow: hidden;margin-top:2rem}
.program-pro-list ul{text-align:center;width:285px;float:left;margin-left:20px}
.program-pro-list ul *{transition:all .6s}
.program-pro-list ul .a1{width:100%;height:285px;display:block;overflow:hidden;border:1px solid #ececec}
.program-pro-list ul .a2{height:45px;width:100%;display:block;color:#fff;background:#b5bbc0;margin:1rem 0;font-size:1.4rem;padding:1rem 0}
.program-pro-list ul:hover img{transform:scale(1.1)}
.program-pro-list ul:hover .a2{background:#063c80}
.program-pro-list ul:nth-child(1){margin-left:0}
.search-list-box{margin:3rem auto}
.search-list-box-1{width:260px;float:left;display:table}
.search-list-box-r{width:920px;float:right;overflow: hidden;background:#fff;padding:2rem}
.search-list-box-1 .u1{overflow: hidden;background:#fff;padding-bottom:1rem}
.search-list-box-1 .u1 li{overflow: hidden;padding:0 2rem;width:100%}
.search-list-box-1 .u1 a{display:block;border-bottom:2px solid #ececec;padding:1rem;font-weight:700;font-size:1.5rem;width:100%}
.search-list-box-1 .u2{padding:2rem;background:#fff;border-top:2px solid #063c80;margin-top:2rem}
.search-list-box-1 .u2 p{font-size:1.6rem;color:#666}
.search-list-box-1 .i1{padding:1rem 0}
.search-list-box-1 .u2 span{width:100%;display:block;font-size:1.4rem;color:#666;padding:1rem 0}
.search-list-box-1 .u2 span img{padding-right:1rem}
.search-list-box-r .p1{font-size:1.6rem;border-bottom:1px solid #ececec;padding-bottom:1rem}
.search-list-box-r .p1 i{font-size:1.6rem;color:#063c80}
.search-list{display:table}
.search-list ul{overflow: hidden;padding:2rem 1rem;border-bottom:1px solid #ececec;transition:all .6s}
.search-list ul li{overflow: hidden;width:100%}
.search-list ul li .a1{float:left;font-size:1.8rem;color:#333;line-height:30px}
.search-list ul li .a2{float:right;background:#063c80;color:#fff;padding:.5rem 3rem;font-size:1.6rem}
.search-list ul p{font-size:1.4rem;color:#666;padding-top:1rem;line-height:1.5}
.search-list ul:hover{box-shadow:0 4px 10px 0 #ccc}
.firm-box{overflow: hidden;margin:1rem 0}
.firm-box ul{width:680px!important;float:left;line-height:1.9;color:#666;font-size:1.4rem}
.firm-box img{float:right;}
.honor-box{overflow: initial;background:#fbfbfb;padding:3rem 0 0 0}
.honor-box p{text-align:center;width:100%;padding-top:20px}
.honor-box p span{display:block;width:100%}
.honor-box p .s1{font-size:2.4rem;color:#333}
.honor-box p .s2{font-size:1.4rem;color:#666;padding:1rem 0}
.honor-box ul{overflow: hidden;padding-bottom:40px}
.honor-box ul li{float:left;width:285px;text-align:center;margin-left:20px}
.honor-box ul li span{display:block;font-size:1.6rem;padding:1rem 0;color:#666}
.honor-box li:nth-child(1){margin-left:0}
.honor-box-1{background:#fff}
.program-list{margin:3rem auto}
.program-list-1{overflow: hidden;padding:3rem 0;border-bottom:1px solid #ececec}
.program-list-1 .i1{width:460px;height:260px;overflow:hidden}
.program-list-1 ul{width:675px;height:260px}
.program-list-1 ul .a1{display:block;font-size:2rem;float:left;color:#333;border-bottom:2px solid #333}
.program-list-1 ul p{width:100%;overflow: hidden;padding:2rem 0;font-size:1.4rem;color:#666;line-height:1.8}
.program-list-1 li{width:100%;display:table}
.program-list-1 li a{float:left;color:#063c80;font-size:1.6rem}
.program-list-1 li span{float:right;font-size:1.8rem;color:#666}
.program-list-1 li i{font-size:2.2rem;color:#063c80}
.program-list-l ul{float:left}
.program-list-l .i1{float:right}
.program-list-r ul{float:right}
.program-list-r .i1{float:left}
.contact-box,.service-box{margin:3rem auto}
.contact-box-l{width:900px;overflow: hidden;float:left;line-height:2;    font-size: 1.5rem;}
.contact-box-r{width:270px;overflow: hidden;float:right}
.contact-text{display:table}
.contact-text h1{display:block;color:#063c80;font-size:2rem}
.contact-text li{line-height:2;font-size:1.6rem;padding:1rem 0}
.map-box{width:100%;padding:2rem 0;border-top:1px solid #ececec;border-bottom:1px solid #ececec;margin:2rem 0}
.contact-box-r p{width:100%;overflow: hidden;border-bottom:1px solid #ececec}
.contact-box-r p span{float:left;font-size:2.5rem;float:left;border-bottom:3px solid #063c80;position:relative;top:2px;padding-bottom:.5rem}
.contact-box-r p a{float:right;color:#666;font-size:1.4rem;line-height:40px}
.contact-box-r .u1{width:100%;overflow: hidden;padding-top:1rem}
.contact-box-r .u1 li{padding:1rem 0;border-bottom:1px solid #ececec}
.contact-box-r .u1 a{display:block;font-size:1.6rem;color:#333}
.contact-box-r .u1 span{display:block;font-size:1.3rem;color:#666;line-height:1.5;padding-top:1rem}
.honor-box .u1{padding-bottom:3rem}
.honor-box .u1 li{width:285px;height:320px;float:left;overflow:hidden}
.honor-box .u1 li img{width:100%;height:320px;cursor:pointer;transition:all .6s}
.honor-box .u1 li img:hover{transform:scale(1.05)}
.honor-box .u2 li{width:20%;margin:0!important}
.honor-box .u2 li i{width:100px;height:100px;display:block;margin:2rem auto;cursor:pointer}
.honor-box .u2 li:hover span{color:#063c80}
.honor-box .u2 li:hover i{background-position:100%}
.service-box1{overflow: hidden;background:#f9f9f9;padding:4rem 0}
.service-box1 p{text-align:center;width:100%}
.service-box1 p span{display:block;width:100%}
.service-box1 p .s1{font-size:2.4rem;color:#333}
.service-box1 p .s2{font-size:1.4rem;color:#666;padding:1rem 0}
.service-box1 ul{padding-top:2rem}
.service-box1 ul li{width:375px;height:380px;float:left;overflow:hidden;margin-right:37px}
.service-box1 ul li img{width:100%;height:380px;float:left;cursor:pointer;transition:all .6s}
.service-box1 ul li img:hover{transform:scale(1.4)}
.service-box1 ul li.w0{float:left;margin-right:0}
.service-box1 .w1200 img:nth-child(2){margin:0 35px}
.pro-nav{overflow: hidden;padding:2rem 0;background:#fff;margin-bottom:2rem}
.p-n-item{overflow: hidden;width:100%;position:relative;padding:1rem}
.p-n-item i{width:13px;height:13px;float:left;background-image:url(../image/i42.png);cursor:pointer;margin-top:2px}
.p-n-item a{float:left;font-size:1.6rem;font-weight:700;padding-left:1rem}
.p-n-item1{overflow: hidden;width:100%;position:relative;padding:1rem 0;padding-left:3rem;display:none;clear:both}
.p-n-item1 i{width:13px;height:13px;float:left;background-image:url(../image/i42.png);cursor:pointer;margin-top:2px}
.p-n-item1 a{float:left;font-size:1.6rem;padding-left:1rem;color:#333}
.pro-sub-nav{padding-left:6rem;display:none;padding-bottom:1rem}
.pro-sub-nav a{display:block;color:#666;font-size:1.5rem;padding:.5rem 0}
.p-n-item-ac{background:#eee}
.p-n-item-ac i{background-image:url(../image/i43.png)}
.p-n-item-ac a{color:#063c80}
.p-n-item-ac1{display:table!important}
.p-n-item-ac1 i{background-image:url(../image/i43.png)}

.p-n-item-ac1 a{color:#063c80}
.msg-box,.pro-list,.pro-show-r{width:920px;overflow: hidden;float:right;background:#fff; min-height: 867px;padding:0 1rem;}
.tz{width:900px;min-height:550px;border-bottom:1px dashed #d8d6d6;margin-bottom:20px;}
.tz p{width:100%;display:table;border-bottom: 1px solid #ececec;overflow: hidden;}
.tz p span{font-size: 2.5rem;border-bottom: 3px solid #063c80;position: relative;top: 2px;padding-bottom: .5rem;}
#msg-box1 .p1{width:100%;display:table;border-bottom: 1px solid #ececec;overflow: hidden;padding-bottom:2px;margin-top:15px;}
#msg-box1 .p1 span{font-size: 2.1rem;border-bottom: 3px solid #063c80;}
.pro-list-box{overflow: hidden;padding:0}
.pro-list-box ul{overflow: hidden;width:100%;border-bottom:1px solid #ececec;padding:1.5rem 10px;transition:all .6s}
.pro-list-box ul .a1{float:left;width:220px;overflow:hidden;border:1px solid #ececec}
.pro-list-box-r{width:620px;overflow: hidden;float:right;margin-right:5px}
.pro-show-r{min-height:850px}
.pro-list-box-r .a2{width:100%;display:block;padding:1rem 0;font-size:2rem;color:#333;font-weight:700}
.pro-list-box-r p{font-size:1.4rem;color:#666;overflow: hidden;width:100%;line-height:1.7}
.pro-list-box-r li{overflow: hidden;width:100%;padding-top:0.5rem}
.pro-list-box-r li a{float:left;font-size:1.4rem;color:#063c80;margin-top:.3rem;padding:.4rem 0;padding-right:1.6rem;}
.pro-list-box-r li a:hover{background:#f2f2f2}
.pro-list-box ul:hover{box-shadow:0 4px 10px 0 #ccc}
.pro-show{overflow: hidden;margin:2rem auto}
.pro-show-1{display:table}
.pro-show-1-l{width:320px;float:left;display:table}
.pro-show-1-l ul{width:100%;height:320px;border:1px solid #ececec;overflow:hidden;display:table}
.pro-show-1-l ul img{display:none}
.pro-show-1-l li{width:100%;overflow: hidden;padding:1rem 0}
.pro-show-1-l li img{width:70px;height:70px;float:left;border:1px solid #ececec;margin-left:13px}
.pro-show-1-l li img:nth-child(1){margin-left:0}
.pro-show-1-l li .ac{box-shadow:0 2px 4px 0 #ccc}
.pro-show-1-r{width:530px;overflow: hidden;float:right}
.pro-show-1-r .p1{width:100%;overflow: hidden;font-size:2rem;padding:1rem 0;border-bottom:1px solid #ececec}
.pro-show-1-r .l1{width:100%;display:table}
.pro-show-1-r .l1 a{float:left;background:#063c80;color:#fff;padding:1rem 3rem;font-size:1.6rem;border-radius:3px}
.pro-show-1-r .l1 span{float:left;padding-left:3rem;font-size:2.5rem;color:#063c80;line-height:40px}
.pro-show-1-r .l1 span img{padding-right:1rem}
.pro-show-text{overflow: hidden;margin:2rem 0}
.pro-show-nav{overflow: hidden;border-bottom:2px solid #063c80}
.pro-show-nav a{float:left;padding:1rem 3rem;background:#f2f2f2;color:#666;font-size:1.6rem;margin-right:2rem}
.pro-show-nav .ac{color:#fff;background:#063c80}
.pro-show-text table{width: 100%;}
.text-content-x{display:none}
.program-pro-b{overflow: hidden;background:#fff}

.slideBox{width:100%;overflow:hidden;position:relative;margin-top:140px}
.slideBox .hd{overflow:hidden;position:absolute;left:0;right:0;bottom:15px;z-index:1;width:200px;margin:auto}
.slideBox .hd ul{overflow:hidden;zoom:1;float:left}
.slideBox .hd ul li{float:left;border-radius:20px;width:15px;height:15px;background:#fff;cursor:pointer;margin:9px}
.slideBox .hd ul li.on{background:#165ACB;color:#fff}
.slideBox .bd{position:relative;z-index:0}
.slideBox .bd li{zoom:1;vertical-align:middle;float:left;width:100%;background-position:center;background-size:cover}

.slideBox .next,.slideBox .prev{position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:32px;height:40px;background:url(../image/slider-arrow.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:.5}
.slideBox .next{left:auto;right:3%;background-position:8px 5px}
.slideBox .next:hover,.slideBox .prev:hover{filter:alpha(opacity=100);opacity:1}
.slideBox .prevStop{display:none}
.slideBox .nextStop{display:none}
.tempWrap{width:100%!important}
.index-plan{overflow: hidden;position:relative}
.i-bg{width:100%;height:90px;overflow: hidden;background-image:url(../image/i50.jpg);background-position:center;position:absolute;z-index:-1}
.index-plan-1{margin:5rem auto}
.index-plan-title{overflow: hidden;padding:1rem 0;text-align:center}
.index-plan-title p{font-size:3rem;color:#333}
.index-plan-title span{display:block;font-size:1.4rem;padding:1rem 0;color:#666}
.index-plan-list{margin:2rem 0 36px 0;display:table}
.index-plan-list ul{width:370px;height:450px;float:left;overflow:hidden;margin-left:45px;border:1px solid #ececec;transition:all .6s}
.index-plan-list ul .a1{display:block;overflow:hidden;width:100%}
.index-plan-list ul li{width:100%;overflow: hidden;padding:2rem}
.index-plan-list ul .a2{font-size:2rem;color:#333;display:block;padding-bottom:1rem;border-bottom:1px solid #ececec}
.index-plan-list ul i{font-size:3rem;color:#ccc;padding-right:1rem}
.index-plan-list ul span{display:block;font-size:1.4rem;padding:1rem 0;color:#666;line-height:1.3;}
.index-plan-list ul .a3{float:right;font-size:1.4rem;color:#666}
.index-plan-list ul .a3:hover{float:right;font-size:1.4rem;color:#063c80}
.index-plan-list ul:nth-child(1){margin-left:0}
.index-plan-list ul:hover{box-shadow:0 4px 10px 0 #ccc;margin-top:-2px}
.index-plan-list ul:hover *{color:#063c80}
.index-company{overflow: hidden;background:#edf6ff;padding:110px 0}
.i-r{float:right}
.i-c{float:left}
.index-company-l{float:left;padding-right:3rem}
.index-company-r{float:right;padding-top:36px}
.index-company-box{display:table}
.text-content-c{font-size:1.5rem;padding:2rem 0 4rem 0}
.text-content-c .s1{display:block;color:#063c80;padding-bottom:1rem;font-size:1.9rem}
.index-bgn{overflow: hidden;height:130px;background-image:url(../image/i57.jpg);background-position:center}
.index-news{overflow: hidden;margin:3rem auto}
.index-news-l{width:470px;float:left;overflow: hidden;padding-right:3rem;height:460px;margin-top:16px;border-right:1px solid #f2f2f2}
.index-news-r{width:700px;float:right;overflow: hidden;padding-top:16px}
.index-news-l .a1{width:420px;height:240px;overflow:hidden;display:table}
.index-news-l .a1 img{width:100%;height:240px;cursor:pointer;transition:all .6s}
.index-news-l .a1 img:hover{transform:scale(1.08)}
.index-news-l .a2{display:block;font-size:1.8rem;color:#333;padding:1rem 0;font-weight:700}
.index-news-l .a2:hover{color:#063c80;text-decoration:underline}
.index-news-l li{color:#888;font-size:12px;line-height:28px}
.index-news-l p{width:100%;padding-top:4rem;display:table}
.index-news-l p span{float:left;font-size:1.4rem;color:#999}
.index-news-l p a{float:right;font-size:1.4rem;color:#999}
.index-news-r ul{width:100%;overflow: hidden;padding-bottom:1.7rem;border-bottom:1px solid #f2f2f2;margin-bottom:1.6rem;transition:all .6s;padding-right:.4rem}
.index-news-r ul .a1{width:210px;height:120px;float:left;overflow:hidden;margin-left:5px}
.index-news-r ul .a1 img{width:100%;height:auto;cursor:pointer;transition:all .6s}
.index-news-r ul .a1 img:hover{transform:scale(1.08)}
.index-news-r ul li{width:460px;float:right;display:table}
.index-news-r ul .a2{display:block;font-size:1.8rem;color:#333;padding-bottom:1rem;font-weight:700}
.index-news-r ul .s1{display:block;font-size:1.2rem;color:#999;line-height:1.7}
.index-news-r ul .s2{display:block;padding-top:1rem}
.index-news-r ul .s2 i{float:left;font-size:1.2rem;color:#999}
.index-news-r ul .s2 a{float:right;font-size:1.2rem;color:#999}
.index-news-r ul:hover{box-shadow:0 4px 10px 0 #ccc}
.index-news-r ul:hover *{color:#063c80}
.index-mark{margin:6rem auto}
.index-mark ul{width:25%;overflow: hidden;height:350px;float:left;text-align:center;border-left:1px solid #ececec;transition:all .6s;padding-bottom:2rem}
.index-mark ul i{width:75px;height:70px;display:block;margin:4.5rem auto;overflow:hidden}
.index-mark ul *{display:block}
.index-mark ul .s1{font-size:24px;color:#444}
.index-mark ul .s2{width:5rem;border:2px solid #999;display:block;margin:1rem auto}
.index-mark ul .s2:hover{width:5rem;border:2px solid #063c80;display:block;margin:1rem auto}
.index-mark ul .s3{font-size:1.5rem;color:#666;line-height:1.7;padding-top:20px}
.index-mark ul:nth-child(1){border:none}
.index-mark ul:hover{box-shadow:0 4px 10px 0 #ccc}
.index-mark ul:hover *{color:#063c80}
.index-mark ul:hover i{background-position:100%}
.nr_w1{width:880px;height:auto;float:left;margin-top:20px;display:inline}
.nr_w1 span{width:125px;height:auto;text-align:right;float:left;font-family:Ebrima,Helvetica,sans-serif;font-size:16px;line-height:46px;color:#666}
.hidden{width:408px;height:46px;float:left;border:2px #dedada solid;padding-left:10px;font-family:Ebrima,Helvetica,sans-serif;font-size:14px;line-height:46px;color:#999;border-radius:5px;}
.nr_w2{width:880px;height:auto;float:left;margin-top:20px;display:inline}
.nr_w2 span{width:125px;height:auto;text-align:right;float:left;font-family:Ebrima,Helvetica,sans-serif;font-size:16px;line-height:32px;color:#666}
.hidden2{width:480px;height:46px;float:left;border:2px #dedada solid;padding-left:10px;font-family:Ebrima,Helvetica,sans-serif;font-size:14px;line-height:32px;color:#999}
.mes_desc{width:740px;height:240px;float:left;border:2px #dedada solid;padding-left:10px;font-family:Ebrima,Helvetica,sans-serif;font-size:14px;line-height:32px;color:#999;border-radius:5px;}
.f_btn{width:200px;height:50px;float:left;background:#063c80;font-family:"΢���ź�";font-size:16px;line-height:50px;margin-left:80px;border-radius:6px;color:#fff;border:none}
.f_btn:hover{background:#102a4f}
.foot_top{width:100%;height:auto;float:left;border-bottom:1px #212429 solid}
.current{color:#063c80}
.contact-box-r ul li a:hover{color:#063c80}
.index-company-r img{width:600px;height:342px}
.hover-nav-2-r dd a:hover{color:#063c80}
.pro-sub-nav a:hover{color:#063c80}

.m-header{display:none;background:#fff;padding:10px 15px;position:fixed;top:0;left:0;z-index:99999;border-bottom:2px solid #dbdbdb;}
.m-header .a1{float:left;width:40%;}
.m-header .a2{float:right;width:8%;padding-top: 15px;}
.m-nav{position:fixed;top:68px;left:0;z-index:999;display:none;background:#fff;}
.m-nav li{width:100%;overflow: hidden;text-align:center;font-size:18px;padding:10px 0;background:#fff;border-bottom:1px solid #dbdbdb;transition: all 0.4s;}
.m-nav ul{width:100%;display:none;}
.m-nav ul a{width:100%;overflow: hidden;    display: block;text-align:center;font-size:16px;padding:10px 0;background:#f8f8f8;color:#7e7e7e;border-bottom:1px solid #dbdbdb;}
.m-nav.cur li{opacity:0;-webkit-animation:sub-enter .8s forwards;animation:sub-enter .8s forwards;filter:alpha(opacity=0)}
.m-nav.cur li:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}
.m-nav.cur li:nth-child(5){-webkit-animation-delay:.3s;animation-delay:.3s}
@-webkit-keyframes sub-enter{0%{opacity:0;-webkit-transform:translateY(-50px);;transform:translateY(-50px);filter:alpha(opacity=0)}
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);filter:alpha(opacity=100)}}

.slider{position:relative;width:100%;height:auto;overflow:hidden;display:none;margin-top:68px;}
.slides{height:auto;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transition:all .5s cubic-bezier(.165,.84,.44,1);-moz-transition:all .5s cubic-bezier(.165,.84,.44,1);-ms-transition:all .5s cubic-bezier(.165,.84,.44,1);-o-transition:all .5s cubic-bezier(.165,.84,.44,1);transition:all .5s cubic-bezier(.165,.84,.44,1)}
.slide{height:auto;float:left;clear:none}
.slider-arrow{position:absolute;display:none;margin-bottom:-20px;width:40px;height:40px;line-height:40px;text-decoration:none;text-align:center;color:#fff;font-size:2em;background-color:#333;background-color:rgba(50,50,50,.3);border-radius:50%}
.slider-arrow--right{bottom:50%;right:30px}
.slider-arrow--left{bottom:50%;left:30px}
.slider-nav{position:absolute;bottom:10px}
.slider-nav__item{width:12px;height:12px;float:left;clear:none;display:block;margin:0 5px;background:#FAFAFA;border-radius:100%}
.slider-nav__item:hover{background:#ccc}
.slider-nav__item--current{background:#063c7f}

.p12 a{display:block;font-size:1.4rem;}

.next-1{width:100%;overflow:hidden;display:none;}
.picScroll-left  .tempWrap{width:1200px !important;height:400px;overflow:hidden}
.picScroll-left  .bd li{height:400px;}
#lang{float:right;margin-right: 15px;width:6%;padding-top: 12px;}
.lang{position:fixed;top:68px;z-index:999;width:100%;background:#f2f2f2;padding:10px;display:none;}
.lang a{display:block;float:right;margin:10px;}
.list_pages{width:900px;height:auto;float:right;padding:30px 0 0 0}
.list_pages ul{width:auto;height:auto;float:right}
.list_pages ul a{width:32px;height:32px;display:inline-block;text-decoration:none;color:#888;border-radius:5px;text-align:center;overflow:hidden;border:1px #dfdfdf solid;font-family:Arial,;font-size:14px;line-height:30px;background:#fff;margin:0 2px}
.list_pages ul a:hover{color:#fff;background:#1890ff}
.list_pages ul a.active{color:#fff;background:#1890ff;border:1px #1890ff solid}
.list_pages span{width:575px;height:32px;float:left;text-align:right;font-size:14px;color:#666;font-family:"微软雅黑";padding-top:5px}
.list_pages b{width:32px;height:32px;line-height:32px;font-size:12px;color:#666;padding-top:10px}
div.digg{margin:0;padding:0;text-align:left;font-size:14px}
div.digg a{border-radius:5px;display:block;float:left;padding:5px 12px;margin:0 0 0 8px;border:1px solid #e1e2e3;line-height:20px;height:35px;color:#3b8dd1;background:#fff;text-decoration:none}
div.digg a:hover{border:1px solid #3b8dd1}
div.digg span{display:block;float:left;padding:5px 0;line-height:20px;height:35px}
div.digg span.current{border-radius:5px;padding:5px 12px;margin:0 0 0 8px;color:#555;font-weight:700;background:#1890ff;border:1px #1890ff solid}
div.digg span.disabled{border:1px solid #eee;padding:5px 12px;margin:0 0 0 8px;color:#ddd}
div.default{margin:0;padding:0;font-family:"Microsoft YaHei",Verdana;font-size:12px}
div.default a,div.default span{display:block;float:left;margin:2px 0 0 -1px;padding:4px 12px;line-height:20px;height:35px;border:1px solid #e1e1e1;background:#fff;color:#333;text-decoration:none}
div.default span:first-child{border-left:1px solid #e1e1e1}
div.default a:hover{color:#666;background:#eee}
div.default span.current{color:#fff;background:#488FCD;border-color:#488FCD}
div.default span.disabled{color:#999;background:#fff}
div.meneame{padding-right:3px;padding-left:3px;font-size:80%;padding-bottom:3px;margin:3px;color:#ff6500;padding-top:3px;text-align:center;font-family:Verdana;font-size:12px}
div.meneame a{border-right:#ff9600 1px solid;padding-right:7px;background-position:50% bottom;border-top:#ff9600 1px solid;padding-left:7px;background-image:url(https://www.sopto.com.cn/templates/sopto/public/meneame.jpg);padding-bottom:5px;border-left:#ff9600 1px solid;color:#ff6500;margin-right:3px;padding-top:5px;border-bottom:#ff9600 1px solid;text-decoration:none}
div.meneame a:hover{border-right:#ff9600 1px solid;border-top:#ff9600 1px solid;background-image:none;border-left:#ff9600 1px solid;color:#ff6500;border-bottom:#ff9600 1px solid;background-color:#ffc794}
div.meneame a:active{border-right:#ff9600 1px solid;border-top:#ff9600 1px solid;background-image:none;border-left:#ff9600 1px solid;color:#ff6500;border-bottom:#ff9600 1px solid;background-color:#ffc794}
div.meneame span.current{border-right:#ff6500 1px solid;padding-right:7px;border-top:#ff6500 1px solid;padding-left:7px;font-weight:700;padding-bottom:5px;border-left:#ff6500 1px solid;color:#ff6500;margin-right:3px;padding-top:5px;border-bottom:#ff6500 1px solid;background-color:#ffbe94}
div.meneame span.disabled{border-right:#ffe3c6 1px solid;padding-right:7px;border-top:#ffe3c6 1px solid;padding-left:7px;padding-bottom:5px;border-left:#ffe3c6 1px solid;color:#ffe3c6;margin-right:3px;padding-top:5px;border-bottom:#ffe3c6 1px solid}
div.flickr{padding:0;margin:0;text-align:center;font-family:Verdana;text-align:right}
div.flickr a{border-right:#dedfde 1px solid;padding-right:6px;background-position:50% bottom;border-top:#dedfde 1px solid;padding-left:6px;padding-bottom:2px;border-left:#dedfde 1px solid;color:#0061de;margin-right:3px;padding-top:2px;border-bottom:#dedfde 1px solid;text-decoration:none}
div.flickr a:hover{border-right:#000 1px solid;border-top:#000 1px solid;background-image:none;border-left:#000 1px solid;color:#fff;border-bottom:#000 1px solid;background-color:#0061de}
div.flickr a:active{border-right:#000 1px solid;border-top:#000 1px solid;background-image:none;border-left:#000 1px solid;color:#fff;border-bottom:#000 1px solid;background-color:#0061de}
div.flickr span{padding-right:6px;padding-left:6px;padding-bottom:2px;color:#999;margin-right:3px;padding-top:2px}
div.flickr span.current{padding-right:6px;padding-left:6px;font-weight:700;padding-bottom:2px;color:#ff0084;margin-right:3px;padding-top:2px}
div.flickr span.disabled{padding-right:6px;padding-left:6px;padding-bottom:2px;color:#adaaad;margin-right:3px;padding-top:2px}
div.scott{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center;font-family:Verdana;font-size:12px}
div.scott a{border-right:#ddd 1px solid;padding-right:5px;border-top:#ddd 1px solid;padding-left:5px;padding-bottom:2px;border-left:#ddd 1px solid;color:#88af3f;margin-right:2px;padding-top:2px;border-bottom:#ddd 1px solid;text-decoration:none}
div.scott a:hover{border-right:#85bd1e 1px solid;border-top:#85bd1e 1px solid;border-left:#85bd1e 1px solid;color:#638425;border-bottom:#85bd1e 1px solid;background-color:#f1ffd6}
div.scott a:active{border-right:#85bd1e 1px solid;border-top:#85bd1e 1px solid;border-left:#85bd1e 1px solid;color:#638425;border-bottom:#85bd1e 1px solid;background-color:#f1ffd6}
div.scott span.current{border-right:#b2e05d 1px solid;padding-right:5px;border-top:#b2e05d 1px solid;padding-left:5px;font-weight:700;padding-bottom:2px;border-left:#b2e05d 1px solid;color:#fff;margin-right:2px;padding-top:2px;border-bottom:#b2e05d 1px solid;background-color:#b2e05d}
div.scott span.disabled{border-right:#f3f3f3 1px solid;padding-right:5px;border-top:#f3f3f3 1px solid;padding-left:5px;padding-bottom:2px;border-left:#f3f3f3 1px solid;color:#ccc;margin-right:2px;padding-top:2px;border-bottom:#f3f3f3 1px solid}
div.quotes{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center;font-family:Verdana;font-size:12px}
div.quotes a{border-right:#ddd 1px solid;padding-right:5px;border-top:#ddd 1px solid;padding-left:5px;padding-bottom:2px;border-left:#ddd 1px solid;color:#aaa;margin-right:2px;padding-top:2px;border-bottom:#ddd 1px solid;text-decoration:none}
div.quotes a:hover{border-right:#a0a0a0 1px solid;padding-right:5px;border-top:#a0a0a0 1px solid;padding-left:5px;padding-bottom:2px;border-left:#a0a0a0 1px solid;margin-right:2px;padding-top:2px;border-bottom:#a0a0a0 1px solid}
div.quotes a:active{border-right:#a0a0a0 1px solid;padding-right:5px;border-top:#a0a0a0 1px solid;padding-left:5px;padding-bottom:2px;border-left:#a0a0a0 1px solid;margin-right:2px;padding-top:2px;border-bottom:#a0a0a0 1px solid}
div.quotes span.current{border-right:#e0e0e0 1px solid;padding-right:5px;border-top:#e0e0e0 1px solid;padding-left:5px;font-weight:700;padding-bottom:2px;border-left:#e0e0e0 1px solid;color:#aaa;margin-right:2px;padding-top:2px;border-bottom:#e0e0e0 1px solid;background-color:#f0f0f0}
div.quotes span.disabled{border-right:#f3f3f3 1px solid;padding-right:5px;border-top:#f3f3f3 1px solid;padding-left:5px;padding-bottom:2px;border-left:#f3f3f3 1px solid;color:#ccc;margin-right:2px;padding-top:2px;border-bottom:#f3f3f3 1px solid}
div.black{padding-right:3px;padding-left:3px;font-size:80%;padding-bottom:10px;margin:3px;color:#a0a0a0;padding-top:10px;background-color:#000;text-align:center;font-family:Verdana;font-size:12px}
div.black a{border-right:#909090 1px solid;padding-right:5px;background-position:50% bottom;border-top:#909090 1px solid;padding-left:5px;background-image:url(https://www.sopto.com.cn/templates/sopto/public/bar.gif);padding-bottom:2px;border-left:#909090 1px solid;color:silver;margin-right:3px;padding-top:2px;border-bottom:#909090 1px solid;text-decoration:none}
div.black a:hover{border-right:#f0f0f0 1px solid;border-top:#f0f0f0 1px solid;background-image:url(https://www.sopto.com.cn/templates/sopto/public/invbar.gif);border-left:#f0f0f0 1px solid;color:#fff;border-bottom:#f0f0f0 1px solid;background-color:#404040}
div.black a:active{border-right:#f0f0f0 1px solid;border-top:#f0f0f0 1px solid;background-image:url(https://www.sopto.com.cn/templates/sopto/public/invbar.gif);border-left:#f0f0f0 1px solid;color:#fff;border-bottom:#f0f0f0 1px solid;background-color:#404040}
div.black span.current{border-right:#fff 1px solid;padding-right:5px;border-top:#fff 1px solid;padding-left:5px;font-weight:700;padding-bottom:2px;border-left:#fff 1px solid;color:#fff;margin-right:3px;padding-top:2px;border-bottom:#fff 1px solid;background-color:#606060}
div.black span.disabled{border-right:#606060 1px solid;padding-right:5px;border-top:#606060 1px solid;padding-left:5px;padding-bottom:2px;border-left:#606060 1px solid;color:grey;margin-right:3px;padding-top:2px;border-bottom:#606060 1px solid}
.page-box{width:900px;height:auto;float:right;padding:30px 0 0 0}
div.black2{padding-right:7px;padding-left:7px;padding-bottom:7px;margin:3px;padding-top:7px;text-align:center;font-family:Verdana;font-size:12px}
div.black2 a{border-right:#000 1px solid;padding-right:5px;border-top:#000 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#000 1px solid;color:#000;padding-top:2px;border-bottom:#000 1px solid;text-decoration:none}
div.black2 a:hover{border-right:#000 1px solid;border-top:#000 1px solid;border-left:#000 1px solid;color:#fff;border-bottom:#000 1px solid;background-color:#000}
div.black2 a:active{border-right:#000 1px solid;border-top:#000 1px solid;border-left:#000 1px solid;color:#fff;border-bottom:#000 1px solid;background-color:#000}
div.black2 span.current{border-right:#000 1px solid;padding-right:5px;border-top:#000 1px solid;padding-left:5px;font-weight:700;padding-bottom:2px;margin:2px;border-left:#000 1px solid;color:#fff;padding-top:2px;border-bottom:#000 1px solid;background-color:#000}
div.black2 span.disabled{border-right:#eee 1px solid;padding-right:5px;border-top:#eee 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#eee 1px solid;color:#ddd;padding-top:2px;border-bottom:#eee 1px solid}
div.black-red{font-size:11px;color:#fff;font-family:tahoma,arial,helvetica,sans-serif;background-color:#3e3e3e}
div.black-red a{padding-right:5px;padding-left:5px;padding-bottom:2px;margin:2px;color:#fff;padding-top:2px;background-color:#3e3e3e;text-decoration:none}
div.black-red a:hover{color:#fff;background-color:#ec5210}
div.black-red a:active{color:#fff;background-color:#ec5210}
div.black-red span.current{padding-right:5px;padding-left:5px;font-weight:700;padding-bottom:2px;margin:2px;color:#fff;padding-top:2px;background-color:#313131}
div.black-red span.disabled{padding-right:5px;padding-left:5px;padding-bottom:2px;margin:2px;color:#868686;padding-top:2px;background-color:#3e3e3e}
div.green-black{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center;font-family:Verdana;font-size:12px}
div.green-black a{border-right:#2c2c2c 1px solid;padding-right:5px;border-top:#2c2c2c 1px solid;padding-left:5px;background:url(https://www.sopto.com.cn/templates/sopto/public/image1.gif) #2c2c2c;padding-bottom:2px;border-left:#2c2c2c 1px solid;color:#fff;margin-right:2px;padding-top:2px;border-bottom:#2c2c2c 1px solid;text-decoration:none}
div.green-black a:hover{border-right:#aad83e 1px solid;border-top:#aad83e 1px solid;background:url(https://www.sopto.com.cn/templates/sopto/public/image2.gif) #aad83e;border-left:#aad83e 1px solid;color:#fff;border-bottom:#aad83e 1px solid}
div.green-black a:active{border-right:#aad83e 1px solid;border-top:#aad83e 1px solid;background:url(https://www.sopto.com.cn/templates/sopto/public/image2.gif) #aad83e;border-left:#aad83e 1px solid;color:#fff;border-bottom:#aad83e 1px solid}
div.green-black span.current{border-right:#aad83e 1px solid;padding-right:5px;border-top:#aad83e 1px solid;padding-left:5px;font-weight:700;background:url(https://www.sopto.com.cn/templates/sopto/public/image2.gif) #aad83e;padding-bottom:2px;border-left:#aad83e 1px solid;color:#fff;margin-right:2px;padding-top:2px;border-bottom:#aad83e 1px solid}
div.green-black span.disabled{border-right:#f3f3f3 1px solid;padding-right:5px;border-top:#f3f3f3 1px solid;padding-left:5px;padding-bottom:2px;border-left:#f3f3f3 1px solid;color:#ccc;margin-right:2px;padding-top:2px;border-bottom:#f3f3f3 1px solid}
div.grayr{padding-right:2px;padding-left:2px;font-size:11px;padding-bottom:2px;padding-top:2px;font-family:tahoma,arial,helvetica,sans-serif;background-color:#c1c1c1}
div.grayr a{padding-right:5px;padding-left:5px;padding-bottom:2px;margin:2px;color:#000;padding-top:2px;background-color:#c1c1c1;text-decoration:none}
div.grayr a:hover{color:#000;background-color:#9ff}
div.grayr a:active{color:#000;background-color:#9ff}
div.grayr span.current{padding-right:5px;padding-left:5px;font-weight:700;padding-bottom:2px;margin:2px;color:#303030;padding-top:2px;background-color:#fff}
div.grayr span.disabled{padding-right:5px;padding-left:5px;padding-bottom:2px;margin:2px;color:#797979;padding-top:2px;background-color:#c1c1c1}
div.yellow{padding-right:7px;padding-left:7px;padding-bottom:7px;margin:3px;padding-top:7px;text-align:center;font-family:Verdana;font-size:12px}
div.yellow a{border-right:#ccc 1px solid;padding-right:5px;border-top:#ccc 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#ccc 1px solid;color:#000;padding-top:2px;border-bottom:#ccc 1px solid;text-decoration:none}
div.yellow a:hover{border-right:#f0f0f0 1px solid;border-top:#f0f0f0 1px solid;border-left:#f0f0f0 1px solid;color:#000;border-bottom:#f0f0f0 1px solid}
div.yellow a:active{border-right:#f0f0f0 1px solid;border-top:#f0f0f0 1px solid;border-left:#f0f0f0 1px solid;color:#000;border-bottom:#f0f0f0 1px solid}
div.yellow span.current{border-right:#d9d300 1px solid;padding-right:5px;border-top:#d9d300 1px solid;padding-left:5px;font-weight:700;padding-bottom:2px;margin:2px;border-left:#d9d300 1px solid;color:#fff;padding-top:2px;border-bottom:#d9d300 1px solid;background-color:#d9d300}
div.yellow span.disabled{border-right:#eee 1px solid;padding-right:5px;border-top:#eee 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#eee 1px solid;color:#ddd;padding-top:2px;border-bottom:#eee 1px solid}
div.jogger{padding-right:2px;padding-left:2px;padding-bottom:2px;margin:7px;padding-top:2px;font-family:"lucida sans unicode","lucida grande",lucidagrande,"lucida sans",geneva,verdana,sans-serif}
div.jogger a{padding-right:.64em;padding-left:.64em;padding-bottom:.43em;margin:2px;color:#fff;padding-top:.5em;background-color:#ee4e4e;text-decoration:none}
div.jogger a:hover{padding-right:.64em;padding-left:.64em;padding-bottom:.43em;margin:2px;color:#fff;padding-top:.5em;background-color:#de1818}
div.jogger a:active{padding-right:.64em;padding-left:.64em;padding-bottom:.43em;margin:2px;color:#fff;padding-top:.5em;background-color:#de1818}
div.jogger span.current{padding-right:.64em;padding-left:.64em;padding-bottom:.43em;margin:2px;color:#6d643c;padding-top:.5em;background-color:#f6efcc}
div.jogger span.disabled{display:none}
div.starcraft2{padding-right:3px;padding-left:3px;font-weight:700;font-size:13.5pt;padding-bottom:3px;margin:3px;color:#fff;padding-top:3px;font-family:arial;background-color:#000;text-align:center}
div.starcraft2 a{margin:2px;color:#fa0;background-color:#000;text-decoration:none}
div.starcraft2 a:hover{color:#fff;background-color:#000}
div.starcraft2 a:active{color:#fff;background-color:#000}
div.starcraft2 span.current{font-weight:700;margin:2px;color:#fff;background-color:#000}
div.starcraft2 span.disabled{margin:2px;color:#444;background-color:#000}
div.tres{padding-right:7px;padding-left:7px;font-weight:700;font-size:13.2pt;padding-bottom:7px;margin:3px;padding-top:7px;font-family:arial,helvetica,sans-serif;text-align:center}
div.tres a{border-right:#d9d300 2px solid;padding-right:5px;border-top:#d9d300 2px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#d9d300 2px solid;color:#fff;padding-top:2px;border-bottom:#d9d300 2px solid;background-color:#d90;text-decoration:none}
div.tres a:hover{border-right:#ff0 2px solid;border-top:#ff0 2px solid;border-left:#ff0 2px solid;color:#000;border-bottom:#ff0 2px solid;background-color:#ff0}
div.tres a:active{border-right:#ff0 2px solid;border-top:#ff0 2px solid;border-left:#ff0 2px solid;color:#000;border-bottom:#ff0 2px solid;background-color:#ff0}
div.tres span.current{border-right:#fff 2px solid;padding-right:5px;border-top:#fff 2px solid;padding-left:5px;font-weight:700;padding-bottom:2px;margin:2px;border-left:#fff 2px solid;color:#000;padding-top:2px;border-bottom:#fff 2px solid}
div.tres span.disabled{display:none}
div.megas512{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
div.megas512 a{border-right:#dedfde 1px solid;padding-right:6px;background-position:50% bottom;border-top:#dedfde 1px solid;padding-left:6px;padding-bottom:2px;border-left:#dedfde 1px solid;color:#99210b;margin-right:3px;padding-top:2px;border-bottom:#dedfde 1px solid;text-decoration:none}
div.megas512 a:hover{border-right:#000 1px solid;border-top:#000 1px solid;background-image:none;border-left:#000 1px solid;color:#fff;border-bottom:#000 1px solid;background-color:#777}
div.megas512 a:active{border-right:#000 1px solid;border-top:#000 1px solid;background-image:none;border-left:#000 1px solid;color:#fff;border-bottom:#000 1px solid;background-color:#777}
div.megas512 span.current{padding-right:6px;padding-left:6px;font-weight:700;padding-bottom:2px;color:#99210b;margin-right:3px;padding-top:2px}
div.megas512 span.disabled{padding-right:6px;padding-left:6px;padding-bottom:2px;color:#adaaad;margin-right:3px;padding-top:2px}
div.technorati{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
div.technorati a{border-right:#ccc 1px solid;padding-right:6px;background-position:50% bottom;border-top:#ccc 1px solid;padding-left:6px;font-weight:700;padding-bottom:2px;border-left:#ccc 1px solid;color:#4261de;margin-right:3px;padding-top:2px;border-bottom:#ccc 1px solid;text-decoration:none}
div.technorati a:hover{background-image:none;color:#fff;background-color:#4261df}
div.technorati a:active{background-image:none;color:#fff;background-color:#4261df}
div.technorati span.current{padding-right:6px;padding-left:6px;font-weight:700;padding-bottom:2px;color:#000;margin-right:3px;padding-top:2px}
div.technorati span.disabled{display:none}
div.youtube{padding-right:6px;border-top:#9c9a9c 1px dotted;padding-left:0;font-size:13px;padding-bottom:4px;color:#313031;padding-top:4px;font-family:arial,helvetica,sans-serif;background-color:#cecfce;text-align:right}
div.youtube a{padding-right:3px;padding-left:3px;font-weight:700;padding-bottom:1px;margin:0 1px;color:#0030ce;padding-top:1px;text-decoration:underline}
div.youtube span.current{padding-right:2px;padding-left:2px;padding-bottom:1px;color:#000;padding-top:1px;background-color:#fff}
div.youtube span.disabled{display:none}
div.msdn{padding-right:6px;padding-left:0;font-size:13px;padding-bottom:4px;color:#313031;padding-top:4px;font-family:verdana,tahoma,arial,helvetica,sans-serif;background-color:#fff;text-align:right}
div.msdn a{border-right:#b7d8ee 1px solid;padding-right:6px;border-top:#b7d8ee 1px solid;padding-left:5px;padding-bottom:4px;margin:0 3px;border-left:#b7d8ee 1px solid;color:#0030ce;padding-top:5px;border-bottom:#b7d8ee 1px solid;text-decoration:none}
div.msdn a:hover{border-right:#b7d8ee 1px solid;border-top:#b7d8ee 1px solid;border-left:#b7d8ee 1px solid;color:#0066a7;border-bottom:#b7d8ee 1px solid;background-color:#d2eaf6}
div.pagination a:active{border-right:#b7d8ee 1px solid;border-top:#b7d8ee 1px solid;border-left:#b7d8ee 1px solid;color:#0066a7;border-bottom:#b7d8ee 1px solid;background-color:#d2eaf6}
div.msdn span.current{border-right:#b7d8ee 1px solid;padding-right:6px;border-top:#b7d8ee 1px solid;padding-left:5px;font-weight:700;padding-bottom:4px;margin:0 3px;border-left:#b7d8ee 1px solid;color:#444;padding-top:5px;border-bottom:#b7d8ee 1px solid;background-color:#d2eaf6}
div.msdn span.disabled{display:none}
div.badoo{padding-right:0;padding-left:0;font-size:13px;padding-bottom:10px;color:#48b9ef;padding-top:10px;font-family:arial,helvetica,sans-serif;background-color:#fff;text-align:center}
div.badoo a{border-right:#f0f0f0 2px solid;padding-right:5px;border-top:#f0f0f0 2px solid;padding-left:5px;padding-bottom:2px;margin:0 2px;border-left:#f0f0f0 2px solid;color:#48b9ef;padding-top:2px;border-bottom:#f0f0f0 2px solid;text-decoration:none}
div.badoo a:hover{border-right:#ff5a00 2px solid;border-top:#ff5a00 2px solid;border-left:#ff5a00 2px solid;color:#ff5a00;border-bottom:#ff5a00 2px solid}
div.badoo a:active{border-right:#ff5a00 2px solid;border-top:#ff5a00 2px solid;border-left:#ff5a00 2px solid;color:#ff5a00;border-bottom:#ff5a00 2px solid}
div.badoo span.current{border-right:#ff5a00 2px solid;padding-right:5px;border-top:#ff5a00 2px solid;padding-left:5px;font-weight:700;padding-bottom:2px;border-left:#ff5a00 2px solid;color:#fff;padding-top:2px;border-bottom:#ff5a00 2px solid;background-color:#ff6c16}
div.badoo span.disabled{display:none}
.manu{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
.manu a{border-right:#eee 1px solid;padding-right:5px;border-top:#eee 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#eee 1px solid;color:#036cb4;padding-top:2px;border-bottom:#eee 1px solid;text-decoration:none}
.manu a:hover{border-right:#999 1px solid;border-top:#999 1px solid;border-left:#999 1px solid;color:#666;border-bottom:#999 1px solid}
.manu a:active{border-right:#999 1px solid;border-top:#999 1px solid;border-left:#999 1px solid;color:#666;border-bottom:#999 1px solid}
.manu .current{border-right:#036cb4 1px solid;padding-right:5px;border-top:#036cb4 1px solid;padding-left:5px;font-weight:700;padding-bottom:2px;margin:2px;border-left:#036cb4 1px solid;color:#fff;padding-top:2px;border-bottom:#036cb4 1px solid;background-color:#036cb4}
.manu .disabled{border-right:#eee 1px solid;padding-right:5px;border-top:#eee 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#eee 1px solid;color:#ddd;padding-top:2px;border-bottom:#eee 1px solid}
div.viciao{margin-top:20px;margin-bottom:10px}
div.viciao a{border-right:#8db5d7 1px solid;padding-right:5px;border-top:#8db5d7 1px solid;padding-left:5px;padding-bottom:2px;border-left:#8db5d7 1px solid;color:#000;margin-right:2px;padding-top:2px;border-bottom:#8db5d7 1px solid;text-decoration:none}
div.viciao a:hover{border-right:red 1px solid;padding-right:5px;border-top:red 1px solid;padding-left:5px;padding-bottom:2px;border-left:red 1px solid;margin-right:2px;padding-top:2px;border-bottom:red 1px solid}
div.viciao a:active{border-right:red 1px solid;padding-right:5px;border-top:red 1px solid;padding-left:5px;padding-bottom:2px;border-left:red 1px solid;margin-right:2px;padding-top:2px;border-bottom:red 1px solid}
div.viciao span.current{border-right:#e89954 1px solid;padding-right:5px;border-top:#e89954 1px solid;padding-left:5px;font-weight:700;padding-bottom:2px;border-left:#e89954 1px solid;color:#000;margin-right:2px;padding-top:2px;border-bottom:#e89954 1px solid;background-color:#ffca7d}
div.viciao span.disabled{border-right:#ccc 1px solid;padding-right:5px;border-top:#ccc 1px solid;padding-left:5px;padding-bottom:2px;border-left:#ccc 1px solid;color:#ccc;margin-right:2px;padding-top:2px;border-bottom:#ccc 1px solid}
div.yahoo2{padding-right:3px;padding-left:3px;font-size:.85em;padding-bottom:3px;margin:3px;padding-top:3px;font-family:tahoma,helvetica,sans-serif;text-align:center}
div.yahoo2 a{border-right:#ccdbe4 1px solid;padding-right:8px;background-position:50% bottom;border-top:#ccdbe4 1px solid;padding-left:8px;padding-bottom:2px;border-left:#ccdbe4 1px solid;color:#0061de;margin-right:3px;padding-top:2px;border-bottom:#ccdbe4 1px solid;text-decoration:none}
div.yahoo2 a:hover{border-right:#2b55af 1px solid;border-top:#2b55af 1px solid;background-image:none;border-left:#2b55af 1px solid;color:#fff;border-bottom:#2b55af 1px solid;background-color:#3666d4}
div.yahoo2 a:active{border-right:#2b55af 1px solid;border-top:#2b55af 1px solid;background-image:none;border-left:#2b55af 1px solid;color:#fff;border-bottom:#2b55af 1px solid;background-color:#3666d4}
div.yahoo2 span.current{padding-right:6px;padding-left:6px;font-weight:700;padding-bottom:2px;color:#000;margin-right:3px;padding-top:2px}
div.yahoo2 span.disabled{display:none}
div.yahoo2 a.next{border-right:#ccdbe4 2px solid;border-top:#ccdbe4 2px solid;margin:0 0 0 10px;border-left:#ccdbe4 2px solid;border-bottom:#ccdbe4 2px solid}
div.yahoo2 a.next:hover{border-right:#2b55af 2px solid;border-top:#2b55af 2px solid;border-left:#2b55af 2px solid;border-bottom:#2b55af 2px solid}
div.yahoo2 a.prev{border-right:#ccdbe4 2px solid;border-top:#ccdbe4 2px solid;margin:0 10px 0 0;border-left:#ccdbe4 2px solid;border-bottom:#ccdbe4 2px solid}
div.yahoo2 a.prev:hover{border-right:#2b55af 2px solid;border-top:#2b55af 2px solid;border-left:#2b55af 2px solid;border-bottom:#2b55af 2px solid}
div.sabrosus{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
div.sabrosus a{border-right:#9aafe5 1px solid;padding-right:5px;border-top:#9aafe5 1px solid;padding-left:5px;padding-bottom:2px;border-left:#9aafe5 1px solid;color:#2e6ab1;margin-right:2px;padding-top:2px;border-bottom:#9aafe5 1px solid;text-decoration:none}
div.sabrosus a:hover{border-right:#2b66a5 1px solid;border-top:#2b66a5 1px solid;border-left:#2b66a5 1px solid;color:#000;border-bottom:#2b66a5 1px solid;background-color:#ffffe0}
div.pagination a:active{border-right:#2b66a5 1px solid;border-top:#2b66a5 1px solid;border-left:#2b66a5 1px solid;color:#000;border-bottom:#2b66a5 1px solid;background-color:#ffffe0}
div.sabrosus span.current{border-right:navy 1px solid;padding-right:5px;border-top:navy 1px solid;padding-left:5px;font-weight:700;padding-bottom:2px;border-left:navy 1px solid;color:#fff;margin-right:2px;padding-top:2px;border-bottom:navy 1px solid;background-color:#2e6ab1}
div.sabrosus span.disabled{border-right:#929292 1px solid;padding-right:5px;border-top:#929292 1px solid;padding-left:5px;padding-bottom:2px;border-left:#929292 1px solid;color:#929292;margin-right:2px;padding-top:2px;border-bottom:#929292 1px solid}

@media screen and (max-width:1200px){
	.w1200{width:95%;}
	.index-plan-list ul{width:31%;margin-left:3.5%;}
	.index-news-l{display:none;}
	.index-news-r{width:100%;float:none;overflow: hidden;}
	.index-news-r ul .a1{width:20%;}
	.index-news-r ul li{width:75%;}
	.footer-l{width:580px;}
	.footer p{padding-left:1rem;}
	.contact-box-l{width:700px;}
	.firm-box ul{width:100%;overflow: hidden;float:none;}
	.firm-box img{width:auto;height:auto;float:none;}
	.honor-box ul li,.honor-box .u1 li,.program-pro-list ul{width:24%;margin-left:1%;}
	.service-box1 ul img{width:30%;margin:1% !important;}
	.honor-box .u1 li img{height:auto;}
	.news-box-l{width:100%;float:none;}
	.news-box-r{display:none;}
	.msg-box, .pro-list, .pro-show-r{width:680px;}
	.pro-list-box ul .a1{display:block;float:none;margin:auto;}
	.pro-show-1-l{width:100%;}
	.pro-show-1-l li img{width:20%;height:130px;}
	.pro-show-1-r{width:100%;float:none;padding:20px 0;}
	.program-list-r .i1,.program-list-l .i1{width:20%;}
	.page-box{width:100%}
	.program-list-1 ul{width:75%;}
	.program-pro-list ul .a1{height:200px;}
}

@media screen and (max-width:900px){
	.footer p{display:none;}
	.footer-l{width:100%;}
	.index-plan-list ul{height:auto;}
	.contact-box-l,.contact-box-r{width:100%;padding-bottom:2rem;}
	iframe{width:100% !important;height:300px !important;}
	.news-list .a1{width:20%;height:auto;}
	.news-list ul{width:75%;}
	.news-list ul .s1{height:auto;}
	.msg-box, .pro-list, .pro-show-r{width:100%;}
	.search-list-box-1{width:100%;}
	.search-list-box-1 img,.search-list-box-1 .u2{display:none;}
	.program-list-r .i1,.program-list-l .i1{display:none;}
	.program-list-1 ul{width:100%;height:auto;}
	.nr_w1,.nr_w2,.nr_w1 span,.hidden,.mes_desc{width:100%;float:none;margin:10px 0;}
	.search-list-box-r{width:100%}

	
}

@media screen and (max-width:500px){
	.text-content img{width:auto!important;height:auto !important}
	.nr_w2 span{text-align:left}
	.program-list-r .i1,.program-list-l .i1{display:block;padding:1rem;width:100%;}
	.i-top,.head{display:none !important;}
	.index-plan-list ul{width:100%;margin:1rem 0 !important;}
	.index-plan-list ul img{width:100%;}
	.index-company{padding:30px 0;}
	.index-company-l{width:100%;padding:0;}
	.text-content-c{padding:2rem 0;}
	.index-mark ul i{width:55px;height:50px;background-size: 110px;}
	.index-mark ul .s3{display:none;}
	.index-mark ul{border:none;}
	.index-mark ul .s1{font-size:1.4rem;}
	.index-news-r ul .a1{display:none;}
	.index-news-r ul li{width:100%;}
	.footer,.service-box1{padding:1.5rem 0;}
	.index-mark ul i{margin:1.5rem auto;}
	.i-ban-text p{font-size:2.2rem;}
	.i-ban-text span{font-size:1.6rem;}
	.list-paddingleft-2{line-height:2;    width: 100% !important;}
	.news-nav a{width:20%;margin:0;font-size:12px !Important;text-align:center}
	.honor-box ul li,.honor-box .u1 li,.program-pro-list ul{width:48%;margin:1% !important;height:auto;}
	.honor-box .u2 li i{background-size: 100px;width:50px;height:50px;margin:1rem auto;}
	.honor-box ul li span{font-size:1.2rem;}
	.honor-box{padding:0;}
	.news-list .a1{width:100%;float:none;}
	.news-list ul{width:100%;float:none;padding:20px 0;}
	.pro-list-box-r{width:100%;}
	.history-date ul li{background: url(../image/k36.png) no-repeat 10px 0;}
	.history{    background: url(../image/k35.jpg) repeat-y 15px 0;}
	.history-date ul li dl{width:90%;}
	.pro-show-1-l li img{height:70px;}
	.pro-show-1-r .l1 span{display: table;padding:0;font-size: 2rem;}
	.pro-show-1-r .l1 a{padding:1rem;margin-right:10px}
	.picScroll-left .hd a{height:250px !important}
	.pro-show-nav a{margin:0;padding:10px;text-align:center;border:1px solid #ececec;border-bottom:none;}
	.pro-show-1-l ul{height:auto;}
	.program-pro-list ul .a1{height:180px;}
	.index-plan-1{margin:1rem auto;}
	.index-plan-title p{font-size:2.6rem;}
	.index-plan-list{margin:0;}
	.index-mark{margin:2rem auto;display:none}
	.m-header{display:block;}
	.slideBox{display:none;}
	.pro-list-box-r{margin:0;}
	.program-list-1 .i1{width:100%;height:auto;}
	.slider{display:block;}
	.news-box-r-list ul .a1{display:none;}
	.next-1{display:block;font-size:1.4rem;padding-bottom:1rem;}
	.next-1 .p12 a{font-size:1.6rem;display:block;padding:10px 0;}
	.index-company-r img{display:none;}
	.news-box-r-list{margin:0;}
	.program-list-1 .i1 img{width:100%;}
	.news-list{padding:10px;}
	.join-table td{padding:1rem 0}
	.sc-box{width:100%}
		.picScroll-left .tempWrap{width:290px !important;margin:auto}
	.picScroll-left .hd .prev{left:10px !important;}
	.picScroll-left .hd .next{right:10px !important;}
	.msg-box, .pro-list, .pro-show-r{padding:1rem}
.f_btn{    margin-left: 80px !important;}
.i-ban{margin-top:69px}
.index-news-l{display:block;height:auto}
.index-news-l .a1{display:none}
.index-bgn{margin-top:10px}

	
}

@media screen and (max-width:380px){
	.footer-l li span{font-size:1.4rem;}
	.footer-l li a,.index-mark ul .s3{font-size:1.2rem;}

}