/* CSS Document */
html{}
body{font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:100%; color:#434343; margin:0px; padding:0px; overflow-x:hidden;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none; margin:0px; padding:0px;}
img {border:none;}
a:link, a:visited {color:#434343; text-decoration: none;outline:none;}
a:hover, a:active {color:#365caf; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:98%; margin:0 auto; max-width:1300px;}
.kga{ margin:0 auto; max-width:1200px; width:98%;}
.kgb{ width:98%; margin:0 auto; max-width:1920px;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}
.cj{ overflow:hidden;}
.green-black {display:block; padding-top:26px; clear:both;font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-align:center;}
.green-black a {padding:5px 8px 4px 8px; padding:5px 8px 4px 8px;border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333; background:url(http://www.syyiliao.com/images/page_bg01.png) #fff bottom repeat-x;font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-decoration:none;}
.green-black a:hover {border:1px solid #ccc; height:12px; line-height:12px; zoom:1;overflow:auto;background:url(http://www.syyiliao.com/images/page_bg02.png) top repeat-x #365caf; margin-left:3px; margin-right:3px; color:#fff;font-size:12px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.green-black span.current {padding:5px 8px 5px 8px; padding:5px 8px 4px 8px;border:1px solid #ccc; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto;  background:url(http://www.syyiliao.com/images/page_bg02.png) top repeat-x #365caf; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
::-webkit-scrollbar {width:3px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}
#dituContent{ height:450px; border-top:1px solid #ddd;}
@media screen and (max-width:770px){
#dituContent{ height:230px;}
}
/*基础配置*/

@font-face {
 font-family:"alternateRegular";
 src: url("../font/alternate.eot");
 src: local("alternate Regular"), 
              local("alternate"), 
              url("../font/alternate.woff") format("woff"), 
              url("../font/alternate.ttf") format("truetype"), 
              url("../font/alternate.svg") format("svg");}

/*首页style开始*/
.top_bg{ border-top:5px solid #3c66b8; background:#fff; width:100%; height:100px; position:relative; z-index:999; box-shadow:0px 1px 8px rgba(0,0,0,0.3);}
.logo{ padding-top:25px;}
.nav i{ display:none;}
.sp_nav i{ display:none;}
.sjj_nav{ margin-right:50px;}
.sjj_nav li{ float:left; position:relative;}
.sjj_nav li .sp_nav_xjb{display:none;}
.sjj_nav li a{display:block; text-align:center; font-size:1rem; height:100px; padding:0 25px; line-height:100px; color:#4c4c4c; transition:0.5s; position:relative; z-index:9;}
.sjj_nav li:hover a,.sjj_nav li.cur a{ color:#fff; transition:0.5s;}
.sjj_nav li em{background:#3c66b8; display:block; position:absolute; left:0; top:0; height:100%; transition:0.5s; width:100%; transform:scaleX(0); transition:0.5s;}
.sjj_nav li:hover em,.sjj_nav li.cur em{transform:scaleX(1); transition:0.5s;}
/*
.sjj_nav li ul{ position:absolute; width:180px; background:#d97b1b; left:25%; margin-top:3px; overflow:hidden; transform:scaleX(0); opacity:0; transition:0.5s;}
.sjj_nav li:hover ul{transform:scaleX(1); opacity:1; transition:0.5s;}
.sjj_nav li ul li{ height:42px; line-height:42px; border-top:1px solid #cb7319; float:none;}
.sjj_nav li ul li:nth-child(1){ border-top:none;}
.sjj_nav li ul li a{ padding:0; line-height:42px; height:42px; font-size:1.125rem; text-align:center; font-family:"Din"; transition:0.5s;}
.sjj_nav li:hover ul li a,.sjj_nav li.cur ul li a{ color:#fff; transition:0.5s;}
.sjj_nav li ul li:hover a{ background:#ce7111; color:#fff; transition:0.5s;}
*/
@media screen and (max-width:1024px){
.top_bg{ border-top:3px solid #3c66b8; height:80px;}
.logo{ padding-top:20px;}
.logo img{ height:40px;}
.sjj_nav{margin-right:45px;}
.sjj_nav li a{font-size:0.9375rem; height:80px; padding:0 16px; line-height:80px;}
}
@media screen and (max-width:770px){
.top_bg .kg{ width:100%;}
.logo{ padding-left:1%;}
.sjj_nav{ margin-right:0px;}
}
@media screen and (max-width:520px){
.top_bg{ border-top:2px solid #3c66b8; height:50px;}
.logo{ padding-top:9px;}
.logo img{ height:32px;}
}
/*banner*/
.banner{height:auto; width:100%; position:relative; height:100%; display:inline-block;}
.slides{position:relative; height:100%;}
.slides li{height:100%; position:relative; width:100%;}
.slides li a{ display:block; width:100%; height:auto;}
.slides li img{display:none;}
@media screen and (max-width:1024px){
.slides li{ background-size:auto 100% !important; height:auto !important;  min-height:600px !important;}
}
@media screen and (max-width:770px){
.slides li{ background:none!important; height:auto !important; min-height:inherit !important;}
.slides li img{ width:100%; display:block;}
}
.flex-control-nav{ position:absolute; bottom:8%; z-index:99; text-align:center; width:100%;}
.flex-control-nav li{ display:inline-block; height:12px; margin:0 6px;}
.flex-control-nav li a{ display:block; overflow:hidden; text-indent:-999px; width:12px; height:12px; border-radius:50%; background:#fff; cursor:pointer;transition:0.5s;}
.flex-control-nav li a.flex-active{ background:#3c66b8; transition:0.5s;}
.flex-direction-nav{position:absolute;z-index:99; width:100%; left:0; margin:0 auto; top:47%;}
.flex-direction-nav li a{display:block;width:15px;height:25px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:1; -khtml-opacity:1; opacity: 1;}
.flex-direction-nav li a.flex-prev{left:2%;background:url(http://www.syyiliao.com/images/ban_l.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:2%;background:url(http://www.syyiliao.com/images/ban_r.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
/*banner*/

.index_bga{ background:url(../image/index_bga.png) repeat; width:100%; padding:55px 0 45px 0; overflow:hidden;}
.inda_nr li{ float:left; width:25%; text-align:center;}
.inda_nr li a{ display:block; border-left:2px solid #6d93dd;}
.inda_nr li:nth-child(1) a{ border-left:none;}
.inda_pic{ display:inline-block;}
.inda_wb{ display:inline-block; text-align:left; font-size:0.9375rem; color:#abc5f7; vertical-align:top; padding-left:10px;}
.inda_wb p{ font-size:1.625rem; color:#fff; height:44px; line-height:44px;}
@media screen and (max-width:1024px){
.index_bga{padding:45px 0 45px 0;}
.inda_pic{ display:block; text-align:center;}
.inda_wb{ display:block;text-align:center;}
}
@media screen and (max-width:770px){
.index_bga .kg{ width:100%;}
.inda_pic img{ max-width:30%;}
.inda_wb{font-size:0.875rem; height:82px;}
.inda_wb p{ font-size:1.375rem;}
}
@media screen and (max-width:520px){
.index_bga{padding:25px 0 25px 0;}
.inda_nr li{ width:50%;}
.inda_nr li:nth-child(1) a,.inda_nr li:nth-child(3) a{ border-left:1px solid rgba(255,255,255,0);}
.inda_nr li:nth-child(1) a,.inda_nr li:nth-child(2) a{border-bottom:1px solid #6d93dd; padding-bottom:15px; padding-top:0;}
.inda_nr li a{border-left:1px solid #6d93dd; padding-top:15px;}
.inda_pic img{ max-width:20%;}
.inda_wb{font-size:0.875rem; height:auto; padding-right:1%;}
.inda_wb p{ font-size:1.125rem; height:34px; line-height:34px;}
}

.index_bgb{ padding:70px 0; background:url(../image/index_bgb.jpg) no-repeat center; width:100%; overflow:hidden;}
.indb_title{ text-align:center; font-size:2rem; font-weight:bold; line-height:32px; color:#333;}
.indb_title p{ font-size:1.375rem; color:#696969; font-weight:normal;}
.indb_wb{ text-align:center; line-height:28px; color:#4e4e4e; margin-top:25px;}
.indb_gd{ position:relative; margin-top:50px;}
.indb_nr li{ float:left; width:25%;}
.indb_pic img{ display:block; width:100%;}
.indb_mc{ text-align:center; height:20px; line-height:20px; overflow:hidden;}
.incb_an a{ position:absolute; width:49px; height:49px; text-align:center; display:block; border-radius:50%; line-height:49px; cursor:pointer; background:#365caf; color:#fff; top:45%; font-family:"宋体"; font-weight:bold; font-size:1.375rem;}
.incb_an a.prev{ left:-55px;}
.incb_an a.next{ right:-55px;}
.indb_more{ margin-top:40px;}
.indb_more a{ display:block; width:130px; height:30px; margin:0 auto; background:url(../image/indb_morebg.png) no-repeat center; color:#fff; font-size:0.875rem; text-align:center; line-height:30px; border-radius:15px;}
@media screen and (max-width:1280px){
.incb_an{ padding-top:40px; text-align:center;}
.incb_an a{ position:relative; width:30px; height:30px; display:inline-block; line-height:30px; top:auto; font-size:1.25rem;}
.incb_an a.prev{ left:auto; margin-right:70px;}
.incb_an a.next{ right:auto; margin-left:70px;}
.indb_more{ margin-top:-30px;}
}
@media screen and (max-width:770px){
.index_bgb{ padding:60px 0; background-size:auto 100%;}
.indb_nr{ overflow:hidden;}
.indb_nr li{width:33.3333%;}
}
@media screen and (max-width:520px){
.index_bgb{ padding:50px 0 60px 0;}
.indb_title{font-size:1.75rem;}
.indb_title p{ font-size:1.25rem;}
.indb_wb{ font-size:0.9375rem; line-height:24px; margin-top:15px;}
.indb_wb br{ display:none;}
.indb_gd{margin-top:30px;}
.indb_nr li{width:50%;}
}

.index_bgc{ background:url(../image/index_bgc.jpg) no-repeat center; width:100%; overflow:hidden; padding:75px 0 140px 0; overflow:hidden;}
.indc_title{ text-align:center; font-size:1.375rem; color:#cecece; font-size:1.375rem;}
.indc_title p{ font-size:2rem; color:#fff; font-weight:bold; padding-bottom:8px;}
.indc_nr li{ float:left; margin-top:75px; width:46%;}
.indc_nr li:nth-child(2n){ float:right;}
.indc_nr li a{ display:block; padding-left:100px; color:#fff;}
.indc_mc{ font-size:1.125rem; font-weight:bold; height:30px; line-height:30px; overflow:hidden; margin-bottom:8px;}
.indc_ms{ line-height:28px; font-size:1rem; height:84px;}
@media screen and (max-width:1024px){
.index_bgc{ background-size:auto 100%; padding:75px 0 90px 0;}
.indc_ms{height:112px;}
}
@media screen and (max-width:770px){
.index_bgc{padding:75px 0 80px 0;}
.indc_nr li{margin-top:45px; width:48%;}
.indc_nr li a{padding-left:90px;}
.indc_mc{ font-size:1.125rem; height:52px; line-height:26px;}
.indc_ms{ line-height:24px; font-size:0.875rem; height:120px;}
}
@media screen and (max-width:520px){
.index_bgc{padding:50px 0 1% 0;}
.indc_title{font-size:1rem;}
.indc_title p{ font-size:1.75rem; padding-bottom:5px;}
.indc_nr{ padding-top:30px;}
.indc_nr li{margin-top:1%; width:49.5%; background:rgba(0,0,0,0.3);}
.indc_nr li a{padding-left:0px; padding-top:70px; background-position:center 10px !important; background-size:60px !important; padding:80px 3% 3% 3%;}
.indc_mc{ font-size:1rem;}
.indc_ms{ line-height:20px; font-size:0.75rem; height:140px;}	
}

.index_bgd{ padding-top:65px; padding-bottom:80px; width:100%; overflow:hidden;}
.indd_l{ width:53%;}
.indd_yw{ font-size:2rem; color:#c0c4cd; font-weight:bold; line-height:40px;}
.indd_bt{ background:url(../image/indd_xtb.png) no-repeat left; font-size:2rem; color:#252525; padding-left:48px; margin-top:20px;}
.indd_ms{ padding-top:38px; color:#343434; line-height:30px;}
.indd_ms p{ padding-bottom:7px;}
.indd_more{ margin-top:40px;}
.indd_more a{ display:block; width:130px; height:30px; background:url(../image/indb_morebg.png) no-repeat center; color:#fff; font-size:0.875rem; text-align:center; line-height:30px; border-radius:15px;}
.indd_r{ width:32.6923%;}
.indd_r img{ display:block; width:100%;}
@media screen and (max-width:1024px){
.indd_l{ width:55%;}
.indd_r{ width:40%;}
}
@media screen and (max-width:770px){
.index_bgd{padding-bottom:70px;}
.indd_yw{ font-size:1.5rem;line-height:30px;}
.indd_bt{font-size:1.5rem;}
.indd_ms{ padding-top:30px; font-size:0.9375rem; line-height:26px;}
.indd_more{ margin-top:30px;}
}
@media screen and (max-width:520px){
.index_bgd{ padding-top:50px; padding-bottom:60px;}
.indd_l{ width:100%;}
.indd_bt{padding-left:40px;}
.indd_ms{ padding-top:24px; font-size:0.875rem; line-height:24px;}
.indd_more{ margin-top:20px;}
.indd_r{ width:100%; padding-top:30px;}
}

.index_bge{ background:url(../image/index_bge.jpg) no-repeat center; width:100%; padding-top:65px; padding-bottom:60px; overflow:hidden}
.inde_title{ text-align:center; color:#fff; font-size:1.375rem;}
.inde_title p{ font-size:2rem;}
.inde_title i{ display:block; width:36px; height:2px; background:#fff; margin:12px auto 0 auto;}
.inde_gd{ position:relative; margin-top:35px;}
.inde_nr li{ width:100%;}
.inde_l{ width:30%; padding-top:45px;}
.inde_bt img{ max-width:100%;}
.inde_bz{ padding-top:30px;}
.inde_bz p{ font-size:1.5rem; padding-bottom:18px;}
.inde_bz{ color:#fff; font-size:1.375rem;}
.inde_more{ margin-top:55px;}
.inde_more a{ display:block; width:130px; height:30px; font-size:0.875rem; color:#fff; text-align:center; background:url(../image/indb_morebg.png) no-repeat center; line-height:30px; border-radius:15px;}
.inde_r{ width:66%;}
.inde_img{ width:64.7%;}
.inde_pic img{ display:block; width:100%;}
.inde_mc{text-align:center; font-size:1.5rem; color:#fff; height:40px; line-height:40px; overflow:hidden;}
.inde_cs{border-left:2px solid #d2d2d2; margin-top:15px;}
.inde_kg{ padding-top:30px;}
.inde_rbt{ color:#fff; background:url(../image/inde_qq.png) no-repeat left center; margin-left:-9px; padding-left:23px;}
.inde_rbt p{ background:url(../image/inde_k.png) no-repeat; width:83px; height:32px; line-height:32px; text-align:center;}
.inde_rms{ padding-left:23px; padding-top:8px; color:#fff; font-size:0.9375rem; line-height:24px;}
.inde_an{ position:absolute; left:0; bottom:10%; color:#fff; font-size:1.125rem; height:30px; line-height:30px;}
.inde_an ul li{ display:none;}
.inde_an ul li.on{ display:block;}
.inde_an a{ display:block; font-family:"宋体"; font-weight:bold; font-size:1.375rem; cursor:pointer;}
.inde_an a.prev{margin-right:25px;}
.inde_an a.next{margin-left:25px;}
@media screen and (max-width:1024px){
.index_bge{ background-size:auto 100%;}
.inde_bz p{font-size:1.375rem;}
.inde_bz{font-size:1.125rem;}
.inde_kg{ padding-top:20px;}
.inde_rms{font-size:0.875rem; line-height:22px;}
}
@media screen and (max-width:770px){
.inde_l{ display:none;}	
.inde_r{ width:100%;}
}
@media screen and (max-width:520px){
.index_bge{padding-top:50px; padding-bottom:60px;}
.inde_title{font-size:1rem;}
.inde_title p{ font-size:1.75rem;}
.inde_img{ width:64.7%; padding-top:20px;}
.inde_mc{font-size:1.25rem;}
.inde_cs{border-left:1px solid #d2d2d2; margin-top:0px; width:33%;}
.inde_kg{ padding-top:12px;}
.inde_rbt{padding-left:20px;}
.inde_rbt p{ background-size:auto 100%; width:67px; height:26px; line-height:26px; font-size:0.875rem;}
.inde_rms{ padding-left:10px; padding-top:3px; color:#fff; font-size:0.75rem; line-height:18px;}
.inde_an{bottom:5%;}
}

.index_bgf{ padding-top:60px; padding-bottom:85px; background:#f3f3f3; width:100%; overflow:hidden;}
.indf_title{ text-align:center; color:#817e7b; font-size:1.375rem;}
.indf_title p{ font-size:2rem; color:#000;}
.indf_title i{ display:block; width:36px; height:2px; background:#787878; margin:8px auto 0 auto;}
.indf_nr{ padding-top:29px;}
.indf_l{ width:64.85%;}
.indf_l li{ height:66px; background:#fff; margin-bottom:7px; padding:18px 2% 13px 0%; position:relative; overflow:hidden;}
.indf_l li a{ display:block; position:relative; z-index:9;}
.indf_l li i{ display:block; background:#3c66b8; position:absolute; left:-100%; top:0; width:100%; height:100%; transition:0.5s;}
.indf_l li:hover i{ left:0; transition:0.5s;}
.indf_rq{ border-right:1px solid #e4e4e4; height:66px; width:13%; text-align:center; color:#ababab; font-size:0.875rem; line-height:26px; transition:0.5s;}
.indf_rq p{ line-height:40px; font-size:2.25rem; color:#333; transition:0.5s;}
.indf_wb{ width:84%;}
.indf_mc{ font-size:1rem; font-weight:bold; color:#333; height:34px; overflow:hidden; line-height:34px; transition:0.5s;}
.indf_ms{ color:#4c4b4b; font-size:0.9375rem; height:24px; line-height:24px; overflow:hidden; transition:0.5s;}
.indf_l li:hover .indf_rq{ border-right:1px solid #fff; color:#fff; transition:0.5s;}
.indf_l li:hover .indf_rq p,.indf_l li:hover .indf_mc,.indf_l li:hover .indf_ms{color:#fff; transition:0.5s;}
.indf_r{ width:33.846%; position:relative;}
.indfr_nr li{ position:relative; width:100%;}
.indf_pic{ overflow:hidden;}
.indf_pic img{ display:block; width:100%; transition:0.5s;}
.indfr_nr li:hover .indf_pic img{transform:scale(1.1);}
.indfr_mc{ background:rgba(0,0,0,0.6); height:42px; line-height:42px; padding:0 3%; width:94%; position:absolute; bottom:0; left:0; color:#fff;}
.indfr_an{ position:absolute; right:1%; bottom:17px;}
.indfr_an li{ float:left; width:8px; height:8px; background:#b5b5b5; border-radius:50%; overflow:hidden; text-indent:-999rem; margin-left:7px; cursor:pointer; transition:0.5s;}
.indfr_an li.on{ background:#fff; transition:0.5s;}
@media screen and (max-width:1024px){
.indf_l li{ height:50px; margin-bottom:6px; padding:15px 2% 10px 0%;}
.indf_rq{height:50px; line-height:20px;}
.indf_rq p{ line-height:30px; font-size:1.75rem;}
.indf_mc{height:30px; line-height:30px;}
.indf_ms{height:20px; line-height:20px;}
}
@media screen and (max-width:770px){
.indf_l{ width:100%;}
.indf_r{ width:100%;}
}
@media screen and (max-width:520px){
.index_bgf{ padding-top:50px; padding-bottom:60px;}
.indf_title{ font-size:1rem;}
.indf_title p{ font-size:1.75rem;}
.indf_rq{width:20%;}
.indf_wb{ width:76%;}
.indf_mc{ font-size:0.9375rem; height:28px; line-height:28px;}
.indf_ms{font-size:0.875rem;}
}
 
.link_bg{background:#fff; padding-top:25px; padding-bottom:21px;}
.link_title{ border-right:2px solid #3c66b8; font-size:1.125rem; line-height:24px; padding-right:20px;}
.link_title p{ font-size:1.5rem; color:#161616; letter-spacing:5px;}
.link_nr{ height:48px; overflow:hidden; line-height:24px; width:1180px;}
.link_nr a{ display:block; float:left; margin-right:15px; font-size:1rem; color:#343434;}
.link_nr a:hover{ text-decoration:underline;}
.foot_bg{ background:#242424; width:100%; overflow:hidden;}
.fnavtel{ padding:40px 0;}
.fewm{ text-align:center;}
.fewm img{max-width:100%;}
.fewm p{ padding-top:10px; color:#fff; font-size:0.9375rem;}
.flogo{ padding-left:47px; padding-top:19px;}
.ftel_nr{color:#cecece; font-size:1rem; padding-left:47px;}
.ftel_nr p{ line-height:24px; padding-bottom:4px;}
.ftel_nr a{ color:#cecece;}
.fnav{ width:20%;}
.fnav li{ float:left; line-height:40px; width:50%;}
.fnav li a{ font-size:1rem; color:#cecece;}
.fnav li:hover a{ text-decoration:underline;}
.fbq{ padding-top:15px; border-top:1px solid #3e3e3e; padding-bottom:15px; line-height:24px; font-size:0.875rem; color:#fff;}
.fbq span{ float:right;}
.fbq a{ color:#fff;}
.fbq a:hover{ text-decoration:underline;}
@media screen and (max-width:1280px){.link_nr{width:1130px;}}
@media screen and (max-width:1024px){
.link_bg{ display:none;}
.flogo{ padding-left:27px;}
.ftel_nr{padding-left:27px;}
.fbq span{ float:none; display:block;}
}
@media screen and (max-width:770px){
.fnav{ display:none;}
.flogo{ padding-left:20px;}
.ftel_nr{padding-left:20px; width:45%;}
.fbq span{ float:right;}
}
@media screen and (max-width:520px){
.flogo{ display:none;}
.fewm{ text-align:center; width:28%;}
.fewm p{font-size:0.75rem;}
.ftel_nr{padding-left:0px; width:68%; float:right; font-size:0.875rem;}
.ftel_nr p{ line-height:20px; padding-bottom:6px;}
.fbq{line-height:20px; font-size:0.75rem; padding-bottom:70px;}
}
/*首页style结束*/

/*内页style开始*/
.about_banner{ background:url(../image/about_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.contact_banner{ background:url(../image/contact_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.service_banner{ background:url(../image/service_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.news_banner{ background:url(../image/news_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.pro_banner{ background:url(../image/pro_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.proshow_banner{ background:url(../image/pro_banner.jpg) no-repeat center; width:100%; height:200px; position:relative;}
.main_left{ padding-top:140px; text-align:left; color:#3c66b8; font-size:0.875rem;}
.main_left p{ font-size:1.875rem; color:#3c66b8;}
.main_left i{ display:block; width:21px; height:1px; background:#3c66b8; margin-top:14px;}
.main_center{ padding-top:140px; text-align:center; color:#3c66b8; font-size:0.875rem;}
.main_center p{ font-size:1.875rem; color:#3c66b8;}
.main_center i{ display:block; width:21px; height:1px; background:#3c66b8; margin:14px auto 0 auto;}
.main_flbg{width:100%; position:relative; background:rgba(45,92,178,0.6); margin-top:-70px; z-index:9;}
.main_fl li{ position:relative; float:left;}
.main_fl li a{ color:#fff; padding:0 45px; font-size:1.125rem; height:70px; display:block; line-height:70px; text-align:center; position:relative; z-index:9;}
.main_fl li:hover a,.main_fl li.cur a{color:#fff;}
.main_fl li i{ background:url(../image/fl_b.png) no-repeat center bottom; width:100%; height:76px; position:absolute; top:0; left:0%; transform:scaleX(0); transition:0.5s;}
.main_fl li:hover i,.main_fl li.cur i{transform:scaleX(1); transition:0.5s;}
.main_wz{ font-size:0.9125rem; color:#fff; line-height:70px;}
.main_wz img{ margin-bottom:-2px; margin-right:8px;}
.main_wz span{ padding:0 8px; font-family:"宋体";}
.main_wz a{ color:#fff;}
.main_wz a:hover{ text-decoration:underline;}
.main{ background:#fff; padding-top:70px; padding-bottom:100px;}
.about_nr{ color:#6d6d6d; font-size:1rem; line-height:30px;}
.about_nr img{ max-width:100%;}
@media screen and (max-width:1024px){
.about_banner,.contact_banner,.service_banner,.news_banner,.pro_banner{ background-size:auto 100%; height:300px;}
.proshow_banner{ background:url(../image/pro_banner.jpg) no-repeat center; width:100%; height:200px; position:relative;}
.main_left{ padding-top:100px;}
.main_center{ padding-top:100px;}
.main_flbg{margin-top:-60px;}
.main_flbg .kg{ width:100%;}
.main_fl li a{font-size:1rem; height:60px; line-height:60px;}
.main_fl li i{height:66px;}
.main_wz{line-height:60px; padding-right:1%;}
.main{padding-top:60px; padding-bottom:80px;}
.about_nr{font-size:0.875rem; line-height:24px;}
}
@media screen and (max-width:520px){
.about_banner,.contact_banner,.service_banner,.news_banner,.pro_banner{height:160px;}
.main_left{ padding-top:30px;}
.main_left p{ font-size:1.5rem; }
.main_left i{margin-top:8px;}
.main_center{ padding-top:30px;}
.main_center p{font-size:1.5rem;}
.main_center i{margin:8px auto 0 auto;}
.main_flbg{margin-top:-40px;}
.main_fl{ float:none;}
.fl_03 li{ width:33.333%;}
.fl_04 li{ width:25%;}
.main_fl li a{padding:0; font-size:0.9375rem; height:40px; line-height:40px;}
.main_fl li i{height:46px;}
.main_wz{ display:none;}
.main{padding-top:40px; padding-bottom:50px;}
}

.book_title{ font-size:1rem; line-height:30px; padding-bottom:40px;}
.book_title p{ color:#000;}
.book_nr div.fl,.book_nr div.fr{ width:49%; padding-bottom:15px;}
.book_nr div.book{ width:100%; padding-bottom:15px;}
.contxt{ width:96%; display:block; padding:0 2%; font-family:"微软雅黑"; font-size:1rem; height:44px; outline:none;}
.contxta{ width:98%; line-height:30px; padding:1%; height:150px; font-family:"微软雅黑"; font-size:1rem; outline:none;}
.btn{width:150px; border:0; background:#3c66b8; font-family:"微软雅黑"; height:46px; cursor:pointer; font-size:1.25rem; color:#fff; float:right; margin-left:15px;}
@media screen and (max-width:520px){
.book_title{ font-size:0.9125rem; line-height:26px; padding-bottom:30px;}
.book_nr div.fl,.book_nr div.fr{ width:99%; padding-bottom:10px; float:none;}
.book_nr div.book{padding-bottom:10px;}
.contxt{padding:0 2%; font-size:0.875rem;}
.contxta{ line-height:24px; padding:2%; width:95%; font-size:0.875rem;}
.btn{width:130px; height:40px; font-size:1rem;}
}

.case_nr li{ float:left; width:24%; margin-right:1.333%; margin-bottom:30px;}
.case_nr li:nth-child(4n){ margin-right:0;}
.case_kg{ position:relative;}
.case_pic{ border:1px solid #c0c0c0; overflow:hidden; position:relative;}
.case_pic img{ display:block; width:100%; transition:0.5s;}
.case_nr li:hover .case_pic img{transform:scale(1.1);}
.case_pic i{display:block; position:absolute; left:0; top:0; background:url(../image/video_pic.png) no-repeat center rgba(0,0,0,0.4); width:100%; height:100%;}
.case_mc{color:#fff; background:#3c66b8; text-align:center; font-size:1rem; height:54px; line-height:54px; overflow:hidden;}
.case_kg .border_top{
	position:absolute;height:3px;width:0;font-size:0;background:#3c66b8;top:0;left:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_kg .border_right{
	position:absolute;height:0px;width:3px;font-size:0;background:#3c66b8;bottom:0;right:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_kg .border_bottom{
	position:absolute;height:3px;width:0px;font-size:0;background:#3c66b8;right:0;bottom:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_kg .border_left{
	position:absolute;height:0px;width:3px;font-size:0;background:#3c66b8;left:0;top:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_nr li:hover .border_top,.case_nr li:hover .border_bottom,.honor_nr li:hover .border_top,.honor_nr li:hover .border_bottom{width:100%;}
.case_nr li:hover .border_left,.case_nr li:hover .border_right,.honor_nr li:hover .border_left,.honor_nr li:hover .border_right{height:100%;}
@media screen and (max-width:770px){
.case_nr li{width:31.333%; margin:0 1% 30px 1%;}
.case_nr li:nth-child(4n){margin:0 1% 30px 1%;}
.case_mc{font-size:0.875rem; height:40px; line-height:40px;}
}
@media screen and (max-width:520px){
.case_nr li{width:49%; margin:0 0 2% 0;}
.case_nr li:nth-child(4n){ margin:0 0 2% 0;}
.case_nr li:nth-child(2n){ float:right;}
}

.news_nr li{ position:relative; margin-bottom:20px;}
.news_nr li a{ display:block; padding:2%; position:relative; z-index:9; transition:0.5s;}
.news_nr li:hover a{box-shadow:0px 1px 8px rgba(0,0,0,0.3); transition:0.5s;}
.news_pic{ overflow:hidden; width:22%;}
.news_pic img{ display:block; width:100%; transition:0.5s;}
.news_nr li:hover .news_pic img{transform:scale(1.1);}
.news_wb{ width:75%;}
.news_bt{ font-size:1.5rem; height:50px; line-height:50px; overflow:hidden;}
.news_ms{ font-size:0.875rem; line-height:24px; height:48px; color:#5f5f5f; overflow:hidden; margin-top:5px; transition:0.5s;}
.news_more{ width:126px; height:34px; text-align:center; background:#3c66b8; line-height:34px; color:#fff; font-size:0.875rem; margin-top:25px;}
.news_nr li:hover .news_more{ background:#1e1916; transition:0.5s;}
.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:12px; font-size:1.5rem; font-weight:bold; line-height:25px; }
.newsshow_title p{ font-size:0.875rem; color:#999; font-weight:normal; padding-top:8px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:1rem; line-height:30px;}
.newsshow_wnnr img{ max-width:100%;}
.bdsharebuttonbox{ margin:0 auto; padding-top:40px; width:145px;}
.sxyjsys,.sxyjsys a{ font-size:14px;  line-height:20px;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; font-size:1.25rem; font-weight:bold; line-height:46px; height:46px; color:#717171;}
.xgnews-con{ padding-top:15px;}
.xgnews-con li{ float:left; width:45%; margin-left:1%; margin-right:4%; line-height:24px; list-style-position:inside; list-style-type:disc;}
.xgnews-con li a{ font-size:14px;}
.xgnews-con li span{ float:right; color:#999; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}
@media screen and (max-width:1024px){
.news_nr li a{padding:1%;}
.news_bt{ font-size:1.125rem; height:36px; line-height:36px;}
.news_more{margin-top:20px;}
.newsshow_title{font-size:1.375rem;}
.newsshow_title p{ font-size:0.75rem; padding-top:5px;}
.newsshow_wnnr{font-size:0.875rem; line-height:24px; }
}
@media screen and (max-width:770px){
.news_nr li{margin-bottom:10px;}
.news_pic{width:28%;}
.news_wb{width:70%;}
.news_bt{font-size:1.125rem; height:32px; line-height:32px;}
.news_ms{line-height:20px; height:40px; margin-top:3px;}
.news_more{margin-top:15px;}
.newsshow_title{font-size:1.125rem;}
.newsshow_wnnr{font-size:0.875rem; line-height:24px; }
}
@media screen and (max-width:520px){
.news_nr li{margin-bottom:5px;}
.news_pic{width:30%;}
.news_wb{ width:67%;}
.news_bt{ font-size:0.9125rem; height:24px; line-height:24px;}
.news_ms{ font-size:0.75rem; line-height:18px; height:36px; margin-top:2px;}
.news_more{ display:none;}
.newsshow_title{font-size:1.125rem;}
.xgnews-tit{font-size:1.125rem;}
.xgnews-con li{width:95%;}
}

header nav li{ position:relative; float:left;}
header nav li a{color:#1b1b1b; padding:0 45px; font-size:1rem; height:65px; display:block; line-height:65px; text-align:center; position:relative; z-index:9;}
header nav li:hover a,header nav li.cur a{color:#fff;}
header nav li i{ background:#3c66b8; width:100%; height:100%; position:absolute; bottom:0; left:0%; transform:scaleX(0); transition:0.5s;}
header nav li:hover i,header nav li.cur i{transform:scaleX(1); transition:0.5s;}

.pro_nr li{ float:left; width:24%; margin-right:1.333%; margin-top:1.333%;}
.pro_nr li:nth-child(4n){ margin-right:0;}
.pro_pic{ overflow:hidden; border:1px solid #d2d2d2;}
.pro_pic img{ display:block; width:100%; transition:0.5s;}
.pro_nr li:hover .pro_pic img{transform:scale(1.1);}
.pro_mc{ height:52px; padding:0 4%; background:#3c66b8; line-height:52px; color:#fff; overflow:hidden;}
.pro_mc span{ display:block; float:right; width:27px; height:27px; background:#fff; font-size:1.125rem; color:#3e3e3e; line-height:26px; text-align:center; border-radius:50%; margin-top:13px;}


.proshowa{ background:#f5f4f4; padding:1.5%;}
.swiper-container {display:none;}
#tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn{display:block;background:url(http://www.syyiliao.com/css/img/spr.png) no-repeat;}
#tFocus{width:660px;overflow:hidden;}
#tFocus-pic{width:650px; height:480px; border:5px solid #ddd; position:relative;}
#tFocus-pic li{width:650px;height:480px;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0;}
#tFocus-pic li img{ display:block; width:100%; margin:0 auto;}
#tFocusBtn{width:660px;height:118px; margin-top:10px;z-index:20;overflow:hidden;}
#tFocus-btn{width:660px; height:118px; position:relative;left:0;bottom:0;overflow:hidden;float:left;margin-right:3px;}
#tFocus-btn ul{width:100000px;position:absolute;left:0;top:0;}
#tFocus-btn li{height:114px; width:155px; position:relative; border:2px solid #ddd; display:block; float:left; margin:0 3px; cursor:pointer;}
#tFocus-btn li.active{border:2px solid #007bc1;}
#tFocus-btn li img{ display:block; width:100%; margin:0 auto;}
#tFocus-btn li i{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(http://www.syyiliao.com/images/vpic.png) no-repeat center rgba(0,0,0,0.3);}
#tFocus-leftbtn,#tFocus-rightbtn{ position:absolute; height:40px;margin-top:18px;width:15px;float:left;text-indent:-9999px;}
#tFocus-leftbtn{margin-right:5px;}
#tFocus-rightbtn{}

.proshowa_wb{ width:44%;}
.nycp_bt{color:#6b6b6b; font-size:1.125rem; border-bottom:1px solid #ddd; padding-bottom:15px;}
.nycp_bt p{ font-size:1.75rem; font-weight:bold; padding-bottom:5px; color:#000;}
.nycp_nr{ font-size:0.875rem; color:#656464; line-height:24px; padding-top:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid #ddd;}
.nycp_nr img{ max-width:100%;}
.nycp_tel{ margin-top:1.875rem; background:url(../image/nycp_pic.png) no-repeat left center; padding-left:23px; font-size:1rem; color:#979797;}
.nycp_tel strong{ color:#454545;}
.nycp_more{ width:133px; height:45px; padding-top:19px;}
.nycp_more a{border-radius:5px; display:block; background:#3c66b8; text-align:center; line-height:45px; font-size:1.125rem; color:#fff; font-weight:bold; color:#fff;}
.nycp_more .job_moreb{ display:none;}

.proshow_bom{ padding-top:60px;}
.proms_l{ width:74%;}
.proshow_title{ font-size:1.125rem; font-weight:bold; color:#454545; height:50px; line-height:50px; border-bottom:3px solid #454545;}
.proshow_nr{ font-size:0.9125rem; line-height:28px; padding-top:25px;}
.proshow_nr img{ max-width:100%;}
.showcp_an{ padding-top:0.875rem; width:100%; padding-top:40px; margin-bottom:50px;}
.showcp_an p{width:120px;}
.showcp_an p a{width:100%;height:40px; background:#3c66b8; text-align:center; line-height:40px; display:block; font-size:1rem; color:#fff; font-weight:bold;}
.cnxh{ width:23%;}
.cnxh_tit{font-size:1.125rem; font-weight:bold; color:#454545; height:50px; line-height:50px; border-bottom:3px solid #454545; text-align:center;}
.cnxh_nr li{ margin-top:20px;}
.cnxh_pic{ overflow:hidden; border:1px solid #ddd;}
.cnxh_pic img{ display:block; width:100%; transition:0.5s;}
.cnxh_nr li:hover .cnxh_pic img{transform:scale(1.1);}
.cnxh_wb{ background:#ddd; height:40px; line-height:40px; overflow:hidden; font-size:0.875rem; text-align:center; transition:0.5s;}
.cnxh_nr li:hover .cnxh_wb{ background:#3c66b8; color:#fff; transition:0.5s;}
@media screen and (max-width:1024px){
.proshowa{ background:#fff; padding:0%;}
#tFocus{width:600px;}
#tFocus-pic{width:590px; height:436px;}
#tFocus-pic li{width:590px;height:436px;}
#tFocusBtn{width:600px;height:107px;}
#tFocus-btn{width:600px; height:107px;}
#tFocus-btn li{height:103px; width:140px;}
.proshowa_wb{ width:38%;}
.nycp_bt{font-size:1rem;}
.nycp_bt p{ font-size:1.5rem;}
.proshow_nr{ font-size:0.875rem; line-height:24px;}
}
@media screen and (max-width:770px){
.pro_nr li{width:31.333%; margin:0 1% 30px 1%;}
.pro_nr li:nth-child(4n){margin:0 1% 30px 1%;}
.pro_mc{ font-size:0.9375rem;}
#tFocus{ float:none; margin:0 auto;}
.proshowa_wb{ width:100%; padding-top:40px;}
.proms_l{ width:100%; float:none;}
.cnxh{ width:100%;}
.cnxh_nr li{ margin:20px 0.5% 0 0.5%; float:left; width:24%;}
}
@media screen and (max-width:520px){
.pro_nr li{width:49.5%; margin:0% 0 20px 0;}
.pro_nr li:nth-child(4n){margin:0% 0 20px 0;}
.pro_nr li:nth-child(2n){ float:right;}
.pro_mc{ height:40px; padding:0 3%; line-height:40px; font-size:0.875rem;}
.pro_mc span{ width:22px; height:22px; font-size:1rem; line-height:22px; margin-top:9px;}
.swiper-container { display:block;
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img{display:block; width:100%;}
#tFocus{ display:none;}
.proshowa_wb{ width:100%;}
.nycp_more .job_morea{ display:none;}
.nycp_more .job_moreb{ display:block;}
.proshow_bom{ padding-top:30px;}
.proshow_title p{ width:120px; height:40px; line-height:40px; font-size:1rem;}
.cnxh_nr li{ margin:15px 0.5% 0 0.5%; width:49%;}
.cnxh_nr li.on{ margin:15px 0.5% 0 0.5%;}
}
/*内页style结束*/

@media screen and (max-width:1024px){

}


@media screen and (max-width:770px){

}

.fswzj{ display:none;}@media(max-width:767px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#3c66b8;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #4875ce;}.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.3rem 0; position:relative; float:left;}.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid #4875ce;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:23%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.8125rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}


@media screen and (max-width:770px){
/*分类*/
header{ background:none; width:auto; display:block;position: relative; z-index:100; margin:0; padding:0; border-radius:0; float:none !important;}
header nav li{background:none; line-height:inherit; margin-bottom:auto;}
header nav li a{ font-weight:inherit; border:none; padding:inherit; height:auto; z-index:9;}
header nav li span{ display:none;}
header nav li ul li{ margin:auto; background:none;}
header nav li ul li a{border:0; line-height:inherit;}
header nav li i{ height:40px;}
.mean-container .mean-bar {width:100%;position:relative;background:#0056ab; height:40px; z-index:99;}
.mean-container .mean-bar div.fl{ font-size:1rem; color:#fff; line-height:40px; padding-left:2%;}
.mean-container a.meanmenu-reveal {width:22px;height:22px;padding:9px 10px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;	display:block;font-family:Arial, Helvetica, sans-serif;	font-weight:700}
.mean-container a.meanmenu-reveal span {display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav {float:left;width:100%;background: rgba(243,243,243,1); margin-bottom:30px;}
.mean-container .mean-nav ul {padding:0;margin:0;width:100%;list-style-type:none;}
.mean-container .mean-nav ul li {position:relative;width:100%;}
.mean-container .mean-nav ul li a {display:block;width:90%; background:none; font-size:0.875rem;padding:0 5%;height:39px; line-height:39px;margin:0;text-align:left;border-top:1px solid #383838;border-top:1px solid rgba(173, 173, 173, .5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a {width:80%;padding:0 10%; height:45px; line-height:45px; border-top:1px solid rgba(216,216,216,.25); opacity:.75; filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a {border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li a.mean-expand {width:15px;height:40px;text-align:center;position:absolute;right:0;top:0;z-index:10;font-weight:700;	background:rgba(255, 255, 255, .1);	border:0!important;	border-left:1px solid rgba(255, 255, 255, .4)!important;border-bottom:1px solid rgba(255, 255, 255, .2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}
.mean-container .mean-push {float:left;	width:100%;	padding:0; margin:0; clear:both}
.mean-nav .wrapper {width:100%;padding:0;margin:0}
.mean-container .mean-bar, .mean-container .mean-bar * {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove {display:none!important}
header nav {text-align: center;background: #efefef;}
header nav ul {margin:0;padding:1em;list-style-type: none;}
/*分类*/	
}
/*导航样式*/
@media screen and (max-width:770px){
.sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; background:#3c66b8; padding:10px;}
.sp_nav i{display:block; color:#fff; position:absolute; width:100%; bottom:12px; left:0; text-align:center; font-style:normal;}
.sp_nav span{display:block;background:#fff;width:40%;height:2px;position:absolute;left:30%;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:22px}
.sp_nav span:nth-of-type(2){top:32px}
.sp_nav_se span:nth-of-type(1){top:22px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:22px;transform:rotate(-45deg)}
.sjj_nav{position:fixed; z-index:9; background:rgba(0,0,0,0.9); width:50%; height:calc(100% - 104px); line-height:40px; top:83px; right:-100%; overflow:auto; overflow-x:hidden; transition:right ease 0.5s;}
.nav_show{top:83px; right:0;}
.sjj_nav li ul,.sjj_nav li .sp_nav_xjb{ display: block;}
.sjj_nav ul li{ float:none; width:auto; background:none;}
.sjj_nav>ul>li:first-child{overflow:hidden; border-top:none;}
.sjj_nav>ul>li:first-child>a{float:left; width:calc(100% - 70px);}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{ display:block; position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li em{ display:none;}
.sjj_nav ul li{border-top:1px #2f2f2f solid;margin-left:10px;position:relative;line-height:40px;font-size:14px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #2f2f2f solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{ width:90%; font-size:1rem; color:#fff; text-align:inherit; padding:inherit; height:auto; line-height:inherit; background:none;}
.sjj_nav ul li.cur a,.sjj_nav ul li.cur ul li.cur a{color:#0279d2;}
.sjj_nav ul li ul li a,.sjj_nav ul li.cur ul li a{color:#666;display:block;text-align:left; font-size:0.875rem;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#0071bc;}
.sjj_nav ul li ul li>ul{margin-left:10px}
}
@media screen and (max-width:520px){
.sp_header{height:50px;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px; height:50px; padding:0px;}
.sp_nav i{ font-size:0.8125rem; bottom:6px;}
.sp_nav span{ width:50%; left:25%;}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav_se span:nth-of-type(1){top:13px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:13px;transform:rotate(-45deg)}
.sjj_nav{top:52px; width:55%;}
.nav_show{top:52px;}
.sjj_nav ul li a{ font-size:0.875rem;}
}

.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(60, 102, 184, 0.8) url(../image/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  border-radius:50%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {opacity: .9;}
.no-touch .cd-top:hover {background-color: #e86256; opacity: 1;}
@media screen and (max-width:520px){
.cd-top { right:2%; bottom:60px;}
}


.sous{position:absolute; right:0; top:30px; z-index:999;}
.sb-search {position:relative; width:40px; height:40px;float:right;overflow: hidden;-webkit-transition: width 0.5s;-moz-transition: width 0.5s;transition: width 0.5s;-webkit-backface-visibility: hidden;}
.sb-search-input {position:absolute;top:0;right:40px; border:1px solid #ddd; background:#fff; width:255px; height:38px; margin:0;z-index: 10;font-size:0.875rem;color:#5b5b5b; padding:0 10px; outline:none; font-family:"微软雅黑";}
.sb-icon-search,.sb-search-submit {width:40px;height:40px;display: block;position: absolute;right: 0;top: 0;padding: 0;	margin: 0;line-height:28px;text-align: center;cursor: pointer;}
.sb-search-submit {background:#fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: alpha(opacity=0); /* IE 5-7 */   opacity: 0;color: transparent;border: none;outline: none;	z-index: -1;}
.sb-icon-search {color:#fff;z-index:90; background:url(../image/sous.png) no-repeat center center; width:40px; height:40px;}
.header .sb-icon-search,.header .sb-search.sb-search-open .sb-icon-search,.header .no-js .sb-search .sb-icon-search{background:url(../image/sous.png) no-repeat center center;}
.sb-search.sb-search-open,.no-js .sb-search {width:400px;}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {background:url(../image/sous.png) no-repeat center center #ddd; width:40px; height:40px; z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {z-index:90;}
@media screen and (max-width:1024px){
.sous{top:20px;}
}
@media screen and (max-width:770px){.sous{ display:none;}}