a{ color: #666666;}a:hover{color: #e73e18;}
a,a:hover{ text-decoration: none;}
input { outline:none; }
.white{color: #fff;}
.clear{ clear: both;}
@media  (min-width:1200px) {
.container{ width: 1445px;}
}
@font-face {font-family: "Quicksand";  src: url('../font/Quicksand.otf');}
@font-face {font-family: "Quicksand-Light";  src: url('../font/Quicksand-Light.otf');}
/*header*/
.nav-top{ padding: 15px 0px; line-height: 32px;}
.nav-icon a{ margin: 0px 10px; color: #ccc;}
.nav-icon a:hover{ color: #e73e18;}
.nav-icon span{ font-size: 20px;}
/*menu*/
.logo img{ }
.tianxia-pc{ display:block}	
.tianxia-m{ display:none}
.navbar-brand {padding:29px 15px;height:auto;}
nav.navbar.bootsnav {margin-bottom:30px;border:none;}
.navbar-nav {float:left;}
nav.navbar.bootsnav ul.nav > li > a {padding:30px 50px;color:#474747;text-transform:uppercase;}
nav.navbar.bootsnav ul.nav > li:hover {background:none;}
.nav >.menubuy:after{background:none;content:"";}
.nav > li:after {position:absolute;bottom:0;left:0;width:0;height:5px;background:#e74119;content:"";transition:all 0.5s ease 0s;}
.nav > li:hover:after {width:100%;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {position:absolute;top:35%;right:10%;content:"+";font-weight:500;font-size:16px;font-family:'FontAwesome';transition:all 0.4s ease 0s;}
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after {content:"\f105";transform:rotate(90deg);}
.dropdown-menu.multi-dropdown {position:absolute;left:-100% !important;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu {border:none; background:rgba(0,0,0,0.6);box-shadow:0 0 10px rgba(0,0,0,0.3); }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ padding: 10px 10px; border: none; color: #fff;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{ background: #414141;}
@media only screen and (max-width:990px) {nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after {content:" ";}
.dropdown-menu.multi-dropdown {left:0 !important;}
nav.navbar.bootsnav ul.nav > li:hover {background:transparent;}
nav.navbar.bootsnav ul.nav > li > a {margin:0;}

nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
    left: 0;
    top: 0px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    background: rgba(0,0,0,0.8);

}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in .on{ background: #414141;}
nav.navbar.bootsnav .navbar-nav > li > a{ border-bottom: 1px  solid #666;border-top: 0px;}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in a{ color: #fff;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{  color: #fefefe; border-bottom: 1px solid #666;}
.fa-times{color: #e74119;}
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li ul.dropdown-menu{ margin-top: 3px;}

.buylist{padding:30px;}
.buylist a{padding: 10px 20px; border-radius: 15px;background: linear-gradient(to bottom right, #f1a732, #e73f19); color: #fff; font-weight: bold;}
.buylist a:hover{background: linear-gradient(to bottom right, #c47801, #d13600); }
/**/
section{ padding: 50px 0px;}

.content-banner-box{padding:320px 0px; color: #fff; text-align: center; position:relative }

    
.content-banner-box h2{    text-shadow:0 0 0.8em #fff,-0 -0 0.8em #fff; font-weight:  bold; font-size: 48px; line-height: 70px;}
.content-banner-box h3{ padding-bottom: 50px;    text-shadow:0 0 0.8em #fff,-0 -0 0.8em #fff; font-weight:  bold; font-size: 36px;}
.banner-form span{ display: inline-block; margin: 15px 20px; padding: 10px 20px; border:2px solid #fff; border-radius: 20px;}
.banner-email{ padding-top: 15px; font-weight: bold; font-size: 18px;}
.inp{ padding: 0px 5px; border: none ;background: none;box-shadow: none; color: #fff;  font-size: 16px; width: 340px;}
.inp::-webkit-input-placeholder {   color: #fff;  font-size: 16px;}

.inp::-moz-placeholder {   color: #999;  font-size: 16px;}

.inp:-ms-input-placeholder {  color: #999;  font-size: 16px;}
.inp:focus{  border: none;box-shadow: none;}
.sub{ padding: 15px 20px !important;font-size: 16px; cursor: pointer;}
.sub:hover{ background: rgba(255,255,255,0.3);}
.content-lightup-boxs{ padding:150px 0px 540px;background: url(../images/22.jpg) no-repeat center bottom; color: #000; background-size: cover;}
.content-lightup-boxs h2{ padding-bottom: 50px; color: #000;   text-align: center;  font-weight:  bold; font-size: 36px;}

.content-lightup-boxs  p{text-align: justify; font-size: 22px; line-height: 36px;}


.content-lightup-box{ padding:400px 0px;background: url(../images/2.jpg) no-repeat center top; color: #fff; background-size: cover;}
.content-lightup-box h2{ padding-bottom: 50px; color: #ffcc33;   text-align: center; text-shadow:0 0 0.8em #ffcc33,-0 -0 0.8em #ffcc33; font-weight:  bold; font-size:80px;}

.content-lightup-box  p{text-align: center; font-size: 36px; font-weight:bold; line-height: 60px; margin-bottom:60px}
.content-lightup-box .alink{ text-align:center;}
.content-lightup-box .alink a{ color:#fff; background:rgba(255,255,255,0.3); padding:15px 35px; font-size:36px; margin:10px 25px 0px; border-radius:10px;}



.content-type-box{background: url(../images/3.jpg) no-repeat center top; background-size: cover;}
.type-box-circular{ margin: 140px auto; width: 480px; height: 480px; border-radius: 50%; color: #fff; text-align: center;}
.tp-icon span{ display: block; height: 220px;text-shadow:0 0 0.1em #fff, -0 -0 0.1em #fff;  -webkit-transition: all .5s ease-in;
        -moz-transition: all .5s ease-in;        transition: all .5s ease-in; line-height: 260px;}
.type-box-circular:hover .tp-icon span{ height: 160px;   font-size: 0px;opacity: 0; }
.fz140{font-size: 160px;}.fz120{font-size: 135px;}.fz110{font-size: 130px;}
.icon-konglong:before{ padding-left: 30px;}
.tb-bg1{ background: rgba(24,97,70,0.7);}
.tb-bg2{background: rgba(7,65,105,0.7);}
.tb-bg3{background: rgba(135,58,38,0.7);}
.type-box-circular h3{ padding-bottom: 10px; font-size: 40px;}
.type-box-circular p{height:100px; font-size: 18px;}
.type-box-circular .tmore{ padding: 10px 20px; border:1px solid #fff; border-radius: 20px; color: #fff; font-size: 16px;}
.type-box-circular .tmore:hover{ background:#fff;color:  #414141;}


.content-footer-box{ position: relative; overflow: hidden;background:#0e090a; }
.footer-link img{  z-index: 99; padding-right: 40px;}
.fbox{ padding-bottom: 30px; }

.footer-list{  z-index: 99; padding: 80px 0px; color: #fff;}
.footer-list strong{ display: block; padding-bottom: 40px; font-size: 20px;}
.footer-list b{ display: block; padding-bottom: 10px; font-size: 16px;}
.footer-list p{display: -webkit-box;overflow: hidden; max-height: 48px; line-height:22px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.footer-list ul{ margin: 0px; padding: 0px;}
.footer-list li{ padding: 5px 0px; list-style-type: none;}
.footer-list li a{ color:#fff}
.footer-list li a:hover{color: #e73e18;}
.footer-copyright{  z-index: 99; color: #666666;}
.footer-copyright a{ color: #666666;}
.footer-copyright a:hover{color: #e73e18;}

.content-footer-box span{position:absolute; z-index: 1;width:20vmin;height:20vmin;border-radius:20vmin; opacity: 0.2;backface-visibility:hidden;animation-name:move;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite;}
.content-footer-box span:nth-child(1){top:44%;left:97%;box-shadow:40vmin 0 10.12735945vmin currentColor;color:#ffacac;transform-origin:11vw -22vh;animation-duration:15s;animation-delay:-13.8s;}
.content-footer-box span:nth-child(2){top:93%;left:8%;box-shadow:40vmin 0 12.7346672971vmin currentColor;color:#e45a84;transform-origin:10vw 23vh;animation-duration:13.8s;animation-delay:-10.9s;}
.content-footer-box span:nth-child(3){top:14%;left:41%;box-shadow:-40vmin 0 11.4923952406vmin currentColor;color:#ffacac;transform-origin:-9vw -24vh;animation-duration:15.9s;animation-delay:-6.7s;}
.content-footer-box span:nth-child(4){top:52%;left:75%;box-shadow:40vmin 0 13.3657534039vmin currentColor;color:#e45a84;transform-origin:16vw 25vh;animation-duration:14.3s;animation-delay:-12.6s;}
.content-footer-box span:nth-child(5){top:7%;left:5%;box-shadow:-40vmin 0 13.3942178273vmin currentColor;color:#ffacac;transform-origin:8vw 3vh;animation-duration:15.9s;animation-delay:-10s;}
.content-footer-box span:nth-child(6){top:35%;left:1%;box-shadow:-40vmin 0 7.6304875279vmin currentColor;color:#ffacac;transform-origin:0 17vh;animation-duration:11.6s;animation-delay:-6s;}
.content-footer-box span:nth-child(7){top:42%;left:84%;box-shadow:40vmin 0 13.6665321499vmin currentColor;color:#ffacac;transform-origin:11vw -8vh;animation-duration:11s;animation-delay:-6.9s;}
.content-footer-box span:nth-child(8){top:53%;left:95%;box-shadow:40vmin 0 13.2849881717vmin currentColor;color:#e45a84;transform-origin:25vw 15vh;animation-duration:15s;animation-delay:-10.9s;}
.content-footer-box span:nth-child(9){top:75%;left:67%;box-shadow:40vmin 0 7.2158804055vmin currentColor;color:#ffacac;transform-origin:-11vw -3vh;animation-duration:11.7s;animation-delay:-13.9s;}
.content-footer-box span:nth-child(10){top:59%;left:51%;box-shadow:-40vmin 0 7.4269772253vmin currentColor;color:#583c87;transform-origin:-5vw -7vh;animation-duration:12.1s;animation-delay:-11.7s;}
.content-footer-box span:nth-child(11){top:80%;left:91%;box-shadow:40vmin 0 11.2741559637vmin currentColor;color:#ffacac;transform-origin:7vw -19vh;animation-duration:13.4s;animation-delay:-5.9s;}
.content-footer-box span:nth-child(12){top:68%;left:97%;box-shadow:40vmin 0 11.2552482722vmin currentColor;color:#ffacac;transform-origin:24vw 3vh;animation-duration:15.8s;animation-delay:-8.2s;}
.content-footer-box span:nth-child(13){top:69%;left:46%;box-shadow:-40vmin 0 6.2939412125vmin currentColor;color:#ffacac;transform-origin:13vw 24vh;animation-duration:10.4s;animation-delay:-11.5s;}
.content-footer-box span:nth-child(14){top:98%;left:63%;box-shadow:-40vmin 0 10.5039271244vmin currentColor;color:#e45a84;transform-origin:-13vw -15vh;animation-duration:14.2s;animation-delay:-3s;}
.content-footer-box span:nth-child(15){top:12%;left:20%;box-shadow:40vmin 0 10.924056322vmin currentColor;color:#583c87;transform-origin:7vw 20vh;animation-duration:14s;animation-delay:-6.8s;}
.content-footer-box span:nth-child(16){top:29%;left:20%;box-shadow:-40vmin 0 13.3859956789vmin currentColor;color:#e45a84;transform-origin:-20vw 4vh;animation-duration:11s;animation-delay:-14.4s;}
.content-footer-box span:nth-child(17){top:88%;left:87%;box-shadow:40vmin 0 14.8726292689vmin currentColor;color:#ffacac;transform-origin:-11vw 12vh;animation-duration:10.7s;animation-delay:-3.7s;}
.content-footer-box span:nth-child(18){top:57%;left:35%;box-shadow:40vmin 0 8.5771411832vmin currentColor;color:#583c87;transform-origin:-19vw -1vh;animation-duration:10.1s;animation-delay:-13.6s;}
.content-footer-box span:nth-child(19){top:11%;left:37%;box-shadow:40vmin 0 8.1729042124vmin currentColor;color:#583c87;transform-origin:-20vw 22vh;animation-duration:11.5s;animation-delay:-10.1s;}
.content-footer-box span:nth-child(20){top:53%;left:60%;box-shadow:40vmin 0 13.5347652223vmin currentColor;color:#583c87;transform-origin:10vw -1vh;animation-duration:12.3s;animation-delay:-11.3s;}
@keyframes move{100%{transform:translate3d(0,0,1px) rotate(360deg);}
}
.category-box{ position: relative; padding: 0px; width: 80%;   margin: 0px auto; z-index: 99; font-family: "Quicksand";}
.category-box img{ width:100%}
.info-bg{  float: left;}
.cimg{ width: 60%; }.ctext{ width: 40%;}
.pright{ float: right;}
.info-bg .text,.pright .text{  color: #fff; font-size: 46px; font-weight:  bold; letter-spacing: 2px; margin-top: 40%; }
.pright .text{ text-align: right;}
.info-bg .text p,.pright .text p{ font-size:24px !important; line-height: 46px;}
.info-bg a,.pright a{ color: #fff;display:black;}
@media only screen and (min-width:750px) {
.bannerbig{ display:black}
.bannersmall{ display:none}

.footlogobig{ display:black; width:100%}
.footlogosmall{ display:none}
}
@media only screen and (max-width:750px) {
.bannerbig{ display:none !important}
.bannersmall{ display:black !important}	

.footlogobig{ display:none !important}
.footlogosmall{ display:black !important; width:100%}	
	
.logo img{ width:100%}
.tianxia-pc{ display:none}	
.tianxia-m{ display:block}

.buylist{padding:15px 0px 0px;}
.buylist a{padding: 10px 5px; border-radius: 10px;background: linear-gradient(to bottom right, #f1a732, #e73f19); color: #fff;font-size:12px}
.buylist a:hover{background: linear-gradient(to bottom right, #c47801, #d13600); }

.content-banner-box{padding:160px 0px; background: url(../images/bg.m4) no-repeat center 0px; color: #fff; text-align: center; position:relative  }

.content-banner-box h2{    text-shadow:0 0 0.8em #fff,-0 -0 0.8em #fff; font-weight:  bold; font-size: 20px; line-height: 24px;}
.content-banner-box h3{ padding-bottom: 30px;    text-shadow:0 0 0.8em #fff,-0 -0 0.8em #fff; font-weight:  bold; font-size: 18px;}
.banner-form span{ display: block; margin: 10px 20px; padding: 5px 20px; border:2px solid #fff; border-radius: 20px;}
.banner-email{ padding-top: 15px; font-weight: bold; font-size: 14px;}
.inp{ padding: 0px 5px; border: none ;background: none;box-shadow: none; color: #fff;  font-size: 14px; text-align: center;
}
.inp::-webkit-input-placeholder {   color: #fff;  font-size: 14px;}

.inp::-moz-placeholder {   color: #999;  font-size: 14px;}

.inp:-ms-input-placeholder {  color: #999;  font-size: 14px;}
.inp:focus{  border: none;box-shadow: none;}
.sub{ padding: 10px 20px !important;font-size: 14px; cursor: pointer;background: rgba(255,255,255,0.3);}
/*.sub:hover{ background: rgba(255,255,255,0.3);}*/
	
.content-lightup-box{ padding:100px 0px;background: url(../images/2.jpg) no-repeat center top; color: #fff; background-size: cover;}
.content-lightup-box h2{ padding-bottom: 30px; color: #ffcc33;   text-align: center; text-shadow:0 0 0.8em #ffcc33,-0 -0 0.8em #ffcc33; font-weight:  bold; font-size: 36px;}

.content-lightup-boxs{ padding:80px 0px 100px;background: url(../images/22.jpg) no-repeat center bottom; color: #000; background-size: 100%;}
.content-lightup-boxs h2{ padding-bottom: 30px; color: #000;   text-align: center;  font-weight:  bold; font-size: 20px;}

.content-lightup-boxs  p{text-align: justify; font-size:16px; line-height:30px;}

.content-lightup-box  p{text-align: center; font-size: 16px; font-weight:bold; line-height: 30px; margin-bottom:30px}
.content-lightup-box .alink{ text-align:center;}
.content-lightup-box .alink a{ color:#fff; background:rgba(255,255,255,0.3); padding:5px 6px; font-size:14px; margin:5px 6px 10px; border-radius:5px;}

	
.content-type-box{background: url(../images/3.jpg) no-repeat center top; background-size: cover;}
.type-box-circular{ margin: 80px auto; width: 260px; height: 260px; border-radius: 50%; color: #fff; text-align: center;}
.tp-icon span{ display: block; height: 100px; line-height:120px;text-shadow:0 0 0.1em #fff, -0 -0 0.1em #fff;  -webkit-transition: all .5s ease-in;
        -moz-transition: all .5s ease-in;        transition: all .5s ease-in;}
.type-box-circular:hover .tp-icon span{ height: 120px;   font-size: 0px;opacity: 0; }
.fz140{font-size: 70px;}.fz120{font-size: 70px;}.fz110{font-size: 70px;}
.tb-bg1{ background: rgba(24,97,70,0.7);}
.tb-bg2{background: rgba(7,65,105,0.7);}
.tb-bg3{background: rgba(135,58,38,0.7);}
.type-box-circular h3{  font-size: 20px; margin: 0px 0px;}
.type-box-circular p{height:70px; font-size: 14px;}
.type-box-circular .tmore{ padding: 5px 20px; border:1px solid #fff; border-radius: 20px; color: #fff; font-size: 14px;}
.type-box-circular .tmore:hover{ background:#fff;color:  #414141;}

.footer-link img{  z-index: 99; padding-bottom:20px; display: block;}
.fbox{ padding-bottom: 10px; }

.category-box{ position: relative; padding: 0px; background-position: center top; background-size: cover !important; height: auto !important; width: 100%;}

.info-bg{ text-align: center; width: 100%;}
.pright{ text-align: center; width: 100%;}
.info-bg .text,.pright .text{ background: rgba(0,0,0,0.2);  padding: 12px 35px; color: #fff; font-size: 18px; font-weight:  bold; letter-spacing: 2px; text-align: center !important;margin-top: 0px !important;}

.info-bg .text p,.pright .text p{ font-size:14px !important;}

.footer-list{  z-index: 99; padding: 25px 0px; color: #fff;}
.footer-list strong{ display: block; padding-bottom: 20px; padding-top: 40px; font-size: 20px;}
.footer-list b{ display: block; padding-bottom: 8px; font-size: 16px;}
.footer-list p{display: -webkit-box;overflow: hidden; max-height: 48px; line-height:22px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.footer-list ul{ margin: 0px; padding: 0px;}
.footer-list li{ padding: 2px 0px; list-style-type: none;}
.footer-list li a{ color:#fff}
 .footer-list .pull-right{ float: left !important;}
.footer-copyright{  z-index: 99; color: #666666;}
}



/*=====contact-us============*/
.contact-us-vendor{   color: #fff; font-size: 18px;}
.contact-us-vendor .vendor-title{ color: #ff9900; text-align: center; font-size: 40px; font-weight: bolder;}
.contact-us-vendor .vendor-title-nav{ text-align: center; margin: 80px 0px;}
.contact-us-vendor .vendor-title-des{ text-align:  justify; line-height:44px; padding-bottom: 150px;}
.vendor-form{}
.vendor-form .form-group{ padding: 5px 0px;}
.vendor-form .checkbox{ padding:10px 0px 10px 15px;}

.vendor-form-boxtwo{ padding: 50px 0px 0px;}
.vendor-form-boxtwo h3{ font-size: 32px;}
.vendor-form-boxtwo p{ line-height: 42px;}

.contact-us-vendor .vendor-input{ background: none; border:solid #fff; box-shadow: none; border-width: 0px 0px 1px 0px; width: 100%;}
.contact-us-vendor .vendor-input:focus{border:solid #fff; box-shadow: none; border-width: 0px 0px 1px 0px;outline:none;}

.vendor-table-download{ margin-top: 80px;}
.vendor-table-download li{ padding: 10px 0px; list-style-type: circle;}
.vendor-table-download li>a{ color: #fff;}
.vendor-table-download li>a:hover{ color: #ff9900;}

.verdor-sub{ text-align: center;}
.btn-verdors{background: linear-gradient(to right, #dd412a, #e36926); color: #fff; margin: 10px; border-radius: 30px; padding: 10px 25px; font-size: 24px; text-decoration: none;}
.btn-verdors:hover{ background: linear-gradient(to right, #e36926, #dd412a); transition:all .8s ease 0s;color: #fff; }
.btn-verdors:focus{background: linear-gradient(to right, #e36926, #dd412a); transition:all .8s ease 0s; color: #fff;}

.btn-verdor{background: linear-gradient(to right, #dd412a, #e36926); color: #fff; margin: 10px; border-radius: 30px; padding: 10px 25px; font-size: 24px; text-decoration: none;}
.btn-verdor:hover{ background: linear-gradient(to right, #e36926, #dd412a); transition:all .8s ease 0s;color: #fff; }
.btn-verdor:focus{background: linear-gradient(to right, #e36926, #dd412a); transition:all .8s ease 0s; color: #fff;}

.verdor-upload .layui-upload-file{ display: none;}
#verdorpicslist .dtbox{ border: 1px solid #fff; padding: 2px;}
#verdorpicslist img{ width: 100%;}


#accordion .panel{border:none;box-shadow:none;border-radius:0;background:rgba(255,255,255,0.1) !important; margin-top: 0px !important;}
#accordion .panel-heading{padding:0;border-radius:30px}
#accordion .panel-title a{display:block;padding:12px 20px 12px 20px;background:#fff;font-size:18px;font-weight:600;color:#703e35;border:1px solid transparent;position:relative;transition:all .3s ease 0s;text-decoration: none;}
#accordion .panel-title a.collapsed{background:#fff;color:#703e35;border:1px solid #efefef}
#accordion .panel-title a.collapsed:after,#accordion .panel-title a:after{content:"\f107";font-family:fontawesome;font-size:25px;color:#703e35;text-align:center;position:absolute;right:20px;transition:all .3s ease 0s;top: 5px;}
#accordion .panel-title a.collapsed:after{content:"\f105";background:#fff;color:#703e35;box-shadow:none}
#accordion .panel-body{padding:20px 25px 10px 9px;font-size:16px;color:#fff;line-height:32px;border-top:none;position:relative}
#accordion .panel-body p{line-height: 32px;word-break:break-word;}


.contact-us-sponsor{position: relative; z-index: 99;  color: #fff; font-size: 18px;}
.contact-us-sponsor .sponsor-title{ color: #ff9900; text-align: center; font-size: 40px; font-weight: bolder; padding:70px 0px}

.contact-us-sponsor .sponsor-input{ background:rgba(255,255,255,0.3); border:solid #fff; box-shadow: none; border-width: 0px 0px 0px 0px; width: 100%; padding:25px 15px}
.contact-us-sponsor .sponsor-input:focus{border:solid #fff; box-shadow: none; border-width: 0px 0px 0px 0px;outline:none;}
.contact-us-sponsor .sponsor-form  span{ display:block;  text-align:center; width:100%; background:rgba(255,255,255,0.3);padding:25px 0px} 
.contact-us-sponsor .sponsor-form .verdor-sub{ margin:40px 0px 80px;}
.pageinfo{ position: relative; z-index: 99;}
.pageinfo .title{ text-align: center; font-size: 40px; margin-bottom: 40px; font-weight: bold;}
.pageinfo .content{ line-height: 32px; font-size: 20px;}
.pageinfo .content p{word-wrap:break-word; padding: 10px 0px;}

@media only screen and (max-width:750px) {
	.contact-us-sponsor .sponsor-form  span{ display:block;  text-align:center; width:100%; background:rgba(255,255,255,0.3);padding:25px 0px; margin-bottom:10px} 
	.contact-us-sponsor .sponsor-input{ background:rgba(51,23,43,0.7); border:solid #fff; box-shadow: none; border-width: 0px 0px 0px 0px; width: 100%; padding:25px 15px; text-align:center}
	
.contact-us-vendor .vendor-title{ color: #ff9900; text-align: center; font-size: 24px; font-weight: bolder;}
.contact-us-vendor .vendor-title-nav{ text-align: center; margin: 40px 0px;}
.contact-us-vendor .vendor-title-des{ text-align:  justify; line-height:30px; padding-bottom: 80px;}
	
#accordion .panel-title a{display:block;padding:12px 10px 12px 10px;background:#fff;font-size:16px;font-weight:100;color:#703e35;border:1px solid transparent;position:relative;transition:all .3s ease 0s;text-decoration: none;}
#accordion .panel-title a.collapsed{background:#fff;color:#703e35;border:1px solid #efefef}
#accordion .panel-title a.collapsed:after,#accordion .panel-title a:after{content:"\f107";font-family:fontawesome;font-size:25px;color:#703e35;text-align:center;position:absolute;right:20px;transition:all .3s ease 0s;top: 5px;}
#accordion .panel-title a.collapsed:after{content:"\f105";background:#fff;color:#703e35;box-shadow:none}
#accordion .panel-body{padding:10px 10px 10px 9px;font-size:15px;color:#fff;line-height:24px;border-top:none;position:relative}
#accordion .panel-body p{line-height: 24px;word-break:break-word;}
.pageinfo{ margin-top:20px}	
.pageinfo .title{ text-align: center; font-size: 24px; margin-bottom: 15px; font-weight: bold;}
.pageinfo .content{ line-height: 30px; font-size: 16px;}
.pageinfo .content p{word-wrap:break-word; padding: 5px 0px;}
}

/*20191022修改*/
#starsBox{ position:absolute; height:1000px; width: 100%;}
#starsBox em {
  display: inline-block;
  width: auto;  
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  transition: 100s linear;
animation: 3s opacity2 0s infinite; -webkit-animation: 3s opacity2 0s infinite;-moz-animation: 3s opacity2 0s infinite;}
#starsBox b {
  display: inline-block;
  width: auto;
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  transition: 50s linear;
animation: 3s opacity3 0s infinite; -webkit-animation: 3s opacity3 0s infinite;-moz-animation:3s opacity3 0s infinite;}
        @keyframes opacity2{
            0%{opacity:.1}
            50%{opacity:.8;}
            100%{opacity:0;}
        }
        @-webkit-keyframes opacity2{
            0%{opacity:.1}
            50%{opacity:.8;}
            100%{opacity:0;}
        }
        @-moz-keyframes opacity2{
            0%{opacity:.2}
            50%{opacity:.8;}
            100%{opacity:.1;}
        }
  @keyframes opacity3{
            0%{opacity:.6}
            50%{opacity:0.3;}
            100%{opacity:0.6;}
        }
        @-webkit-keyframes opacity3{
            0%{opacity:.6}
            50%{opacity:0;}
            100%{opacity:.6;}
        }
        @-moz-keyframes opacity3{
            0%{opacity:0.6}
            50%{opacity:0;}
            100%{opacity:.6;}
        }

.index-body-two{ background: url(../images/index-bg.jpg) no-repeat top center; background-size: cover; color: #fff; position:relative;}
.header{z-index: 999;position:relative;}
.contact-us-vendor,.index-main-top,.index-main-video,.index-main-com,.index-main-col,.content-footer-box{z-index: 99;position:relative;}
.index-main-top{ text-align: center;font-family: "Quicksand"; }
.index-main-top .top-title,.index-main-top .top-time{ margin-bottom: 60px;}
.index-main-top .top-title h2{background: linear-gradient(to right, #dd412a, #e36926);        -webkit-background-clip: text;color: transparent; font-size: 120px; letter-spacing: 6px;}
.index-main-top .top-title h3{ color: #e68922; font-size: 60px;letter-spacing: 6px;}
.index-main-top .top-title h5{letter-spacing: 5px;font-size: 24px; line-height:80px;}
.index-main-top .top-time h5{letter-spacing: 5px;font-size: 36px;}
.index-main-top .top-time p{letter-spacing: 5px;font-size: 24px;}
.index-main-top .top-btn a{background: linear-gradient(to right, #dd412a, #e36926); color: #fff; margin: 10px; border-radius: 30px; padding: 10px 25px; font-size: 24px; text-decoration: none;}
.index-main-top .top-btn a:hover{background: linear-gradient(to right, #e36926, #dd412a); transition:all .8s ease 0s; }

.index-main-video{ text-align: center;font-family: "Quicksand";}
.index-main-video .video-form span{ display: inline-block; margin: 15px 20px; padding: 10px 20px; border:2px solid #fff; border-radius: 30px;}
.index-main-video .video-email{ padding-top: 15px; font-weight: bold; font-size: 24px;}
.index-main-video .video-form  .inp{ padding: 0px 5px; border: none ;background: none;box-shadow: none; color: #fff;  font-size: 24px; width: 340px;}

.index-main-com{font-family: "Quicksand"; padding: 100px 0px;}
.index-main-com h2{ display: inline-block;text-align: justify; font-size: 42px; letter-spacing: 3px;}
.index-main-com p{font-family: "Quicksand-Light"; font-size: 26px; line-height: 42px; word-wrap:break-word;}

.index-main-col{ background: url(../images/index-main-footer-bg.png) no-repeat bottom; background-size: 100%; height:1000px;font-family: "Quicksand"; }
.index-main-col h3{font-size: 48px; }
.index-main-col .col-row{ width: 80%; margin: 0 auto;}
.index-main-col .col{width: 50%; text-align: center; float: left;}
.index-main-col .col h4{ font-size: 40px;}
.index-main-col .col p{font-size: 20px; line-height: 24px;}
.index-main-col .col .bm40{ margin-bottom: 40px;}
.index-main-col .col a{ box-shadow:4px 3px 10px rgba(0,0,0,0.9);color: #fff; border-radius: 25px;  padding: 10px 25px; font-size: 18px; font-style: italic; text-decoration: none; }
.index-main-col .col a:hover{ opacity: 0.9;}
.index-main-col .col .col-blue{background: linear-gradient(to right, #0380c3, #57b6e4);}
.index-main-col .col .col-green{background: linear-gradient(to right, #037440, #7eaf5e);}

@media only screen and (max-width:750px) {
.index-main-top .top-title,.index-main-top .top-time{ margin-bottom: 40px;}
.index-main-top .top-title h2{background: linear-gradient(to right, #dd412a, #e36926);        -webkit-background-clip: text;color: transparent; font-size: 40px; letter-spacing: 6px;}
.index-main-top .top-title h3{ color: #e68922; font-size: 30px;letter-spacing: 6px;}
.index-main-top .top-title h5{letter-spacing: 5px;font-size: 20px; line-height:36px;}
.index-main-top .top-time h5{letter-spacing: 5px;font-size: 24px;}
.index-main-top .top-time p{letter-spacing: 5px;font-size: 18px;}
.index-main-top .top-btn a{background: linear-gradient(to right, #dd412a, #e36926); color: #fff; margin: 10px; border-radius: 30px; padding: 15px 25px; font-size: 16px; text-decoration: none; display: block;}
.index-main-top .top-btn a:hover{background: linear-gradient(to right, #e36926, #dd412a); transition:all .8s ease 0s; }

.index-main-video{ text-align: center;font-family: "Quicksand";}
.index-main-video .video-form span{ display: block; margin: 15px 20px; padding: 10px 20px; border:2px solid #fff; border-radius: 30px;}
.index-main-video .video-email{ padding-top: 15px; font-weight: bold; font-size: 16px;}
.index-main-video .video-form  .inp{ padding: 0px 5px; border: none ;background: none;box-shadow: none; color: #fff;  font-size: 16px; width: 100% !important;}

.index-main-com{font-family: "Quicksand"; padding: 40px 0px;}
.index-main-com h2{ display: inline-block;text-align: justify; font-size: 24px; letter-spacing: 3px;}
.index-main-com p{font-family: "Quicksand-Light"; font-size: 18px; line-height: 24px; word-wrap:break-word;}

.index-main-col{ background: url(../images/index-main-footer-bg.png) no-repeat bottom; background-size: 100%; height:630px;font-family: "Quicksand"; }
.index-main-col h3{font-size: 24px; }
.index-main-col .col-row{ width: 80%; margin: 0 auto;}
.index-main-col .col{width: 100%; text-align: center; margin-bottom: 15px; }
.index-main-col .col h4{ font-size: 20px;}
.index-main-col .col p{font-size: 16px; line-height: 20px;}
.index-main-col .col .bm40{ margin-bottom: 20px;}
.index-main-col .col a{ box-shadow:4px 3px 10px rgba(0,0,0,0.9);color: #fff; border-radius: 25px;  padding: 10px 25px; font-size: 18px; font-style: italic; text-decoration: none; display: block; }
.index-main-col .col a:hover{ opacity: 0.9;}
.index-main-col .col .col-blue{background: linear-gradient(to right, #0380c3, #57b6e4);}
.index-main-col .col .col-green{background: linear-gradient(to right, #037440, #7eaf5e);}
}

/*2019024*/
.content-lightup-box-new{ position: relative; z-index: 99;}
.content-lightup-box-new{ padding:200px 0px 120px;color: #fff; text-align: center;font-family: "Quicksand"; }
.content-lightup-box-new .top-title h2{background: linear-gradient(to right, #dd412a, #e36926); -webkit-background-clip: text;color: transparent; font-size: 80px; letter-spacing: 2px;}

.content-lightup-box-new .top-title h5{letter-spacing: 2px;font-size: 40px; padding: 30px 0px 50px;}
.content-lightup-box-new .alink{ text-align:center;}

.content-lightup-box-new .alink a{background: linear-gradient(to right, #dd412a, #e36926); color: #fff; margin: 10px; border-radius: 30px; padding: 10px 25px; font-size: 24px; text-decoration: none;}
.content-lightup-box-new .alink a:hover{ background: linear-gradient(to right, #e36926, #dd412a); transition:all .8s ease 0s; }
.index-main-page-footer{background: url(../images/index-main-footer-bg.png) no-repeat bottom; background-size: 100%; height:840px;}
@media only screen and (max-width:750px) {
	
.content-lightup-box-new{ padding:40px 0px 50px;color: #fff; text-align: center;font-family: "Quicksand"; }
.content-lightup-box-new .top-title h2{background: linear-gradient(to right, #dd412a, #e36926); -webkit-background-clip: text;color: transparent; font-size: 24px; }
.index-main-page-footer{height:180px !important;}
.content-lightup-box-new .top-title h5{font-size: 16px; padding: 10px 0px 20px;}	
.content-lightup-box-new .alink{ text-align:center;}

.content-lightup-box-new .alink a{background: linear-gradient(to right, #dd412a, #e36926); color: #fff; margin: 5px; border-radius: 5px; padding: 5px 6px; font-size:14px; text-decoration: none;}
}


.alert_windows { display: none; position: fixed; z-index: 1000; opacity: 1 !important; }

.alert_windows span { width: 50px; height: 50px; text-align: center; font: 34px/48px "Microsoft Yahei"; cursor: pointer; color: #333;  border:2px solid #fff; display: block; position: absolute; bottom: -50px; left: 48%; border-radius: 50%; color: #fff; transform:rotate(0deg); transition: 0.3s;}
.alert_windows span:hover {transform:rotate(180deg); transition: 0.3s; }
.alert_windows .carousel-indicators li{ width: 24px; height: 24px; border-color:#dd412a ; border-radius: 50%;}
.alert_windows .carousel-indicators .active{ background: #dd412a;}
@media only screen and (max-width:750px) {
.alert_windows{width: 90%; }
.alert_windows  img{  width: 100%;   }
.alert_windows span { width: 40px; height: 40px; text-align: center; font: 34px/40px "Microsoft Yahei"; cursor: pointer; color: #333;  border:2px solid #fff; display: block; position: absolute; top: -20px; left: -webkit-calc(50% - 25px); border-radius: 50%; color: #fff; transform:rotate(0deg); transition: 0.3s;}
}