body,h1,h2,h3,h4,h5,h6,p,ul,li,p,span,input,button,textarea,form,img,dl,dt,dd,select{margin:0;padding:0;font-family:"微软雅黑";line-height:normal;list-style: none; color: #333; font-size: 14px;}
a{ color: #333; text-decoration:none;}
a:hover{ color: #0179ff; }
input{outline: none; border: 0;}
button{outline: none}
select{outline: none}
textarea{outline: none}
img{display: block;}
i{ font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.ellipsis {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellipsiss{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsisss{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.w1200,.box-1200{width: 1200px;margin: 0 auto;}
.clear{clear:both;}

/*首页*/

/*头部*/
.pageheader{ width: 100%; background: #fff; }
.pageheader .headerTop{ width: 100%; background: #f5f5f5;overflow: hidden;}
.header-link{ font-size: 12px; height: 38px; color: #666; }
.header-link span{ display: block; float: left; line-height: 38px; font-size: 12px; color: #666; }
.header-link-list{ float: right; }
.header-link-list>img{ float: left; margin: 12px 8px 0 0;}
.header-link-list>i{ float: left; display: block; margin: 14px 15px; width: 1px; height: 12px; background: #dddddd;}
.header-link-list>a{ float: left; display: block; line-height: 38px; color: #666;}
.header-link-list>a:hover{ text-decoration: underline; }

.header-box{ height:115px; }
.header-box .logo{ margin-top: 15px;}
.header-box .header-gg{ margin: 0 25px; }
.header-box .header-tel{ margin: 35px 0 0 0; background: url(../images/6.png) no-repeat;}
.header-box .header-tel i{ display: block; margin: 0 0 0 30px; color: #ff7200; font-size: 12px;}
.header-box .header-tel span{display: block; margin: 0 0 0 43px; color: #ff7200; font-size: 22px; font-weight: bold;}
.header-box .header-center{ margin: 15px 0 0 0; }
.header-box .header-center .search-input{ height: 40px; border: 2px solid #0179ff;position: relative}
.header-box .header-center .search-input .searchTxt{ float: left; width: 200px; height: 40px; line-height: 36px; padding: 0 0 0 10px;  font-size: 14px; color: #666; outline: none;}
.header-box .header-center .search-input .searchSub{ float: left; width: 90px; height: 40px; background: #0179ff; color: #fff; font-size: 16px; text-align: center; line-height: 40px; outline: none; cursor: pointer;}

.search-hot{ margin-top: 6px; height: 17px; overflow: hidden;}
.search-hot a{ font-size: 12px; color: #999; margin-right: 15px; float: left;}

.nav{ width: 100%; height: 55px; background: #0179ff;}
.nav h2{ float: left; font-weight: normal; }
.nav h2 a{ width: 150px; height: 39px; padding: 16px 0 0 50px; display: block; font-size: 16px; color: #fff; font-weight: bold; background:#0155ff url(../images/14.png) no-repeat 20px 19px;}
.nav-list{ height: 55px; float: left;}
.nav-list a{ float: left; display: block; width: 100px; height: 55px; line-height: 53px; text-align: center; font-size: 16px; color: #fff; transition: all .3s;}
.nav-list a:hover{ background: #0155ff;}

/*banner上菜单*/
/*
.sybanner .pros{ position: relative;}
.nybanner{ width: 1200px; margin: 0 auto;}
.nybanner .slideBanner{ position: absolute;}
.course-nav{ width: 200px; height: 500px; background:rgba(12,56,105,.8); position: absolute; top: 0; left: 0; z-index: 99;}
.course-nav>ul>li{border-bottom: #144c8e solid 1px;}
.course-nav>ul>li:hover{background: #0179ff; }
.course-nav>ul>li:hover>div>span>a{ color: #fff;}
.course-nav>ul>li>div{ height: 96px; overflow: hidden; padding-bottom: 3px;}
.course-nav>ul>li>div>h3{ margin: 10px 0 0 15px; color: #fff; }
.course-nav>ul>li>div>span{ padding: 10px 5px 10px 15px; display: block; display: flex; flex-wrap: wrap; }
.course-nav>ul>li>div>span>a{ margin-right: 15px; margin-bottom: 10px; color: #81a3cd; font-size: 12px; }

.course-nav .coursePen{display: none; width: 753px; height: 500px; background: #fff; position: absolute; left: 200px; top: 0; z-index: 199;}

.coursePen-left{ width: 700px; height: 460px; float: left; margin: 20px 20px 0 20px; font-size: 12px;}
.coursePen-left-list{ margin:0 0 15px 10px; overflow: hidden; }
.coursePen-left-list>h5{ width: 100px; float: left; height: 14px;  margin: 0 10px 0 0; text-align: right; font-size: 12px; color: #666;}
.coursePen-left-list>span{ display: block; float: left; width: 560px; border-bottom: #e0e0e0 dashed 1px; overflow: hidden; }
.coursePen-left-list>span>a{ padding: 0 20px; margin: 0 0 15px 0; color: #666; border-right: #e0e0e0 solid 1px; float: left;}
.coursePen-left-list>span>a:first-child{border-left: #e0e0e0 solid 1px;}

.coursePen-left-list>span>a:hover{ color: #f04e14; }
*/

.sybanner .pros{ position: relative;}
.nybanner{ width: 1200px; margin: 0 auto;}
.nybanner .slideBanner{ position: absolute;}
.course-nav{ width: 200px; height: 500px; background:rgba(12,56,105,.8); position: absolute; top: 0; left: 0; z-index: 99;}
.course-nav>ul>li{border-bottom: #144c8e solid 1px;}
.course-nav>ul>li:hover{background: #0179ff; }
.course-nav>ul>li:hover>div>span>a{ color: #fff;}
.course-nav>ul>li>div{ height: 96px; overflow: hidden; padding-bottom: 3px;}
.course-nav>ul>li>div>h3{ margin: 10px 0 0 15px; color: #fff; }
.course-nav>ul>li>div>span{ padding: 10px 5px 10px 15px; display: block; display: flex; flex-wrap: wrap; }
.course-nav>ul>li>div>span>a{ margin-right: 15px; margin-bottom: 10px; color: #81a3cd; font-size: 12px; }
.course-nav .coursePen{display: none; width: 753px; height: 500px; background: #fff; position: absolute; left: 200px; top: 0; z-index: 199;}
.coursePen-left{ width: 700px; height: 460px; float: left; margin: 20px 20px 0 20px; font-size: 12px;}
.coursePen-left-list{ margin:0 0 15px 10px; overflow: hidden; }
.coursePen-left-list>h5{ height: 14px;  margin: 0 10px 0 0; text-align: left; font-size: 16px; color: #666;}
.coursePen-left-list>span{ display: block; width: 700px; margin-top: 30px; overflow: auto; }
.coursePen-left-list>span>a{ margin: 0 30px 15px 0; color: #666; float: left;}
.coursePen-left-list>span>a:hover{ color: #0179ff; }

/*公告*/
.userPen{ width: 210px; height: 500px; position: absolute; top: 0; right: 0; z-index: 9;background: #fff;}
.userPen .userFix{ padding: 25px 15px; border-bottom: #eaeaea solid 1px; overflow: hidden}
.userPen .userFix .user-img{ width: 50px; height: 50px; border-radius: 100%;  overflow: hidden;}
.userPen .userFix .fr p{ font-size: 12px; color: #666; padding-bottom: 5px;}
.userPen .userFix .fr a{ width: 52px; height: 26px; display: block; float: left; font-size: 12px; color: #fff; line-height: 26px; text-align: center;}
.userPen .userFix .fr a.goLogin{ background: #ff7800; margin-right: 10px;}
.userPen .userFix .fr a.goReg{ background: #039e41;}
.penNews{ overflow: hidden;}
.penNews h2{ height: 36px; color: #333; font-size: 14px; font-weight: bold; padding:5px 15px 0 15px; line-height: 36px;}
.penNews h2 a{ float: right; font-weight: normal; font-size: 12px;}
.penNews ul{ padding: 0 15px 15px 15px; border-bottom: #eaeaea solid 1px; }
.penNews ul li{ height: 30px; overflow: hidden; padding: 0 0 0 10px;}
.penNews ul li a{ line-height: 30px; font-size: 12px; color: #333; }
.penNews ul li a:hover{ color: #0179ff;}
.penNews dl{ overflow: hidden;}
.penNews dl dt{ float: left; margin-bottom: 5px; width: 70px; text-align: center;}
.penNews dl dt a{ color: #666; font-size: 12px;}
.penNews dl dt a:hover{ color: #0179ff;}
.penNews dl dt img{ margin: 0 auto; margin-top: 10px; margin-bottom: 5px;}

/*banner*/
.slideBanner{ width: 100%; height: 500px; position: relative; overflow: hidden;}
.slideBanner .hd ul{ width: 100%; height: 15px; position: absolute; bottom: 15px; text-align: center; z-index: 5;}
.slideBanner .hd li{ display: inline-block; margin: 0 3px; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 100%; cursor: pointer;}
.slideBanner .hd li.on{ width: 10px; height: 10px; background: #fff;}
.slideBanner .bd{ position:relative; height:100%; z-index:0;}
.slideBanner .bd li{ zoom:1; vertical-align:middle; width: 100%; height:500px;}
.slideBanner .bd li a{ height:500px; display:block;}

.package{ width: 1200px; margin: 0 auto; margin-top: 30px; display: flex; justify-content: space-between; }
.package .part{ width: 285px; box-shadow: 0 0 10px #eaeaea; }
.package .part .header{ height: 80px;}
.package .part:nth-of-type(1) .header{ background: url(../images/20.png) no-repeat;}
.package .part:nth-of-type(2) .header{ background: url(../images/21.png) no-repeat;}
.package .part:nth-of-type(3) .header{ background: url(../images/22.png) no-repeat;}
.package .part:nth-of-type(4) .header{ background: url(../images/23.png) no-repeat;}
.package .part .header h2{ float: left; margin: 26px 0 0 25px; color: #fff; font-size: 20px; font-weight: normal;}
.package .part .header img{ float: right; margin: 20px 20px 0 0; width: 40px; height: 40px;}
.package .part .content{ padding: 15px 20px; border-bottom: #eaeaea solid 1px;}
.package .part .content h3{ height: 40px; font-size: 16px; overflow: hidden; }
.package .part .content p{ margin: 20px 0 10px 0; font-size: 12px; color: #999; overflow: hidden;}
.package .part .content span{ display: flex; flex-wrap: wrap; justify-content: flex-start; overflow: hidden;}
.package .part .content span a{ display: block; float: left; margin-right: 10px; margin-top: 8px; padding: 2px 5px; border: #dddddd solid 1px; color: #999; }
.package .part .content span a:hover{ border: #0179ff solid 1px; color: #0179ff;}
.package .part .price{ padding: 0 20px; height: 65px; display: flex; justify-content: space-between; align-items: center;}
.package .part .price span{ font-size: 22px; color: #ff4800; }
.package .part .price a{ display: block; width: 70px; line-height: 24px; text-align: center; font-size: 12px; }
.package .part:nth-of-type(1) .price a{ border: #ff5431 solid 1px; color: #ff5431; }
.package .part:nth-of-type(2) .price a{ border: #00ca90 solid 1px; color: #00ca90; }
.package .part:nth-of-type(3) .price a{ border: #00a5ff solid 1px; color: #00a5ff; }
.package .part:nth-of-type(4) .price a{ border: #ffb502 solid 1px; color: #ffb502; }

.floor{ width: 1200px; margin: 0 auto; margin-top: 40px;}
.floor .header{ display: flex; }
.floor .header .title{ padding-left: 12px; height: 26px; line-height: 26px; font-size: 26px;}
.floor:nth-of-type(1) .header .title{ color: #0179ff; border-left: #0179ff solid 7px;}
.floor:nth-of-type(2) .header .title{ color: #ff9700; border-left: #ff9700 solid 7px;}
.floor:nth-of-type(3) .header .title{ color: #626bf0; border-left: #626bf0 solid 7px;}
.floor:nth-of-type(4) .header .title{ color: #ff5c5c; border-left: #ff5c5c solid 7px;}
.floor:nth-of-type(1) .header .more-btn{ width: 105px; height: 28px; line-height: 28px; text-align: center; color: #fff; background-color: #0179ff; border-radius: 28px; }
.floor:nth-of-type(2) .header .more-btn{ width: 105px; height: 28px; line-height: 28px; text-align: center; color: #fff; background-color: #ff9700; border-radius: 28px; }
.floor:nth-of-type(3) .header .more-btn{ width: 105px; height: 28px; line-height: 28px; text-align: center; color: #fff; background-color: #626bf0; border-radius: 28px; }
.floor:nth-of-type(4) .header .more-btn{ width: 105px; height: 28px; line-height: 28px; text-align: center; color: #fff; background-color: #ff5c5c; border-radius: 28px; }
.floor .header .link { margin: 12px 0 0 20px; flex: 1; display: flex;}
.floor .header .link a{ height: 14px; line-height: 14px; margin-left: 20px; padding-right: 20px; border-right: #e0e0e0 solid 1px; color: #666;}
.floor .header .link a:hover{ color: #0179ff;}
.floor .content{ margin-top: 15px; display: flex; justify-content: space-between; }
.floor .content .left{ width: 225px; height: 476px; }
.floor .content .left a img{ width: 225px; height: 476px; }
.floor .content .right{ width: 955px; height: 476px; }
.floor .content .right .part{ width: 225px; height: 230px; float: left; margin-right: 18px; background-color: #fff;}
.floor .content .right .part:nth-of-type(4n){ margin-right: 0;}
.floor .content .right .part:nth-of-type(n+5){ margin-top: 15px;}
.floor .content .right .part:hover img{ transform: scale(.95);}
.floor .content .right .part img{ width: 225px; height: 168px; transition: all .3s;}
.floor .content .right .part h5{ width: 195px; margin: 0 auto; margin-top: 10px; font-weight: normal;}
.floor .content .right .part span{ display: block; width: 195px; margin: 0 auto; margin-top: 5px; color: #f15821; font-size: 16px; }

.newsbox{ margin: 40px 0 0 0;}
.box-title h3{ text-align: center; font-size: 36px;}
.sy-news{ margin-top: 20px; display: flex; justify-content: space-between;}
.sy-news-part{ width: 370px; }
.sy-news-part>h3{ margin-bottom: 20px; font-size: 24px; font-weight: bold;}
.sy-news-part .img{ position: relative; display: block; width: 370px; height: 231px; }
.sy-news-part .img span{ position: absolute; display: block; padding-left: 10px; bottom: 0; width: 360px; height: 36px; line-height: 36px; background-color: rgba(0,0,0,.6); color: #fff;}
.sy-news-part .img img{ width: 370px; height: 231px; }
.sy-news-part .list-box{ margin-bottom: 60px; padding: 30px; background-color: #fff; box-shadow: 0 10px 10px #eaeaea;}
.sy-news-part .list-box .list a{ display: block; width: 300px; margin-bottom: 15px; padding-left: 15px; background: url(../images/60.png) no-repeat 0 7px;}
.sy-news-part .list-box .more{ display: block; width: 90px; height: 36px; line-height: 36px; margin: 0 auto; color: #999; text-align: center; border: #ddd solid 1px;}
.sy-news-part .list-box .more:hover{ background-color: #2a7efb; color: #fff; border: #2a7efb solid 1px;}

.customer{ width: 1200px; margin: 0 auto;margin-bottom: 40px;}
.customer .header{ display: flex; justify-content: space-between;}
.customer .header h2{ height: 24px; line-height: 24px; font-size: 26px; border-left: #0179ff solid 7px; padding-left: 10px;}
.customer .header a{ color: #999;}
.customer .header a:hover{ color: #0179ff;}
.customer .content{ margin-top: 30px; width: 1201px; padding-bottom: 1px; background-color: #eeeeee; overflow: hidden;}
.customer .content img{ float: left; width: 199px; height: 68px; margin: 1px 0 0 1px;}

.youshi{clear: both; height: 150px; background-color: #0179ff; }
.youshi .content{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
.youshi .content .part{ width: 300px;}
.youshi .content .part img{ float: left; margin: 40px 20px 0 0;}
.youshi .content .part h3{ margin: 40px 0 10px 0; color: #fff; }
.youshi .content .part p{ color: #95bbf3; }

.pagebottom{ background-color: #202a35; overflow: hidden;}
.pagebottom .content{ width: 1200px; margin: 0 auto; margin-top: 50px; display: flex; }
.pagebottom .content .part{ width: 140px;}
.pagebottom .content .part:last-child{ flex: 1;}
.pagebottom .content .part h5{ color: #fff; font-weight: normal; font-size: 16px; }
.pagebottom .content .part a{ display: block; color: #9ea0a9; margin-top: 20px;}
.pagebottom .content .part a:hover{ color: #0179ff;}
.vertical-line{ margin-right: 70px; width: 1px; background-color: #383b50;}
.pagebottom .content .part .tel{ margin-top: 20px; overflow: hidden;}
.pagebottom .content .part .tel img{ display: block; float: left; margin-right: 10px; margin-top: 5px; }
.pagebottom .content .part .tel i{ color: #9ea0a9;}
.pagebottom .content .part .tel span{ display: block; color: #ff7200; font-size: 25px; font-weight: bold;}
.pagebottom .content .part .add{ color: #9ea0a9; }
.pagebottom .content .part .qqnum{ color: #9ea0a9; }
.pagebottom .content .part .code{ margin-top: 10px; width: 117px; color: #9ea0a9; font-size: 12px; text-align: center; }
.pagebottom .content .part .code img{ margin-bottom: 5px;width:120px;}
.pagebottom .links{ height: 52px; line-height: 50px; background-color: #f5f5f5;}
.pagebottom .links a{ float: left; margin-left: 20px;}
.pagebottom .copyright{ background-color: #fff; }
.pagebottom .copyright p{ width: 1200px; margin: 0 auto; /*padding: 20px 0;*/ line-height: 25px; text-align: center; color: #999; text-align: center; }
.pagebottom .copyright p a{ color: #999;}

.right-bar-tab-on{ background-color: #000;}
.right-bar{ position: fixed; width: 40px; height: 100%; background-color: #333333; top: 0; right: 0; z-index: 299; }
.right-bar-tab{ position: relative; height: 350px; top: 50%; margin-top: -175px; }
.right-bar-tab>div{ padding: 10px 0; text-align: center; cursor: pointer; }
.right-bar-tab>div img{ display: block; margin: 0 auto;}
.right-bar-tab .zxzx{ background-color: #ff7200;}
.right-bar-tab .zxzx a{ color: #fff;}
.right-bar-tab .gotop{ border-top: #3f3f3f solid 1px;}
.right-bar-content{ position: relative; right: 150px; top: 50%; margin-top: -222px; }
.right-bar-content div img{ display: block; margin: 0 auto; }
.right-bar-content div:nth-of-type(2){  width: 120px; padding: 10px; border-top: #2a7efb solid 5px; border-left: #ddd solid 1px; border-right: #ddd solid 1px; border-bottom: #ddd solid 1px; box-shadow: 0 0 5px #eee; background-color: #fff; }
.right-bar-content div:nth-of-type(3){ margin-top: 50px; width: 120px; padding: 10px; border-top: #2a7efb solid 5px; border-left: #ddd solid 1px; border-right: #ddd solid 1px; border-bottom: #ddd solid 1px; box-shadow: 0 0 5px #eee; background-color: #fff; }
.right-bar-content div:nth-of-type(4){ margin-top: 100px; width: 120px; padding: 10px; border-top: #2a7efb solid 5px; border-left: #ddd solid 1px; border-right: #ddd solid 1px; border-bottom: #ddd solid 1px; box-shadow: 0 0 5px #eee; background-color: #fff; }

.product-xxtop{ margin: 20px 0 0 0; padding: 20px; border: #eaeaea solid 1px; overflow: hidden;}
.top-left{ width: 512px;}
.product-Slider{ width: 512px; height: 320px; position: relative; overflow: hidden;}
.product-Slider .hd{ position: absolute; bottom: 10px; width: 100%; }
.product-Slider .hd ul{ text-align: center;}
.product-Slider .hd li{ text-align: center; display: inline-block;  width: 12px; height: 12px; background: #1a6ab3; border-radius: 100%; }
.product-Slider .hd li.on{ background: #fff;}
.product-Slider .bd img{ display: block; width: 512px; height: 320px;}
.product-tool{ margin-top: 20px;}
.product-tool>a{ display: inline-block; margin-right: 20px; color: #999;}
.product-tool>a>img{ float: left; }
.top-right{ width: 610px;}
.top-right>h2{ font-size: 30px; font-weight: bold; margin-top: -5px; margin-bottom: 10px;}
.top-right>p{ color: #666; margin-bottom: 10px; }
.top-right .price{ padding: 20px 15px; background-color: #f9f9f9;}
.top-right .price span{ margin-right: 100px; color: #999;}
.top-right .price span i{ font-style: normal; font-size: 30px; color: #ff4800;}
.top-right .type{ margin: 15px; overflow: hidden;}
.top-right .type span:nth-of-type(1){ float: left; margin: 5px 0 0 0; color: #999;}
.top-right .type span:nth-of-type(2){ float: left; margin: 0 0 0 20px; color: #666;}
.top-right .type span:nth-of-type(2) a{ display: inline-block; padding: 5px; margin-right: 15px; font-style: normal; cursor: pointer; border: #dcdcdc solid 1px;}
.top-right .type span:nth-of-type(2) .on{ color: #ff4800; border: #ff4800 solid 1px;}
.top-right .type span:nth-of-type(2) a:hover{ color: #ff4800; border: #ff4800 solid 1px; }
.top-right .type span:nth-of-type(2) i{ width: 20px; display: inline-block; padding: 5px; font-style: normal; cursor: pointer; border: #dcdcdc solid 1px; text-align: center; }
.top-right .type span:nth-of-type(2) input{ width: 20px; display: inline-block; padding: 5px; border: #dcdcdc solid 1px;  text-align: center;}
.top-right .btn{ padding-top: 20px; border-top: #eaeaea dashed 1px;}
.top-right .btn a{ display: inline-block; width: 160px; height: 46px; line-height: 46px; text-align: center; border-radius: 3px;}
.top-right .btn .buy{ color: #fff; background-color: #ff4800; margin-right: 20px; font-size: 18px;}
.top-right .btn .service{ color: #2a7efb; border: #2a7efb solid 1px; font-size: 18px;}
.product-xxbottom{ margin-bottom: 20px; overflow: hidden; }
.product-xxbottom .bottom-left{ width: 940px; border: #eaeaea solid 1px;}
.product-xxbottom .bottom-left .bottom-left-header{ height: 55px; line-height: 55px; background-color: #f5f5f5; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.product-xxbottom .bottom-left .bottom-left-header h3{ margin: 15px 0 0 20px; padding-left: 10px; font-size: 18px; font-weight: bold; border-left: #2a7efb solid 7px;}
.product-xxbottom .bottom-left .bottom-left-content{ padding: 30px;}

.product-xxbottom .bottom-right{ width: 240px; border: #eaeaea solid 1px;}
.product-xxbottom .bottom-right .bottom-right-header{ height: 55px; line-height: 55px; background-color: #f5f5f5; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.product-xxbottom .bottom-right .bottom-right-header h3{ margin: 15px 0 0 20px; padding-left: 10px; font-size: 18px; font-weight: bold; border-left: #2a7efb solid 7px;}
.product-xxbottom .bottom-right .bottom-right-content{ }
.product-xxbottom .bottom-right .bottom-right-content a{ display: block; padding: 10px; border-bottom: #eaeaea solid 1px; }
.product-xxbottom .bottom-right .bottom-right-content a img{ width: 220px; height: 137px;}
.product-xxbottom .bottom-right .bottom-right-content a .product-part{ width: 180px; padding: 10px 20px; background-color: #fff; }
.product-xxbottom .bottom-right .bottom-right-content a .product-part h3{ font-size: 16px; margin-bottom: 10px; }
.product-xxbottom .bottom-right .bottom-right-content a .product-part p{ font-size: 12px; color: #999; margin-bottom: 10px; }
.product-xxbottom .bottom-right .bottom-right-content a .product-part span{ font-size: 16px; color: #f15821; margin-bottom: 10px; }
.product-tc{ height: 160px; padding: 20px; margin: 0 auto; margin-bottom:20px; border-left: #eaeaea solid 1px; border-right: #eaeaea solid 1px; border-bottom: #eaeaea solid 1px;}
.product-tc .title{ float: left; width: 50px; height: 160px; padding: 10px 0 0 15px; background: url(../images/78.png) no-repeat; color: #fff; font-weight: bold;}
.product-tc .content{ float: left; width:1092px; height: 180px; display: flex; overflow-x: auto; white-space: nowrap }
.product-tc .content a{ display: inline-block;}
.product-tc .content a img{ margin-bottom: 5px; width: 152px; height: 114px; display: block;}
.product-tc .content a h5{margin-bottom: 5px; font-weight: normal; text-align: center;}
.product-tc .content a span{ display: block; text-align: center; color: #f15821;}
.product-tc .content i{ display: inline-block; font-size: 25px; color: #aaa; margin: 50px 20px;}
.product-tc .content .equal{  font-weight: bold; font-size: 40px; margin-top: 35px; }
.product-tc .tc-price{ display: inline-block; padding: 0 20px; height: 158px; }
.product-tc .tc-price span{ display: block; margin-top: 50px; margin-bottom: 10px; font-size: 25px; color: #ff4800; font-weight: bold; text-align: center; }
.product-tc .tc-price s{ display: block; color: #999; text-align: center; }

.search-tag{font-size: 12px;font-weight: 600;color: #666;margin-right: 10px;border-radius: 2px 2px 0 0;display: inline-block;padding: 3px 7px;cursor: pointer}
.search-tag.active{background: #2a7efb;color: #fff}
.search-category{float: left;position: relative;width: 100px;text-align: center;cursor: pointer;color: #666}
.search-category>span{display: inline-block;padding: 11px 14px;color: #666}
.search-category i{margin-left: 2px;color: #aaa}
.search-category-list{z-index: 9999;position: absolute;top:44px;left: -2px;width: 100px;background: #fff;border: 1px solid #DDDDDD;overflow: hidden;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px}
.search-category-list li{padding: 11px 16px;border-bottom: 1px solid #ddd}
.search-category-list li:hover{background: #2a7efb;color: #fff;border-bottom: 1px solid #2a7efb}
.search-tm-category{float: left;text-align: center;cursor: pointer;color: #666;width: 100px}
.search-tm-category>span{display: inline-block;padding: 11px 13px;color: #666}
.search-tm-category i{margin-left: 2px;color: #aaa}
.search-tm-category-list{position: absolute;background: #fff;z-index: 99999;top: 42px;left: -2px;right: -2px;border: 1px solid #eee}
.search-tm-category-list li{float: left;border-right: 1px solid #eee;border-bottom: 1px solid #eee;color:#666;width: 99px;line-height: 40px;}
.search-tm-category-list li.active{background: #2a7efb;color: #fff}
.search-tm-category-list li:hover{color: #2a7efb}
.search-tm-category-list li.active:hover{color: #fff}
.search-category-selected{text-align: right;padding: 10px;border: 1px solid #eee;}
.search-category-selected span{margin-left: 10px;}
.text-danger{color: #f15821}


/*版权登记*/
.ny-bqdj-fw{ width: 1200px; margin: 0 auto; margin-bottom: 10px; margin-top: 40px; display: flex; justify-content: space-between; }
.ny-bqdj-fw-part{ width: 580px; background-color: #ffffff; box-shadow: 0 0 15px #dddddd;}
.ny-bqdj-fw-part .header{ height: 70px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.ny-bqdj-fw-part .header img{ float: left; margin: 12px 10px 0 20px; }
.ny-bqdj-fw-part .header h3{ float: left; line-height: 70px; font-size: 22px; color: #ffffff;}
.ny-bqdj-fw-part .content{ padding: 30px 25px 20px 25px; border-bottom: #eaeaea dashed 1px;}
.ny-bqdj-fw-part .content p{ line-height: 24px; color: #666666; }
.ny-bqdj-fw-part .content .type{ display: flex; justify-content: space-between; margin: 15px 0; }
.ny-bqdj-fw-part .content .type span{ width: 125px; display: block; text-align: center; height: 32px; line-height: 32px; border: #eaeaea solid 1px; color: #333333; }
.ny-bqdj-fw-part .buy{ padding: 0 25px; height: 80px; display: flex; justify-content: space-between; align-items: center; }
.ny-bqdj-fw-part .buy .price{ font-size: 30px; color: #ff4800; }
.ny-bqdj-fw-part .buy .price i{ font-size: 14px; font-style: normal;}
.ny-bqdj-fw-part .buy .btn{ width: 160px; height: 42px; line-height: 42px; font-size: 16px; color: #ffffff; background-color: #ff4800; text-align: center; border-radius: 42px; transition: all .3s; }
.ny-bqdj-fw-part .buy .btn:hover{ width: 150px;}
.ny-bqdj-lc{ margin-top: 30px; display: flex; justify-content: center; }
.ny-bqdj-lc>span{ display: block; margin: 10px 0 0 0; font-size: 18px; }
.ny-bqdj-lc>div{ margin-bottom: 40px; font-size: 16px; text-align: center; line-height: 24px; font-weight: bold; }
.ny-bqdj-lc>div>i{ display: block; margin: 0 auto; margin-bottom: 15px; width: 40px; height: 40px; line-height: 40px; font-style: normal; text-align: center; color: #ffffff; text-align: center; background-color: #2a7efb; border-radius: 40px; }
.ny-bqdj-lc>div img{ display: block; margin: 0 auto; margin-bottom: 10px;}
.ny-bqdj-lc>div p{ display: block; margin: 10px 0 0 0; text-align: center; color: #666; font-weight: normal; }
.ny-bqdj-sqcl{ display: flex; justify-content: space-between; margin-bottom: 60px; }
.ny-bqdj-sqcl-part{ width: 580px; height: 325px; border-radius: 10px;}
.ny-bqdj-sqcl-part .title{ width: 520px; height: 75px; line-height: 75px; margin: 0 auto; margin-top: 30px; border-radius: 10px; text-align: center; font-size: 24px; color: #fff; }
.ny-bqdj-sqcl-part:nth-of-type(1){background: url(../images/264.png) no-repeat 400px 150px #ffffff;}
.ny-bqdj-sqcl-part:nth-of-type(1) .title{ background-color: #2a7efb; }
.ny-bqdj-sqcl-part:nth-of-type(2){background: url(../images/265.png) no-repeat 400px 150px #ffffff;}
.ny-bqdj-sqcl-part:nth-of-type(2) .title{ background-color: #ffa200; }
.ny-bqdj-sqcl-part .wz{ width: 520px; margin: 0 auto; margin-top: 15px; overflow: hidden; }
.ny-bqdj-sqcl-part .wz span{ margin-top: 20px; padding-left: 15px; display: block; background: url(../images/266.png) no-repeat 0 4px; }
.ny-bqdj-yycj{ display: flex; justify-content: space-between; margin-bottom: 60px; }
.ny-bqdj-yycj-part{ width: 375px; padding-top: 15px; }
.ny-bqdj-yycj-part:nth-of-type(1){ background: url(../images/267.png) no-repeat 80px 0;}
.ny-bqdj-yycj-part:nth-of-type(2){ background: url(../images/268.png) no-repeat 80px 0;}
.ny-bqdj-yycj-part:nth-of-type(3){ background: url(../images/269.png) no-repeat 100px 0;}
.ny-bqdj-yycj-part h3{ margin-bottom: 30px; text-align: center; font-size: 20px; }
.ny-bqdj-yycj-part p{ min-height: 120px; padding: 30px; line-height: 30px; background-color: #f5f5f5; border-radius: 10px; }
.ny-bqdj-fwys{ display: flex; justify-content: space-between; margin-bottom: 30px; }
.ny-bqdj-fwys-part{ width: 375px; padding-top: 15px; }
.ny-bqdj-fwys-part img{ display: block; margin: 0 auto;}
.ny-bqdj-fwys-part h3{ margin-top: 20px; text-align: center; font-size: 20px; }
.ny-bqdj-fwys-part p{ text-align: center; padding: 20px; line-height: 30px; }

.ny-bqdj-wt{ display: flex; justify-content: space-between; margin-bottom: 30px; }
.ny-bqdj-wt-part{ width: 580px; margin-top: 20px; }
.ny-bqdj-wt-part .title{ height: 74px; line-height: 74px; border-radius: 10px; text-align: center; font-size: 24px; color: #ffffff; }
.ny-bqdj-wt-part .ny-bqdj-wt-part-one{ margin: 20px 0;}
.ny-bqdj-wt-part .ny-bqdj-wt-part-one .ny-bqdj-wt-part-one-q{ display: flex;}
.ny-bqdj-wt-part .ny-bqdj-wt-part-one .ny-bqdj-wt-part-one-q span{ display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #ffffff; background-color: #2a7efb; border-radius: 30px; font-size: 16px; }
.ny-bqdj-wt-part .ny-bqdj-wt-part-one .ny-bqdj-wt-part-one-q h3{ margin-left: 10px; line-height: 30px; font-size: 16px; }
.ny-bqdj-wt-part .ny-bqdj-wt-part-one .ny-bqdj-wt-part-one-a{ margin: 5px 0; min-height: 100px; }
.ny-bqdj-wt-part .ny-bqdj-wt-part-one .ny-bqdj-wt-part-one-a p{ color: #666666; line-height: 24px;}

.ny-bqdj-wt-part .ny-bqdj-wt-part-two{ margin: 20px 0;}
.ny-bqdj-wt-part .ny-bqdj-wt-part-two .ny-bqdj-wt-part-two-q{ display: flex;}
.ny-bqdj-wt-part .ny-bqdj-wt-part-two .ny-bqdj-wt-part-two-q span{ display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #ffffff; background-color: #ffa200; border-radius: 30px; font-size: 16px; }
.ny-bqdj-wt-part .ny-bqdj-wt-part-two .ny-bqdj-wt-part-two-q h3{ margin-left: 10px; line-height: 30px; font-size: 16px; }
.ny-bqdj-wt-part .ny-bqdj-wt-part-two .ny-bqdj-wt-part-two-a{ margin: 5px 0; min-height: 100px; }
.ny-bqdj-wt-part .ny-bqdj-wt-part-two .ny-bqdj-wt-part-two-a p{ color: #666666; line-height: 24px;}