html {padding:0;margin:0;font-size:10px; font-size:62.5%;}
body {padding:0;margin:0; font-size:14px; background-color:#0D3785; overflow-x: hidden; font-family:"Microsoft YaHei", "Hiragino Sans GB",Tahoma,SimSun , sans-serif;color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; line-height:1.2;}
li,ul,dd,dt,dl { list-style:none;margin:0;padding:0;}
.btn {border-radius:0;letter-spacing: 1px;}
.btn:focus {box-shadow:none;outline:none;}
.form-control:focus { box-shadow:none;outline:none;}
p { max-height: 999999px; }
a:hover,a:active,a:focus,a:visited { text-decoration:none}
img {
    max-width: 100%;border:0;
}

/*-------common------*/ 
.bottom-tips { position: fixed;  bottom:0; right:0;    z-index: 10;}
.weixin {height:56px;width:56px; background-color:#FFAD02; text-align:center; padding:10px;cursor: pointer; }
.weixin p, .weixin .weixin-img { display:none;}
.weixin:hover {width:140px;height:auto; background-color:#fff; border:1px solid #ccc;padding:15px;}
.weixin:hover p { display:block;margin-top:10px;margin-bottom:0;}
.weixin:hover .weixin-img { display:block;}
.weixin .icon {width:32px;height:32px; display: inline-block; position:relative; background-image:url(../images/icon01.png); background-repeat:no-repeat; background-position:center;
background-size:32px;	animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite}
.weixin:hover .icon { display:none;}
.scrollup { width: 56px; height:56px; opacity:1; color: #fff; display:none;cursor: pointer;overflow:hidden;position:relative; float:right; background-color:#ccc; z-index: 1000;
    transition: opacity .5s, background-color .5s;
    -moz-transition: opacity .5s, background-color .5s;
    -webkit-transition: opacity .5s, background-color .5s;
}
.scrollup:hover {  background:#999; opacity: 1;}
.scrollup a {padding:11px; display:block;}
.scrollup .icon {display: inline-block; position:relative; background-image:url(../images/icon02.png); background-repeat:no-repeat; background-position:center;
background-size:32px;width:32px;height:32px; }


.sanjiao-down {padding:10px;left:50%;bottom:0; position:fixed; z-index:99;margin-left:-20px;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite}
.sanjiao-down .icon {width:32px;height:32px; display: inline-block; position:relative; background-image:url(../images/icon03.png); background-repeat:no-repeat; background-position:center;
background-size:32px;}


.main-container { }
.mod {}
@media (max-width: 991px) {
.mod > .container {width:auto;padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
}
.modal-deep {}
.modal-content {border-radius:0;box-shadow:none;  color:#666;}
.modal-deep .modal-content {color:#fff;background-color: #0D3785;}
.modal-content .modal-header {border-bottom:0;}
.modal-deep .modal-content .modal-header {border-bottom:0;color:#FFAD02;}
.modal-deep .modal-content .close {color:#fff;    font-size: 30px; position: relative; top: -5px;}
.modal-dialog {margin:20px auto;}
.modal-dialog .modal-content {min-height:400px;margin-top:20%;}
 
 
@media (min-width: 992px) {
.sanjiao-down { display:none!important;}
.modal-dialog .modal-content {min-height:400px;margin-top:30%;}		
}
@media (min-width: 1200px) {
.modal-dialog .modal-content {min-height:500px;margin-top:40%;}	
}


/* ie678 error
==================================== */
.error-backdrop {width:100%;position:absolute;left:0;right:0;top:0;height:4000px; overflow:hidden;z-index:10000;background:#000000;
-moz-opacity:0.7; 
opacity: 0.7;
filter:Alpha(opacity=70);

 }
.error-modal {position:absolute;width:480px;height:210px;left:50%;margin-left:-230px;top:50%;margin-top:-100px;  background-color:#fff; z-index:10001;  }
.error-modal .error-text {padding-left:180px;padding-top:25px; background:url(../images/error.jpg) no-repeat 50px 55px;}
.error-modal .error-text h2 { font-size:24px; line-height:40px;color:#0D3785; font-weight:normal;}
.error-modal .error-text p { font-size:14px;line-height:160%;padding-right:30px;}
 
/*-------header------*/

.top-subnav { background-color:#fff; height:40px;    position: relative;z-index:100;}
.top-subnav li {float:left;}
.top-subnav li a {color:#888;padding:0 10px; font-size:12px; line-height:40px;}
.top-subnav .col-xs-5 li { float:right;}



.header { position: absolute;z-index:99;  top: 0; left: 0; right: 0;background: transparent;}
.header .navbar { z-index:999; background:none; margin-bottom:0; border:0;border-radius:0;padding-top:1px; }
.navbar-brand { width:160px;height:auto;padding:0;}
.navbar-brand .logo {width:90px;height:auto;margin-top:14px; display:none;}
.header .navbar.menu-scroll { padding-top: 0px;  padding-bottom: 0px;position: fixed;top: 0;  left: 0;  right: 0; animation: menu_sticky 0.7s ease-in-out;}

.navbar-nav > li > a {padding-top:4px;padding-bottom:4px;margin-top:20px;margin-bottom:20px; border-left:10px solid transparent; font-size:18px;}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color:#fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#FFAD02; background-color:transparent;border-left:10px solid #FFAD02;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:transparent;margin:0;padding:20px 17px;
border:0;  border-radius:0;}
.navbar-default.menu-scroll .navbar-toggle, .navbar-default.menu-scroll .navbar-toggle:hover,.navbar-default.menu-scroll .navbar-toggle:focus {background-color:rgba(13, 55, 133, 0.9);}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff; width: 25px; }
.navbar-collapse {background-color:rgba(13, 55, 133, 0.9); border: 0;} 
.menu-scroll .navbar-collapse {  border: 0;} 

@-webkit-keyframes menu_sticky {
  0%  {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
@keyframes menu_sticky {
  0%  {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
} 

@media (min-width: 768px) and (max-width: 991px) {
	.header .container {width:auto;padding:0;}
	.header .container .navbar-header { }
	.header .navbar {padding-top:20px;}
	.navbar-brand { width:220px;height:auto;}
	
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 0px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        /*margin: 7.5px -15px;*/
        margin: 15px 50px 15px -15px
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top:10px;
        padding-bottom:10px;
		margin-top:20px;margin-bottom:20px;padding-left:30px; border-left:10px solid transparent; font-size:20px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
.navbar-brand { width: 220px; height: auto;}
.navbar-default .navbar-toggle .icon-bar {height:3px; }
 
}

@media (min-width: 992px) { 
.header .navbar.menu-scroll {background-color:rgba(11, 43, 101, 0.9); }
.navbar-collapse { background-color:transparent;}
.header .navbar {padding-top:70px;}
.navbar-nav > li > a {margin:0;border:0;padding-top:18px;padding-bottom:15px;padding-left:10px;padding-right:10px;margin-left:10px;margin-right:10px; font-size:15px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { border:0; color:#FFAD02; border-bottom:2px solid #FFAD02;}
.navbar-brand {  width:220px;height:auto;}
 .navbar-brand .logo { display:none;}
}
 
/*-------footer------*/ 
.footer { clear: both; background-color:#fff;padding-top:40px;padding-bottom:20px;text-align:center;border-top:1px solid #ddd;}
.footer .brand {width:300px;height:auto;}
.footer p { margin-top:15px;color:#999; font-size:12px; }
.footer p a {color:#666;margin:0 5px; }
@media (min-width: 992px) {
.footer p a {color:#444;margin:0 15px; font-size:14px;}
}
 

/*-------cover------*/

.mod-cover {color:#fff;position:relative; z-index:1;}
.mod-cover .container {padding-top:60px; position:relative; z-index:2;}
.mod-cover-bg { position:absolute;left:0;z-index:-1;height:1100px;width: 100%; overflow:hidden; }
.mod-cover-bg #output { width:100%; overflow:hidden;height: 100%; opacity:0.3;}
.mod-cover-bg #output canvas {width:100%; }
.mod-cover-bg .color {
	width: 120px;
	height: 20px;
	margin: 0 auto;
	position: fixed;
	left: 50%;
	margin-left: -60px;
	bottom: 20px;
}
.mod-cover-bg .color li {
	float: left;
	margin: 0 5px;
	width: 20px; 
	height: 20px;
	background: #ccc;
	box-shadow: 0 0 4px #FFF;
	list-style: none;
	cursor: pointer;
}
.mod-cover-bg .color li:nth-child(1){
	background: #002c4a;
}
.mod-cover-bg .color li:nth-child(2){
	background: #35ac03;
}
.mod-cover-bg .color li:nth-child(3){
	background: #ac0908;
}
.mod-cover-bg .color li:nth-child(4){
	background: #18bbff;
}
.mod-cover .cover-img {width:100%;height:300px; background-image:none; background-repeat:no-repeat; background-position:center center;
background-size:contain;margin:0 auto;  }
.mod-cover .cover-img img {width:100%;height:auto;}
.mod-cover .cover-info {padding-left:40px;padding-right:40px;} 
.mod-cover .logo {width:140px; height:auto;}
.mod-cover .logo img {width:100%;height:auto;}
.mod-cover h1 {font-size:42px; font-weight:100;line-height:1.3;margin-top:8px;}
.mod-cover h2 {margin-top:26px;font-size:18px; line-height:1.6;margin-bottom:0;}
.mod-cover h2 strong { font-weight:bold;}
.mod-cover h3 {font-size:16px;margin-top:0;line-height:1.6;}

 @media (min-width: 768px) {
.mod-cover .cover-img {width:650px;height:650px;background-image:url(../images/bg01.png);}
 }
@media (min-width: 992px) {

.mod-cover .container { position:relative;padding-top:90px; }
.mod-cover .cover-img { background-image:none;height:800px;} 
.mod-cover .cover-info { position:absolute;top:27%;left:10px;padding:60px 40px; } 
.mod-cover .logo {margin-top:0;width:220px;} 
.mod-cover h1 {font-size:70px; margin-top:20px;font-weight:100;letter-spacing:1px; }
.mod-cover h2 {font-size:26px;margin-top:70px;letter-spacing:3px;}
.mod-cover h3  {font-size:16px;padding-top:5px;}
}
 @media (min-width: 1400px) {
.mod-cover .cover-info {padding-top:130px;top:17%;}
.mod-cover .cover-img {width:100%; background-position:right center; height:800px; } 	 
	 }
	 
	 
	 
/*-------preface------*/
.mod-preface {color:#444;background-color:#fff; position:relative; z-index:2;border-top: 1px solid #fff;} 
.mod-preface .container {position:relative; }
.mod-preface .img {padding:0;background-image:url(../images/img01.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mod-preface .img .preface-bg {width:100%;height:700px; }
.mod-preface .info { position:relative;}
.mod-preface .info .text {padding:70px 0 0px 0;}
.mod-preface .swiper-container-preface {width: 100%;height:390px;}
.mod-preface .swiper-container-preface .swiper-slide { height: auto;   position:relative;
-webkit-box-sizing: border-box;box-sizing: border-box;}
.mod-preface .each-text {line-height:1.8;padding:5px 5px;padding-right:35px;padding-left:35px;}
.mod-preface .each-text h3 { font-size:22px; position:relative;margin:0; display:block;height:70px;}
.mod-preface .each-text h3 strong {position:relative;top:10px; padding-right:4px; font-weight:normal;color:#FFAD02; font-size:40px;}

.mod-preface .preface-title {position:absolute;right:0; top:510px;width:90%;background-color:rgba(13, 55, 133, 0.85); color:#fff;}
.mod-preface .preface-title h1 {margin:0;padding-top:20px; font-weight:100; padding-bottom:20px;padding-left:60px;font-size:26px; line-height:1.4;}
.mod-preface .preface-title h1 strong { font-weight:100; font-size:44px; display:block;line-height:1.4; }
.mod-preface .preface-title h1 strong span {color:#FFAD02;}
 
@media (min-width: 992px) { 
.mod-preface .swiper-container-preface { height:490px;}
.mod-preface .preface-title {right:25px; left: inherit;top:75%;width:70%; 
background-position:right center; background-size:600px; background-image:url(../images/titlebg2.png); background-repeat:no-repeat;} 
.mod-preface .img {height:800px;} 
.mod-preface .info .text {padding:60px 10px 40px 20px;}
.mod-preface .each-text h3 {height:80px;}
.mod-preface .each-text { font-size:14px;padding-right:25px;}
}
@media (min-width: 1200px) {
.mod-preface .info .text {padding:60px 10px 40px 120px;}	

}
/*-------outline------*/

.mod-outline {border-top:1px solid #ddd;   color:#444;background-color:#fff;position:relative; z-index:10; }
.mod-outline .container {position:relative;    overflow: hidden; }
.mod-outline .row > div { }
.each-city {position:relative;padding:0 20px;   }
.each-city .bg-orange {height:10px; position:absolute;top:0;left:15px;right:15px;z-index:99;background-color:#FFAD02; }
.each-city .bg-blue {height:10px; position:absolute;bottom:0;left:15px;right:15px;z-index:99;background-color:#1652b3;}
.each-city .city-info {padding-left:12px;padding:0 5px; height:350px;}
.each-city .city-info h1 {font-size:20px;margin:0;padding-bottom:20px;padding-top:40px;line-height:1.2; font-weight:bold;}
.leftpart .each-city .city-info h1 {padding-top:50px;}
.leftpart .each-city .city-info {border-bottom:10px;height:300px;}
.each-city .city-info strong { font-size:14px; display:block;height:80px; line-height:1.6;padding-top:10px;border-top:1px solid #333; font-weight:normal; }
.each-city .city-info p {margin:0; min-height:70px;padding-bottom:10px;height:auto; line-height:1.6; font-size:15px; overflow:hidden;}
.each-city .city-img { position:relative; width:100%;height:350px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.each-city .city-img strong { position:absolute;top :10px;right:20px;color:#fff; font-size:70px; font-weight:100; }
.leftpart .each-city .city-img strong {bottom:10px;top:inherit;}
.each-city .city-img.city-a { background-image:url(../images/city01.jpg);}
.each-city .city-img.city-b { background-image:url(../images/city02.jpg);}
.each-city .city-img.city-c { background-image:url(../images/city03.jpg);}
.each-city .city-img.city-d { background-image:url(../images/city04.jpg);}
.each-city .city-img.city-e { background-image:url(../images/city05.jpg);}
.each-city .city-img.city-f { background-image:url(../images/city06.jpg);}
.each-city .city-info p .font-xs { display:block; padding-top:5px; line-height:1.4; font-size:14px;}


@media (min-width: 992px) {

.each-city {padding:0 15px;  }
.each-city .city-info {padding:0;height:280px; position:relative;}
.each-city .city-info strong {padding-top:15px;border-top:2px solid #333; }
.each-city .city-img {height:400px; }
.each-city .city-info p { min-height:65px; padding-bottom:15px;}
 
}
@media (min-width: 1200px) {
.leftpart .each-city .city-info h1 {padding-top:60px;} 
.each-city .city-info p { min-height:65px;}
.each-city .city-info,.leftpart .each-city .city-info {padding:0;height:350px;}
.each-city .city-img strong {bottom:10px; top:inherit;} 
	}
 
/*-------awards------*/
.mod-awards {background-repeat:no-repeat;  background-image:url(../images/logostarbg.gif); background-position: -260px -20px; }
.mod-awards .container {position:relative;  }
.awards-about {color:#fff;}
.awards-about .logo {width:270px;height:270px; margin:0 auto;overflow:hidden; background-repeat:no-repeat; background-position:center center; 
background-image:url(../images/logostar.png); background-size:100%;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;} 
.awards-about .title { text-align:center;padding-top:50px; padding-bottom:100px;}
.awards-about h3 { font-size:60px; font-style:italic;  letter-spacing:1px;font-weight:200;}
.awards-about h4 {font-size:30px; font-family:"SimSun"; font-weight:bold; }
.awards-about h5 {font-size:16px;  letter-spacing:1px;}
.awards-about h6 {font-size:60px;font-weight:200; margin-bottom:45px;}
.awards-about .title p {border-top:1px solid #FFAD02;border-bottom:1px solid #FFAD02;width:220px;margin:0 auto; text-align:center;font-size:16px;
 color:#FFAD02; line-height:1.6;padding:15px 0; }
.awards-info { position:relative;margin:0 20px; }
.awards-info .text {  background-color:#0b2b65;  padding:70px 60px;line-height:1.8; color:#fff;}
.awards-info .sanjiao { width:80px;height:60px;bottom:-60px;margin-left:-40px;position:absolute; left:50%;overflow:hidden; background-repeat:no-repeat; background-position:center bottom;
background-image:url(../images/sanjiao.gif); background-size:100%; display:block; }
.awards-info .text p { font-size:16px;} 
.awards-info .text h1 {font-size:22px; color:#FFAD02; line-height:1.6; }
.awards-info .text h2 {font-size:18px;line-height:1.6; margin-top:50px;color:#FFAD02; }
 
.awards-table {font-size:16px; line-height:1.4; height:380px; overflow:auto; color:#b0c6ef;}
.awards-table table td { vertical-align:top; border-bottom:1px dashed #6983B3;padding:8px 0;}
.awards-table strong {color:#FFAD02;}
.setting { line-height:1.8;height:380px; font-size:16px;overflow:auto;}
.setting span { color:#6983B3; font-size:14px; display:block;}
.setting p {margin-bottom:10px;}
.awards-rules { line-height:1.8;}
 
@media (min-width: 992px) {
.mod-awards { background-image:none; } 
 

.awards-info .text h2 {margin-top:70px; }
.awards-info .text p { font-size:15px;}
}
@media (min-width: 1200px) {
.awards-info .text > div { }
.mod-awards { background-image:url(../images/logostarbg.gif); background-position:-280px -20px;}
}
@media (min-width: 1400px) {
.mod-awards { background-image:url(../images/logostarbg.gif); background-position:center -20px;}
}



/*-------setting-----*/
.mod-setting { }

.awards-setting { padding-left:45px; line-height:1.8; color:#fff; position:relative;margin-bottom:60px; }
.awards-setting .text {padding-top:80px;}
.awards-setting .text h1 { font-size:26px;margin-bottom:0; }
.awards-setting .text h2 {margin-top:10px;margin-bottom:70px; font-size:60px; font-weight:100; position: relative;}
.awards-setting .text h2 span {color:#FFAD02; }
.awards-setting .text .set-img {width:370px;height:auto;}
.awards-setting .text .brands {padding-top:70px; line-height:1.65; font-size:16px;}
.awards-setting .text .brands span { padding-left:10px; font-size:14px; }
.awards-setting .text .brands p {margin-bottom:21px;}
.awards-setting .logo { position:absolute; top:60px;right:0; width:240px;height:240px; margin:0 auto;overflow:hidden; background-repeat:no-repeat; background-position:center center; 
background-image:url(../images/logostar.png); background-size:100%;}
.awards-guest { padding:80px 20px 70px 65px;margin:0 20px; color:#444; background-color:#fff;}
.awards-guest h3 {font-size:40px; font-weight:100;}
.awards-guest h3 span {color:#FFAD02}
.awards-guest h4 {font-size:26px;}
.awards-guest .table { line-height:1.42;margin-top:40px;}
.awards-guest .table strong {color:#FFAD02; font-weight:bold; font-size:14px;}
.awards-guest .table td { vertical-align:top;padding:5px 0; font-size:14px;}
 
@media (min-width: 992px) {
.awards-setting .logo {width:200px;height:200px;}
}
@media (min-width: 1200px) {
.awards-guest {margin:0;}
.awards-setting .logo {width:240px;height:240px;top:-20px;right:0; }
}
 



/*-------media------*/
.mod-media { position:relative;background-color:#898989;color:#fff; } 
.mod-media .container {position:relative; }
.mod-media .media-bg {width:100%;height:270px; background-image:url(../images/img02.jpg); background-repeat:no-repeat; background-position:left center; background-size:cover;}
.mod-media .info { position:relative;}
.mod-media .info .text {padding-top:90px; padding-left:20px;padding-right:20px;padding-bottom: 20px;}
.mod-media .each-text { line-height:1.6;padding:5px 35px;}
.mod-media .each-text strong {color:#FFAD02; font-weight:bold;font-size:16px;}
.mod-media .each-text p {margin-bottom:15px; font-size:15px; }
.mod-media .each-text .same strong { display:inline}
.mod-media .each-text .same,.mod-media .each-text .same strong {font-size:16px; }
.mod-media .brands-img {width:100%;height:auto;margin-bottom:30px;margin-top:15px; max-width:440px; }
.mod-media .media-title {position:absolute;top:-95px;left:0; width:90%;background-color:rgba(13, 55, 133, 0.85); color:#fff; }
.mod-media .media-title h1 {font-weight:100;margin:0;padding-top:20px;padding-bottom:20px;padding-left:60px;font-size:26px;line-height:1.4;}
.mod-media .media-title h1 strong { display:block; line-height:1.4;font-size:44px; font-weight:100;  }
.mod-media .media-title h1 strong span {color:#FFAD02;} 
.meida-list-body strong {color:#FFAD02}
.swiper-container-media {padding-bottom:30px;}
 
 
@media (min-width: 992px) {
.mod-media .media-title { top:-85px;width:80%; } 
.mod-media .media-bg  {height:320px;} 
.mod-media {background-color:#898989;color:#fff; }
.mod-media .each-text { font-size:14px;padding-right:25px;}
.mod-media .info .text {padding-top:90px;}
.mod-media .each-text .same strong { display:block}
}

@media (min-width: 1200px) {
.mod-media .media-bg  {height:320px;} 
.mod-media .each-text {padding-left:15px;padding-right:15px;}
.mod-media .each-text p {font-size:14px;}
.mod-media .each-text .same strong { display:inline;}	
.mod-media .info .text {padding-top:130px;}	
	}

/*-------rights----*/
.mod-rights { background-color:#fff; position:relative;} 
.mod-rights .container {position:relative; }
.mod-rights .info { position:relative;}
.mod-rights .info .text {padding-bottom:20px;padding-top:20px; }
.mod-rights .swiper-wrapper {padding-top:20px;padding-bottom:40px;}
.mod-rights .each-text { line-height:1.8;margin:0 15px;font-size:15px; overflow:auto; position:relative;} 
.mod-rights .each-text h1 { position:relative;left:50px;top:3px;font-size:20px; margin:0; display:inline;}
.mod-rights .each-text p { width:100%;padding-top:15px;}
.mod-rights .each-text span.icon { width:40px;height:30px;font-size:18px; line-height:30px; color:#fff; background-color:#2a57ab; 
text-align:center; display:inline-block; position:absolute;left:0;top:0; }
.mod-rights .rights-title {padding-top:40px;color:#333;text-align:center; }
.mod-rights .rights-title h1 {margin:0;padding:16px 0; font-size:26px; line-height:1.4; }
.mod-rights .rights-title h1 strong { display:block; font-size:44px;line-height:1.4; font-weight:100;}
.mod-rights .rights-title h1 strong span {color:#FFAD02;} 
.mod-rights .swiper-container-horizontal>.swiper-pagination-bullets,
.mod-rights .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0;}
.mod-rights .swiper-button-black {bottom:20px;top:95%;}
 
 
 @media (min-width: 992px) {
.mod-rights .each-text span.icon { width:55px;height:55px; color:#fff; font-size:24px; line-height:55px;}
.mod-rights .each-text p {margin-bottom:25px; padding-top:55px;}
.mod-rights .info .text {padding-bottom:0;}
.mod-rights .info .text h1 {left:70px;top:15px;}	
.mod-rights .rights-title h1 { font-size:26px; }
.mod-rights .rights-title {padding-top:60px;}
 }
 @media (min-width:1200px) {

.mod-rights .each-text { font-size:14px; }	 
.mod-rights .swiper-wrapper {padding-top:30px; }
 }
@media (min-width: 1400px) {  
.mod-rights .info .text {padding-left:0;padding-right:0;}
.mod-rights .rights-title h1 strong { font-size:60px;} 
.mod-rights .each-text { margin:0 20px;}
}


/*-------details----*/
.mod-details {color:#fff;  }
.mod-details .container {position:relative; }
.mod-details .container > .row { z-index:9; position:relative;}
.mod-details .img  { padding:0; }
.mod-details .img .details-bg {width:100%;height:600px; background-image:url(../images/img04.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mod-details .info { position:relative; background-color:#0D3785;}
 
.details-title {padding:10px;padding-top:60px;padding-right:30px;  background-color:transparent; text-align:right;left:0;top:0;width:100%; position:relative;} 
.details-title h1 { font-size:26px; line-height:1.6;}
.details-title h1 strong { display:block; line-height:1.2; font-weight:100; font-size:44px;}  
.details-title h1 span {color:#FFAD02;}
.rank-div {width:80%;color:#fff;padding-right:30px; float:right;padding-top:40px;}
.rank-div dl {margin-bottom:15px; width:100%; display:table;}
.rank-div dl dt {width:50%; display:table-cell; line-height:26px;text-align:left; font-size:16px; font-weight:normal;}
.rank-div dl dd {width:50%; display:table-cell;line-height:26px; text-align:left;background-color:#0A2963; text-indent:40px;color:#FFAD02;}

 
@media (min-width: 992px) {
.details-title {padding-top:80px;}
.details-title h1 { font-size:26px; }
.details-title h1 strong { font-size:60px;}
.rank-div {padding-top:50px;}
.rank-div dl {margin-bottom:25px; }
.rank-div dl dt {width:40%; }
.rank-div dl dd {width:60%;}
.rank-div {width:370px;}
.mod-details .img .details-bg {height:720px; } 
}
@media (min-width: 1200px) {

}


/*-------more----*/

.mod-more { background-color:#fff;padding-top:70px;}
.tab-menu { padding-bottom:100px;}
.tab-menu li {display:block;width:100%; text-align:center; margin-bottom:10px; position:relative;}
.tab-menu li a { display: block; margin:0 auto;text-align:center; color:#fff;text-decoration:none; background-color:#0D3785; border:1px solid #0D3785; 
line-height: 1.42; font-size: 16px;padding:10px 0 8px 0; } 
.tab-menu li.active a { background-color:#FFAD02; color:#333;border:1px solid #FFAD02;  }
 

.mod-more .content-slide { padding:0 15px;height:750px; overflow:auto; line-height:1.6;margin-bottom: 50px;}
.content-slide .title { font-size:26px;color:#444; padding-bottom:10px; }
.content-slide .title strong {font-size:44px; display:block; line-height:1.4;font-weight:100; }
.content-slide .title span {color:#FFAD02;}
.content-slide .subtitle {margin-top:30px; margin-bottom:20px;color:#FFAD02; font-size:16px; font-weight:bold;}  
.content-slide strong.money {font-size:60px; padding-right:5px;font-weight:100; font-style:italic; color:#FFAD02;}
.content-slide .info {padding-top:15px;padding-bottom:20px;position:relative;margin-bottom:20px; border-bottom:1px solid #444;}
.mod-more .blank-xs {margin-top:10px;height:10px;border-top:1px solid #444444;width:100%; }

 
@media (min-width: 992px) { 
.content-slide strong.money {font-size:66px; padding-right:10px;}
.tab-menu li {margin-bottom:20px;}
.mod-more .content-slide { margin-bottom:80px;height:500px;}
}
@media (min-width: 1200px) { 
.content-slide strong.money {font-size:76px; }
.mod-more .content-slide {height:auto;}
}


/*-------more----*/
.mod-contact { color:#fff;padding:60px 0;}
.contact-text {width:100%;max-width:480px;height:280px; padding-top:30px;padding-left:40px;padding-right:40px;border:1px solid #6983B3;}
.contact-text h2 { text-align:right;color:#6983B3;font-size:32px; display:block;margin-bottom:35px; font-weight:100;}
.contact-text p {margin-bottom:2px; font-size:14px;}
.contact-text p strong { font-size:16px; line-height:2; letter-spacing:2px;}
.contact-cover { height:280px; background-color:#0B2B65;border:1px solid #0B2B65; text-align:center; float:right;width:100%;max-width:480px; padding-top:70px; }
.contact-cover p {margin:0 auto;padding-top:15px;letter-spacing:2px;border-top:1px dashed #fff; font-size:15px; font-weight:bold; width:320px;margin-top:20px;}
.contact-cover img {width:200px;margin:0 auto; display:block; text-align:center;}


/*-------blank----*/

.blank {width:100%;height:60px; overflow:hidden; display:block;}
.blank-a {  }
.blank-b {background-color: #fff; }
.blank-c {height:80px;}
.blank-d {height:80px;}
.blank-g {background-color: #fff; height:40px;}
.blank-f { background-color:#fff;height:20px; border-top:1px solid #eee;}
@media (min-width: 768px) {
.blank {height:80px;}
.blank-d {height:130px;}
.blank-b {background-color:#fff;}
.blank-f { height:40px;}
}
@media (min-width: 992px) {
.blank {height:100px;} 
.blank-a  {height:0px;} 
.blank-b {height:140px;}
.blank-f { background-color:#898989;height:50px;border-top:0;}
}







@media (min-width: 768px) {
 
 
 
}
@media (min-width: 992px) {
 
}


@media (min-width: 1200px) {

} 


@media (min-width: 1400px) {
	
.container { width: 1370px;} 
.col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 { float: left;}
  .col-xlg-12 {
    width: 100%;
  }
  .col-xlg-11 {
    width: 91.66666667%;
  }
  .col-xlg-10 {
    width: 83.33333333%;
  }
  .col-xlg-9 {
    width: 75%;
  }
  .col-xlg-8 {
    width: 66.66666667%;
  }
  .col-xlg-7 {
    width: 58.33333333%;
  }
  .col-xlg-6 {
    width: 50%;
  }
  .col-xlg-5 {
    width: 41.66666667%;
  }
  .col-xlg-4 {
    width: 33.33333333%;
  }
  .col-xlg-3 {
    width: 25%;
  }
  .col-xlg-2 {
    width: 16.66666667%;
  }
  .col-xlg-1 {
    width: 8.33333333%;
  }
.focus .swiper-slide {height:750px;}    
}