@charset "gb2312";
/* CSS Document */

*{margin:0; padding:0;}
body {font-size:14px; font-family:"微锟斤拷锟脚猴拷"; line-height:24px; color:#333;}
ul, li { list-style:none; margin:0; padding:0;}
img { border:none; }
td { font-weight:normal; font-size:14px; text-decoration:none;}
a{ text-decoration:none; color:#333; }
a:hover{text-decoration:none;}
.fl{ float:left;} 
.fr{ float:right;}
.fl,.fr{display:inline;}
.clear {clear: both; height:0px;}
.w1200{width:1200px; margin:0 auto;}
.w1300{width:1300px; margin:0 auto;}
.min1200{ min-width:1200px;}
.mag10{margin-top:10px;}
.mag20{margin-top:20px;}
.mag30{ margin-top:30px;}
.mag40{ margin-top:40px;}

.top{ width:100%; height:40px; line-height:40px; font-size:12px; min-width:1200px; background:#024079; color:#FFF;}
.top font{ float:left;}
.top p{ float: right;}
.top p a{ margin:0px 10px; color:#FFF;}
.top p a:hover{ text-decoration:underline;}

.logobx{ margin:20px auto;}
.logo{ width:214px; height:70px;}
.nav{ margin-top:10px; margin-left:60px;}
.nav li{height: 50px;line-height:50px;float: left;font-size: 15px;width:70px;text-align:center;margin-left: 20px;}
.nav li a{color: #000;display: inline-block;position: relative;}
.nav li a:hover{ color:#024079;}
.nav li .erji{display:none;font-size:14px;margin-left: -20px;width:110px;position: relative;z-index: 999999999999999999; padding-top:5px;}
.nav li .erji a{display:block;font-weight:normal;width:auto;border-bottom: 1px solid #f8f8f8;line-height: 40px;color: #333; background:#ccc;}
.nav li .erji a:hover{background:#024079; color: #FFF;}
.nav li:hover .erji{ display:block;}
.tel{ width:234px; height:70px;}

.brands{ margin:auto; position:relative; background:#f5f5f5;  width:100%; height:570px;}
.brands .bd{margin:0 auto;z-index:0; overflow:hidden;}
.brands .bd ul{ width:100% !important;  }	
.brands .bd li{ width:100% !important;  height:570px; overflow:hidden; text-align:center;  }	
.brands .bd li a{ display:block; height:570px;}
.brands .hd{position:relative; z-index:1; margin-top:-45px; height:30px; line-height:30px;  text-align:center;}
.brands .hd ul{ text-align:center;  padding-top:5px;  }
.brands .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; background:#fff; overflow:hidden; font-size:0;border-radius:100%;}
.brands .hd ul .on{ background:#f00; }

.brands .prev,.brands .next{ position: absolute; z-index:1; display:block; width:55px; height:55px; top:50%; background:#ccc url(../images/arrow.png); filter:alpha(opacity=40);opacity:0.4  }
.brands .prev { background-position: 0 0; height: 50px; width: 50px; }
.brands .prev:hover { background-position: -60px 0;background-color:#000;transition: all .5s;}
.brands .next { background-position: -120px 0; height: 50px; width: 50px;float:right; margin-right:2% }
.brands .next:hover{ background-position: -180px 0; background-color:#000;transition: all .5s;}

.sou{height: 80px;background: url(../images/sou.png) center no-repeat;}
#formsearch{float: right;width: 260px;height: 42px;background: url(../images/ss.png) center no-repeat;margin-top: 19px;}
.hotSearch{font-size: 14px;color: #ffffff;float: left;height: 80px;line-height: 80px;font-weight: normal;}
#search-type{float: left;width: 100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
.hotSearch a{margin-right: 6px;color: #ffffff;}
#formsearch input{height: 42px;background: none;border: none;line-height: 42px;outline: none;}
#formsearch input#keyword{height: 42px;line-height: 42px;padding-left: 4px;color: #666;width: 210px;}
#formsearch input#s_btn{width: 40px;height: 42px;line-height: 42px;text-align: center;background: none;color: #fff;border: none;cursor: pointer;font-size: 12px;}
.hnav{margin-left: 109px;}

#intro{width: 1200px;margin: 0 auto;}
#intro h3{font-size: 30px;display: block;text-align: center;font-weight: bold;margin: 30px auto 0 auto;color: #333; line-height:30px;}
#intro .lead{font-size: 16px;margin: 5px auto 15px auto;text-align: center; }
#intro .xline{background: #8DBE1C;height: 6px;width: 60px;font-size: 14px;margin: 10px auto;}
#intro2{width: 1200px;margin: 40px auto;}
#intro2 h3{color: #013D77;font-size: 28px;font-weight: bold;text-align: center;letter-spacing: -2px; line-height:30px;}
#intro2 .lead{color: #013D77;font-size: 26px;font-weight: bold;text-align: center; line-height:40px;}

.pictureSlider{height: 500px;position: relative;left: 0;}
.poster-item{height: 420px;width: 420px;transition: all .5s;cursor: default;-moz-transition: all .5s;cursor: default;-webkit-transition: all .5s;cursor: default;-o-transition: all .5s;cursor: default}
.poster-item img{width: 420px;height: 420px;position: relative;padding: 7px;border: 1px solid #ddd;background: #fff;box-shadow: 3px 5px 15px #999;}

.gd-box{width: 1200px;margin: 0 auto;}
.gd-box .gd-box-l{width: 760px;float: left;}
.gd-box .gd-box-r{width: 350px;float: right;border: 1px solid #ddd;}
.gd-box .gd-box-r .gd-box-r-top{background: #EB2027;height: 75px;text-align: center;line-height: 75px;}
.gd-box .gd-box-r .gd-box-r-top img{width: 158px;height: 30px;margin: 20px auto;}
.gd-box .gd-box-r .gd-box-r-bottom{background: #F4F5F5;height: 370px;text-align: center;padding-top: 40px;}
.gd-box .gd-box-r .gd-box-r-bottom h2{color: #333;font-size: 22px;font-weight: bold;}
.gd-box .gd-box-r .gd-box-r-bottom span{display: block;background: #666;height: 4px;width: 80px;margin: 20px auto;}
.gd-box .gd-box-r .gd-box-r-bottom dd{width: 300px;font-size: 14px;line-height: 25px;margin: 0 auto 30px auto;}

.mores{background: #8DBE1C; width: 180px; padding: 10px; border-radius: 25px; margin: 0 auto; text-align: center;}
.mores a{color: #fff; font-size: 16px;}
.mores a img{width: 41px; height: 20px; margin-left: 15px;}
.mores a:hover{background: #8DBE1C;}

.bgc{ width:100%; height:auto; padding:40px 0; overflow:hidden; min-width:1200px; border-top:1px solid #efefef;}
.tit{ text-align:center; background:url(../images/tbg.png) bottom no-repeat; height:90px;}
.tit h2{ color:#024079; font-size:27px;}
.tit p{ text-transform:uppercase; line-height:40px;}
.pnav{ text-align:center; margin-top:15px;}
.pnav a{ padding:7px 20px; border:1px solid #dedede; margin:0 10px; background:#024079; color:#FFF;}
.pnav a:hover{ background:#093863;}

.prodc{ margin-top:20px;}
.prodc li{ float:left; padding:5px; border:1px solid #dedede; margin:20px 10px 0; background:#FFF;}
.prodc li img{ width:268px; height:209px;}
.prodc li p{ line-height:40px; text-align:center;}
.prodc li:hover{ border:1px solid #024079;}
.prodc li:hover a{ color:#024079;}

.aboutbg{width: 100%;padding: 30px 0;margin: 0 auto 60px auto;height: auto;background: url(../images/s-banner.jpg) no-repeat center center;background-size: cover;background-position: 100%;text-align: center; overflow:hidden;}
.about-box{width: 1000px;margin: 30px auto;}
.about-box dd{font-size: 16px;color: #fff;line-height: 30px;text-align: center;}

.sun_case{ margin-top:45px; height:570px;}
.sun_tit h3{text-align: center; font-size: 28px; line-height: 25.2px; color: #1a1a1a; background: url(../images/tt_bg.png) bottom center no-repeat; height: 78px; margin-bottom: 10px; }
.sun_tit h3 span{display: block; line-height: 39.8px; text-transform: uppercase; color: #888888; font-size: 16px;font-weight:normal;}
.sun_tit p{font-size: 14px; color: #333333; text-align: center; line-height: 1.6;}

.prt_con { height:410px; position:relative; overflow:hidden;  margin-top:20px;}
.lt { position:absolute; left:0px; background:url(../images/lt.gif) no-repeat; width:32px; height:52px; top:200px;}
.rt {position:absolute; right:0px; background:url(../images/rt.gif) no-repeat; width:32px; height:52px; top:200px;}
.prt_wrp { width:1100px; margin:0 auto;}
.prt_wrp ul{ float:left;}
.prt_wrp li { float:left; width:360px; display:inline; margin:10px 6px;}
.prt_wrp li a { display:block;  color:#FFF;}
.prt_wrp li img { width:360px; height:auto;}
.prt_wrp li .get { width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden; background:#eb8600; overflow:hidden; font-size:13px;}
.prt_wrp li .get p{ float:left; margin-left:15px;}
.prt_wrp li .get span{ float:right; display:block; text-transform:uppercase; margin-right:15px;}

.box1{margin-top:82px;background: url(../images/ys.png) no-repeat;width:100%;position:relative;left:50%;margin-left:-960px;height:1276px;padding-top:75px;}
.box1 .w1200{position:relative;}
.ys,.pic,.yslx,.ystel{position:absolute;}
.pic1{left:26px;top:152px;}
.pic2{left:586px;top:519px;}
.pic3{left:26px;top:930px;}

.ystt{color:#333333;font-size:24px;font-weight:bold;line-height: 35px;}
.sub{color:#2d2d2d;font-size:14px;line-height:25px;padding-top:20px;}

.yss1{left: 754px;top:164px;width:426px;}
.yss2{left: 754px;top:347px;width:426px;}
.yss3{left: 100px;top:521px;width:426px;}
.yss4{left: 100px;top:715px;width:426px;}
.yss5{left: 756px;top:904px;width:426px;}

.yslx{left:736px;top:1100px;}
.ystel{left:894px;top:1100px;color:#0079c0;font-size: 20px;font-weight:bold;background: url(../images/t.png) no-repeat left top;padding-left:53px;height:43px;line-height:59px;}

.indexnews{width: 1200px;margin: 50px auto;}
.indexnewsLeft{float: left;width: 580px;overflow: hidden;}
.indexnewsLeft ul{overflow: hidden;padding: 15px 20px;background: #F4F5F5;}
.indexnewsLeft ul:hover{background: #013D77;}
.indexnewsLeft ul:hover h2,.indexnewsLeft ul:hover h3{color: #fff;}
.indexnewsLeft ul img{width: 100%;height: 295px;}
.indexnewsLeft ul dt{float: left;padding-right: 20px;border-right: 1px solid #999;margin: 17px 0;}
.indexnewsLeft ul dt .newsTime{overflow: hidden;text-align: center;color: #666;}
.indexnewsLeft ul dt .year{font-size: 20px;font-weight: normal;line-height: 26px;border-bottom: 1px solid #999;}
.indexnewsLeft ul dt .date{font-size: 16px;line-height: 30px;font-weight: normal;}
.indexnewsLeft ul dd{width: 450px;overflow: hidden;color: #666;padding-left: 20px;margin: 17px 0;}
.indexnewsLeft ul dd h2{font-size: 14px;overflow: hidden;font-weight: normal;color: #333;}
.indexnewsLeft ul dd h3{font-size: 14px;line-height: 20px;}
.indexnewsRight{width: 580px;float: right;overflow: hidden;}
.indexnewsRight li{width: 580px;height: 90px;overflow: hidden;background: #f2f2f2;margin-bottom: 20px;}
.indexnewsRight li a{display: block;width: 560px;height: 80px;padding: 15px 20px;color: #666;}
.indexnewsRight li:hover{background: #013D77 url(../images/icon03.png) no-repeat right top;box-shadow: 3px 5px 10px #999;}
.indexnewsRight li:hover a{color: #fff;}
.indexnewsRight li:hover h2{color: #fff;}
.indexnewsRight li dt{float: left;height: 80px;overflow: hidden;text-align: center;}
.indexnewsRight li dt .year{font-size: 20px;font-weight: normal;line-height: 26px;border-bottom: 1px solid #999;}
.indexnewsRight li dt .date{font-size: 16px;line-height: 30px;font-weight: normal;}
.indexnewsRight li dd{float: right;width: 455px;padding-left: 20px;border-left: 1px solid #999;}
.indexnewsRight li dd h2{font-size: 14px;font-weight: normal;color: #333;}
.indexnewsRight li dd h3{font-size: 14px;line-height: 20px;}

.contact-boxbg{width: 100%; padding: 40px 0;  background: #022133; text-align: center;}
.contact-boxbg h2{font-size: 22px; color: #fff; line-height: 30px; text-align: center;}
.contact-boxbg dd{font-size: 16px; color: #fff; line-height: 30px; text-align: center; letter-spacing: 1px;}

.footbg{width:100%;height:460px;overflow:hidden;background:#011019 url('../images/c-banner.jpg') no-repeat;}
.foot-top{width: 1200px;padding: 30px 0;margin: 0 auto;}
.foot-mid{height:50px;line-height:50px;width:400px;color:#fff;font-size:18px;letter-spacing:2px;margin:20px auto;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.foot-down{height:40px;width: 100%;}
.footer-copy{color:#999;font-size: 14px;width: 100%;text-align: center;}
.footer-copy a{color:#999;font-size: 14px;width: 100%;text-align: center;}
.foot-top .footer-navbar{width:1200px;height:75px;margin:0 auto;/* padding-top: 20px;*/}
.foot-top .footer-navbar .footer-navbar-l{float:left;width:220px;}
.foot-top .footer-navbar .footer-navbar-l img{width:190px;height: 60px;}
.foot-top .footer-navbar .footer-navbar-r{float:right;width:980px;}
.foot-top .footer-navbar .footer-navbar-r .footer-navbar-menu{float:left;width:730px;}
.foot-top .footer-navbar .footer-navbar-r .footer-navbar-tel{float:right;width:250px;font-size: 27px;color:#fff;font-weight: 600;line-height: 70px;}
.foot-top .footer-navbar .footer-navbar-r .footer-navbar-tel img{width:35px;height: 35px;margin-right: 10px;margin-bottom: 5px;}
.foot-top .footer_nav_con{width:700px;margin: 0 auto;}
.foot-top .footer_nav_con a{float: left;width:125px;font-size: 18px;color:#fff;height:70px;line-height:70px;text-align:center;}
.foot-top .footer_nav_con a{display:block;font-size:18px;height:70px;line-height:70px;color: #fff;overflow: hidden;}
.foot-top .footer_nav_con a:hover{color:#fff;}
.wh1{width: 1200px;margin:0 auto;margin-top: 20px;}
.flink{width: 268px;}
.flink dt{font:normal 20px/20px MicrosoftYaHei;letter-spacing: 2px;color: #ffffff;background: url(../images/fax.png) left bottom no-repeat;padding-bottom: 15px;margin-bottom: 15px;}
.flink dd{background: url(../images/dian.png) left center no-repeat;font:normal 14px/36px MicrosoftYaHei;color: rgba(255, 255, 255, .7);padding-left: 22px;}
.flink dd a{color: rgba(255, 255, 255, .7);}
.fdao dd{float: left;width: 43%;}
.fdao dd a{color: rgba(255, 255, 255, .7);}
.fadd{background: url(../images/fadd.png) left center no-repeat;padding-left: 31px;font:normal 14px/36px MicrosoftYaHei;color: rgba(255, 255, 255, .7);}
.fdao{width: 320px;}
.flink h3{font:normal 16px/28px MicrosoftYaHei;letter-spacing: 2px;color: #ffffff;margin-bottom: 15px;}
.compy{height: 52px;background-color: #021019;border-top: 1px solid #1c2830;font:normal 12px/51px MicrosoftYaHei;color: rgba(255, 255, 255, .6);}
.compy a{color: rgba(255, 255, 255, .6);}

#toolbar{position: fixed;z-index: 9999;right: 17px;bottom: 10%;}
#toolbar li{margin-bottom: 3px;font-size: 0;width: 57px;height: 57px;right: 0;position: relative;}
#toolbar li a{display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 57px;height: 57px;overflow: hidden;background: #292e39;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;}
#toolbar li .icon-font{display: inline-block;vertical-align: middle;width: 57px;height: 57px;background-color: #d9d9d9;}
#toolbar li .icon-qq:after{background-position: 0 -150px;}
#toolbar li .icon-phone:after{background-position: 0 -90px;}
#toolbar li .icon-ewm:after{background-position: 0 -30px;}
#toolbar li .icon-message:after{background-position: 0 -120px;}
#toolbar li .icon-top:after{background-position: 0 -60px;}
#toolbar li .icon-wangwang:after{background-position: 0 0;}
#toolbar li .wz{display: inline-block;line-height: 57px;font-size: 14px;color: #fff;vertical-align: middle;padding-left: 10px;}
#toolbar li.ewm .ewm-box{position: absolute;z-index: 1;padding: 5px;background: #292e39;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;}
#toolbar li.ewm .ewm-box p{margin-bottom: 0;}
#toolbar li.ewm .ewm-box img{max-width: 100%;}
#toolbar li.ewm .ewm-box:after{content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #292e39;border-right: none;}
#toolbar li.ewm:hover .icon{background-position: -57px -180px;}
#toolbar li.ewm:hover .ewm-box{opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li.backtop{cursor: pointer;}
#toolbar li.backtop .iconfont{color: #fff;background-color: #292e39;}
#toolbar li:hover a{width: 200px;}
#toolbar li:hover .icon-font{background-color: #292e39;}
#toolbar li:hover .icon-qq:after{background-position: -30px -150px;}
#toolbar li:hover .icon-phone:after{background-position: -30px -90px;}
#toolbar li:hover .icon-ewm:after{background-position: -30px -30px;}
#toolbar li:hover .icon-message:after{background-position: -30px -120px;}
#toolbar li:hover .icon-wangwang:after{background-position: -30px 0;}
#toolbar li:hover .icon-top:after{background-position: -30px -60px;}
.icon-font{position: relative;}
.icon-font:after{content: ""; width: 30px; height: 30px; background-image: url(../images/icon_spirit.png); background-repeat: no-repeat; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px);}

.nbanner{ width:100%; height:200px; background:url(../images/nbanner.png) center no-repeat;}

.left{width: 225px;float: left; position:relative; top:-90px;}
.left h3{line-height: 20px;text-indent:40px;background: url(../images/boxh3.png) no-repeat 0 50%; font-weight:normal;height: 63px;padding-top:17px;color: #fff;font-size: 22px;overflow: hidden;}
.left h3 p{text-transform: uppercase;font-size: 14px;font-weight: 400;color:#fff;line-height: 30px;}

.leftCategory{position: relative; width: 230px;clear: both;color: #4c4948;margin: 0 auto;overflow: hidden;text-align: left;}
.leftCategory ul li{width:230px;text-indent:50px;background:#F4F5F5;display: block;height: 60px;line-height:60px;border-bottom:1px solid #E7E8E8;text-decoration: none;}
.leftCategory ul li.clicked{width:230px;height: 60px;line-height:60px;text-indent:50px;border-bottom:1px solid #fff;background:#fff url(../images/icon2.png) no-repeat left center;display: block;height: 60px;line-height:60px;border-bottom:1px solid #E7E8E8;text-decoration: none;}
.leftCategory ul li:hover{background:#fff url(../images/icon2.png) no-repeat left center}
.leftCategory ul li a{font-size: 16px;text-decoration: none; display:block;}
.leftCategory ul li a:hover{color: #005bb8;text-decoration: none;}
.leftCategory a{color: #4c4948;font-size: 16px;text-decoration: none;}
.leftCategory a:hover{color: #06c;font-size: 16px;text-decoration: none;}

.n_news{ border:none;background: #f4f5f5;}
.latest-news{padding: 10px}
.latest-news li{padding: .5em 0;font-size: 14px}
.latest-news li a{display: block;line-height: 1.2;color: #666}
.latest-news li a:before{content: "";display: inline-block;width: 14px;height: 14px;background: #d1d1d1 url(../images/xypg-left-jt.png) -1px -16px no-repeat;border-radius: 50%;vertical-align: middle;margin-right: 10px}
.latest-news li a:hover{color: #013e77;text-decoration: underline}
.latest-news li a:hover:before{ background: #013e77 url(../images/xypg-left-jt.png) -1px 0 no-repeat;}

/*.left h2{font-size: 22px; color:#1b5099; line-height: 50px; font-weight: 400; text-indent:40px; background: url(../images/boxh31.png) no-repeat 0 50%; height: 50px; color: #fff; font-size: 22px}*/
.left h2{font-size: 22px;color:#1b5099;line-height: 50px;font-weight: 400;text-indent:40px;background: #013e77;height: 50px;color: #fff;font-size: 22px;}

.words li{width:44%; border:1px dashed #d0d0d0;background:#fcfcfc;padding-left:0px;margin-top:10px;text-align:center;margin-left:5px;margin-right:5px;}
.words li:nth-child(2n+1){ float:left;}
.words li:nth-child(2n){ float:right;}
.news_list li a{line-height:27px;font-size: 12px;}
.news_list li a:hover{text-decoration:none;color:#1b5099;}

.n_contact .content{ border:1px solid #f2f2f2; padding:10px; overflow:hidden; font-size:12px; line-height:30px;}

.right{ width:926px;}

.sitemp{height: 40px;color: #666;font-size: 14px;background: url(../images/navle.png) left bottom no-repeat;padding-left: 15px;}
.sitemp .site{text-align: left;line-height: 42px;}
.sitemp .site a{color: #666;}

.right .content{padding-top:15px;line-height: 24px; font-size: 14px; color: #333;}
.sort_album{margin-top: 15px;}
.xypg-detail-title{font-size: 20px; color: #363636; font-weight: 700; margin-bottom: 10px; line-height: 1.7}
.xypg-detail-info-bar{font-size: 14px; font-family: Arial; color: #9e9e9e; line-height: 35px; border-bottom: 1px dashed #cfcfcf; margin-bottom: 20px; overflow: hidden;}
.xypg-detail-info-bar .detail-info-time{float: left; margin-right: 20px}
.xypg-detail-info-bar .detail-info-time i{font-size: 20px; vertical-align: -3px; margin-right: 4px}
.xypg-detail-info-bar .detail-info-numbers{float: left}
.xypg-detail-info-bar .detail-info-numbers i{font-size: 12px; margin-right: 4px}

.xypg-detail-con{font-size: 14px; color: #333; line-height: 1.7}
.xypg-detail-tags{margin-top: 40px}
.xypg-detail-tags .tags-title{border-bottom: 1px solid #c3c3c3;position: relative}
.xypg-detail-tags .tags-title h3{display: inline-block;padding: 0 30px;font-size: 16px;color: #013e77;line-height: 40px;border-bottom: 3px solid #8cc119;margin-bottom: -1px}
.xypg-detail-tags .tags-title .baidu-share{position: absolute;right: 0;top: 8px}

.xypg-detail-url{margin-top: 30px}
.xypg-detail-url a{word-break: break-all; color: #013e77;}

.xypg-relate{margin-top: 30px}
.relate-title{background: #eee;color: #fff;font-size: 14px;line-height: 2.5;margin-bottom: 15px}
.relate-title span{background: #8cc119;padding: 0 10px;display: inline-block}
.relate-product-slick{: relative}
.relate-product-slick .owl-item{display: block;font-size: 0; float:left; margin:0 10px;}
.relate-product-slick .owl-item img{ width:210px;}
.relate-product-slick .owl-item p{margin-bottom: 0;padding: .5em 0;font-size: 12px;color: #333;text-align: center}
.relate-product-slick .owl-item:hover p{color: #8cc119}
.relate-product-slick .owl-nav button.owl-next,.relate-product-slick .owl-nav button.owl-prev{width: 25px;height: 35px;color: #fff;font-size: 20px;margin-top: -17.5px;line-height: 35px}
.relate-product-slick .owl-nav button.owl-next span,.relate-product-slick .owl-nav button.owl-prev span{display: inline}

.xypg-relate .relate-news{margin-top: 40px}
.relate-news-list li{float: left;width: 48%;position: relative;line-height: 30px;font-size: 14px;color: #666}
.relate-news-list li:nth-child(2n){float: right}
.relate-news-list li a{display: block;padding-right: 30%;color: #666}
.relate-news-list li a:before{content: "";display: inline-block;width: 14px;height: 14px;background: #d1d1d1 url(../images/xypg-left-jt.png) -1px -16px no-repeat;border-radius: 50%;vertical-align: middle;margin-right: 10px}
.relate-news-list li span{position: absolute;right: 0;top: 0}
.relate-news-list li:hover a{color: #013e77}
.relate-news-list li:hover a:before{background-color: #013e77}
.relate-news-list li:hover span{color: #013e77}

.xypg-product-detail h1{text-align: center; font-size: 24px; color: #333; margin-bottom: 1.5em}

.page-product-detail-effect {margin: 0 110px;}
.page-product-detail-effect .product-detail-slick{float: right;width:145px !important;}
.page-product-detail-effect .big-img{float: left;width:536px;height: 510px;border: 1px solid #efefef}
.page-product-detail-effect .big-img a{display: block;text-align: center;width: 100%;height: 100%;font-size: 0}
.page-product-detail-effect .big-img a img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle}
.page-product-detail-effect .big-img a:after{content: "";height: 100%;display: inline-block;vertical-align: middle}
.page-product-detail-effect .product-detail-slick a{display: block;text-align: center;width: 100%;font-size: 0;border: 1px solid #efefef}
.page-product-detail-effect .product-detail-slick a img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle}
.page-product-detail-effect .product-detail-slick a:after{content: "";  height: 100%;display: inline-block;vertical-align: middle}
.page-product-detail-effect .product-detail-slick .slick-slide{outline: none; width:142px !important; height: 140px;margin: 5px 0}
.page-product-detail-effect .product-detail-slick .slick-slide.active a{border-color: #8cc119}
.page-product-detail-effect .product-detail-slick .slick-arrow{height: 30px;text-align: center;line-height: 30px;background: #838383;-webkit-transition: all .5s ease;transition: all .5s ease;cursor: pointer}
.page-product-detail-effect .product-detail-slick .slick-arrow:hover{background: #013e77}
.page-product-detail-effect .product-detail-slick .slick-arrow .iconfont{color: #fff;font-size: 20px}
.slick-list{ overflow:hidden;}

.page-product-inquiry{text-align: center;margin: 20px 0 40px;font-size: 0}
.page-product-inquiry a{display: inline-block;margin: 0 1%;border-radius: 40px;background: #013e77;color: #fff;font-size: 18px;line-height: 2.5;width: 31%;-webkit-transition: all .5s ease;transition: all .5s ease}
.page-product-inquiry a:hover{background: #8cc119}

.product-detail-item{font-size: 0}
.product-detail-item li{ float:left; margin: 8px 0; font-size: 14px; line-height: 20px; color: #5a5a5a}
.product-detail-item li span{color: #013e77}
.product-detail-item{margin:0 -1%}
.product-detail-item li{display: inline-block;vertical-align: top;width: 48%;margin: 7px 1%}

.product-detail-tab{margin-top: 50px}
.product-detail-tab .product-detail-tabli{border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; height: 40px}
.product-detail-tab .product-detail-tabli li{float: left; width: 20%; line-height: 40px; margin-top: -1px; text-align: center; font-size: 14px; color: #333; cursor: pointer}
.product-detail-tab .product-detail-tabli li.on,.product-detail-tab .product-detail-tabli li:active,.product-detail-tab .product-detail-tabli li:visited{background: #8cc119; color: #fff}
.product-detail-tab .product-detail-tabcon{padding: 15px 0;}
.product-detail-tab .product-detail-tabcon p{font-size: 14px; color: #333; line-height: 1.7; text-align: justify; line-height: 2em;}
.product-detail-tab .product-detail-tabcon img,.product-detail-tab .product-detail-tabcon p img{max-width: 100%; height: auto!important; width: auto!important}

.xypg-news-list li{border: 1px solid #e1e1e1;padding: 30px;background: #fff;margin-bottom: 35px;-webkit-transition: all .5s;transition: all .5s}
.xypg-news-list li .titn{border-bottom: 1px solid #cbcbcb;margin-bottom: 15px;position: relative}
.xypg-news-list li .titn h3{padding-bottom: 15px;font-size: 18px;color: #565656;font-weight: 400;padding-right: 25%;margin: 0}
.xypg-news-list li .titn .date{position: absolute;right: 0;top: 0;font-size: 14px;color: #666}
.xypg-news-list li .info{font-size: 14px;line-height: 2;color: #999}
.xypg-news-list li .more{margin-top: 15px}
.xypg-news-list li .more span{display: inline-block;width: 130px;line-height: 33px;text-align: center;color: #000;font-size: 14px;color: #666;border: 1px solid #e1e1e1;-webkit-transition: all .5s ease;transition: all .5s ease}
.xypg-news-list li:hover{-webkit-box-shadow: 0 2px 13px 1px rgba(8,1,3,.18);box-shadow: 0 2px 13px 1px rgba(8,1,3,.18)}
.xypg-news-list li:hover .tit h3{color: #013e77}
.xypg-news-list li:hover .more span{color: #fff;background-color: #013e77}

.xypg-product-list li{width: 289px;}
.xypg-product-list{margin: 0 -1.5%;font-size: 0}
.xypg-product-list li{width:290px;float: left;margin: 20px 10px;background:#EBEBEB;}
.xypg-product-list li:hover{width:290px;background:#013D77 url(../images/icon03.png) no-repeat right 290px;box-shadow: 3px 5px 10px #999;color:#fff;border-radius:0;}
.xypg-product-list li .img{display: block}
.xypg-product-list li a{color: #6c6c6c;}
.xypg-product-list li:hover a{color: #fff;}
.xypg-product-list li .albumtitle{height:50px;line-height:50px;font-size: 16px;width: 100%;position: relative;bottom: 0px;left: 0;color: #d00d16;font-weight: ;text-align: center;cursor: pointer;margin: auto;overflow: hidden;}
.xypg-product-list li img{width: 290px;height: 218px;}
.xypg-product-list li h3{height: 60px;width: 100%;background: #dadada;text-align: center;font: normal 16px/60px MicrosoftYaHei;color: rgba(0, 0, 0, .66);}
.xypg-product-list li:hover h3{background: url(../images/icon03.png) right top no-repeat #013f78;color: #ffffff;box-shadow: 3px 5px 10px #999;}


.xypg-detail-pn{margin-top: 30px}
.xypg-detail-pn div{margin-bottom: 10px;background: #ededed;line-height: 35px;padding: 0 20px;position: relative}
.xypg-detail-pn div b{font-size: 16px;color: #333;float: left;font-weight: 400}
.xypg-detail-pn div a{float: left;width: 75%;font-size: 14px;color: #565656}
.xypg-detail-pn div a:hover{color: #013e77}

.paginator-element {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.paginator-element ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.paginator-element ul li:hover{ background:#013e77; color:#fff;border: 1px solid #013e77}
.paginator-element ul li:hover a{color:#fff;}
.paginator-element ul li.thisclass {display: inline-block;border: 1px solid #013e77;padding: 2px 9px;margin: 0 3px;background: #013e77;color: #fff;}
.paginator-element ul li.thisclass a {color: #fff;}
.paginator-element ul li a{ display:block;color:#999}
.paginator-element ul li a:hover {color: #fff;}