/* CSS Document */
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#272727;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#333;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#506A80;text-decoration:none;}
.clearfix{zoom: 1; }
.clear{clear: both;}
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.center{margin:auto;}
.sbj{margin-top:30px;}
.sbj1{margin-top:50px;}
.fl {float: left;}
.fr {float: right;}
.top{width: 100%;background-color: #efefef;height:40px;line-height: 40px;font-size: 14px;color: #888888;}
.top span{float: right;}
.top span a{padding: 0px 5px;font-size: 14px;color: #888888;}
.top span a:hover{color: #506A80;}
.logo{width: 300px;height: 120px;float: left;}
.tel{font-size:15px;margin-top:32px;padding-left:46px;background: url(../images/tel.png) no-repeat left center;color: #888888;width:175px;height:56px;float: right;}
.tel p{color: #506A80;font-size: 26px;font-weight: bold;}
#nav{width: 100%;height:60px;line-height:60px;background-color: #506A80;}
#nav li{float:left;text-align:center;}
#nav li a{line-height:60px;display:block;height:60px;text-align:center;font-size:15px;color: #fff;}
#nav li:hover{text-decoration:none; height:60px;background-color: #C5D6DE;}
#nav li dl{background-color:#C5D6DE;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;}
#nav li a:hover{color: #000;}
#nav li:hover a{color: #000;}
#nav li dl dt{height:46px;line-height:46px;border-bottom:1px solid #000;}
#nav li dl dt a{font-size:14px;height:46px;line-height:46px;color: #000;}
#nav li dl dt a:hover{font-size:15px;transition:all 0.3s ease-in-out 0s;}
#nav li:hover dl{left:auto;}
.cu{background-color:#C5D6DE;}
.cu a{color: #000!important;}
#ss{width: 100%;height:60px;border-bottom: 1px solid #E5E5E5;}
.rmss{float: left;line-height:60px;font-size: 14px;}
.rmss a{font-size: 14px;color: #888888;padding: 0px 5px;}
.rmss a:hover{color: #506A80;font-weight: bold;}
.search{width: 374px;height: 46px;margin-top:7px;float: right;}
.search input {color:#888888;display: inline-block;font-size: 14px;height: 44px;border: 1px solid #D4D4D4;outline: none;padding: 0 16px;vertical-align: middle;width:260px;margin: 0px;background-color: #fff;}
.search button {background-color: #506A80;color: #fff;cursor: pointer;display: inline-block;font-size: 14px;line-height: 44px;outline: none;vertical-align: middle;width:80px;padding: 0px;border: 1px solid #506A80;margin-left:-5px;}
.search img {height: 16px;margin-right: 8px;vertical-align: middle;width: 14px;}
#wrap{width: 100%;background-color: #F4F2F3;padding:50px 0px;}
.title{text-align: center;}
.title li{font-size:30px;font-weight: bold;}
.title p{color: #888888;font-size: 13px;margin-top: 5px;}
.cpfl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cpfl li{width: calc(13.8% - 2px);text-align: center;height:46px;line-height: 46px;background-color: #506A80;border-radius: 10px;}
.cpfl li a{color: #fff;font-size: 15px;}
.cpfl li:hover{background-color: #333;}
.cpfl li:hover a{color: #fff;}
#wrap1{width: 100%;background: url(../images/gs.jpg) no-repeat center top;padding:60px 0px;}
.title1{text-align: center;color: #fff;}
.title1 li{font-size:30px;font-weight: bold;}
.title1 p{font-size: 13px;margin-top: 5px;}
.company dl{width:40%;overflow: hidden;margin-right:5%;float: left;}
.company dl video{background-color: #000;}
.company ul{float: left;width: 55%;color: #fff;}
.company ul dd{margin-bottom: 15px;font-size: 20px;}
.company ul ol{width: 60px;height: 2px;background-color: #fff;margin-bottom: 10px;}
.company ul p{text-indent:2em;}
.company ul li{background-color: #FFFFFF;height: 40px;line-height:40px;width: 160px;margin-top:15px;text-align: center;}
.company ul li a{font-size:16px;color: #506A80;}
.company:hover ul li{background-color: #C5D6DE;}
.company:hover ul li a{color: #000;}
.advantage {width: 100%; background:url(../images/ys_bg.jpg) no-repeat center top; padding-top: 78px; height: 568px;}
.advantage_t{ position: absolute; left: 0; top: 0; z-index: 2;}
.advantage_p {margin: 0 auto; position: relative;}
.advantage_p .tab_box_2 { width: 100%; height: 370px; overflow: hidden; display: block; position: relative; padding-top: 156px;}
.youshi_pro_1 { height: 370px; position: relative;}
.youshi_pro_1_l { float: left; width: 460px; height: 300px; overflow: hidden; padding: 18px; border: 1px solid #d2d2d2;}
.youshi_pro_1_l img { width: 460px; height: 300px;}
.youshi_pro_2a { float: left;margin-left: 1px; padding-left: 83px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
 box-sizing: border-box; background:url(../images/ys_line.png) no-repeat 0 48px;}
.youshi_pro_2a h5 { height: 30px; line-height: 1; font-size: 20px; font-weight: bold;padding: 0px;margin: 0px;}
.youshi_pro_2a h4 { line-height: 1; font-size: 12px; color: #333333;padding: 0px;margin: 0px;font-weight: normal;}
.youshi_pro_2_1 { line-height: 30px; padding: 28px 0 0 0; color: #666666; font-size: 14px;}
.youshi_pro_2_1 i{ display: block; height: 12px;}
.advantage_l { float: left; background: url(../images/ys_l.png) no-repeat center; display: block; width: 40px; height: 40px; cursor: pointer; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: absolute; left: 584px; top: 452px; z-index: 5; border: 1px solid #C5D6DE;}
.advantage_r { float: left; background: url(../images/ys_r.png) no-repeat center #506A80; display: block; width: 42px; height: 42px; cursor: pointer; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: absolute; left: 645px; top: 452px; z-index: 5;}
.advantage_p .hd { width: 353px; height: 520px; position: absolute; right: 0; top: 0;}
.advantage_p .hd ul{}
.advantage_p .hd ul li { cursor: pointer; height: 110px; color: #888888; position: relative; background: #fff; margin-bottom: 16px;}
.advantage_p .hd ul li h6{ width: 91px; height: 110px; line-height: 110px; position: absolute; right: 0; top: 0px; color: #eff1f4; font-size: 70px; font-weight: bold; font-family: Arial;padding: 0px;margin: 0px;}
.advantage_p .hd ul li i { display: block; width: 60px; height: 60px; float: left; margin-left: 27px; margin-top: 25px; margin-right: 18px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; border-radius: 50%;}
.advantage_p .hd ul li i.d1{ background:url(../images/ys_d1.png) no-repeat 0 0 #506A80;}
.advantage_p .hd ul li i.d2{ background:url(../images/ys_d2.png) no-repeat 0 0 #506A80;}
.advantage_p .hd ul li i.d3{ background:url(../images/ys_d3.png) no-repeat 0 0 #506A80;}
.advantage_p .hd ul li i.d4{ background:url(../images/ys_d4.png) no-repeat 0 0 #506A80;}
.advantage_p .hd ul li span { display: block; font-size: 16px; color: #333333; padding-top: 32px;}
.advantage_p .hd ul li b { display: block; color: #333333; font-weight: normal; text-transform:uppercase; font-size: 12px; padding-top: 5px;}
.advantage_p .hd ul li.on i.d1{ background:url(../images/ys_d1.png) no-repeat 0 -60px #fff;}
.advantage_p .hd ul li.on i.d2{ background:url(../images/ys_d2.png) no-repeat 0 -60px #fff;}
.advantage_p .hd ul li.on i.d3{ background:url(../images/ys_d3.png) no-repeat 0 -60px #fff;}
.advantage_p .hd ul li.on i.d4{ background:url(../images/ys_d4.png) no-repeat 0 -60px #fff;}
.advantage_p .hd ul li.on{background: #506A80; position: relative; z-index: 5;}
.advantage_p .hd ul li.on span { color: #fff;}
.advantage_p .hd ul li.on b{ color: #C5D6DE;}
.advantage_p .hd ul li.on h6{ color: #C5D6DE;}
.picScroll-left{position: relative;}
.picScroll-left .bd{overflow: hidden;}
.picScroll-left .bd ul li{float:left;margin: 0 10px;}
.picScroll-left .bd ul li ol a{display:block;overflow: hidden;}
.picScroll-left .bd ul li ol img{transition: all 0.6s;}
.picScroll-left .bd ul li:hover ol a img{transition: all 0.6s;transform: scale(1.3);}
.picScroll-left .bd ul li dt{line-height: 36px;height: 36px;text-align: center;}
.picScroll-left .bd ul li dt a{font-size:14px;}
.picScroll-left .bd ul li:hover dt a{color:#506A80;font-weight: bold;}
.picScroll-left a.next{display: block;width:41px;height: 41px;background: url(../images/right.png) no-repeat center;position: absolute;right: -41px;cursor: pointer;}
.picScroll-left a.prev {display: block;width:41px;height:41px;background:url(../images/left.png) no-repeat center;position: absolute;left:-41px;cursor:pointer;}
#wrap2{width: 100%;background: url(../images/lc.jpg) no-repeat center center;padding: 50px 0px;}
.lc{display: flex;justify-content: space-between;flex-wrap: wrap;}
.lc dl{width:160px;text-align: center;}
.lc dl img{transition: all 0.6s;}
.lc dl:hover img{transform: rotate(360deg);}
.lc dl p{color: #fff;font-size: 18px;margin-top: 15px;}
.flexd{display:flex;justify-content:space-between;flex-wrap:wrap;}
.cc5a {width: 63.7%;}
.cc5a li {width: 49%;}
.cc5a li .img{overflow: hidden;}
.cc5a li .img img {width: 100%;transition: all 0.6s;}
.cc5a li .img img:hover{transform: scale(1.3);}
.cc5a li ol{font-size: 18px;color: #333333;font-weight: normal;margin-top:20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.cc5a li p{font-size: 14px;line-height: 24px;color: #888888;font-weight: normal;margin-top:15px;}
.cc5a li .lirq {font-size: 14px;line-height: 24px;color: #888888;font-family: "Arial";font-weight: normal;margin-top: 5px;}
.cc5a li .lirq dd {float: left;margin-right: 10%;}
.cc5a li .lirq dt {float: left;font-weight: normal;}
.cc5a li:hover ol{font-weight:600;color: #506A80;}
.cc5b {width: 34%;}
.xx-news li {border-bottom: 1px solid #e6e6e6!important;padding-bottom:15px;margin-bottom:15px;}
.xx-news li ol{font-size:17px;color: #333333;font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.xx-news li p{font-size: 14px;color: #999999;font-weight: 100;font-family: "Arial";margin-top:12px;}
.xx-news li dt{font-size: 14px;color: #999999;margin-top:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.xx-news li:hover ol{font-weight: 600;color: #506A80;}
.footer{ width:100%; background-color:#272727;color: #959595;border-top:8px solid #506A80;padding:50px 0px;}
.footnav ul{float: left;margin-right: 40px;}
.footnav ul li{color: #fff;font-size: 18px;margin-bottom: 10px;}
.footnav ul p{font-size: 16px;line-height:42px;}
.footnav dl:nth-child(2){float: left;border-left: 1px solid #525252;border-right: 1px solid #525252;padding: 0px 40px;margin-right: 40px;}
.footnav dl li{color: #fff;font-size: 18px;margin-bottom: 10px;}
.footnav dl dt{line-height: 42px;width: 50%;float: left;}
.footnav dl dt a{color: #959595;font-size: 15px;}
.footnav dl:nth-child(3){float: left;}
.footnav dl ol{line-height:30px;}
.footnav dl ol a{color: #959595;font-size: 15px;}
.footnav dl:nth-child(4){width:210px;float: left;border-left: 1px solid #525252;padding-left: 40px;}
.footer a{color: #959595;}
.footer a:hover{color:#506A80;}
.copyright{text-align: center;color: #959595;line-height: 36px;font-size: 14px;margin-top: 15px;}
.copyright a{color: #959595;font-size: 14px;}
/*内页样式*/
.mup{width: 100%;background-color: #EFEFEF;border-bottom: 1px solid #DFDEDE;height: 42px;line-height: 42px;font-size: 14px;}
.mup img{margin-right: 5px;}
.mup span{float: right;}
.mup span a{font-size: 16px;}
.title3{text-align: center;font-size: 36px;font-weight: bold;border-bottom: 1px solid #ccc;color: #303030;padding-bottom: 10px;}
.title3 span{color: #222;}
.title3 li{width:40px;height: 3px;background-color: #506A80;margin:8px auto 0px auto;}
.nr{line-height:32px;font-size:15px;color: #333;}
.nr a{font-size: 15px;}
.nrr{line-height:32px;font-size:15px;color: #333;margin-bottom: 20px;}
.inews ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.inews ul li{background:url(../images/icon3.png) no-repeat left center;line-height: 32px;height: 32px;}
.inews ul li a{ padding-left:20px;font-size:16px;transition:all .2s ease;}
.inews ul li a:hover{color: #506A80;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#999;}
.pubdate{text-align: center;font-size:16px;width: 80%;margin: 10px auto 15px auto;}
.right{float: left;}
.icpfl{width: 240px;float: left;margin-right:20px;background-color: #f3f3f3;}
.icpfl ul{color: #fff;font-size: 22px;text-align: center;background-color: #506A80;height: 50px;padding:20px 0px;}
.icpfl ul p{font-size: 12px;text-transform: uppercase;}
.icpfl li{height:46px;line-height:46px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:20px;}
.icpfl li a{font-size:15px;}
.icpfl li:hover{transition:all .2s ease; text-indent:30px;background-color:#3f5465;}
.icpfl li:hover a{color:#fff;}
.icpfl dl{background-color: #506A80;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;}
.icpfl dt{padding: 0px 5px;line-height:42px;font-size: 15px;}
/*---------在线留言---------*/
.message{line-height:24px;width: 630px;margin: 0px auto;}
.message dt{float:left;clear:both;width:80px;margin-left:20px;height:30px;margin-top:10px;}
.message dd{float:left;margin-top:10px;}
.message input{line-height:24px;height:24px;}
.message p{clear:both;margin-left:200px;}
.sub{height:30px;width:60px;display:block;float:left;margin-left:30px;}
/*---------新闻列表页---------*/
.tittle{text-align: center;font-size:24px;font-weight: bold;}
.lb{text-align: left;}
.lb a{ color:#333;}
.lb a:hover{color: #506A80;font-weight: bold;}
.page{text-align: center;margin: 10px auto 0px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #506A80;border: 1px solid #506A80;}
.page li:hover a{color: #fff;}
.curr{background-color: #506A80;color: #fff;border: 1px solid #506A80!important;}
.sub{height:40px!important;width:120px;float:left;margin-left:30px;margin-top: 30px;border:0px;background-color: #506A80;text-align: center;color: #fff;line-height: 40px!important;font-size: 14px;}
.tittle6 {text-align: center;font-size: 24px;font-weight: bold;}
@media screen and (max-width:1399px){
.moddle{ width:1200px;}
#nav li{width:120px;}	
#nav li dl{width:200px;margin-left: -40px;}
.slide_nav{top:45%;}
.cpzs div{width:291px;margin-right:12px;float:left;}
.cpzs div li{width:285px;height:285px;border:1px solid #e2e2e2;padding: 2px;}
.cpzs div li a{width:285px;height:285px;overflow: hidden;display: inline-table;}
.cpzs div li a img{width:285px;height:285px;transition: all 0.6s;}
.cpzs div:hover li a img{transition: all 0.6s;transform: scale(1.2);}
.cpzs div:nth-child(4n){margin-right:0px;}
.cpzs div p{line-height:48px;font-size: 16px;text-align:center;height: 48px;overflow: hidden;}
.cpzs div p a{font-size:15px;color: #5a5a5a;}
.cpzs div:hover p{background-color: #506A80;}
.cpzs div:hover p a{color: #fff;}
.company ul p{line-height:35px;font-size: 14px;}	
.advantage_p{width: 1200px;}	
.youshi_pro_2a{width: 265px;}	
.picScroll-left .bd ul li {width:280px;margin: 0 10px;}
.picScroll-left .bd ul li img {width:280px;height:210px;}
.picScroll-left a.next{top:80px;}
.picScroll-left a.prev{top:80px;}
.cc5a li .img img{height:280px;}	
.footnav dl:nth-child(3){width:232px;}	
.footnav dl:nth-child(2){width: 254px;}	
.footnav ul{width: 301px;}	
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:232px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:230px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:230px;height:230px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #506A80;}
.right{width:940px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:226px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:224px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:224px;height:224px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #506A80;}
}
@media screen and (min-width:1400px){
.moddle{ width:1400px;}	
#nav li{width:140px;}	
#nav li dl{width:140px;}	
.slide_nav{top:60%;}
.cpzs div{width:341px;margin-right:12px;float:left;}
.cpzs div li{width:335px;height:335px;border:1px solid #e2e2e2;padding:2px;}
.cpzs div li a{width:335px;height:335px;overflow: hidden;display: inline-table;}
.cpzs div li a img{width:335px;height:335px;transition: all 0.6s;}
.cpzs div:hover li a img{transition: all 0.6s;transform: scale(1.2);}
.cpzs div:nth-child(4n){margin-right:0px;}
.cpzs div p{line-height:48px;font-size: 16px;text-align:center;height: 48px;overflow: hidden;}
.cpzs div p a{font-size:15px;color: #5a5a5a;}
.cpzs div:hover p{background-color: #506A80;}
.cpzs div:hover p a{color: #fff;}
.company ul p{line-height: 35px;font-size:15px;}	
.advantage_p{width:1400px;}	
.youshi_pro_2a{width:465px;}	
.picScroll-left .bd ul li {width:330px;margin: 0 10px;}
.picScroll-left .bd ul li img {width:330px;height:250px;}
.picScroll-left a.next{top:100px;}
.picScroll-left a.prev{top:100px;}
.cc5a li .img img{height: 295px;}	
.footnav dl:nth-child(3){width:290px;}	
.footnav dl:nth-child(2){width:322px;}	
.footnav ul{width: 375px;}	
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:272px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:270px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:270px;height:270px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #506A80;}
.right{width:1140px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:276px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:274px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:274px;height:274px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #506A80;}
}