/*!
 * qianjia special
 * cj modify */

/*------qianjia common------*/
html {padding:0;margin:0;font-size:10px; font-size:62.5%;}
body {padding:0;margin:0; font-size:14px; background-color:#1F367F; color:#fff; font-family:"PingFang-SC-Regular","Hiragino Sans GB","Microsoft YaHei","Source Han Sans CN","Heiti SC", Tahoma,SimSun , sans-serif;  }
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:focus {box-shadow:none;outline:none;}
.form-control:focus { box-shadow:none;outline:none;}
p { max-height: 999999px; margin:0;}
a, a:hover, a:active, a:focus, a:visited {
    text-decoration: none; text-shadow:none; box-shadow:none;outline:none;
}
a { cursor:pointer;
 transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; }
img {
    max-width: 100%;border:0;
}
.modal-dialog .modal-content { box-shadow:none; border:0;}

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

 }
.error-modal { position:absolute;width:700px;height:400px;left:50%;margin-left:-350px;top:200px; 
color:#444; z-index:10001; background-color:#fff; }
.error-modal .error-text { padding-top:60px;}
.error-modal .error-text h2 { font-size:18px; line-height:1.6;color:#444; font-weight:normal; text-align:center;}
.error-modal .error-text .error-show {width:550px;margin:0 auto;height:120px;margin-top:30px; background-image:url(../images/errorimg.jpg); 
background-position:center center;  background-repeat:no-repeat;}


/*------modal------*/ 
.modal-content {color:#444;}
.modal-joinus {color:#fff;}
.modal-joinus .modal-dialog {margin-top:50px;}
.modal-joinus .modal-content { background-color:#1F367F;border:0px solid #6779b1;    border-radius:0;}
.modal-joinus h4 {font-size:16px;  text-align: center;}
.modal-joinus button.close {color:#fff;text-shadow:none;}
.modal-joinus .modal-header {border-bottom:0;}
.modal-joinus .modal-body { } 
.modal-joinus .modal-body-c {overflow:auto; height:370px;}

@media (min-width: 375px) { 
.modal-joinus .modal-dialog {margin-top:70px;}
	} 
@media (min-width: 414px) { 
.modal-joinus .modal-dialog {margin-top:100px;}
.modal-joinus .modal-body-c { height:400px;} 
}
@media (min-width: 768px) { 
.modal-joinus .modal-body-c { height:auto;} 

}
@media (min-width: 992px) { 
.modal-dialog {width:800px;}

.modal-joinus .modal-dialog {margin-top:150px;}
}

.modal-saoma {}
 
.modal-saoma .modal-content { border-radius:4px;}
.modal-saoma .modal-title {font-size:16px; font-weight:bold;}
.modal-saoma .modal-header {background-color:#fff;border:0;}
.modal-saoma .modal-dialog {margin-top:50px; text-align:center;}
.modal-saoma .modal-body {padding-bottom:20px;background-color:#fff; }
.modal-saoma .modal-body p { font-size:15px;padding-top:5px; }
.modal-saoma .modal-body .img {width:140px;padding:8px;border-radius:4px;border:2px solid #ddd;margin:0 auto;  }
.modal-saoma .modal-body .img img { display:block;width:100%;height:auto;}
.modal-saoma .modal-body .texta {padding-bottom:10px;}
.modal-saoma .modal-body .textb {padding-top:30px;}
@media (min-width:375px) { 
.modal-saoma .modal-dialog {margin-top:100px; }
}
@media (min-width:414px) { 
.modal-saoma .modal-dialog {margin-top:150px; }
}
@media (min-width: 768px) { 
.modal-saoma .modal-dialog {margin-top:200px;width:400px;}
 
}



/*------header ------*/ 
.top_nav {border-bottom:1px solid #36557E; overflow:auto;padding:0 20px; }
.top_nav dl { float:right; padding:7px 0;}
.top_nav a {color:#fff; font-size:13px; padding:0 10px; }
.top_nav dd { float:left;}
.top_nav dt { float:left; border-right:1px solid #36557E ;}
body {position: relative; background-image:url(../images/top_bg.jpg); background-size:100%; background-position:center top; background-repeat:no-repeat;}

.header .navbar {margin:0;border:0;border-radius:0;}
.header-fixed { position:fixed;left:0;right:0;top:0; z-index:99;
 transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out; }
.logo-bbs {width:200px;height:29px; background-image:url(../images/logo.png); background-size:cover; text-indent:-500px; overflow:hidden;padding:0;margin:10px!important; }
.join-btn {padding:20px 0; float:right; }
.join-btn a {border:1px solid #3F47F1; box-shadow:0 0 3px #3ABAF5;  padding:6px 20px;color:#fff; display:inline-block; } 
.header-fixed .join-btn a { background-color:#1D286C; }
.join-btn a:hover { background-color:#3ABAF5;}



@media (max-width: 767px) {
.header { position:fixed;left:0;right:0;top:0; z-index:99; }
.header .nav > li { text-align:center}
.header .nav > li > a {color:#fff;border-left:0px solid transparent; font-size:16px;padding:2px 15px;margin:10px 0;  }
.header .nav > li > a:hover,.header .nav > li > a:focus,.header .nav > li > a:active { background:none;}
.header .nav > li.active > a {border-left:0px solid #fff;}
.header .navbar-toggle .icon-bar { background-color:#fff}
.header .navbar-collapse { background-color:#1D286C;width:180px; float:right;border:0;box-shadow:none;opacity:0.9; }
.header.header-fixed .navbar-header { background-color:#1F367F;}
.header .navbar-toggle {padding: 18px 20px;margin:0;background-color:#1D286C;    }
.header .navbar-toggle.collapsed { background:none;    }
.header.header-fixed .navbar-toggle.collapsed { background-color:#1F367F;    }
}
@media (min-width: 768px) { 
.header.header-fixed { background-color:#1D286C;}
.header .nav > li > a {color:#fff;border-bottom:2px solid transparent;padding:4px 0;margin:0 5px; font-size:16px; font-weight:bold; }
.header .nav > li > a:hover,.header .nav > li > a:focus,.header .nav > li > a:active { background:none;}
.header .nav > li.active > a {border-bottom:2px solid #fff;}
.header .navbar-collapse { position:relative;}
.logo-bbs {  display:none; }
 .bbs-middle { padding:22px 0;}
}
@media (min-width: 992px) { 
.header .nav > li > a {margin:0 10px;}
}
@media (min-width: 1200px) {
.bbs-middle { left:50%; margin-left:-270px;top:0; padding:22px 0; position: absolute;}
.header .nav > li > a { margin:0 15px;	}
.logo-bbs { display:block;width:290px;height:42px;margin:13px!important;}	
}



/*-------footer------*/
.footer { clear: both; background-color:#fff;padding-top:20px;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; }
.footer .weixin {width:120px;margin:10px auto;}
.footer .weixin p { margin-top:5px;}
.footer .footlogo {width:45%;max-width:200px;margin:20px auto;}
.footer .footlogo img {width:100%;height:auto;}
@media (min-width: 768px) {
.footer p { color:#999; }
.footer p a {color:#666;margin:0 5px;}
}
@media (min-width: 992px) {
.footer p a {color:#444;margin:0 15px; font-size:14px;}
}
/*------index ------*/ 

.i-focus { padding-bottom:5%;}
.brand_wrap {width:270px;height:270px;margin:50px auto; position:relative; overflow:hidden;}
.brand_wrap * {position:absolute;left:0;width:100%;height:100%;background-size:cover; background-position:center center; background-repeat:no-repeat;}
.brand_logo { background-image:url(../images/brand.png); z-index:3; }
.circle_a { background-image:url(../images/circle1.png);z-index:2;
	-webkit-animation: rotate 3s linear infinite;
            animation: rotate 3s linear infinite;}
.circle_b { background-image:url(../images/circle2.png);z-index:1;
	-webkit-animation: rotatetwo 2s linear infinite;
            animation: rotatetwo 2s linear infinite;}
.brand_text {width:240px;height:auto; margin:0 auto;}



@media (min-width: 768px) {
.brand_wrap {width:500px;height:500px;}
.brand_text {width:400px;}
}

@media (min-width: 1200px) {
.brand_wrap {width:570px;height:570px;}
.brand_text {width:490px;}
}
 @-webkit-keyframes rotate {
            0% {
                -webkit-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                     -o-transform: rotate(0deg);
                        transform: rotate(0deg);

            }
            100% {
                -webkit-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                     -o-transform: rotate(360deg);
                        transform: rotate(360deg);
            }
        }
@keyframes rotate {
            0% {
                -webkit-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                     -o-transform: rotate(0deg);
                        transform: rotate(0deg);

            }
            100% {
                -webkit-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                     -o-transform: rotate(360deg);
                        transform: rotate(360deg);
            }
        }
 @-webkit-keyframes rotatetwo {
            0% {
                -webkit-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                     -o-transform: rotate(360deg);
                        transform: rotate(360deg);

            }
            100% {
                -webkit-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                     -o-transform: rotate(0deg);
                        transform: rotate(0deg);
            }
        }
@keyframes rotatetwo {
            0% {
                -webkit-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                     -o-transform: rotate(360deg);
                        transform: rotate(360deg);

            }
            100% {
                -webkit-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                     -o-transform: rotate(0deg);
                        transform: rotate(0deg);
            }
        }
		
		
.i-time { width:90%;margin:50px auto; min-height:60px;font-size:12px; position:relative;}
.i-time .img { display:none;margin-bottom:30px; clear:both;}
.i-time .text { float:left;text-align:center; position:relative; z-index:9;}
.i-time p { background-color:#20357F; display:inline-block;padding:0 5px;}
.i-time .text-a {width:20%;  text-align:left;}
.i-time .text-d {width:20%;  text-align:right;}
.i-time .text-b {width:30%; }
.i-time .text-c {width:30%; }
.i-time strong { display:block; line-height:2;font-size:13px; }
.i-time .line { position:absolute;left:0;right:0;top:20px;height:1px;width:100%; background-color:#fff;z-index:1;}
.i-time .line-b { position:absolute; right:0;top:20px;height:1px; width:0;background-color:#3ABAF5; z-index:1;
	-webkit-animation: line 8s linear;
            animation: line 8s linear;}
			
@media (min-width: 768px) {

.i-time {font-size:16px; min-height:120px;}
.i-time strong  {font-size:14px;}
.i-time p { padding:0 20px;}
.i-time .line, .i-time .line-b {top:30px;}
}
@media (min-width: 1200px) {
.i-time .img {width:240px; display:block;} 
.i-time {font-size:16px; }
.i-time strong  {font-size:18px;}
.i-time .line, .i-time .line-b {top:130px;} 
}


@-webkit-keyframes line {
  0%  {width:100%;}
  100% {width:1px;}
}
@keyframes line {
  0%  {width:100%;}
  100% {width:1px;}
}


.title { background-image:url(../images/title_bg.png); min-height:44px;background-repeat:no-repeat; background-size:50%; background-position:center center;clear: both;  text-align: center; }
.title span { display:inline-block;margin:0 auto;text-align:center; line-height:42px; color:#fff; font-size:22px; font-weight:normal;}
.i-about {background-color:#1D1452;padding-top:80px;}
.i-about .detail {width:80%;margin:0 auto; line-height:1.8;padding:40px 0 80px 0; font-size:13px;}
@media (min-width: 768px) {
	.title {background-size:contain; }
.title span { font-size:28px; }
.i-about .detail  { width:90%;font-size:15px;line-height:2;}
}
@media (min-width: 1200px) {
.i-about .detail {width:680px;}
}



.i-info { text-align:center;padding-bottom:80px;}
.i-info .col-xs-12 { position:relative; }
.i-info .text {border:1px solid #3ABAF5;padding:30px 30px 30px 30px; text-align:left; font-size:13px; line-height:1.8; position:relative;}
.i-info .icon { display:inline-block; position:absolute;left:50%;margin-left:-35px;top: -20px;  background-color:#20357F;  line-height: 1;}
.i-info .iconfont {color:#3ABAF5; font-size:40px;padding:15px; }
.i-info h3 { text-align:center;font-size:22px; color:#fff; padding-bottom:30px; padding-top:50px;}
@media (min-width: 768px) {
 .i-info h3 {font-size:26px;padding-bottom:50px; padding-top:80px;} 
 .i-info .text { font-size:15px; line-height:2;}
 .i-info .iconfont { font-size:60px;}
 .i-info .icon { margin-left:-46px;top: -30px; }
}

@media (min-width: 992px) {
.i-info .text {min-height:240px;padding:40px 30px 0 30px; }
}




.i-line { background-color:#1D1452; padding-top:80px; }
.i-line .container {padding-top:70px;padding-bottom:60px;}
.i-line .each { text-align:center;}
.i-line .each strong { font-size:18px;color:#3ABAF5; display:block; line-height:2.6; }
.i-line .each span {font-size:13px; color:#fff;}
.i-line .each .line {width:2px;height:100px; background-image:url(../images/vertical.png); background-size:cover; background-repeat:repeat-x;margin-left:49%;margin-bottom:40px; }
.i-line .each .line2 { background-image:url(../images/vertical.jpg);}
.i-line .each .num {font-size:22px;color:#3ABAF5; font-weight:bold;}
.i-line .progress-more {margin-top:0;}
.i-line .progress-more .container {padding-top:0;padding-bottom:0;}
.topic-btn {width:70px;height:70px;margin:0 auto; margin-top:25px;}
.topic-btn a { display:block;border:2px solid #3ABAF5;color:#3ABAF5; border-radius:40px;padding:17px; font-size:14px;text-align:center; line-height:1.2;width: 100%;
    height: 100%;}
.topic-btn a:hover {color:#fff; background-color:#3ABAF5;border:2px solid #3ABAF5;}
.modal-topic .modal-dialog {margin-top: 50px;}
.modal-topic .modal-content { background-color:#1F367F;color:#fff;}
.modal-topic .modal-header {border-bottom:0;}
.modal-topic .close {color:#fff;text-shadow:none;}
.modal-topic h3 {margin-top:5px;font-size:22px;margin-bottom:0;}
.modal-topic .modal-body {padding-top:0;}
.modal-topic .modal-body p { line-height:1.8;}
.modal-topic .table td {border: 1px solid #5264a0;}
.modal-topic .table th {border: 1px solid #5264a0;    background-color:#3b5096;
    color: #8e9abf; font-weight:normal;}
@media (min-width: 375px) {
.modal-topic .modal-dialog {  margin-top: 100px;}	
}
@media (min-width: 414px) {
.modal-topic .modal-dialog { margin-top:150px;}	
}
@media (min-width: 768px) {
.i-line .each strong { font-size:26px;} 
.i-line .each span {font-size:15px;}
.i-line .each .num {font-size:26px;}
.modal-topic .modal-dialog { width:490px;    margin-top:200px;}	
}
@media (min-width: 992px) {
.i-line .container {padding-top:20px;}
.i-line .each-b {padding-top:60px;padding-bottom:40px;}
.i-line .each-c {padding-top:60px;padding-bottom:40px;}
.i-line .each .line {margin-bottom:0}
}



.i-progress {padding-top:80px;}
.progress-more {margin-top:20px; background-image:url(../images/progress_bg.jpg); font-size:15px; line-height:1.8; padding:40px 0;
background-size:cover; background-position:center top; background-repeat:repeat-x; }
.progress-more .text {padding:0 10px; font-size:13px;}
.icon-wrap { overflow:auto; padding-top:40px; }
.icon-wrap .each {width:100%; min-height:130px;}
.icon-wrap .icon {background-image:url(../images/icon_bg.png);text-align:center; width:85px;height:85px; float:left;
overflow:hidden; background-repeat:no-repeat; background-size:cover; margin-left:10px;}
.icon-wrap .icon .iconfont { font-size:38px;  line-height:84px; color:#3ABAF5;}
.icon-wrap .text { text-align:left;margin-left:120px; }
.icon-wrap .main-info { font-size:16px; font-weight:bold;padding-bottom:15px;}
.icon-wrap .main-info span {font-size:15px; color:#3ABAF5; display:block; font-weight:normal; line-height:2;}
.icon-wrap .sub-info {font-size:12px; position:relative; padding-right:30px; line-height:1.6;}
.icon-wrap .sub-info:before { content:' '; position:absolute;left:0; width:60px;top:-10px;height:1px; background-color:#6170A4;}

@media (min-width: 768px) {
 .icon-wrap .each {width:50%; float:left; min-height:200px;padding-bottom:0px;}
 .icon-wrap .icon { width:100px;height:100px; }
 .icon-wrap .text { margin-left:135px; }
 .icon-wrap {  padding-top:80px; }
 .progress-more .text {font-size:15px;}
 .progress-more {margin-top:50px; }
 .icon-wrap .sub-info {font-size:14px;}
.icon-wrap .icon .iconfont { font-size:46px;  line-height:96px;}
}

@media (min-width: 992px) {
.icon-wrap .each {width:33.33%;} 

}
@media (min-width: 1200px) {
 .icon-wrap {  padding-top:40px;padding-bottom:50px; }
 .icon-wrap .each {width:12.5%;}
 .icon-wrap .text { text-align:center;margin-left:0;}
.icon-wrap .icon {  width:115px;height:115px; margin:30px auto;float:none;}
.icon-wrap .icon .iconfont { font-size:50px;  line-height:112px;}
 .icon-wrap .sub-info { padding:0 20px; }
 .icon-wrap .sub-info:before {  left:50%;margin-left:-30px; top:-20px;}
.icon-wrap .main-info { padding-bottom:50px;}
}
@media (min-width: 1400px) {
.i-progress .container {width:1320px;}	
}

.i-contact {padding-top:60px;padding-bottom:60px;}
.i-contact .each { font-size:14px; line-height:1.6; padding-bottom:30px; }
 .i-contact .container {padding-top:50px;padding-left:50px;padding-right:50px; }
.i-contact .each strong { font-size:16px; display:block; padding-bottom:10px;}
.i-contact .weixin {margin:0 auto;width:120px; text-align:center;}
.i-contact .weixin p {padding-top:15px; font-size:14px;}
.i-contact .line {width:100%;height:1px; background-color:#40528C;margin:40px 0; }

.i-contact .sub-title { font-size:20px; font-weight:bold; padding-bottom:20px; }
.i-contact .sub-title .iconfont { font-size:20px; padding:10px; font-weight:normal; margin-right:10px; background-color:#3ABAF5;border-radius:30px;}

@media (min-width: 768px) {
	.i-contact {padding-top:80px;padding-bottom:80px;}
	.i-contact .sub-title .iconfont { font-size:24px;}
	.i-contact .sub-title { font-size:24px; padding-bottom:40px;}
	.i-contact .weixin p { font-size:16px;}
	.i-contact .each { font-size:16px;padding-left:1px;}
.i-contact .each strong { font-size:18px;} 
.i-contact .weixin { width:140px;}
.i-contact .col-xs-12:last-child {border-left:1px solid #40528C;}
}	


@media (min-width: 992px) {
	.i-contact .each { padding-left:55px;}
 
}


.i-joinus {background-image:url(../images/ticket_bg.jpg);text-align:center; width:260px;height:120px;margin:0 auto; background-position:center top;
background-repeat:no-repeat; background-size:100%;margin-bottom:120px;}
.i-joinus a { display:block;width:100%;height:100%;}
.i-joinus .texta { font-size:20px;color:#FFEC1D; font-weight:bold;padding-bottom:10px;padding-top:20px;}
.i-joinus .textb {padding:7px 30px; font-size:12px; background-color:#FFEC1D; display:inline-block; color:#333333;}
@media (min-width: 768px) {
.i-joinus { width:360px; height:165px;} 
.i-joinus .texta { font-size:26px;padding-bottom:20px;padding-top:30px;}
.i-joinus .textb {padding:10px 40px; font-size:16px;}
}	

.i-join {    padding-top:30px;  padding-bottom:80px;}
.i-join .title {margin-bottom:50px;}
.mod-joinus .each-link { float:left;width:50%;padding:10px; }
.mod-joinus .each-link a { display:block;font-size:13px; line-height:1.6; font-weight:bold;text-align:center;padding:5px 5px;
position: relative;z-index: 1;    cursor: pointer;  overflow: hidden;}
.mod-joinus .each-link a.able { color:#fff; background-color: #3ABAF5;}
.mod-joinus .each-link a.able:hover { background-color:#FFEC1D; color:#333;}
.mod-joinus .each-link a span {font-size:12px; display:block; font-weight:normal; }

.mod-joinus .each-link a.able:hover::after {
    transform: translateY(10%) translateX(-25px) rotate(-45deg);
}
.mod-joinus .each-link a.able:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500%;
    height: 1000%;
    background: #ffd311;
    z-index: -1;
    transform-origin: 0% 0%;
    transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);
    transition: transform .3s;
}

.mod-joinus .each-link a.able {}
.mod-joinus .each-link a.disable {background-color:#9EAFB7; color:#dadfe0;}

@media (min-width: 414px) { 
.mod-joinus .each-link a { font-size:14px; padding:5px 0;}
.mod-joinus .each-link a span {font-size:12px;}
}
@media (min-width: 768px) { 
.mod-joinus .each-link a { font-size:16px; padding:5px 10px;}
.i-join {    padding-top: 80px;  padding-bottom:100px;}
.i-join .title {margin-bottom: 80px;}
.i-join .mod-joinus .each-link { width:25%;}
}
@media (min-width: 992px) { 
.mod-joinus .each-link { float:left;width:20%;}
.i-join .mod-joinus .each-link { width:16.66%;}

}




.i-vedio {padding:15px;}
.i-vedio-c {width:100%;height: auto; position: relative; overflow: hidden; background:#000;}
.i-vedio video {
     width:100%;
    height:auto;
   display: block;
}
.i-vedio-wrap {display:none; position:absolute;left:0;top:0;width:100%;height:105%; overflow:hidden;background:rgba(0,0,0,0.5); z-index:8;}
.i-vedio a.content { display:none;position:absolute;left:0;top:0;width:100%;height:100%; z-index:9; } 
.i-vedio .item-content { text-align:center;padding-top:120px;}
.i-vedio .item-content h3 {font-size:40px;}
.i-vedio .item-content p { font-size: 22px;}


@media (min-width: 768px) {
.i-vedio {padding:0;}
.i-vedio-c {width:100%;height:400px;}
.i-vedio-wrap {display:block;}
.i-vedio video {
    position: absolute;
    top: 50%;
    left: 50%;
    width:130%;
    height: auto;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%);
    transition: opacity 1s;
}
.i-vedio a.content { display:block;}
}	
@media (min-width: 992px) {
.i-vedio {padding:0;}
.i-vedio-c {width:100%;height:600px;}
.i-vedio .item-content { text-align:center;padding-top:220px;}
.i-vedio .item-content h3 {font-size:60px;}
.i-vedio .item-content p { font-size: 28px;}
}	


.i-media {    padding-top: 60px; padding-bottom:20px;}
.i-media .title {margin-bottom:30px}
.i-media .info {font-size:15px;padding-top:10px;padding-left:10px;}
.i-media .info strong {  color: #FFAD02;font-weight:bold; }
.i-media .zhichi {padding-top:10px; clear:both; overflow:auto;}
.i-media .zhichi li { float:left; width:33%; height:110px; overflow:hidden;}
.i-media .zhichi a { display:block;padding:10px;color:#fff; text-align:center;}
.i-media .zhichi li img {width:100%;height:auto; border-radius:2px;padding:5px; background-color:#fff;}
.i-media .zhichi strong { display:block; padding-top:8px; color:#fff;font-size:8px; font-weight:normal;}


@media (min-width: 768px) {
.i-media {    padding-top:90px;padding-bottom: 30px;}
.i-media .zhichi li { width:16.5%; height:130px; }
.i-media .zhichi strong {   padding-top:12px; font-size:12px; }
.i-media .info {font-size:16px;}
 
}
@media (min-width: 992px) {
.i-media .zhichi {padding-top:30px;}
.i-media .zhichi li { width:14.1%; }
}
@media (min-width: 1200px) {
.i-media .zhichi li {   width:11.1%; }
.i-media .zhichi strong {  font-size:14px; }
}



.i-news {color:#fff;  padding-top:30px;  padding-bottom:80px;} 
.i-news .title {margin-bottom:30px;}
.i-news a { display:inline-block; }
.i-news p {font-size:18px;font-weight:normal;color:#3ABAF5;}
.i-news a img {padding:1px; background-color:#32baf5; border-radius:6px;}
.i-news h3 a {color:#fff;font-size:15px; line-height:1.42;}
.i-news .col-xs-5 {    clear: both;}
.i-news .col-xs-5,.i-news .col-xs-7 {margin-bottom:30px;}
@media (min-width: 768px) {
.i-news {    padding-top:90px;padding-bottom: 30px;}
.i-news .title {margin-bottom:80px;}
.i-news p {font-size:20px;font-weight:bold;}
.i-news h3 a { font-size:17px; }
.i-news .col-xs-5,.i-news .col-xs-7 {margin-bottom:50px;}
}

/*------bottom tool ------*/ 

.bottom-tool {  position: fixed; right:0; bottom:0;z-index: 199;}

.bottom-tool > div > a {width: 50px;height: 50px; text-align: center; background-color:#cacacc;  display: block; }
.bottom-tool > div > a:hover {background-color:#349DEB;}
.bottom-tool .wx { position:relative; display:none;}
.bottom-tool .link {  position: relative;background-image:url(../images/bottomtool_a.png); background-size:65%; background-position:center center; background-repeat:no-repeat;}
.bottom-tool .wx:hover .link {background-color:#349DEB;}
.bottom-tool .wx .block-box {position: absolute; top: -15px; right:50px;padding-right: 25px; display: none;}
.bottom-tool .wx:hover .block-box { display:block;}
.bottom-tool .wx .content {width:130px;padding:12px;height:auto;border:1px solid #ddd; background-color:#fff; 
position: relative; text-align:center; line-height:1.6; color:#666;box-shadow: 0px 0px 5px #ccc;}
.bottom-tool .wx .content img { display:block;margin:0;}
.bottom-tool .wx .content p {padding-top:5px;font-size:12px;}
.bottom-tool .wx .content .triangle { 
    width:0;
    height:0;
    border-width:10px 0 10px 10px;
    border-style:solid;
    border-color:transparent transparent transparent #ccc;
    right:-10px;
	top:20%;margin-top:-5px;
     position:absolute;
}
.bottom-tool .wx .content .triangle span{
    display:block;
    width:0;
    height:0;
    border-width:13px 0 13px 13px;
    border-style:solid;
    border-color:transparent transparent transparent #fff;
    position:absolute;
    margin-top:-13px;
    right:1px;
}
.bottom-tool .scrollup a {color:#fff; font-size:24px;padding:10px; font-weight:100;}
.bottom-tool .feedback { display:none}
.bottom-tool .feedback a {  position: relative;background-image:url(../images/bottomtool_c.png); background-size:65%; background-position:center center; background-repeat:no-repeat;}
 
@media (max-width: 767px) { 
.bottom-tool {
    right: 10px;
    bottom: 10px;
}
.bottom-tool .scrollup a {
    color: #fff;
    font-size: 20px;
    padding: 7px;
    font-weight: 100; opacity:0.7;
}
.bottom-tool > div > a {
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #999; border-radius:50%;
    display: block;
}
 
}
 
@media (min-width: 768px) {
	.bottom-tool {  right: 1px; bottom:100px;}.bottom-tool > div {margin-bottom: 6px;}
	.bottom-tool .wx { display:block}.bottom-tool .feedback {  display:block}
}



 /*-------common respond------*/

@media (min-width: 768px) {

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



}

@media (min-width: 1200px) {
  


}

@media (min-width: 1400px) {
 .container {
    width: 1170px;
}
.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%;
  }

}