@charset "utf-8";
/*总定义*/
html{font-size: 14px;color: #333;}
body, h1, h2, h3, h4, h5, h6, p, ul, li, p, span, input, button, textarea, form, img, dl, dt, dd {margin: 0;padding: 0;border: 0;line-height: normal;list-style: none;font-family: 微软雅黑; outline: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
body {background: #ffffff;min-width: 1200px;}
a {text-decoration: none; color: #333333;transition: all 0.1s;}
a:hover {color: #2a7efb;}
.left {float: left;}
.right {float: right;}
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.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;}
.clear {clear: both;}
.bg-black{ background-color: #2b364a; }
.bg-gray{ background-color: #f5f5f5 !important; }
.bg-blue{ background-color: #2a7efb !important; }
.bg-darkblue{ background-color: #162036; }
.box-1920{ width: 100%; overflow: hidden; }
.box-1200{ width: 1200px; margin: 0 auto; }
.w1200{width: 1200px; margin: 0 auto;}
.blue{ color: #2a7efb !important;}
.border-blue{ border: #2a7efb solid 1px;}
/*首页*/
.box-topbar{ height: 40px; width: 1200px; margin: 0 auto; overflow: hidden;}
.topbar-welcome{ line-height: 40px; color: #aaaaaa; font-size: 12px;}
.topbar-link{ line-height: 40px; font-size: 12px; overflow: hidden;}
.topbar-link a{ display: block; float: left; color: #aaaaaa;}
.topbar-tel{ display: inline-block; padding-left: 25px; margin-left: 20px; height: 18px; background: url(../images/1.png) no-repeat; color: #ffa200; font-size: 12px }
.box-menu{ height: 80px;background: #fff}
.logo { float: left;}
.logo img { display: block;}
/*导航*/
.menu{ position: relative; float: right; margin-top: 30px; z-index: 99;}
.nav>ul>li{float:left; padding: 0 0 0 20px; position:relative; text-align: center;}
.nav>ul>li>a{ text-align:center; font-size: 15px; }
.nav>ul>li>a.menu-selected{ color: #2a7efb;}
.nav>ul>li .childmenu{ display:none; width: 100px; position:absolute; top:30px; left: 0; background:#2b364a; }
.nav>ul>li .childmenu li>a{height:40px; line-height:40px; display: block; text-align:center; font-size: 12px; color: #fff;}
.nav>ul>li .childmenu li>a:hover{ background:#ffa200; }

.box-login-btn{ float: right; margin: 25px 0 0 30px;}
.box-login-btn>a{ display: inline-block; width: 66px; height: 30px; line-height: 30px; color: #fff; text-align: center; border-radius: 30px; font-size: 12px }
.box-login-btn>a:nth-of-type(1){ background-color: #2a7efb;}
.box-login-btn>a:nth-of-type(2){ background-color: #ffa200;}

/*banner*/
.fullSlide{ width: 100%; overflow: hidden; }
.fullSlide .bd{  }
.fullSlide .bd li{width:100%; height: 430px; vertical-align:top; text-align: center;}
.fullSlide .bd li a{ display: block; width: 100%; height: 100%;}
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0px 10px 10px 0px ; background:url(../images/5.png) 12px 0px; overflow:hidden; font-size:0;}
.fullSlide .hd ul .on{ background-position:0px 0px; }
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-250px 0 0 8%; float:left;  background:url(../images/4.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4;}
.fullSlide .next{ background-position:right 0; float:right; margin-right:8%;}
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8;}

.box-title{ padding: 50px 0 30px 0; display: flex; justify-content: center; align-items: center; }
.box-title h3{ font-size: 36px; font-weight: bold; margin: 0 30px; }
.box-title img{ width: 43px; height: 28px; }
.sy-service{ display: flex; justify-content: space-between; margin-bottom: 40px; }
.sy-service .left{ width: 630px; height: 390px; box-shadow: 0 10px 10px #eaeaea; background: url(../images/10.png) no-repeat bottom right #fff; }
.sy-service .left .left-list h4{ float: left; margin: 15px 0 10px 0; font-size: 16px; height: 35px; line-height: 35px; background-color: #2a7efb; padding: 0 30px; border-top-right-radius: 35px; border-bottom-right-radius: 35px; color: #fff; }
.sy-service .left .left-list a{ display: inline-block; margin-left: 30px; line-height: 20px; font-size: 14px; }
.sy-service .middle{ width: 260px; height: 390px; box-shadow: 0 10px 10px #eaeaea; background-color: #fff;}
.sy-service .middle img{ display: block; margin: 0 auto; margin-top: 10px;}
.sy-service .middle h4{ font-size: 20px; font-weight: bold; color: #2a7efb; text-align: center;}
.sy-service .middle a{ display: block; margin-top: 20px; text-align: center;}
.sy-service .right{ width: 260px; height: 390px; box-shadow: 0 10px 10px #eaeaea; background-color: #fff;}
.sy-service .right img{ display: block; margin: 0 auto; margin-top: 10px;}
.sy-service .right h4{ font-size: 20px; font-weight: bold; color: #2a7efb; text-align: center;}
.sy-service .right a{ display: block; margin-top: 20px; text-align: center;}

.sy-reason{ margin-top: 20px; margin-bottom: 40px; height: 530px; background: url(../images/11.png) no-repeat center;}
.sy-reason-part:nth-of-type(1){ margin-bottom: 220px;}
.sy-reason-part:nth-of-type(2){ margin-bottom: 220px;}
.sy-reason-part h3{ width: 320px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; border-top-left-radius: 10px; border-top-right-radius: 10px; background: linear-gradient(90deg,#2a7efb,#2aa0fb);}
.sy-reason-part p{ width: 280px; padding: 20px; line-height: 20px; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 10px 10px #eaeaea; background-color: #fff;}

.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{min-height:87px}
.sy-news-part .list-box .list a{    display: block;width: 300px;line-height: 2;padding-left: 15px;background: url(../images/15.png) no-repeat 0 12px;}
.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;}

.sy-people{ margin-top: 20px; display: flex; justify-content: space-between; overflow: hidden;}
.sy-people-part{ width: 300px; padding: 0 60px; }
.sy-people-part img{ display: block; width: 190px; height: 190px; margin: 0 auto; margin-bottom: 15px; border-radius: 190px;}
.sy-people-part h3{ font-size: 30px; text-align: center; margin-bottom: 10px;}
.sy-people-part span{ color: #999; display: block; margin-bottom: 20px; text-align: center;}
.sy-people-part p{ color: #666; }
.sy-customer{ margin-top: 40px; margin-bottom: 60px; background-color: #ddd; padding: 1px 0 0 1px; overflow: hidden;}
.sy-customer img{ width: 199px; height: 68px; display:block; float: left; margin: 0 1px 1px 0;}

.advantage{ display: flex; justify-content: space-between; overflow: hidden;}
.advantage-part{ width: 270px; padding: 30px 0;}
.advantage-part img{ float: left; margin-right: 10px;}
.advantage-part h5{ font-weight: bold; color: #fff; margin-bottom: 10px;}
.advantage-part p{ color: #adceff; line-height: 25px;}

.bottom-list{ overflow: hidden; }
.bottom-list-part{ float: left; margin-right: 100px;}
.bottom-list-part:nth-of-type(5){ margin-right: 0; width: 200px;}
.bottom-list-part:nth-of-type(6){ margin-right: 0; float: right;}
.bottom-list-part>h5{ margin: 50px 0 30px 0; font-size: 15px; font-weight: bold; color: #fff;}
.bottom-list-part>a{ margin-bottom: 15px; color: #999999; display: block;}
.bottom-list-part>span{ display: block; color: #999999; margin-bottom: 15px;}
.bottom-list-part img{max-width: 120px}
.bottom-link{ padding: 20px 0; margin-top: 30px; border-top: #3e4a5f solid 1px; border-bottom: #3e4a5f solid 1px; color: #999; }
.bottom-link a{ margin-left: 30px; color: #999; }
.bottom-copyright{ padding: 20px 0; text-align: center; color: #999; }

.service-box{ display: none; position: fixed; top: 60px; right: 20px; z-index: 199; }
.service-box-tab{ width: 70px; }
.service-box-tab>div{ margin-bottom: 5px; background-color: #fff; text-align: center; padding: 5px 0; border: #2a7efb solid 1px; cursor: pointer; font-size: 14px;}
.service-box-tab>div img{ display: block; margin: 0 auto;}
.service-box-content{ position: absolute; right: 80px; top: 0; }
.service-box-content div{ width: 110px; height: 110px; 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; }
.service-box-content div:nth-of-type(2){ margin-top: 72px; }
.service-box-content div:nth-of-type(3){ margin-top: 143px; }
.service-box-tab-on{ color: #2a7efb; position: relative;}

/*内页--------------------------------------------------------------------------------------------------------------------------------------*/
.crumbs{ padding: 20px 0; color: #666;}
.crumbs a{ color: #666;}

.box-screen{ margin: 20px 0; box-shadow: 0 0 10px #f1f1f1;}
.box-screen-list{ padding: 15px 30px; overflow: hidden;}
.box-screen-list span{ display: block; float: left; }
.box-screen-list span:nth-of-type(1){ margin: 5px 0 0 0;}
.box-screen-list span:nth-of-type(2){ height: 30px; margin-left: 10px; overflow: hidden;}
.box-screen-list span:nth-of-type(2)>a{ float: left; display: block; margin: 0 5px; padding: 5px 12px; color: #666;}
.box-screen-list span:nth-of-type(2)>a:hover{ color: #2a7efb; }
.choose-on{ color: #2a7efb !important;}
.box-screen-list span a i{ margin-right: 5px; }
.product{ margin-right: -20px;}
.product a{ float: left; margin-right: 25px; margin-bottom: 20px;}
.product a img{ width: 280px; height: 175px;}
.product a .product-part{ width: 240px; padding: 10px 20px; background-color: #fff; }
.product a .product-part h3{ font-size: 16px; margin-bottom: 10px; }
.product a .product-part p{ font-size: 12px; color: #999; margin-bottom: 10px; }
.product a .product-part span{ font-size: 16px; color: #f15821; margin-bottom: 10px; }
.box-page{ padding: 20px; margin: 20px 0; text-align: center;}
.box-page a{ display: inline-block; padding: 10px 20px; background-color: #fff;}
.box-page .on{ background-color: #1795fc; color: #fff;}

.product-xxtop{ margin: 20px 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:60px; 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; }

.news{ margin: 20px 0; overflow: hidden; }
.news .left{ width: 200px; background-color: #f5f5f5; }
.news .left .left-header{ padding: 18px; background-color: #2a7efb; }
.news .left .left-header h3{ font-size: 30px; color: #fff; text-align: center; }
.news .left .left-header span{ display: block; font-size: 16px; color: #fff; text-align: center; }
.news .left .left-menu{ border-bottom: #fff solid 1px; }
.news .left .left-menu a{ display: block; padding: 15px 30px; margin: 10px 0; }
.news .left .left-menu a i{ float: right; margin: 3px 0 0 0; color: #ddd;}
.news .left .left-menu .on{ background-color: #fff; color: #2a7efb; }
.news .left .left-contact .code{ margin: 20px 0; text-align: center;}
.news .left .left-contact .code img{ display: block; width: 120px; height: 120px; margin: 0 auto; margin-bottom: 5px;}
.news .left .left-contact .tel{ padding: 0 20px; margin-bottom: 20px;}
.news .left .left-contact .tel .header{ margin-bottom: 10px; color: #999; overflow: hidden;}
.news .left .left-contact .tel .header img{ float: left; margin: 0 10px 0 0; }
.news .middle{ float: left; width: 700px; margin-left: 30px; }
.news .middle .picSlider{ width: 700px; height: 287px; overflow: hidden; position: relative;}
.news .middle .picSlider .hd{ position: absolute; bottom: 0; right: 0; left: 0; padding: 0 15px; line-height: 45px; height: 45px; background: #000; filter:alpha(opacity:66); background: rgba(0,0,0,.7);}
.news .middle .picSlider .hd ul{ padding: 14px 0;}
.news .middle .picSlider .hd li{ display: inline-block; cursor: pointer; margin-left: 5px; width: 12px; height: 12px; background: #808080; border-radius: 100%; -webkit-border-radius: 100%;}
.news .middle .picSlider .hd li.on{ background: #fff;}
.news .middle .picSlider .hd ul{ float: right;}
.news .middle .picSlider .bd img{ width: 700px; height: 287px;}
.news .middle .picSlider .news_tit{ width: 70%;}
.news .middle .picSlider .bd ul li a{ position: relative;}
.news .middle .picSlider .bd ul li a span{ width: 287px; z-index: 1000; padding-left: 10px; display: block; position: absolute; bottom: 17px; color: #fff; font-size: 14px;}
.news .middle .list{ margin-top: 30px; overflow: hidden;}
.news .middle .list .header{ display: flex; justify-content: space-between;}
.news .middle .list .header h3{ padding-bottom: 5px; font-size: 20px; color: #2a7efb; border-bottom: #2a7efb solid 5px; }
.news .middle .list .header div{ flex: 1; border-bottom: #f5f5f5 solid 5px;}
.news .middle .list .part{ }
.news .middle .list .part a{ display: block; overflow: hidden; margin-top: 20px; padding-bottom: 20px; border-bottom: #f1f1f1 solid 1px;;}
.news .middle .list .part a img{ float: left; margin-right: 20px; width: 224px; height: 140px;}
.news .middle .list .part a h3{ font-size: 20px; margin-bottom: 10px; margin-top: -5px; }
.news .middle .list .part a p{ color: #999; margin-bottom: 10px;}
.news .right { width: 240px;}
.news .right .search{ overflow: hidden; }
.news .right .search .header{ display: flex; justify-content: space-between;}
.news .right .search .header h3{ padding-bottom: 5px; font-size: 20px; color: #2a7efb; border-bottom: #2a7efb solid 5px; }
.news .right .search .header div{ flex: 1; border-bottom: #f5f5f5 solid 5px;}
.news .right .search .inputbox{ margin: 20px 0; overflow: hidden; }
.news .right .search .inputbox input{ float: left; padding-left: 10px; width: 175px; height: 40px; background-color: #f5f5f5; }
.news .right .search .inputbox a{ float: left; display: block; width: 55px; height: 40px; line-height: 40px; background-color: #2a7efb; font-size: 24px; text-align: center; color: #fff; }

.news .right .label .header{ display: flex; justify-content: space-between;}
.news .right .label .header h3{ padding-bottom: 5px; font-size: 20px; color: #2a7efb; border-bottom: #2a7efb solid 5px; }
.news .right .label .header div{ flex: 1; border-bottom: #f5f5f5 solid 5px;}
.news .right .label .list{ margin-top: 20px;}
.news .right .label .list a{ display: inline-block; padding: 14.5px; margin-bottom: 5px; background-color: #f5f5f5; color: #999; font-size: 12px;}
.news .right .label .list a:hover{ background-color: #2a7efb; color: #fff;}

.news .right .news-menu{ overflow: hidden;}
.news .right .news-menu .header{ display: flex; justify-content: space-between; }
.news .right .news-menu .header h3{ padding-bottom: 5px; font-size: 20px; color: #2a7efb; border-bottom: #2a7efb solid 5px; }
.news .right .news-menu .header div{ flex: 1; border-bottom: #f5f5f5 solid 5px;}
.news .right .news-menu .list{ margin-bottom: 30px; display: flex; flex-wrap: wrap; }
.news .right .news-menu .list a{ display: block; width: 95px; padding: 10px; margin-right: 10px; margin-top: 10px; text-align: center; background-color: #f5f5f5;}
.news .right .news-menu .list a:nth-of-type(2n){ margin-right: 0;}
.news .right .news-menu .list .on{ color: #fff; background-color: #ffa200;}

.nyxwzxbox-left{ float: left; width:920px; }
.nyxwzxbox-left>h2{ font-size: 30px; font-weight: normal; margin-bottom: 30px; }
.nyxwzxbox-label{ display: flex; justify-content: space-between; border-bottom: #eaeaea solid 1px; padding-bottom: 20px; margin-bottom: 25px;}
.nyxwzxbox-label span{ display: block; color: #999999;}
#showphonecode{ padding-right: 25px; background: url(../images/38.png) no-repeat 120px 3px; cursor: pointer;}
#showphonecode img{ display: none; position: absolute; }
.nyxwzxbox-right{ float: right; }
.nyxwzxbox-right img{ margin-bottom: 15px;}
.abstract{ height: 40px; padding: 20px; background: #f5f5f5; color: #666666;}
.article{ margin-top: 20px; padding-bottom: 40px; margin-bottom: 20px; border-bottom: #eaeaea solid 1px; }
.article img{ max-width: 920px;}
.otherarticle a{ display: block; margin-bottom: 1px; padding: 20px; background-color: #f5f5f5; }

.about-left{ margin: 30px 30px 30px 0; width: 220px;}
.about-left .left-header{ height: 127px; background: url(../images/41.png) no-repeat; overflow: hidden; }
.about-left .left-header h3{ margin-top: 40px; font-size: 30px; font-weight: bold; color: #fff; text-align: center; }
.about-left .left-header span{ display: block; font-size: 16px; color: #fff; text-align: center; }
.about-left .list{ padding: 10px; background-color: #f5f5f5;}
.about-left .list a{ display: block; padding: 15px 20px; margin-bottom: 10px; font-size: 15px;}
.about-left .list a:hover{ color: #2a7efb; background-color: #fff;}
.about-left .list a i{ float: right; margin-top: 3px; color: #aaaaaa;}
.about-left .list .on{ font-weight: bold; color: #2a7efb; background-color: #fff;}
.about-right{ margin: 25px 0 30px 0; width: 940px;}
.about-right .header{ display: flex; justify-content: space-between;}
.about-right .header h3{ padding-bottom: 10px; font-size: 30px; border-bottom: #2a7efb solid 1px; }
.about-right .header div{ flex: 1; border-bottom: #dddddd solid 1px;}

.culture-part{ margin: 60px 0; overflow: hidden;}
.culture-part .left{ width: 570px;}
.culture-part .left .title{ margin-bottom: 30px; font-size: 24px; font-weight: bold;}
.culture-part .left .explain{ color: #666; line-height: 30px; }

.team-part a{ display: block; float: left; margin-right: 37px; margin-top: 30px; box-shadow: 0 10px 5px #f5f5f5;}
.team-part a:nth-of-type(3n){ margin-right: 0;}
.team-part a h5{ padding: 0 20px; height: 40px; line-height: 40px; text-align: center;}

.history-box{ background: url(../images/51.png) repeat-y 8px 0; overflow: hidden;}
.history-box .history-part{ margin-top: 20px; background: url(../images/52.png) no-repeat 2px 0;}
.history-box .history-part a{ display: block; padding: 20px; margin-left: 38px; margin-bottom: 20px; border: #bfdaff solid 1px;}
.history-box .history-part a .title{ font-size: 16px; font-weight: bold; color: #333;}
.history-box .history-part a .title span{ margin-right: 10px; font-size: 50px; color: #bfdaff; font-weight: normal; }
.history-box .history-part a .pic{ overflow: hidden;}
.history-box .history-part a .pic img{ float: left; margin-right: 15px; margin-top: 15px; width: 200px; height: 125px; }

.honor-part{ overflow: hidden; }
.honor-part a{ display: block; float: left; margin-right: 37px; margin-top: 30px;}
.honor-part a:nth-of-type(3n){ margin-right: 0;}
.honor-part a h5{ padding: 0 20px; height: 40px; line-height: 40px; text-align: center;}
.honor-part .honor-title{ margin-top: 20px; background: url(../images/53.png) no-repeat bottom;}
.honor-part .honor-title i span{ color: #ffa200; font-size: 50px;}
.honor-part .honor-title i{ display: block; font-size: 16px;}

.photo-class{ margin: 30px 0 0 0; overflow: hidden;}
.photo-class a{ display: block; padding: 10px 30px; float: left; margin-right: 20px; border: #dddddd solid 1px; font-size: 16px; }
.photo-class a:hover{ background-color: #2a7efb; color: #fff;}
.photo-class .on{ background-color: #2a7efb; color: #fff; border: #2a7efb solid 1px; }

.service-left{ margin: 20px 0;}
.service-left .header{ background-color: #2a7efb; padding: 20px;}
.service-left .header h3{ color: #fff; font-size: 24px; margin-bottom: 10px;}
.service-left .header span{ color: #fff;}
.nyproduct-left{ float: left; width: 220px; }
.nyproduct-left-menu{ border-bottom: #fff solid 1px; width: 220px; background: #f5f5f5; overflow: hidden;}
.nyproduct-left-menu h3{ overflow: hidden; border-bottom: #f7f8fa solid 1px; cursor: pointer; }
.nyproduct-left-menu h3 span{ display: block; float: left; margin-left: 20px; height: 50px; line-height: 48px; font-size: 16px; }
.nyproduct-left-menu h3 img{ display: block; float: right; margin-right: 20px; margin-top: 20px; transition: all .3s;}
.nyproduct-left-menu ul{ display: none;}
.nyproduct-left-menu ul li{ width: 220px;}
.nyproduct-left-menu ul li a{ display: block; margin-left: 40px; height: 40px; line-height: 38px; font-size: 14px; color: #666; }
.nyproduct-left-menu ul li a:hover{ color: #2a7efb;}
.nyproduct-left-menu-on{ background: #eaeaea; border-left: #2a7efb solid 5px;}
.nyproduct-left-menu-on a{ color: #2a7efb!important;}
.rotating{ transform: rotate(180deg);}

.service-right{ margin: 20px 0; width: 940px; }
.service-right .header{ height: 40px; margin-top: 10px; border-bottom: #eaeaea solid 1px;}
.service-right .header h3{ float: left; padding-left: 10px; font-size: 20px; border-left: #ff8400 solid 5px;}
.service-right .content{ margin: 30px 0;}
.service-right .content img{ max-width: 940px;}

/*会员登录*/
.member-top{width: 1200px;height: 90px;margin: 0 auto;}
.member-top img{float: left; height: 80px;}
.member-top>a{ display: block; margin: 30px 30px 0 20px; float: right; padding: 5px 15px; border-radius: 30px; background-color: #2a7efb; color: #ffffff;}
.member-top span{display: block;float: right;margin-top: 36px;font-size: 14px;}
.member-top span a{ color: #2a7efb;}
.member-middle{ min-height: 550px; background: url("../images/56.png") no-repeat center; overflow: hidden;}
.member-middle-login{ width: 1200px; margin: 0 auto;}
.login-content{ width: 410px; padding-bottom: 40px; background: #fff; margin: 20px 0 20px 770px; border-radius: 10px; overflow: hidden;}
.login-title{ width: 330px; margin: 0 auto; margin-top: 30px; display: flex; justify-content: space-between; overflow: hidden;}
.login-title span{ display: block; width: 175px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #999; border:#eeeeee solid 1px; cursor: pointer; background-color: #f5f5f5;}
.login-title-on{ color: #333!important; background-color: #fff!important; }
.login-form{ width: 330px; margin: 0 auto; margin-top: 20px;}
.logo-inputline input{ width: 330px; height: 43px; border: #d0d0d0 solid 1px; margin-bottom: 20px; padding-left: 40px; overflow: hidden;}
.logo-inputline .phone-icon{background: url("../images/57.png") no-repeat 10px 12px;}
.logo-inputline .img-icon{ width: 190px; background: url("../images/58.png") no-repeat 10px 12px;}
.logo-inputline .mes-icon{ width: 190px; background: url("../images/58.png") no-repeat 10px 12px;}
.logo-inputline .password-icon{ background: url("../images/59.png") no-repeat 10px 12px;}
.logo-inputline .name-icon{ background: url("../images/63.png") no-repeat 10px 12px;}
.logo-inputline .company-icon{ background: url("../images/64.png") no-repeat 10px 12px;}
.login-code{ float: right;  width: 132px; height: 45px;}
.login-btn{ display: block; width: 330px; height: 50px;line-height: 50px; text-align: center; color: #fff; background: #2a7efb; font-size: 18px; border-radius: 3px;}
.login-btn:hover{ color: #fff;}
.login-getpassword{ float: right; margin: 10px 0 0 0;}
.login-bg{ background: #fff;}
.message-code{ float: right; display: block; width: 132px; height: 45px; line-height: 45px; text-align: center; background-color: #2a7efb; border-radius: 3px; color: #fff; }
.message-code:hover{ color: #fff;}
.login-other{ width: 330px; margin: 0 auto; margin-top: 20px; }
.login-other .xy{ float: left; width: 260px; }
.login-other .xy a{ color: #2a7efb;}
.login-other .wj{ float: right; }
.login-other .sf{ margin-top: 10px; float: left; width: 260px; color: #999; }
.login-other .sf img{ margin-left: 15px;}
.login-other .gw{ margin-top: 30px; float: right; }
.login-other .gw a{ color: #999;}
.member-bottom{ padding:0 0 10px 0; overflow: hidden; }
.member-bottom .left{ margin: 40px 0 0 0; overflow: hidden;}
.member-bottom .left .link a{ margin-right: 20px;}
.member-bottom .left .link{ margin: 0 0 10px 0; }
.member-bottom .left .copyright{ color: #999; line-height: 24px;}
.member-bottom .right{ margin-top: 20px; }
.member-bottom .right{ width: 110px; text-align: center; font-size: 12px; }
.member-bottom .right img{ width: 110px; height: 110px;}

.m-top{ height: 90px; }
.m-top .logo{ float: left; height: 80px; }
.m-top .search{ float: left; margin: 25px 0 0 330px; overflow: hidden; }
.m-top .search input{ float: left; padding-left: 10px; width: 270px; height: 36px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border: #ff8400 solid 1px; }
.m-top .search a{ display: block; float: left; width: 85px; height: 38px; color: #fff; font-size: 16px; text-align: center; line-height: 36px; background-color: #ff8400; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.m-top .search a i{ margin-right: 5px;}
.m-top .link{ float: right; margin-top: 35px; overflow: hidden;}
.m-top .link a{ float: left; display: block; color: #999;}
.m-top .link i{ float: left; display: block; margin: 3px 20px 0 20px; width: 1px; height: 11px; background-color: #cccccc; }

.m-left{ width: 210px; margin: 20px 0;}
.m-left .header{ background: linear-gradient(0deg,#ffb03e,#ff9018); padding: 20px; border-top-left-radius:6px;  border-top-right-radius:6px; }
.m-left .header h3{ text-align: center; color: #fff; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.m-left .header span{ display: block; text-align: center; color: #fff;}
.m-left-list{ float: left; width: 210px; background-color: #fff; }
.m-left-list-menu{ border-bottom: #f1f1f1 solid 1px; width: 210px; overflow: hidden;}
.m-left-list-menu h3{ overflow: hidden; cursor: pointer; }
.m-left-list-menu h3 span{ display: block; float: left; height: 50px; line-height: 48px; font-size: 16px; }
.m-left-list-menu h3 img{ display: block; float: right; margin-right: 20px; margin-top: 20px; transition: all .3s;}
.m-left-list-menu h3 i{ float: left; margin: 16px 10px 0 30px; color: #666; font-size: 18px; }
.m-left-list-menu ul{}
.m-left-list-menu ul li{ width: 210px;}
.m-left-list-menu ul li a{ display: block; margin-left: 60px; height: 40px; line-height: 38px; font-size: 14px; color: #666; }
.m-left-list-menu ul li a:hover{ color: #2a7efb;}
.m-left-list-menu-on{ color: #2a7efb; background-color: #f0faff;}
.m-left-list-menu-on a{ color: #2a7efb!important;}
.rotating{ transform: rotate(180deg);}
.login-out{ display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 30px; border-radius: 6px; width: 150px; height: 36px; line-height: 36px; color: #999; border: #eaeaea solid 1px; text-align: center;}

.m-right{ width: 970px; margin: 20px 0; border-radius: 6px; overflow: hidden; background-color: #fff;}
.m-right .people{ width: 870px; margin: 40px 0 0 50px; overflow: hidden;}
.m-right .people .people-img{ width: 110px; height: 110px; border-radius: 110px; }
.m-right .people .people-xx{ margin-left: 30px;}
.m-right .people .people-xx .title{ margin: -3px 0 15px 0; font-size: 24px; color: #666; font-weight: bold; }
.m-right .people .people-xx .name{ margin-bottom: 15px; overflow: hidden;}
.m-right .people .people-xx .name h3{ float: left; margin-right: 10px; font-size: 20px; }
.m-right .people .people-xx .name span{ float: left; margin-top: 4px; }
.m-right .people .people-xx .name span img{ float: left; margin-right: 10px;}
.m-right .people .people-xx .grade div{ float: left; margin-right: 40px; line-height: 30px; overflow: hidden;}
.m-right .people .people-xx .grade div img{ float: left; margin-right: 10px; }
.m-right .recharge{ width: 870px; margin: 40px 0 0 50px; padding-bottom: 25px; box-shadow: 0 0 15px #f1f1f1; overflow: hidden;}
.m-right .recharge .recharge-icon{ float: left; margin: 25px 20px 0 40px;}
.m-right .recharge .recharge-num{ float: left; margin: 35px 0 0 0; font-size: 16px; }
.m-right .recharge .recharge-num span{ margin-left: 15px; color: #ff0000; font-size: 16px;}
.m-right .recharge .recharge-btn{ float: left; display: block; margin: 30px 0 0 80px ; padding: 6px 15px; border-radius: 3px; background-color: #ff8400; color: #fff;}
.m-right .recharge .recharge-record{ float: right; display: block; margin: 30px 20px 0 0 ; padding: 5px 15px; border-radius: 3px; border: #ff8400 solid 1px; color: #ff8400;}
.m-right .recharge .recharge-invoice{ float: right; display: block; margin: 30px 40px 0 0 ; padding: 5px 15px; border-radius: 3px; border: #ff8400 solid 1px; color: #ff8400;}
.m-right .shortcut{ width: 870px; margin: 20px 0 0 50px; padding: 0 50px; display: flex; justify-content: space-between; box-shadow: 0 0 15px #f1f1f1; overflow: hidden;}
.m-right .shortcut span{ margin: 30px;}
.m-right .shortcut span img{ display: block; margin: 0 auto; margin-bottom: 10px;}
.m-right .list{ }
.m-right .list .header{ padding-bottom: 10px; overflow: hidden; border-bottom: #e8e8e8 solid 1px;}
.m-right .list .header h3{ float: left; border-left: #2a7efb solid 5px; padding-left: 10px; font-size: 16px; font-weight: bold;}
.m-right .list .header a{ float: right; color: #999; }
.m-right .list .content{ padding-top: 15px;}
.m-right .list .content a{ margin-bottom: 15px; overflow: hidden; }
.m-right .list .content a span{ float: right; color: #999;}
.m-right .list .order{ padding-top: 15px;}
.m-right .list .order a{ margin-bottom: 15px; overflow: hidden; }
.m-right .list .order a img{ float: left; width: 112px; height: 70px; }
.m-right .list .order .order-xx{ float: left; width: 200px; margin: 0 0 0 10px;}
.m-right .list .order .order-xx h4{ height: 30px;}
.m-right .list .order .order-xx span{ display: block; height: 25px; color: #999;}
.m-right .list .order .order-price{ float: right; text-align: right; overflow: hidden;}
.m-right .list .order .order-price h5{ display: block; height: 30px; font-style: normal;}
.m-right .list .order .order-price span{ display: block; color: #ff4800;}
.m-right .list .myservice{ padding-top: 15px;}
.m-right .list .myservice a{ width: 205px; height: 78px; display: block; float: left; margin-right: 16px; margin-bottom: 15px; box-shadow: 0 0 15px #f1f1f1; overflow: hidden; }
.m-right .list .myservice a:nth-of-type(4n){ margin-right: 0;}
.m-right .list .myservice a h5{ text-align: center; margin-top: 15px;}
.m-right .list .myservice a span{ color: #999;margin-top: 10px; display: block; text-align: center;}
.m-right .contact-us{ width: 870px; height: 150px; margin: 10px 0 20px 50px; border: #eaeaea solid 1px;}
.m-right .contact-us h3{ float: left; width: 50px; height: 120px; padding-top: 30px; border-right: #eaeaea solid 1px; background-color: #f5f5f5; font-weight: bold; text-align: center; }
.m-right .contact-us .wz{ float: left; margin: 20px 0 0 40px; }
.m-right .contact-us .wz span{ display: block; height: 32px; color: #666; line-height: 32px; padding-left: 40px; background: url(../images/90.png) no-repeat; }
.m-right .contact-us .wz p{ margin-top: 20px; line-height: 25px; }
.m-right .contact-us .code{ float: right; margin: 10px 10px 0 0; font-size: 12px; text-align: center; }
.m-right .contact-us .code img{ display: block;}
.member-copyright{background-color: #2b364a; text-align: center; height: 55px; line-height: 55px; color: #999999;}

.m-right .header-title{ width: 910px; margin: 30px 0 0 30px; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.m-right .header-title h3{ padding-left: 10px; margin-bottom: 10px; font-size: 20px; border-left: #ff8400 solid 6px;}
.m-right .m-recharge{ width: 910px; margin: 30px 0 0 30px; padding-bottom: 25px; box-shadow: 0 0 15px #f1f1f1; overflow: hidden;}
.m-right .m-recharge .recharge-icon{ float: left; margin: 25px 20px 0 40px;}
.m-right .m-recharge .recharge-num{ float: left; margin: 35px 0 0 0; font-size: 16px; }
.m-right .m-recharge .recharge-num span{ margin-left: 15px; color: #ff0000; font-size: 16px;}
.m-right .m-recharge .record-btn{ margin: 30px 30px 0 0; float: right; width: 120px; height: 30px; border: #dddddd solid 1px; border-radius: 3px; text-align: center; line-height: 30px; }
.m-right .recharge-form{ width: 910px; margin: 30px 0 20px 30px; border: #eaeaea solid 1px;}
.m-right .recharge-form .form{ margin: 30px 0 0 60px;}
.m-right .recharge-form .form .input-line{ margin-bottom: 20px; overflow: hidden;}
.m-right .recharge-form .form .input-line img{ margin: 0 10px;}
.m-right .recharge-form .form .recharge-btn{  margin:20px 0 0 70px; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #ff8400; }
.m-right .recharge-form .recharge-tips{ margin-top: 40px; padding: 20px 0 0 40px; background-color: #fffaf5; border-top: #eaeaea solid 1px; overflow: hidden;}
.m-right .recharge-form .recharge-tips h3{ height: 20px; color: #ff0000; background: url(../images/93.png) no-repeat; padding-left: 30px;}
.m-right .recharge-form .recharge-tips p{ margin: 10px 0 20px 0; color: #666; line-height: 30px;}

.m-right .table-gray{ margin: 0 auto; margin-bottom: 20px; border: #eaeaea solid 1px;}
.m-right .table-gray .table-header{ display: flex; justify-content: space-between; height: 45px; background-color: #f9f9f9;}
.m-right .table-gray .table-header span{ padding-left: 20px; font-size: 16px; line-height: 45px; }
.m-right .table-gray .table-header span:nth-of-type(1){ width: 35%; }
.m-right .table-gray .table-header span:nth-of-type(2){ width: 35%; }
.m-right .table-gray .table-header span:nth-of-type(3){ width: 30%; }
.m-right .table-gray .table-line{ display: flex; justify-content: space-between; height: 60px;}
.m-right .table-gray .table-line:nth-of-type(2n+1){ background-color: #f9f9f9;}
.m-right .table-gray .table-line span{ padding-left: 20px;line-height: 60px; }
.m-right .table-gray .table-line span:nth-of-type(1){ width: 35%; }
.m-right .table-gray .table-line span:nth-of-type(2){ width: 35%; }
.m-right .table-gray .table-line span:nth-of-type(3){ width: 30%; }
.m-right .table-gray .table-line .orange{ color: #ff4800;}
.m-right .table-gray .table-line .gray{ color: #999;}
.table-page{ padding: 10px; margin: 20px 0 0 0; text-align: center;}
.table-page a{ display: inline-block; padding: 5px 15px; background-color: #fff;}
.table-page .on{ background-color: #1795fc; color: #fff;}

.m-right .form-information{ width: 910px; margin: 0 auto; margin-bottom: 20px;}
.m-right .form-information .header{ height: 45px; background-color: #f9f9f9; overflow: hidden;}
.m-right .form-information .header h3{ margin: 12px 0 0 20px; font-weight: bold; font-size: 16px; }
.m-right .form-information .form{ margin-top: 20px; overflow: hidden;}
.m-right .form-information .form .input-box{ width: 670px;}
.m-right .form-information .form .input-box .input-line{ margin-bottom: 10px; overflow: hidden;}
.m-right .form-information .form .input-box .input-line .name{ display: block; width: 130px; margin-top: 10px; text-align: right;}
.m-right .form-information .form .input-box .input-line label input{ width: 300px; padding-left: 10px; height: 40px; border: #dddddd solid 1px; line-height: 40px;}
.m-right .form-information .form .input-box .input-line .btn{ margin-left: 3px; display: block; width: 70px; height: 40px; line-height: 40px; text-align: center; border: #dddddd solid 1px;}
.m-right .form-information .form .input-box .input-line select{ height: 40px;}
.m-right .form-information .form .input-box .input-line textarea{ padding: 10px; border: #eaeaea solid 1px; }
.m-right .form-information .photo-box{ width: 110px; text-align: center; margin: 0 50px 0 0;}
.m-right .form-information .photo-box .photo{ width: 110px; height: 110px; border-radius: 110px;}
.m-right .form-information .photo-box .upload-photo{ color: #2a7efb; text-decoration: underline;}
.m-right .form-information .sub-btn{ margin:10px 0 20px 130px; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #ff8400; }

.m-right .table-sim{ margin: 0 auto; margin-bottom: 20px;}
.m-right .table-sim .table-line{ display: flex; justify-content: space-between; height: 60px;}
.m-right .table-sim .table-line:nth-of-type(2n+1){ background-color: #f9f9f9;}
.m-right .table-sim .table-line span{ padding-left: 20px;line-height: 60px; }
.m-right .table-sim .table-line span:nth-of-type(1){ width: 2%; }
.m-right .table-sim .table-line span:nth-of-type(2){ width: 78%; }
.m-right .table-sim .table-line span:nth-of-type(3){ width: 20%; }
.m-right .table-sim .table-line span img{ float: left; margin: 20px 0 0 0;}
.m-right .table-sim .table-line .orange{ color: #ff4800;}
.m-right .table-sim .table-line .gray{ color: #999;}

.m-right .notice-xx{ width: 850px; padding: 30px; background-color: #f9f9f9; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;  }
.m-right .notice-xx .title{ margin-bottom: 20px; font-size: 18px; font-weight: bold; }
.m-right .notice-xx .time{ color: #999; }
.m-right .notice-xx .wz{ margin-top: 20px; }
.m-right .notice-xx .wz p{ line-height: 30px;}
.m-right .notice-xx .wz img{ max-width: 850px;}

.m-right .order-box{ width: 910px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; border: #eaeaea solid 1px; }
.m-right .order-box .order-tab{ height: 45px; text-align: center; background-color: #f9f9f9;}
.m-right .order-box .order-tab span{ padding: 0 30px; display: block; float: left; line-height: 45px; font-size: 16px; cursor: pointer; }
.order-tab-on{ color: #2a7efb; background-color: #fff;}
.m-right .order-box .order-tab span i{ display: inline-block; margin-left: 5px; width: 22px; height: 22px; line-height: 22px; border-radius: 22px;font-size: 12px; font-style: normal; color: #fff; background-color: #ff0000;}
.m-right .order-box .order-list .one{ width: 870px; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.m-right .order-box .order-list .one a{ display: block; overflow: hidden;}
.m-right .order-box .order-list .one a .img{ width: 144px; height: 90px;}
.m-right .order-box .order-list .one a .product{ width:710px; margin-left: 15px; overflow: hidden;}
.m-right .order-box .order-list .one a .product span{ display: block;}
.m-right .order-box .order-list .one a .product .title{ float: left; width: 430px; font-size: 16px; font-weight: bold;}
.m-right .order-box .order-list .one a .product .ordernum{ float: right; margin-right: 40px; color: #999; }
.m-right .order-box .order-list .one a .product .state{ float: right; }
.m-right .order-box .order-list .one a .product .type{ float: left; margin-top: 15px; margin-right:40px; }
.m-right .order-box .order-list .one a .product .time{ float: left; margin-top: 15px; }
.m-right .order-box .order-list .one a .product .num{ float: right; margin-top: 15px; }
.m-right .order-box .order-list .one a .product .price{ float: left;margin-top: 15px; }
.m-right .order-box .order-list .one .total{ float: right; margin-right: 30px; height: 36px; line-height: 36px; color: #ff4800;}
.m-right .order-box .order-list .one .btn{ float: right; width: 80px; display: inline-block; border: #eaeaea solid 1px; text-align: center;}

.m-right .orderxx-box{ width: 910px; margin: 0 auto; margin-top: 20px; border: #eaeaea solid 1px;}
.m-right .orderxx-box .header{ padding-left: 20px; height: 45px; line-height: 45px; background-color: #f9f9f9;}
.m-right .orderxx-box .header span{ margin-right: 30px;}
.m-right .orderxx-box .content{ overflow: hidden;}
.m-right .orderxx-box .content .content-left{ float: left; margin: 20px 0 0 30px;}
.m-right .orderxx-box .content .content-left h2{ font-size: 24px; font-weight: bold; }
.m-right .orderxx-box .content .content-left span{ margin: 20px 0 5px 0; display: block; color: #999; }
.m-right .orderxx-box .content .content-left a{ display: block; width: 100px; height: 32px; text-align: center; line-height: 32px; color: #fff; background-color: #ff8400 }
.m-right .orderxx-box .content .content-right{ float: left; margin: 20px 0 0 300px;}
.m-right .orderxx-box .content .content-right .line{ overflow: hidden; }
.m-right .orderxx-box .content .content-right .line span{ line-height: 36px;}
.m-right .orderxx-box .content .content-right .line span:nth-of-type(1){ float: left; width: 70px; text-align: right; }
.m-right .orderxx-box .content .content-right .line span:nth-of-type(2){ float: left; }
.m-right .orderxx-box .content .content-right .line .price{ font-size: 24px; color: #ff4800;}
.m-right .orderxx-box .content .process{ width: 611px; margin: 0 auto; margin-top: 40px; height: 50px; background: url(../images/97.png) no-repeat center top; overflow: hidden;}
.m-right .orderxx-box .content .process div{ width: 50px; height: 50px; float: left;}
.m-right .orderxx-box .content .process span{ width: 137px; height: 5px; float: left;}
.m-right .orderxx-box .content .process .on{ background: url(../images/96.png) no-repeat;}
.m-right .orderxx-box .content .process .line{ margin: 23px 0 0 0; background-color: #2a7efb;}
.m-right .orderxx-box .content .process-wz { margin-bottom: 30px; overflow: hidden; }
.m-right .orderxx-box .content .process-wz div{ float: left; width: 190px; text-align: center;}
.m-right .orderxx-box .content .process-wz div span{ display: block; font-size: 12px; color: #999;}
.m-right .orderxx-box .content .process-wz div:nth-of-type(1){ margin-left: 76px;}
.m-right .ordersh-box{ width: 910px; margin: 0 auto; margin-bottom:20px; border-left: #eaeaea solid 1px; border-right: #eaeaea solid 1px; border-bottom: #eaeaea solid 1px; overflow: hidden; }
.m-right .ordersh-box .ordersh{ width: 885px; background-color: #f5f5f5; margin: 12px; overflow: hidden;}
.m-right .ordersh-box .ordersh .ordersh-left{ float: left; margin: 10px 0 0 10px;}
.m-right .ordersh-box .ordersh .ordersh-left .line{ overflow: hidden;}
.m-right .ordersh-box .ordersh .ordersh-left .line span{ line-height: 36px; color: #666;}
.m-right .ordersh-box .ordersh .ordersh-left .line span:nth-of-type(1){ float: left; margin-right: 20px; width: 80px; text-align: right; }
.m-right .ordersh-box .ordersh .ordersh-left .line span:nth-of-type(2){ float: left; }

.m-right .ordersh-box .ordersh .ordersh-right{ width: 400px; float: left; margin: 10px 0 0 100px;}
.m-right .ordersh-box .ordersh .ordersh-right h5{ font-weight: bold; margin-top: 8px;}
.m-right .ordersh-box .ordersh .ordersh-right img{ float: left; margin: 5px 20px 0 25px; width: 85px; height: 85px; border-radius: 85px;}
.m-right .ordersh-box .ordersh .ordersh-right .line{ width: 200px; overflow: hidden;}
.m-right .ordersh-box .ordersh .ordersh-right .line span{ line-height: 36px; color: #666;}
.m-right .ordersh-box .ordersh .ordersh-right .line span:nth-of-type(1){ float: left; margin-right: 20px; width: 80px; text-align: right; }
.m-right .ordersh-box .ordersh .ordersh-right .line span:nth-of-type(2){ float: left; }

.m-right .orderxx-list{width: 910px; margin: 0 auto; margin-bottom:20px; border: #eaeaea solid 1px;  overflow: hidden;}
.m-right .orderxx-list .header{ height: 45px; display: flex; justify-content: space-between; background-color: #f9f9f9; }
.m-right .orderxx-list .header span{ line-height: 45px; font-weight: bold; color: #666;}
.m-right .orderxx-list .header span:nth-of-type(1){ flex: 1; padding-left: 20px; }
.m-right .orderxx-list .header span:nth-of-type(2){ width: 15%; }
.m-right .orderxx-list .header span:nth-of-type(3){ width: 10%; }
.m-right .orderxx-list .header span:nth-of-type(4){ width: 10%; }
.m-right .orderxx-list .header span:nth-of-type(5){ width: 10%; }

.m-right .orderxx-list .content{ display: flex; justify-content: space-between; align-items: center; }
.m-right .orderxx-list .content div{ margin: 20px 0; color: #666;}
.m-right .orderxx-list .content .type{ flex: 1; padding-left: 20px; }
.m-right .orderxx-list .content .price{ width: 15%; }
.m-right .orderxx-list .content .num{ width: 10%; }
.m-right .orderxx-list .content .discount{ width: 10%; }
.m-right .orderxx-list .content .total{ width: 10%; color: #ff4800; }
.m-right .orderxx-list .content .type img{ margin: 0 20px 0 0; width: 144px; height: 90px; float: left;}
.m-right .orderxx-list .content .type h3{ font-weight: bold; font-size: 16px;}
.m-right .orderxx-list .content .type span{ display: block; margin-top: 15px;}

.m-right .order-box .order-list .part{ padding-bottom: 20px; overflow: hidden;}
.m-right .order-box .order-list .part>.type{ float: left; width: 165px; font-size: 16px; padding: 20px; margin: 20px 0 0 18px; text-align: center; box-shadow: 0 0 15px #f1f1f1; }
.m-right .order-box .order-list .part>.type:nth-of-type(4n){ margin-right: 0;}
.m-right .order-box .order-list .part>.type>div{ width: 145px; padding: 10px; margin-top: 10px; background-color: #f8f8f8;}
.m-right .order-box .order-list .part>.type>div>span{ display: block; font-size: 14px; line-height: 25px; color: #999;}

.m-right .order-box .order-list .part>.rg-help{ width: 868px; margin: 20px 0 0 20px; line-height: 36px; overflow: hidden;}
.m-right .order-box .order-list .part>.rg-help>a{ display: block; float: right; padding-left: 40px; width: 100px; height: 36px; line-height: 36px; border-radius: 3px; background: url(../images/98.png) no-repeat 15px 9px #2a7efb; color: #fff;}
.m-right .order-box .order-list .part>.type{ float: left; width: 165px; font-size: 16px; padding: 20px; margin: 20px 0 0 18px; text-align: center; box-shadow: 0 0 15px #f1f1f1; }
.m-right .order-box .order-list .part>.type:nth-of-type(4n){ margin-right: 0;}
.m-right .order-box .order-list .part>.gd-type{ width: 868px; margin: 20px 0 0 20px; line-height: 36px;}
.m-right .order-box .order-list .part>.gd-type a{ float: left; margin-right: 28px; margin-bottom: 20px; display: block; width: 270px; height: 170px; text-align: center; box-shadow: 0 0 15px #f1f1f1;}
.m-right .order-box .order-list .part>.gd-type a:nth-of-type(3n){ margin-right: 0;}
.m-right .order-box .order-list .part>.gd-type a img{ display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 15px; }
.m-right .order-box .order-list .part>.gd-type a h3{ margin-bottom: 10px; font-size: 16px; font-weight: bold; }

.timesearch{ width: 870px; margin: 0 auto; margin-top: 20px; overflow: hidden;}
.timesearch .left{ border: #eaeaea solid 1px; background-color: #f9f9f9; }
.timesearch .left a{ display: block; width: 80px; height: 31px; line-height: 31px; float: left; border-right: #eaeaea solid 1px; text-align: center; }
.timesearch .left .on{ background-color: #fff;}
.timesearch .right{ height: 31px; border: #eaeaea solid 1px; }
.timesearch .right input{ padding: 0 10px; width: 200px; height: 29px;}
.timesearch .right button{ display: inline-block; padding: 0 10px; height: 29px; }

.table-gd{ margin: 0 auto; margin-bottom: 20px; border: #eaeaea solid 1px;}
.table-gd .table-header{ display: flex; justify-content: space-between; height: 45px; background-color: #f9f9f9;}
.table-gd .table-header span{ padding-left: 20px; font-size: 14px; line-height: 45px; color: #666; font-weight: bold; }
.table-gd .table-header span:nth-of-type(1){ width: 15%; }
.table-gd .table-header span:nth-of-type(2){ width: 10%; }
.table-gd .table-header span:nth-of-type(3){ width: 35%; }
.table-gd .table-header span:nth-of-type(4){ width: 10%; }
.table-gd .table-header span:nth-of-type(5){ width: 10%; }
.table-gd .table-header span:nth-of-type(6){ width: 20%; }
.table-gd .table-line{ display: flex; justify-content: space-between; height: 60px;}
.table-gd .table-line:nth-of-type(2n){ background-color: #f9f9f9;}
.table-gd .table-line span{ padding-left: 20px;line-height: 60px; }
.table-gd .table-line span:nth-of-type(1){ width: 15%; }
.table-gd .table-line span:nth-of-type(2){ width: 10%; }
.table-gd .table-line span:nth-of-type(3){ width: 35%; }
.table-gd .table-line span:nth-of-type(4){ width: 10%; }
.table-gd .table-line span:nth-of-type(5){ width: 10%; }
.table-gd .table-line span:nth-of-type(6){ width: 20%; }
.table-gd .table-line .orange{ color: #ff4800;}
.table-gd .table-line .gray{ color: #999;}

.gt-list{ padding: 20px 0; width: 870px; margin: 0 auto;}
.gt-list .ask{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: #eaeaea dashed 1px; overflow: hidden; }
.gt-list .ask .ask-left{ float: left; width: 62px; height: 62px; border-radius: 62px; }
.gt-list .ask .ask-middle{ float: left; width: 660px; }
.gt-list .ask .ask-middle p{ margin-bottom: 8px; }
.gt-list .ask .ask-middle p span{ margin: 0 15px; color: #999; }
.gt-list .ask .ask-right{ float: right; font-size: 12px; color: #999; }
.gt-list .ans{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: #eaeaea dashed 1px; overflow: hidden; }
.gt-list .ans .ask-left{ float: left; width: 62px; height: 62px; border-radius: 62px; }
.gt-list .ans .ask-middle{ float: left; width: 660px; }
.gt-list .ans .ask-middle p{ margin-bottom: 8px; }
.gt-list .ans .ask-middle p span{ margin: 0 15px; color: #999; }
.gt-list .ans .ask-right{ float: right; font-size: 12px; color: #999; }

.gt-bar{ width:870px; display: flex; padding: 30px 20px; justify-content: space-between; margin: 0 auto; margin-top: 20px; box-shadow: 0 0 15px #f1f1f1;}
.gt-bar .state span{ margin-left: 20px; color: #2a7efb; }
.gt-bar .num span{ margin-left: 20px; color: #999; }
.gt-bar .name span{ margin-left: 20px; color: #999; }
.gt-bar .tel span{ margin-left: 20px; color: #999; }
.gt-bar .btn a{ color: #fff; display: block; width: 60px; height: 30px; line-height: 30px; background-color: #e63333; text-align: center; border-radius: 3px; }

.m-right .order-box .coupon-list .part{ padding-bottom: 20px; overflow: hidden;}
.m-right .order-box .coupon-list .part .coupon{ float: left; margin: 20px 0 0 20px; width: 200px; height: 300px; overflow: hidden; }
.m-right .order-box .coupon-list .part .notused{ background: url(../images/103.png) no-repeat;}
.m-right .order-box .coupon-list .part .used{ background: url(../images/104.png) no-repeat;}
.m-right .order-box .coupon-list .part .notused .price{ display: block; margin-top: 20px; text-align: center; font-size: 45px; color: #ff5b01; }
.m-right .order-box .coupon-list .part .notused .price i{ font-size: 30px; font-style: normal; }
.m-right .order-box .coupon-list .part .notused .condition{ display: block; margin-top: 10px; text-align: center;color: #ff5b01; }
.m-right .order-box .coupon-list .part .notused .time{ display: block; margin-top: 30px; text-align: center;color: #fff; font-size: 12px; }
.m-right .order-box .coupon-list .part .notused .type{ display: block; margin-top: 10px; text-align: center;color: #fff; font-size: 12px; }
.m-right .order-box .coupon-list .part .notused .num{ display: block; margin-top: 10px; text-align: center;color: #fff; font-size: 12px; }
.m-right .order-box .coupon-list .part .notused .btn{ display: inline-block; background-color: #fff; border-radius: 36px; margin-top: 20px;color: #ff5b01; }
.text-white{color: #fff}
.filter{filter: opacity(0.5)}
.m-right .order-box .coupon-list .part .used .price{ display: block; margin-top: 20px; text-align: center; font-size: 50px; color: #fff; }
.m-right .order-box .coupon-list .part .used .price i{ font-size: 30px; font-style: normal; }
.m-right .order-box .coupon-list .part .used .condition{ display: block; margin-top: 10px; text-align: center;color: #fff; }
.m-right .order-box .coupon-list .part .used .time{ display: block; margin-top: 30px; text-align: center;color: #999999; font-size: 12px; }
.m-right .order-box .coupon-list .part .used .type{ display: block; margin-top: 10px; text-align: center;color: #999999; font-size: 12px; }
.m-right .order-box .coupon-list .part .used .num{ display: block; margin-top: 10px; text-align: center;color: #999999; font-size: 12px; }
.m-right .order-box .coupon-list .part .used .state{ display: block; width: 120px; height: 36px; line-height: 36px; margin: 0 auto; margin-top: 20px; text-align: center; color: #999999; }

.m-right .invoice-box{ width: 910px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}
.m-right .invoice-box .invoice-list{  }
.m-right .invoice-box .invoice-list .invoice-one{ margin-bottom: 15px; padding: 18px; border: #eaeaea solid 1px; overflow: hidden; }
.m-right .invoice-box .invoice-list .invoice-one .invoice-img{ width: 144px; height: 90px; float: left; margin: 0 15px 0 0; }
.m-right .invoice-box .invoice-list .invoice-one .invoice-middle { width: 520px; float: left;}
.m-right .invoice-box .invoice-list .invoice-one .invoice-middle h5 span{ color: #999; margin-right: 20px; }
.m-right .invoice-box .invoice-list .invoice-one .invoice-middle h3{ font-weight: bold; margin: 15px 0; font-size: 16px; }
.m-right .invoice-box .invoice-list .invoice-one .invoice-right{ float: right; }
.m-right .invoice-box .invoice-list .invoice-one .invoice-right a{ display: inline-block; margin-top: 24px; margin-left: 15px; width: 90px; height: 34px; line-height: 34px; text-align: center; border: #ddd solid 1px; }

.invoice-form{ padding: 20px 0; border: #eaeaea solid 1px;}
.invoice-form .input-line{ margin-bottom: 10px; overflow: hidden;}
.invoice-form .input-line .name{ display: block; width: 180px; margin-top: 10px; text-align: right;}
.invoice-form .input-line label input{ width: 300px; padding-left: 10px; height: 40px; border: #dddddd solid 1px; line-height: 40px;}
.invoice-form .sub-btn{ margin:10px 0 20px 130px; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #ff8400; }
.invoice-tab span{ display: inline-block; width: 100px; height: 40px; line-height: 40px; text-align: center; border: #ddd solid 1px; cursor: pointer; }
.invoice-tab-on{ background-color: #2a7efb; border: #2a7efb solid 1px; color: #fff;}
.invoice-content-tab span{ display: inline-block; width: 150px; height: 40px; line-height: 40px; text-align: center; border: #ddd solid 1px; cursor: pointer; }

.ny-sbzc-sm-title{ width: 500px; margin: 0 auto; margin-top: -20px; border: #ddd solid 1px; border-radius: 30px; overflow: hidden; }
.ny-sbzc-sm-title span{ display: inline-block; padding: 3px 20px;}
.ny-sbzc-sm-title span i{ margin-right: 10px; color: #ffa200;}
.ny-sbzc-hot{ float: left;  margin: 30px 27px 40px 0; width: 380px; border: #eeeeee solid 1px; }
.ny-sbzc-hot .header{ height: 90px; padding: 15px 20px; border-bottom: #eeeeee solid 1px;}
.ny-sbzc-hot .header h3{ margin-bottom: 10px; font-size: 24px; color: #2a7efb; }
.ny-sbzc-hot .header p{ font-size: 14px; color: #999; }
.ny-sbzc-hot .middle{ height: 80px; padding: 20px; }
.ny-sbzc-hot .middle span{ display: block; margin-bottom: 15px; color: #666;}
.ny-sbzc-hot .middle span i{ color: #ffa200; margin-right: 5px; }
.ny-sbzc-hot>h3{ margin: 20px 0 0 20px; color: #ff4800; font-size: 30px; }
.ny-sbzc-hot>h3 i:nth-of-type(1){ font-size: 14px; font-weight: bold; font-style: normal;}
.ny-sbzc-hot>h3 i:nth-of-type(2){ font-size: 14px; color: #333; font-style: normal;}
.ny-sbzc-hot .bottom{ margin-top: 20px; display: flex; justify-content: space-between; height: 50px;}
.ny-sbzc-hot .bottom a{ flex: 1; line-height: 50px; text-align: center; color: #fff; font-size: 16px; }

.ny-sbzc-why{ float: left; margin: 10px 1px 30px 0; width: 239px; height: 320px; background-color: #fff;}
.ny-sbzc-why img{ display: block; margin: 35px 0 0 35px;}
.ny-sbzc-why h3{ font-size: 16px; font-weight: bold; text-align: center;}
.ny-sbzc-why p{ padding: 20px; color: #999; line-height: 30px; }

.ny-sbzc-gcys{ height: 570px; position: relative; background: url(../images/117.png) no-repeat center;}
.ny-sbzc-gcys .one{ width: 330px; height: 75px; padding: 30px; border-radius: 6px; background-color: #fff; box-shadow: 0 0 5px #ddd; }
.ny-sbzc-gcys .one img{ float: left; margin-right: 20px; }
.ny-sbzc-gcys .one h3{ font-size: 24px; margin-bottom: 15px; }
.ny-sbzc-gcys .one p{ font-size: 16px; color: #999; }
.ny-sbzc-gcys .one:nth-of-type(1){ position: absolute; left: 50px; }
.ny-sbzc-gcys .one:nth-of-type(2){ position: absolute; left: 740px; }
.ny-sbzc-gcys .one:nth-of-type(3){ position: absolute; top:190px; }
.ny-sbzc-gcys .one:nth-of-type(4){ position: absolute; top:190px; left: 780px; }
.ny-sbzc-gcys .one:nth-of-type(5){ position: absolute; left: 50px; top:380px; }
.ny-sbzc-gcys .one:nth-of-type(6){ position: absolute; top:380px; left: 740px; }

.ny-sbzc-zbcl{ margin-bottom: 50px; }
.ny-sbzc-zbcl .one{ padding: 20px; border: #eaeaea solid 1px; overflow: hidden;}
.ny-sbzc-zbcl .one>img{ float: left; margin-right: 30px; }
.ny-sbzc-zbcl .one>div{ float: left; }
.ny-sbzc-zbcl .one>div img{ display: block; margin: 0 auto;}
.ny-sbzc-zbcl .one>div p{ text-align: center; }

.ny-sbzc-ddcl{ display: flex; justify-content: space-between; overflow: hidden;}
.ny-sbzc-ddcl .one{ width: 288px; height: 344px; margin: 40px 0 0 0;}
.ny-sbzc-ddcl .one:nth-of-type(1){ background: url(../images/129.png) no-repeat;}
.ny-sbzc-ddcl .one:nth-of-type(2){ background: url(../images/130.png) no-repeat;}
.ny-sbzc-ddcl .one:nth-of-type(3){ background: url(../images/131.png) no-repeat;}
.ny-sbzc-ddcl .one span{ display: block; margin: 230px 0 0 80px; width: 130px; height: 50px; line-height: 50px; background-color: #2a7efb; color: #fff; font-size: 18px; font-weight: bold; border-radius: 50px; text-align: center;}
.ny-sbzc-ddcl .one p{ text-align: center; color: #666; line-height: 36px; }

.ny-sbzc-fwys{ display: flex; justify-content: space-between; margin: 20px 0 40px 0; overflow: hidden; }
.ny-sbzc-fwys .one{ text-align: center; font-size: 16px; line-height: 24px; }
.ny-sbzc-fwys .one img{ display: block; margin-bottom: 15px; }

.ny-it-sz .tab{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.ny-it-sz .tab div{ flex: 1; text-align: center; font-size: 18px; }
.ny-it-sz .tab div span{ display: block; height: 40px; padding-top: 80px; font-size: 18px; cursor: pointer; }
.ny-it-sz .tab div:nth-of-type(1) span{ background: url(../images/141.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(2) span{ background: url(../images/143.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(3) span{ background: url(../images/145.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(4) span{ background: url(../images/147.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(5) span{ background: url(../images/149.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(6) span{ background: url(../images/151.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(1) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/140.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(2) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/142.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(3) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/144.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(4) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/146.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(5) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/148.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(6) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/150.png) no-repeat center top !important;}
.ny-it-sz .content .one{ width: 1200px; height: 500px; margin: 0 auto;}
.ny-it-sz .content .one .left{ float: left; width: 500px; margin-top: 100px;}
.ny-it-sz .content .one .left h3{ font-size: 32px; margin-bottom: 40px; }
.ny-it-sz .content .one .left p{ font-size: 16px; line-height: 30px; color: #666; }
.ny-it-sz .content .one .left div{ margin-top: 50px; overflow: hidden;}
.ny-it-sz .content .one .left div a{ display: block; float: left; width: 110px; height: 40px; margin-right: 20px; line-height: 40px; text-align: center; border-radius: 40px;}
.ny-it-sz .content .one .left div a:nth-of-type(1){ background-color: #2a7efb; color: #fff;}
.ny-it-sz .content .one .left div a:nth-of-type(2){ border: #2a7efb solid 1px; color: #2a7efb;}
.ny-it-sz .content .one .left div a:nth-of-type(3){ border: #2a7efb solid 1px; color: #2a7efb;}
.ny-it-sz .content .one .right{ float: right; margin-top: 40px; }

.ny-it-crm{ height: 680px; position: relative; background: url(../images/158.png) no-repeat center 100px;}
.ny-it-crm .one{ position: absolute; overflow: hidden;}
.ny-it-crm .one img{ float: left; margin-bottom: 50px; margin-right: 15px;}
.ny-it-crm .one h3{ margin-bottom: 10px; font-size: 20px; color: #fff;}
.ny-it-crm .one p{ font-size: 14px; color: #aaaaaa;}
.ny-it-crm .one:nth-of-type(1){ position: absolute; width: 300px; top: 50px;}
.ny-it-crm .one:nth-of-type(2){ position: absolute; width: 300px; top: 50px; left: 900px;}
.ny-it-crm .one:nth-of-type(3){ position: absolute; width: 300px; top: 250px;}
.ny-it-crm .one:nth-of-type(4){ position: absolute; width: 300px; top: 250px; left: 900px;}
.ny-it-crm .one:nth-of-type(5){ position: absolute; width: 730px; top: 450px;}
.ny-it-crm .one:nth-of-type(6){ position: absolute; width: 300px; top: 450px; left: 900px;}
.ny-it-crm .btn{ position: absolute; top: 580px; left: 520px; width: 170px; text-align: center; height: 50px; line-height: 50px; font-size: 16px; border-radius: 50px; color: #fff; background-color: #ffa200; }

.ny-it-xt .tab{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.ny-it-xt .tab div{ flex: 1; text-align: center; font-size: 18px; }
.ny-it-xt .tab div span{ display: block; height: 40px; padding-top: 80px; font-size: 18px; cursor: pointer; }
.ny-it-xt .tab div:nth-of-type(1) span{ background: url(../images/166.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(2) span{ background: url(../images/168.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(3) span{ background: url(../images/170.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(4) span{ background: url(../images/172.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(5) span{ background: url(../images/174.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(6) span{ background: url(../images/176.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(1) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/165.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(2) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/167.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(3) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/169.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(4) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/171.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(5) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/173.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(6) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/175.png) no-repeat center top !important;}
.ny-it-xt .content .one{ width: 1200px; height: 350px; margin: 0 auto;}
.ny-it-xt .content .one .left{ float: left; width: 600px; margin-top: 50px; margin-left: 20px;}
.ny-it-xt .content .one .left h4{ width: 220px; height: 60px; line-height: 60px; border-radius: 60px; font-size: 32px; margin-bottom: 40px; color: #2a7efb; text-align: center; background-color: #fff; }
.ny-it-xt .content .one .left ul li{ font-size: 16px; line-height: 40px; color: #fff; list-style-type: circle; }
.ny-it-xt .content .one .left div{ margin-top: 50px; overflow: hidden;}
.ny-it-xt .content .one .left div a{ display: block; float: left; width: 110px; height: 40px; margin-right: 20px; line-height: 40px; text-align: center; border-radius: 40px;}
.ny-it-xt .content .one .left div a:nth-of-type(1){ background-color: #2a7efb; color: #fff;}
.ny-it-xt .content .one .left div a:nth-of-type(2){ border: #2a7efb solid 1px; color: #2a7efb;}
.ny-it-xt .content .one .left div a:nth-of-type(3){ border: #2a7efb solid 1px; color: #2a7efb;}
.ny-it-xt .content .one .right{ float: right; margin-top: 40px; }

.ny-it-tc{ display: flex; justify-content: space-between; }
.ny-it-tc .one{ margin-bottom: 20px; width: 380px; box-shadow: 0 0 10px #eaeaea;}
.ny-it-tc .one .top{ height: 90px; background: linear-gradient(90deg,#658ffe,#4eaeff); border-top-left-radius: 6px;  border-top-right-radius: 6px; }
.ny-it-tc .one .top h3{ font-size: 30px; color: #fff; text-align: center; line-height: 90px;}
.ny-it-tc .one .middle .price{ margin: 30px 0 10px 0; text-align: center; }
.ny-it-tc .one .middle .price i{ font-style: normal; color: #ff4800;}
.ny-it-tc .one .middle .price strong{ font-size: 36px; color: #ff4800;}
.ny-it-tc .one .middle .btn{ display: block; margin: 0 auto; width: 160px; height: 44px; font-size: 16px; color: #2a7efb; line-height: 44px; text-align: center; border: #2a7efb solid 1px; border-radius: 22px;}
.ny-it-tc .one .middle .list{ min-height: 170px; margin-top: 15px; padding: 0 20px;}
.ny-it-tc .one .middle .list h5{ color: #666; font-size: 16px; font-weight: bold; }
.ny-it-tc .one .middle .list span{ display: block; margin-top: 10px; color: #666; }
.ny-it-tc .one .middle .list span i{ margin-right: 10px; color: #ffa200; }
.ny-it-tc .one .middle .list span em{ margin-left: 10px; font-style: normal; color: #ff4800; }
.ny-it-tc .one .bottom{ padding: 20px 0; text-align: center;}
.ny-it-tc .one .bottom a{ margin: 30px 0; width: 150px; text-align: center; color: #999;}

.ny-gszc-zbcl{ margin-top: 30px; margin-bottom: 50px; display: flex; justify-content: space-between; align-items: center; }
.ny-gszc-zbcl div{ font-size: 16px; text-align: center;}
.ny-gszc-zbcl div img{ display: block; margin: 0 auto; margin-bottom: 10px;}
.ny-gszc-lc .new-lc{ margin-top: 10px; padding-bottom: 30px; height: 550px; background: url(../images/192.png) no-repeat; overflow: hidden;}
.ny-gszc-lc .new-lc h3{ font-size: 24px; text-align: center; margin-top: 30px;}
.ny-gszc-lc .new-lc h3 strong{ color: #ff0054;}
.ny-gszc-lc .new-lc .new-lc-top{ width: 1100px; height: 310px; margin: 0 auto; position: relative;}
.ny-gszc-lc .new-lc .new-lc-top div{ position: absolute; color: #fff; font-size: 24px; overflow: hidden; }
.ny-gszc-lc .new-lc .new-lc-top div:nth-of-type(1){ top: 60px; left: 15px;}
.ny-gszc-lc .new-lc .new-lc-top div:nth-of-type(2){ top: 60px; left: 410px;}
.ny-gszc-lc .new-lc .new-lc-top div:nth-of-type(3){ top: 60px; left: 810px;}
.ny-gszc-lc .new-lc .new-lc-top div strong{ float: right; font-size: 18px; margin: 45px 0 0 80px;}
.ny-gszc-lc .new-lc .new-lc-bottom{ width: 1060px; margin: 0 auto; display: flex; justify-content: space-between;}
.ny-gszc-lc .new-lc .new-lc-bottom div{ width: 160px; padding: 20px; text-align: center; }
.ny-gszc-lc .new-lc .new-lc-bottom div h5{ margin-bottom: 10px; font-size: 16px; }
.ny-gszc-lc .new-lc .new-lc-bottom div p{ color: #666;}
.ny-gszc-hdzl{ padding: 30px; margin-bottom: 40px; margin-top: 20px; box-shadow: 0 0 10px #eaeaea; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-hdzl div{ text-align: center; font-size: 16px; }
.ny-gszc-hdzl div img{ display: block; margin-bottom: 15px; }
.ny-gszc-fw .top{ margin-top: 20px; height: 420px; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-fw .top>div{ width: 370px; overflow: hidden ; }
.ny-gszc-fw .top>div h3{ margin-top: 30px; margin-bottom: 15px; font-size: 20px; font-weight: bold; text-align: center; }
.ny-gszc-fw .top>div p{ height: 230px; color: #666; text-align: center; }
.ny-gszc-fw .top>div span{ display: block; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-fw .top>div span i{ display: inline-block; width: 200px; font-style: normal; text-align: center;}
.ny-gszc-fw .top>div a{ display: block; margin: 0 auto; margin-top: 15px; width: 150px; height: 40px; line-height: 40px; background-color: #ff4800; color: #fff; border-radius: 40px; text-align: center; }
.ny-gszc-fw .bottom{ margin-top: 70px; height: 370px; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-fw .bottom>div{ width: 280px; overflow: hidden ; }
.ny-gszc-fw .bottom>div h3{ margin-top: 30px; margin-bottom: 15px; font-size: 20px; font-weight: bold; text-align: center; }
.ny-gszc-fw .bottom>div p{ height: 210px; color: #666; text-align: center; }
.ny-gszc-fw .bottom>div span{ display: block; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-fw .bottom>div span i{ display: inline-block; width: 200px; font-style: normal; text-align: center;}

.ny-gszc-btns{ width: 1000px; text-align: center; height: 74px; margin: 0 auto; margin-top: 30px; overflow: hidden;}
.ny-gszc-btns a{ display: inline-block; margin: 0 20px; padding-left: 70px; width: 200px; height: 74px; line-height: 74px; border-radius: 74px; font-size: 24px; color: #fff;}
.ny-gszc-btns a:nth-of-type(1){ background: url(../images/199.png) no-repeat 60px 15px #29bae9;}
.ny-gszc-btns a:nth-of-type(2){ background: url(../images/200.png) no-repeat 60px 15px #ed842f;}
.ny-gszc-btns a:nth-of-type(3){ background: url(../images/201.png) no-repeat 60px 15px #1fd198;}

.ny-gszc-wt{ margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.ny-gszc-wt .part{ width: 525px; height: 110px; margin-bottom: 30px; padding: 30px; box-shadow: 0 0 10px #eaeaea; }
.ny-gszc-wt .part .title{ margin-bottom: 20px; overflow: hidden; }
.ny-gszc-wt .part .title span{ float: left; display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; color: #fff; background-color: #ffa200; text-align: center; }
.ny-gszc-wt .part .title h3{ float: left; font-size: 16px; font-weight: bold; margin: 5px 0 0 10px; }
.ny-gszc-wt .part .content{ overflow: hidden;}
.ny-gszc-wt .part .content span{ float: left; display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; color: #fff; background-color: #2a7efb; text-align: center; }
.ny-gszc-wt .part .content p{ width: 480px; float: left; margin: 5px 0 0 10px; line-height: 24px; }
.ny-gszc-wt-btn{ display: block; margin: 0 auto; margin-bottom: 30px; width: 195px; height: 50px; border-radius: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; background-color: #ffa200; }

.ny-gszc-other{ margin-bottom: 30px; display: flex; justify-content: space-between; }
.ny-gszc-other a{ display: block; width: 180px; height: 175px; box-shadow: 0 0 10px #eaeaea; text-align: center; font-size: 16px; }
.ny-gszc-other a img{ display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; }

.cylb{ background: url(../images/208.png) no-repeat center; height: 181px;}
.cylb .left{ margin: 60px 0 0 350px;}
.cylb .left h3{ margin-bottom: 15px; font-size: 36px; color: #fff961; font-weight: bold; text-shadow: 0 5px 5px #d28500;}
.cylb .left span{ font-size: 18px; color: #fff; }
.cylb .right{ margin: 80px 0 0 0;}
.cylb .right a{ display: block; width: 160px; height: 50px; line-height: 50px; font-size: 18px; border-radius: 50px; color: #ff8a00; text-align: center; background-color: #fff;}

.ny-dljz-fw{ margin-bottom: 30px; display: flex; justify-content: space-between;}
.ny-dljz-fw .part{ width: 350px; box-shadow: 0 0 10px #eaeaea; border-radius: 10px; overflow: hidden;}
.ny-dljz-fw .part .top{ height: 210px; overflow: hidden; }
.ny-dljz-fw .part:nth-of-type(1) .top{ background-color: #4765ff;}
.ny-dljz-fw .part:nth-of-type(2) .top{ background-color: #ff9630;}
.ny-dljz-fw .part:nth-of-type(3) .top{ background-color: #ee6660;}
.ny-dljz-fw .part:nth-of-type(1) .top span{ color: #99aafe;}
.ny-dljz-fw .part:nth-of-type(2) .top span{ color: #fedab6;}
.ny-dljz-fw .part:nth-of-type(3) .top span{ color: #fec4c1;}
.ny-dljz-fw .part .top img{ display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; }
.ny-dljz-fw .part .top h3{ font-size: 22px; text-align: center; color: #fff; }
.ny-dljz-fw .part .top span{ display: block; text-align: center; margin-top: 10px; }
.ny-dljz-fw .part .bottom{ height: 70px;  }
.ny-dljz-fw .part .bottom a{ display: block; margin: 0 auto; margin-top: 20px; width: 200px; height: 45px; line-height: 45px; text-align: center; border-radius: 45px; }
.ny-dljz-fw .part:nth-of-type(1) .bottom a{ color: #4765ff; border: #4765ff solid 1px;}
.ny-dljz-fw .part:nth-of-type(2) .bottom a{ color: #ff9630; border: #ff9630 solid 1px;}
.ny-dljz-fw .part:nth-of-type(3) .bottom a{ color: #ee6660; border: #ee6660 solid 1px;}

.ny-dljz-zbcl{ margin-top: 30px; display: flex; justify-content: center; flex-wrap: wrap; }
.ny-dljz-zbcl>div{ margin-bottom: 60px; width: 211px; color: #fff; font-size: 16px; text-align: center; line-height: 30px; }
.ny-dljz-zbcl>span{ display: block; margin: 60px 40px;}

.ny-dljz-lc{ margin-top: 30px; display: flex; justify-content: center; }
.ny-dljz-lc>div{ margin-bottom: 60px; width: 120px; font-size: 16px; text-align: center; line-height: 30px; }
.ny-dljz-lc>span{ display: block; margin: 60px 40px; font-size: 18px; }

.ny-dljz-tc{ margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.ny-dljz-tc .part{ margin-bottom: 30px; width: 585px; height: 245px; background-color: #fff; border-radius: 10px; display: flex; justify-content: space-between; overflow: hidden;}
.ny-dljz-tc .part .left{ width: 430px;}
.ny-dljz-tc .part .left h3{ font-size: 24px; font-weight: bold; margin: 30px 0 20px 30px;}
.ny-dljz-tc .part .left div{ overflow: hidden; }
.ny-dljz-tc .part .left div span{ float: left; margin-left: 30px; font-size: 16px; margin-bottom: 15px; }
.ny-dljz-tc .part .right{ width: 135px; }
.ny-dljz-tc .part .right h3{ margin-top: 85px; font-size: 24px; color: #fff; text-align: center; }
.ny-dljz-tc .part .right div{ font-size: 30px; color: #fff; text-align: center; }
.ny-dljz-tc .part .right div i{ font-size: 14px; font-weight: bold; font-style: normal;}

.ny-dljz-tc-btn{ display: block; margin: 0 auto; margin-bottom: 30px; width: 195px; height: 50px; border-radius: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; background-color: #ffa200; }

.ny-gssj-fw{ margin-bottom: 30px; display: flex; justify-content: space-between;}
.ny-gssj-fw .part{ width: 270px; box-shadow: 0 0 10px #eaeaea; border-radius: 10px;}
.ny-gssj-fw .part img{ display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 20px;}
.ny-gssj-fw .part h3{ font-size: 22px; text-align: center; }
.ny-gssj-fw .part p{ color: #999; padding: 20px; line-height: 24px; }

.ny-gssj-zbcl{ margin-top: 30px; display: flex; justify-content:space-between; flex-wrap: wrap; }
.ny-gssj-zbcl>div{ margin-bottom: 40px; width: 211px; color: #fff; font-size: 16px; text-align: center; line-height: 30px; }
.ny-gssj-zbcl>div>h5{ margin: 5px 0 10px 0; color: #fff; font-size: 16px; }
.ny-gssj-zbcl>div>p{ color: #8ebbff; }

.ny-gssj-zj{ display: flex; justify-content: space-between; }
.ny-gssj-zj .part{ width: 350px; margin: 30px 0 70px 0; border-radius: 10px; background-color: #fff; overflow: hidden;}
.ny-gssj-zj .part img{ width: 350px; height: 240px;}
.ny-gssj-zj .part>div{ padding: 20px 30px; height: 150px;}
.ny-gssj-zj .part>div h3{ display: inline-block; margin-right: 10px; font-size: 18px; font-weight: bold; }
.ny-gssj-zj .part>div span{ display: inline-block; width: 60%;}
.ny-gssj-zj .part>div p{ margin-top: 15px; color: #999; line-height: 24px; }

.ny-ssch-fw{ margin-bottom: 50px; display: flex; justify-content: space-between;}
.ny-ssch-fw .part{ width: 270px; height: 270px; box-shadow: 0 0 10px #eaeaea; border-radius: 10px;}
.ny-ssch-fw .part:nth-of-type(1){ background: url(../images/253.png) no-repeat;}
.ny-ssch-fw .part:nth-of-type(2){ background: url(../images/254.png) no-repeat;}
.ny-ssch-fw .part:nth-of-type(3){ background: url(../images/255.png) no-repeat;}
.ny-ssch-fw .part:nth-of-type(4){ background: url(../images/256.png) no-repeat;}
.ny-ssch-fw .part h3{ margin-top: 35px; font-size: 22px; text-align: center; color: #fff; }
.ny-ssch-fw .part p{ margin-top: 70px; color: #999; padding: 20px; line-height: 24px; }

.ny-ssch-fa{ margin-bottom: 50px; margin-top: 30px; display: flex; justify-content: space-between; }
.ny-ssch-fa .part{ width: 580px; }
.ny-ssch-fa .part .top{ height: 160px; overflow: hidden; }
.ny-ssch-fa .part .top img{ float: left; margin: 30px 30px 30px 40px; }
.ny-ssch-fa .part .top h3{ float: left; margin-top: 25px; font-size: 30px; color: #fff; }
.ny-ssch-fa .part .top p{ float: left; width: 370px; margin-top: 10px; color: #fff; }
.ny-ssch-fa .part .bottom{ padding: 40px 32px; background-color: #fff; overflow: hidden; }
.ny-ssch-fa .part .bottom span{ display: block; float: left; width: 155px; height: 40px; text-align: center; line-height: 40px; margin-right: 20px; margin-bottom: 15px; border: #ddd solid 1px; }
.ny-ssch-fa .part .bottom span:nth-of-type(3n){ margin-right: 0 ;}

.ny-ssch-lc{ margin-top: 30px; display: flex; justify-content: center; }
.ny-ssch-lc>span{ display: block; margin: 60px 40px; font-size: 18px; }
.ny-ssch-lc>div{ margin-bottom: 40px; width: 180px; font-size: 18px; text-align: center; line-height: 30px; }
.ny-ssch-lc>div img{ display: block; margin: 0 auto; margin-bottom: 10px;}
.ny-ssch-lc>div p{ display: block; margin: 10px 0 0 0; text-align: center; color: #999; }


.page-box{
    padding: 20px;
    margin: 20px 0;
    text-align: center;
}
.page-box .pagination{margin-top: 10px;
    margin-bottom: 10px;}
.page-box .pagination>li{display: inline;height: 38px;margin-right: 5px;}
.page-box .pagination li span{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding-left: 14px;
    padding-right: 14px;
    /*border: 1px solid #cccccc;*/
}
.page-box .pagination a{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding-left: 14px;
    padding-right: 14px;
    /*border: 1px solid #cccccc;*/
    background-color: #fff;
    color: #666666;
}
.page-box a.on,.page-box a:hover{
    background: #064889;
    border-color: #064889;
    color: #fff;
}
.page-box .pagination .active span
{
    background: #1795fc;
    border-color: #064889;
    color: #fff;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.thumbnail .caption {
    padding: 9px;
    color: #333;
}
.thumbnail .h1, .thumbnail .h2, .thumbnail .h3, .thumbnail h1, .thumbnail h2, .thumbnail h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.thumbnail p {
    margin: 0 0 10px;
}

.thumbnail img
{
	max-width:400px;
}

.pon-tem {
    margin-top: 20px;
}
.pon-tem>ul {
    margin-left: -20px;
    margin-right: -20px;
}
.pon-tem li {
    float: left;
    width: 46.77%;
    margin-left: 20px;
    margin-right: 20px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.pon-tem li h3 {
    background: #666666;
    color: #fff;
    height: 55px;
    line-height: 55px;
    padding-left: 33px;
    font-size: 23px;
    font-weight: 400;
}
.pon-tem li .pn-bottom {
    background: #f5f5f5;
    padding: 26px 33px;
    line-height: 45px;
    color: #333333;
    font-size: 16px;
}

.anli{ margin: 25px 0 30px 0; width: 1200px;}
.anli .header{ display: flex; justify-content: space-between;}
.anli .header h3{ padding-bottom: 10px; font-size: 30px; border-bottom: #2a7efb solid 1px; }
.anli .header div{ flex: 1; border-bottom: #dddddd solid 1px;}
.anli-part a{ display: block; float: left; margin-right: 20px; margin-top: 30px;}
.anli-part a:nth-of-type(5n){ margin-right: 0;}
.anli-part a h5{ padding: 0 20px; height: 40px; line-height: 40px; text-align: center;}
.anli-part a img{ width: 222px; height: 76px; border: #eeeeee solid 1px;}
.anli-part a:hover img{ box-shadow: 0 0 10px #eaeaea; border: #fff solid 1px;}


/*----------------------------------------------------*/
.order-shxx{ width: 1200px; margin: 0 auto; margin-top: 30px; padding-bottom: 20px; display: flex; justify-content: space-between; border: #eaeaea solid 1px;}
.order-shxx .left{ margin: 20px 0 0 40px;}
.order-shxx .left h2{ margin-bottom: 20px; font-size: 18px; font-weight: bold; }
.order-shxx .left span{ display: block; margin-bottom: 15px; color: #666;}
.order-shxx .right{ margin: 80px 40px 0 0; }
.order-shxx .right a{ display: block; width: 72px; height: 32px; line-height: 32px; border-radius: 3px; text-align: center; border: #ccc solid 1px;}
.order-shxx .right a:hover{ background-color: #2a7efb; color: #fff; border: #2a7efb solid 1px;}
.order-spxx{ width: 1192px; margin: 0 auto; padding-bottom: 30px; border: #eaeaea solid 5px; }
.order-spxx h2{ margin: 20px 0 20px 40px; font-size: 18px; font-weight: bold; }
.order-spxx .part{ margin: 0 40px; overflow: hidden;}
.order-spxx .part img{ width: 144px; height: 90px; float: left; margin: 0 20px 0 0; }
.order-spxx .part .name{ float: left; width: 700px;}
.order-spxx .part .name h3{ font-size: 16px; font-weight: bold; }
.order-spxx .part .name span{ display: inline-block; color: #666; margin-right: 30px; margin-top: 15px; }
.order-spxx .part .name .dprice{ display: block;}
.order-spxx .part .number{ float: left; width: 100px; margin: 35px 0 0 0; }
.order-spxx .part .price{ float: right; width: 100px; margin: 35px 0 0 0; text-align: right; color: #ff4800;}
.order-yhq{ width: 1200px; height: 80px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; border: #eaeaea solid 1px; overflow: hidden; }
.order-yhq h2{ margin: 0 40px; font-size: 18px; font-weight: bold; }
.order-yhq .part{ display: flex; align-items: center; overflow: hidden; }
.order-yhq .part span{ margin-right: 50px;}
.order-yhq .part a{ margin-right: 40px; display: block; width: 82px; height: 32px; line-height: 32px; border-radius: 3px; text-align: center; border: #ccc solid 1px;}
.order-yhq .part a:hover{ background-color: #2a7efb; color: #fff; border: #2a7efb solid 1px;}
.order-js{ width: 1120px; margin: 0 auto; margin-bottom: 30px; border-left: #eaeaea solid 1px; border-right: #eaeaea solid 1px; border-bottom: #eaeaea solid 1px; }
.order-js{ padding: 20px 40px; overflow: hidden; }
.order-js>div{ text-align: right;}
.order-js>div>span{ display: inline-block; width: 120px; margin-bottom: 15px;}
.font24{ font-size: 24px; color: #ff4800;}
.order-js>a{ float: right; display: block; width: 190px; height: 40px; line-height: 40px; border-radius: 3px; text-align: center; background-color: #ff4800; color: #fff; }

.order-tjcg{width: 1200px; margin: 0 auto; margin-top: 30px; padding-bottom: 30px; border: #eaeaea solid 1px;}
.order-tjcg .header{ margin: 40px; padding-bottom: 30px; border-bottom: #eaeaea solid 1px; overflow: hidden; }
.order-tjcg .header>i{ margin: 0 30px 0 0; float: left; font-size: 85px; color: #31c91d;}
.order-tjcg .header .st{ float: left;}
.order-tjcg .header .st h1{ font-size: 30px; }
.order-tjcg .header .st span{ display: block; margin-top: 20px; color: #666;}
.order-tjcg .header .st span i{ color: #ff4800; font-style: normal;}
.order-tjcg .header .price{ float: right;}
.order-tjcg .header .price span{ color: #ff4800; font-size: 24px; }
.order-tjcg .content{ padding-left: 145px;}
.order-tjcg .content>div{ margin-bottom: 10px;}
.order-tjcg .content>div>span{ display: inline-block; min-width: 100px;}

.order-zffs{ width: 1200px; margin: 0 auto; margin-top: 20px; margin-bottom: 30px; padding-bottom: 30px; border: #eaeaea solid 1px; overflow: hidden;}
.order-zffs>a{ float: right; margin-right: 40px; display: block; width: 190px; height: 40px; line-height: 40px; border-radius: 3px; text-align: center; background-color: #ff4800; color: #fff; }
.order-zffs h2{ margin: 20px 0 0 40px; font-size: 18px; font-weight: bold;}
.order-zffs .order-zffs-img{ margin: 20px 0 20px 40px;overflow: hidden;}
.order-zffs .order-zffs-img span{ float: left; margin-right: 30px;  cursor: pointer; }
.order-zffs .order-zffs-img span img{ display: block; width: 150px; height: 60px;}
.zffs-selected{ border: #ff4800 solid 1px;}

/*确认订单*/
.change-address{ position: fixed; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 299;}
.change-address .change-address-box{ width: 700px; overflow: hidden;}
.change-address .change-address-box .header{ height: 50px; background-color: #f5f5f5; overflow: hidden;}
.change-address .change-address-box .header h3{ float: left; margin: 13px 0 0 20px; font-size: 16px; }
.change-address .change-address-box .header i{ float: right; margin: 14px 15px 0 0; font-size: 20px; cursor: pointer; color: #999; }
.change-address .change-address-box .header i:hover{ color: #d22828;}
.change-address .change-address-box .content{ padding: 30px 0; background-color: #fff;}
.change-address .content .form{ overflow: hidden;}
.change-address .content .form .input-box{ }
.change-address .content .form .input-box .input-line{ margin-bottom: 10px; overflow: hidden;}
.change-address .content .form .input-box .input-line .name{ display: block; width: 130px; margin-top: 10px; text-align: right;}
.change-address .content .form .input-box .input-line label input{ width: 500px; padding-left: 10px; height: 40px; border: #dddddd solid 1px; line-height: 40px;}
.change-address .content .form .input-box .input-line .btn{ margin-left: 3px; display: block; width: 70px; height: 40px; line-height: 40px; text-align: center; border: #dddddd solid 1px;}
.change-address .content .form .input-box .input-line select{ height: 40px;}
.change-address .content .form .input-box .input-line textarea{ padding: 10px; border: #eaeaea solid 1px; }
.change-address .content .sub-btn{ margin:10px 0 20px 130px; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #ff8400; }

.use-coupon{ position: fixed; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 299;}
.use-coupon .use-coupon-box{ width: 700px; overflow: hidden;}
.use-coupon .use-coupon-box .header{ height: 50px; background-color: #f5f5f5; overflow: hidden;}
.use-coupon .use-coupon-box .header h3{ float: left; margin: 13px 0 0 20px; font-size: 16px; }
.use-coupon .use-coupon-box .header i{ float: right; margin: 14px 15px 0 0; font-size: 20px; cursor: pointer; color: #999; }
.use-coupon .use-coupon-box .header i:hover{ color: #d22828;}
.use-coupon .use-coupon-box .content{ height: 400px; padding: 30px 0; background-color: #fff; overflow-y: auto;}
.use-coupon .use-coupon-box .content .coupon-list{ width: 620px; margin: 0 auto;}
.use-coupon .use-coupon-box .content .coupon-list a{ display: block; margin-bottom: 10px; cursor: pointer; overflow: hidden;}
.use-coupon .use-coupon-box .content .coupon-list a .left{ width: 180px; height: 100px; float: left; background-color: #ff5b01; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.use-coupon .use-coupon-box .content .coupon-list a .left h3{ font-size: 50px; color: #fff; text-align: center; }
.use-coupon .use-coupon-box .content .coupon-list a .left h3 i{ font-size: 30px; color: #fff; font-style: normal; }
.use-coupon .use-coupon-box .content .coupon-list a .left span{ display: block; font-size: 14px; color: #fff; text-align: center; }
.use-coupon .use-coupon-box .content .coupon-list a .right{ float: right; padding: 10px 30px; width: 380px; height: 80px; background-color: #ffecd4; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.use-coupon .use-coupon-box .content .coupon-list a .right span{ display: block; margin-bottom: 10px;}
.use-coupon .use-coupon-box .content .coupon-list .used{ filter: opacity(.5) grayscale(1); }
#open-address,#open-coupon{ cursor: pointer; }


.m-right .favorites-box{ width: 910px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; }
.m-right .favorites-box .favorites-list .one{ width:910px; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; padding-bottom: 20px; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.m-right .favorites-box .favorites-list .one a{ display: block; float: left; overflow: hidden;}
.m-right .favorites-box .favorites-list .one a .img{ float: left; width: 144px; height: 90px;}
.m-right .favorites-box .favorites-list .one a .product{ float: left; width:640px; margin-left: 15px; overflow: hidden;}
.m-right .favorites-box .favorites-list .one a .product .title{ width: 430px; margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.m-right .favorites-box .favorites-list .one a .product .type{ margin-right:40px; }

.m-right .favorites-box .favorites-list .one a .product .price{ display: block; margin-top: 15px; }
.m-right .favorites-box .favorites-list .one .btn{ float: right; margin-top: 20px; width: 80px; height: 36px; line-height: 36px; display: block; border: #eaeaea solid 1px; text-align: center;}

.fl{float: left;}
.fr{float:right;}
.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;
}


/*版权登记*/
.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;}









