/* CSS Document */

*{margin:0;padding:0;box-sizing:border-box;  

-moz-box-sizing:border-box; /* Firefox */  

-webkit-box-sizing:border-box; /* Safari */  }

body {font-family:"思源黑体",arial;  font-size:16px; background:#fff; color:#333;}

ol,ul,li,dl,dt,dd{list-style:none;}

h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}

em,i,strong{ font-style:normal; font-weight:normal;}

table {    border-collapse: collapse;border-spacing: 0;}

img{border:none;}

a{text-decoration: none;color:#333;}

.fl{float:left;}

.fr{float:right;}

.Pr {    position: relative;}

.Pa {    position: absolute;}

button{cursor:pointer;} 

button:hover{color:#0f75bc;}

/*去除Chrome等浏览器文本框默认发光边框*/

.clear{clear:both;}

.dis{display:block;}

.undis{display:none;}

input:focus, textarea:focus { outline: none; }

input,textarea { font-family: "microsoft yahei";}

/* 去除 ie6 & ie7 焦点点状线 */

a:focus,*:focus {outline:none;}

/*禁止拖动大小*/

textarea{resize:none}

/* 去掉 table cell 的边距并让其边重合 */

table { border-collapse:collapse;border-spacing:0;}

/* ie bug：th 不继承 text-align */

th {text-align:inherit;}

/* ie6 7 8(q) bug 显示为行内表现 */

/* 去掉 firefox 下此元素的边框 */

abbr,acronym {border:none;font-variant:normal;}



 /*使用字体库时，让i标签继承行高*/

i{line-height: inherit!important ; font-size:inherit }



/*这一句是用来解决在安卓上的点击出现篮框问题*/

body{ 

	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  

	-moz-tap-highlight-color:rgba(0, 0, 0, 0);  

	-ms-tap-highlight-color:rgba(0, 0, 0, 0);  

	-o-tap-highlight-color:rgba(0, 0, 0, 0);  

	tap-highlight-color:rgba(0, 0, 0, 0);  

}

/*下面是解决ios上去除微信点击蓝色边框 */

a:focus,input:focus,p:focus,div:focus{

/*-webkit-user-modify:read-write-plaintext-only; */

}

.clear{clear:both;}

.dis{display:block;}

.undis{display:none;}

.fl{float:left;}

.fr{float:right;}

.Pf{position: fixed;}

.Pr{position: relative;}

.Pa{position: absolute;}

.width_1200{ width:100%; max-width:1200px; height:auto; margin:0 auto;}



/*通用样式*/

.qing { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}

.ind_content{ display:block; width:100%; height:auto;}

.width_1200{ width:100%; height:100%; max-width:1200px; margin:0 auto; clear:both;}

.n_content{ margin:1rem auto 2rem; width:100%; height:auto;}

.ind_title { margin-bottom:1.875rem;}

.ind_title h2{text-align:center; color:#333; font-size:1.5rem; font-weight:bold; text-transform:Uppercase;}

.ind_title span{ display:block; width:3rem; height:2px; background:#c0100d; margin:0 auto; margin-top:.75rem;}

.ind_more{ width:100%; text-align:center; position:relative; margin-top:1.875rem;}

.ind_more a{ display:block; width:10rem; margin:0 auto; font-size:1rem; line-height:3rem; background:#c0100d; color:#fff; border-radius:.4rem; z-index:9;}

.about_us .ind_more a{  position:absolute; right:0;}

/*通用样式 end*/





.data-image{ width:100%; height:auto;}

.data-image img{ display:block; width:100%; height:auto;}





.jsi_news{ margin-top:1%; border:1px solid #ddd;}

.jsi_tltle{ width:100%; padding:0 .75rem; border-bottom:1px solid #ddd; line-height:3rem; position:relative;}

.jsi_tltle h2{ font-weight:bold; font-size:1.125rem; color:#18539f;}

.jsi_tltle a{ position:absolute; right:.75rem; top:0; font-size:.875rem; color:#18539f;}
.jsi_tltle a:hover{ color:#0060fd;}

.jsi_news .jsi_tltle a{ right:52%; }

.jsi_news_flex{ display:flex;}

.jsi_news_flex>div{ width:50%; padding:.75rem;}



.flexslider{ width:100%; height:auto; position:relative; overflow:hidden;}

.slides{ width:100%; height:auto; position:relative; z-index:1;}

.slides li{ height:auto;}

.slides li a { display:block; width:100%; height:0; padding-bottom:60%; position:relative;}

.slides li a img{ display:block; position:absolute; top:0; width:100%; height:100%;}

.slides li a div{ width:100%; position:absolute; bottom:0; line-height:2.5rem; padding:0 1rem; background:rgba(8,53,121,.6);}

.slides li a div p{ width:60%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#fff; text-align:left;}

.flex-control-nav{ width:40%; text-align:right; height:1rem; position:absolute; right:.75rem; bottom:.75rem; z-index:2;}

.flex-control-nav li{width: 1rem; height: 1rem; margin:0 5px; display:inline-block; *display:inline; zoom:1;}

.flex-control-nav a{ width:14px; height:14px;line-height:40px; display:inline-block; overflow:hidden;background:url(../image/dot.png) right 0 no-repeat; cursor:pointer;}

.flex-control-nav .flex-active{ background-position:0 0;}

.flex-direction-nav{ width:100%;  position:absolute; left:0; right:0;  top:45%; margin:0 auto; z-index:3;}

.flex-direction-nav li a{ width:3rem; height:3rem; display:block; overflow:hidden; cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{ left:40px; background:url(http://js.ccgc.cn/images/prev.png) center center no-repeat; background-size:cover;}

.flex-direction-nav li a.flex-next{ right:40px; background:url(http://js.ccgc.cn/images/next.png) center center no-repeat;background-size:cover;}

/*新闻--左 end*/
.jsi_news .jsi_tltle a{ right:.5rem; z-index:999;}


.jsi_news_list{ position:relative;}

.container {height: 100%; width:100%;}

#tnav2{ position:absolute; width:150%; right:0; top:-3rem; line-height:3rem; display:flex; margin-top:-1px; background:#eee; padding-right:6rem;}

#tnav2 a{ display:block; width:14.28%; font-size:1.05rem;}

.xuan_tnav2 {padding:0;	line-height:3rem;	text-align: center;	text-decoration: none;	color: black;}

.xuan_tnav2:hover { background:#18539f;	color: #fff;}

#xuan { width:100%; height:100%;}

.xuan_div {display: none;}

.curr_tnav2 {!important; background:#18539f;color:#fff;}

.curr_div {	display: block !important; width:100%;}

.xuan_div>ul>li{ width:100%; margin-bottom:.15rem;}

.xuan_div>ul>li:last-child{ margin-bottom:0;}

.xuan_div>ul>li>a{ display:block; position:relative; line-height:2rem;}

.xuan_div>ul>li>a>div{ display:block; width:80%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xuan_div>ul>li>a:hover>div{ color:#18539f;}

.xuan_div>ul>li>a>span{ width:20%; text-align:right; padding-left:.75rem; position:absolute; right:0; top:0;}

/*新闻--右 end*/



.jsi_zyzt{ margin-top:1.5%;}

.jsi_zyzt_flex{ display:flex;}

.jsi_zyzt_flex>div{ width:49%; border:1px solid #ddd;}

.jsi_zyzt_flex>div>ul{ padding:.75rem;}

.jsi_zyyw{ margin-right:2%;}

/*.jsi_zyyw_list>li{ width:46%; float:left; text-align:center; margin:3.7% 0; margin-right:2%;}*/
.jsi_zyyw_list>li{ width:46%; float:left; text-align:center; margin:3.7% 0;}

.jsi_zyyw_list>li:nth-child(3n){ margin-right:0;}

.jsi_zyyw_list>li>a>div img{ display: block; width:auto; height:auto;  max-width:60%; margin:0 auto;}

.jsi_zyyw_list>li>a>p{ font-size:.875rem; line-height:2rem; margin-top:.5rem;}
.jsi_zyyw_list>li>a:hover>p{ color:#0142ae}
.jsi_ztzl_list>li{ width:49%; margin-right:2%; float:left; margin-bottom:2%;}

.jsi_ztzl_list>li:nth-child(2n){ margin-right:0;}

.jsi_ztzl_list>li>div a{ display:block; width:100%; height:0; padding-bottom:55%; position:relative;}
.jsi_ztzl_list>li>div img{ display:block; width:100%; height:100%; position:absolute;}

.jsi_zyyw_list_about>li{ width:32%; float:left; text-align:center; margin:3.7% 0;}

.jsi_zyyw_list_about>li:nth-child(3n){ margin-right:0;}

.jsi_zyyw_list_about>li>a>div img{ display: block; width:auto; height:auto;  max-width:60%; margin:0 auto;}

.jsi_zyyw_list_about>li>a>p{ font-size:.875rem; line-height:2rem; margin-top:.5rem;}
.jsi_zyyw_list_about>li>a:hover>p{ color:#0142ae}


.jsi_ztzl_list>li{ width:49%; margin-right:2%; float:left; margin-bottom:2%;}

.jsi_ztzl_list>li:nth-child(2n){ margin-right:0;}

.jsi_ztzl_list>li>div a{ display:block; width:100%; height:0; padding-bottom:55%; position:relative;}
.jsi_ztzl_list>li>div img{ display:block; width:100%; height:100%; position:absolute;}

.jsi_abv{ margin-top:1.5%;}

.jsi_abv_flex{ display:flex;}

.jsi_abv_flex>div{ border:1px solid #ddd;}

.jsi_about{ width:60%; margin-right:2%;}

.jsi_video{ width:38%;}

.jsi_about_list{ padding:.75rem;}

.jsi_about_list>li>a>p{ font-size:1rem; line-height:2rem;}
.jsi_about_list>li>a:hover>p{ color:#0142ae;}
.jsi_about_list>li{ margin:0; margin:0 2% 2% 0;}

.jsi_about_list>li>a>div img{ max-width:100%;}

.jsi_videos{ padding:.75rem;}

.jsi_videos video{ display:block; width:100%; height:19.5rem;}
.jsi_videos a{ display:block; width:100%; height:0; padding-bottom:72%; position:relative;}
.jsi_videos img{ display:block; width:100%; height:100%; position:absolute;}




.jsi_foots{ background:#18539f; padding:2rem 0; margin-top:0.5%; text-align:center; color:#fff;}

.jsi_foots a{ color:#fff;}

.jsi_fnav{ margin-bottom:1.5rem;}


.bwcx{ margin-top:1%;}
.bwcx img{ display:block; width:100%; height:auto;}



/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC   ipad pro*/

@media only screen and (min-width: 992px) and (max-width: 1199px){

	

	

	}

	

/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/

@media only screen and (min-width: 768px) and (max-width: 991px){

	

	

	}



/*手机状态下显示的效果*/

@media only screen and (max-width: 767px) {

	

	html,body{ font-size:85%;}

	.ind_content{ padding:1.875rem 0;}

	/*banner*/

	.flexslider{ width:100%;}

	.flex-direction-nav{ top:35%;}

	.flex-direction-nav li a.flex-prev{ left:20%;}

	.flex-direction-nav li a.flex-next{ right:20%;}

	.bot_kong,.bot_btn{ display:block;} 

    /*banner end*/

	

     .ind_content{ width:96%; padding:0;}

	 .jsi_news_flex,.jsi_zyzt_flex,.jsi_abv_flex{ display:block;}

     .jsi_news_flex>div,.jsi_zyzt_flex>div,.jsi_abv_flex>div{ width:100%;}

	 #tnav2{ position:inherit; top:inherit; margin-bottom:2%;}

	 #tnav2 a{ padding:2%; line-height:1.25rem;}

	 .xuan_div>ul>li{ margin-bottom:.5rem;}

	 .jsi_zyyw_list>li{ width:46%;}

	 .jsi_zyyw_list>li:nth-child(3n){ margin-right:2%;}

	 .jsi_zyyw_list>li:nth-child(2n){ margin-right:0;}

	 .jsi_zyzt_flex>div,.jsi_abv_flex>div{ margin-top:2%;}
.xuan_div>ul>li>a>span{ width:28%;}
	 .xuan_div>ul>li>a>div{ width:76%;}

	 

	}

	

	@media only screen and (max-width: 375px) {

		

		

		}

    @media only screen and (max-width: 320px) {

		

		}