@charset "utf-8";
/* CSS Document */

i{font-style: normal;}

.paddingleft0{padding-left:0;}

@media screen and (max-width:768px){
	.until_img img{ width:80% !important; height:auto !important; text-align:center !important;}
}

/*字体图标设置*/
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?onntp');
    src:url('../fonts/icomoon.eot?onntp#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?onntp') format('truetype'),
        url('../fonts/icomoon.woff?onntp') format('woff'),
        url('../fonts/icomoon.svg?onntp#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon{
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0.2;
    -webkit-font-smoothing: antialiased;
}
.glyphicon-chevron-left:before{content:"";}
.glyphicon-chevron-right:before{content:"";}

.changeopacity{
	opacity:0.6;
	filter:alpha(opacity=60);
}



.big_div{display:none; position:absolute; overflow:hidden;top: 12px;left: 400px;z-index: 20; border:1px solid #ccc;		
}
.big_div_img{position:absolute;}
/*reset css*/
body{ font-family:"Microsoft YaHei","微软雅黑",sans-serif;}
.center{ text-align:center;}
.relative{position:relative;}
.clearflfr{float:none !important;}
/*common css*/
/*common css top*/
.top{background-color:#000;height:38px; line-height:38px; line-height:38px\9; color:#FFF;}
.top_welcome{float:left;}
.top_set{float:right; cursor:pointer;}
.add_favorite,.set_main{padding-left:5px; padding-right:5px;}

/*logo phone*/
.log_phone{height:120px;}
.logo{float:left;}
.phone{float:right;}
.logo{margin-top:24px; position:relative;}
.logo img{width:78%;height:auto;}
.logo h1{position:absolute;top:-20px;left:0;width:100%;height:100%;text-indent:-999em;}
.phone{margin-top:37px;}

/*common css  nav*/
.navbar-default{ background-color:#2766a9;font-size:18px;}
.nav .nav_link_img{padding-top:0;padding-bottom:0;}
.icon_vertical{ color:#FFF; line-height:50px; line-height:50px\9;}

/*common css banner  非首页页面banner*/
.banner_img{width:100%;}

@media screen and (min-width:0px) and (max-width:650px){
	.carousel-indicators{display:none;}	
}
@media screen and (max-width: 992px){
	/* nav main */
	.navbar-nav > li > a { font-size:16px; padding-left:10px; padding-right:10px;}	
}

@media screen and (max-width: 767px){
	/* nav main */
	.navbar-nav{ margin:0;}
	.icon_vertical{display:none !important;}
	.navbar-nav > li > a { font-size:18px; padding-top:15px; padding-bottom:15px;}
}

@media screen and (max-width: 480px){
	.log_phone{height:90px;}
	.logo img{width:250px;}
	.phone{ margin-top:22px;}
}


@media screen and (max-width: 450px){
	.log_phone{height:55px;}
	.logo{margin-top:10px;}
	.logo img{width:150px;}
	.phone{margin-top:15px;}
	.phone img{width:100px;}
}

@media screen and (max-width: 440px){
	.top_set{display:none;}
}




/*common css footer*/
.footer{position:relative;padding:60px 0;text-align:center; background-color: #1a1a1a; font-size:16px; color:#FFF;}
.footer_nav{margin-bottom:10px;}
.footer_navlink{color:#FFF;}
.footer_navlink:hover{color:#F00;}
.footer_address{font-size:14px;}
.footer_message{float:left; list-style:none; padding-right:15px; line-height:30px;}
.friends_link{text-align:left;}
.friends_link span{padding-right:15px;}


/*网页面包屑导航和网页类型名*/
/*面包屑导航*/
.right_main_top{height:50px; line-height:50px; line-height:50px\9; border-bottom:1px solid #666;font-weight:500; color:#999;}
.right_main_breadcrumb>a{color:#000; cursor:pointer;}
.right_main_breadcrumb>a:hover{color:#F00;}


/*分页*/
.next{
    text-align: center;
    margin-bottom: 30px;
    line-height: 37px;
}
.next a,b{
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #ddd;
    color: #000000;
    padding: 5px 10px;
}
.next b{
    color: #ffffff;
    background-color: #03a9f4;
}
.next a:hover,.next a:active{
    color: #ffffff;
    background-color: #03a9f4;
}
.next a b{
    font-size: 14px;
    border: none;
    color: #000;
    background-color: transparent;
}



/*网页列表页通用部分*/
/*列表页中left的部分*/
.left_main_nav{width:100%;padding-left:0;margin-top:0;margin-bottom:30px;}
.left_nav{list-style:none;width:100%;height:50px; line-height:50px; line-height:50px\9;padding-left:18px;font-size:16px;}
.left_nav>a:hover{ text-decoration:none;margin-left: 20px;
		transition:all 0.5s;
     -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
   -moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
}
.left_nav_a>a{display:block;}
.left_nav_a a:visited{ text-decoration:none;}
.left_nav_title{font-size:20px;color:#FFF;background-color:#2766a9;}
.left_nav_title>a{color:#FFF;}
.left_nav_title>a:hover{color:#FFF;}
.nav_a{font-size:16px;text-align:center;background-color:#F2F2F2;white-space: nowrap;overflow: hidden;}
.nav_a img{width:100%;height:auto;}
.left_nav_a{background-color:#F2F2F2;white-space: nowrap;overflow: hidden;}
.left_icon{display:none; font-size:28px;}
.left_nav_a>a{color:#8C8C8C;}
.left_nav_a:hover{background-color:#FFF;}			 
.left_nav_a:hover a{color:#5697CD; font-weight:bold;}
.left_nav_a:hover .left_icon{ display:inline;}

.left_img_show{width:100%;}

.left_font{font-weight:600;padding-left:0;}
.left_font_title{font-size:18px;margin-top:30px; margin-bottom:24px; font-weight:bold;}
.left_font_content{list-style:none; margin-top:12px; margin-bottom:12px;}		
/*这个是为了保证在不同屏幕宽度下文字完全展示且不换行 不超出*/
@media screen and (min-width:768px){
	.left_font{font-size:12px;}
}

@media screen and (min-width:991px){
	.left_font{font-size:12px;}
}

@media screen and (min-width:1200px){
	.left_font{font-size:15px;}
}


/*index main title common css*/
.red{color:#F03;}
.blue{color:#2766a9;}
.column_title{text-align:center;}
.main_title{font-size:2.28em;margin-bottom: 0.2em; margin-top:40px;}
.small_title{font-size:1.28em; margin-top:0; margin-bottom:60px;}
.title_decorate{font-style:normal;}
.title_decorate:after{content:"";width:120px;height:1em;display:inline-block; background:url(../img/cion/bg/title_right.png) no-repeat center center;}
.title_decorate:before{content:"";width:120px;height:1em;display:inline-block; background:url(../img/cion/bg/title_left.png) no-repeat center center;}
.main_product .column_content{margin-top:35px;}


/*index main main_product*/
.main_product{border-top:1px solid #ccc; padding-bottom:20px;}
.main_product .small_title{margin-bottom:0;}
.info_title{font-size:1.1em; font-weight:bold;margin-top:0; margin-bottom:0;overflow: hidden;text-overflow: ellipsis;height: 21px;width: 100%;white-space: nowrap;}
.english_info_title{font-size:.8em; color:#999;margin-top:0; margin-bottom:.2em;}
.jiantu{width:100%;}
.jiantudiv{border: 1px solid #f7f7f7; }
.jiantudiv .bgimg{padding: 10px;background: #f1f1f1;}
.mainproduct_info .tj{color:#000;margin: 0; font-weight: bold;}
.mainproduct_info .tj p{margin: 0; padding: 10px 0;font-size: 16px;text-align: center;}
.mainproduct_info .sj{display:inline-block;color: #777;font-size: 12px;padding-bottom: 10px;}
/*.jiantudiv{ text-align:center;}*/
.mainproduct_info{margin-bottom:0;background: #f1f1f1;padding: 10px;}
/*.jiantudiv:hover{ background-color:#09F; color:#fff;}*/
.jiantudiv:hover .mainproduct_info{background: #2766a9;}
.jiantudiv:hover .tj{color: #fff;}
.jiantudiv:hover .sj{color: #fff;}
/*.main_product .row{padding-left:10%;padding-right:10%;}*/
@media screen and (min-width:1200px){
	.lg-create-5{width:25%;padding-left:15px; padding-right:15px;float:left;box-sizing: border-box;}
}
@media screen and (min-width:992px) and (max-width:1200px){
	.md-create-5{width:20%;float:left;box-sizing: border-box;}
}

@media screen and (min-width:480px) and (max-width:992px){
	.col-create-4{float:left;padding-left:15px;padding-right:15px;width:33.33%;}
	.mainproduct_info .tj p{font-size: 14px;}
	.huanhang:after{ content:"";display:block;}
	.clearfloat{float: none;display: inline-block;text-align: center;}	
}

@media screen and (max-width:480px){
	.english_info_title{text-align:justify;}
	.jiantudiv{margin:0 auto; margin-bottom:15px; margin-top:15px;}
	.title_decorate:after,.title_decorate:before{display:none;}
}


/*index main main_product*/
.intro_left_main{padding-top:120px;padding-left:60px;}
.introfont_title{font-size:18px; font-weight:bold; line-height:1.5em; line-height:1.5em/9;}
.introfont_smalltitle{font-size:12px; color:#545454;}
.introfont_content{ text-indent:2em; color:#4a4949;}
.introimg{padding-top:60px;}
.index_aboutimg{width:100%;}
.intro_right_main{margin-top:60px;padding-top:90px;padding-bottom:10px;background-color:#EEEEEE;}
.introidea_title{font-weight:600;}
.introidea_content{font-size:14px;color:#545454;line-height: 25px;padding: 0 20px;}
.introidea{padding-bottom:120px;}
.introfont,.introimg{position:relative;}			
.introlfbt,.introrfbt,.introrfbimg{position:absolute;}
.introlfbt{top:0;left:0;}
.introrfbt{top:0;left:0;}			
.introrfbimg{right:15px;bottom:0;border-top: 20px solid transparent;border-left: 20px solid transparent;}	

@media screen and (max-width:767px){
	.small_title {margin-bottom:20px;}
	.introfont{ text-align:center;}
	.intro_left_main{padding-top:0; padding-left:0;}
	.introlfbt{display:none;}
	.index_aboutimg{width:80%;}
	.introimg{padding-top:15px; text-align:center;}
	.introidea{padding-bottom:0;}
	.intro_right_main{margin-top:15px; padding-top:15px; text-align:center;}
	.introrfbt{display:none;}
	.introrfbimg{display:none;}
}

/*index main news*/
.hynews,.jsnews{
	/*position:relative;*/
	/*width:650px;*/
}
.index_news_line{width:65%;height:2px;background-color:#ccc;}
.jsnews{margin-top:20px;}

.hyimg,.jsimg{position:absolute;top:0;left:0;width:138px;height:97px;}
.hyimg{ background-image:url(../img/cion/hyxw.png);}
.jsimg{ background-image:url(../img/cion/jsxw.png);}

.hymore,.jsmore{position:absolute;right:10px;color:#FFF; font-weight:bold;}
.hymore{right:3px;bottom:3px;}
.jsmore{bottom:15px;right:3px;}

.newsul{padding-left:0;}
.newsli{list-style:none;margin-bottom:35px;width: 50%;float: left;}
.newstime,.newshow{float:left;}
.newstime{width:60px;height:100px; border:1px solid #999;}
.mouth,.date{ text-align:center; line-height:50px; font-weight:bold;}
.mouth{font-size:16px;border-bottom:1px solid #999;color:#8F8F8F;background-color:#DDDDDD;}
.date{font-size:26px;color:#9A9A9A;}
.newshow{width:85%; margin-left:10px;}
.new_title{font-size:20px; margin-top:0; margin-bottom:0; color:#3FA7DE; font-weight:600;}
.new_info{margin-top:5px; margin-bottom:5px; font-weight:normal;}
.new_intro{margin-top:8px; margin-bottom:0;color:#4a4949;}

.newsli:hover .mouth{color:#FFF; background-color:#0D99E4;
transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
-o-transition:all .5s;
}
.newsli:hover .date{color:#0D99E4;
transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
-o-transition:all .5s;
}
.timing{position:absolute;top:10%;right:6%;}

.j_news{
	background: url(../img/i-service-bg.jpg) no-repeat;
	margin-top: 60px;
	padding: 80px 0;
}
.main_title{
	text-align: center;
	color: #FFFFFF;
	padding-bottom: 20px;
}
.j_news_ul li{
	border-bottom: 1px solid #eaeaea;
	list-style: none;
	width: 45%;
	float: left;
	margin: 0 10px 20px 10px;
}
.j_news_ul li i{
	float: left;
	font-style: normal;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
	width: 20%;
	padding: 12px 15px 12px 0px;
}
.j_news_ul li i strong {
	clear: both;
	display: block;
	color: #fff;
	font-size: 33px;
	line-height: 1;
	padding-bottom: 10px;
	font-weight: normal;
}
.j_news_ul li p {
	float: left;
	width: 80%;
	overflow: hidden;
}
.j_news_ul li p a {
	clear: both;
	display: block;
	color: #fff;
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.j_news_ul li p span {
	clear: both;
	font-size: 12px;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #c5c5c5;
}




@media screen and (min-width:768px) and (max-width:991px){
	.timing{display:none;}
	.hynews, .jsnews{width:auto;}
	.index_news_line{width:auto;}
	.newstime{  display: none;  }
}

@media screen and (min-width:480px) and (max-width:767px){
	.timing,.hyimg,.jsimg{display:none;}
	.hynews, .jsnews{padding-left:0;}
	.index_news_line{width:auto;}
	.newstime{  display: none;  }
	.new_title{font-size: 15px;}
	.new_intro{font-size: 12px;}
	.j_news{padding: 0 0 50px 0;}
	.j_news_ul li{width: 90%;margin: 0 10px 9px 10px;float: none;}
	.j_news_ul li p a{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media screen and (min-width:320px) and (max-width:480px){
	.newstime{display:none;}
	.newshow{margin-left:0;}
	.hynews,.jsnews{width:auto;}
	.timing,.hyimg,.jsimg{display:none;}
	.hynews, .jsnews{padding-left:0;}
	.new_title{width:100%;height:28px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}	
	.newshow{width:100%;}	
	.index_news_line{width:auto;}
	.newsli{float: none;width: 100%;}
	.new_title{font-size: 15px;}
	.new_intro{font-size: 12px;}
	.j_news{padding: 0 0 50px 0;}
	.j_news_ul{padding-left: 0;}
	.j_news_ul li{width: 100%;}
	.j_news_ul li i{display: none;}
	.j_news_ul li p{width: 90%;}
	.main_title{margin-bottom: -25px;}
	.j_news_ul li p a{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
/*首页案例*/
.b_case{
	background: #f1f1f1;
	padding: 40px 0;
	margin-bottom: 40px;
}
.b_case_t{
	text-align: center;
}
.case_list_img{
	height: 234px;
	position: relative;
}
.case_list_img img{
	width: 100%;
	height: auto;
}
.case_list_box{
	margin-bottom: 30px;
}
.case_list_title a{
	color: #000;
}
.ss{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.64);
	opacity: 0;
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari 和 Chrome */
	-o-transition: all .3s;/* Opera */
}
.ss img{
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	bottom:30%;
	margin: 0 auto;
	width: 64px;
	height: 64px;
}
.case_list_img:hover .ss{
	opacity: 1;
}
@media screen and (max-width:767px){
	.case_list_img{
		height: auto;
	}
	.ss{
		display: none;
	}
}
/*视频*/
.b_video{
	background: #f1f1f1;
	padding: 50px 0;
	margin-top: 40px;
}
.video-title h5{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
/*关于我们*/
.b_about{
	background: url(../img/ab.jpg) no-repeat;
	padding: 100px 0;
	text-align: center;
}
.b_about_title{
	color: #FFFFFF;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 2px;
}
@media screen and (max-width:480px){
	.main_title{
		font-size: 20px;
	}
	.b_about_title p{
		font-size: 12px;
		line-height: 24px;
	}
}

/*返回顶部*/
.cbbfixed {
    position: fixed;
    right: 10px;
    transition: bottom ease .3s;
    bottom: 10px;
    z-index: 3;
    cursor:pointer;
}
.cbbfixed .cbbtn {
    width: 40px;
    height: 40px;
    display: block;
    background-color: #595959;
}
.cbbfixed .gotop {
    transition: background-color ease .3s;
    margin-top: 1px;
}
.cbbfixed .gotop .up-icon{
    float:left;
    margin:14px 0 0 9px;
    width:23px;
    height:12px;
    background: url(../img/side-icon02.png);
}
.cbbfixed .gotop:hover {
    background-color:#2c2d2e;
}
.cbbfixed .cweixin {
    background: #dadbdd;
}
.cbbfixed .cweixin div {
    background: url(../img/weixin.png);
    width: 145px;
    height: 145px;
    position: absolute;
    left: -146px;
    top: -100px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 100% 70%;
    -webkit-transform-origin: 100% 70%;
    transition: transform ease .3s,opacity ease .3s;
    -webkit-transition: all ease .3s;
    display:none\0;*display:none;
}
.cbbfixed .cweixin:hover div {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    *display:block;
}
.cbbfixed .cweixin .weixin-icon{
    float: left;
    margin:12px 0 0 11px;
    width:18px;
    height: 18px;
    background: url(../img/side-icon01.png);
}



/*product 产品页面*/
/*product*/
.product_content{margin-bottom:50px;}
.product_img{width:100%;}
@media screen and (max-width:479px){
	.col-xs-all{width:100%;}
}

@media screen and (min-width:320px){
	.main{margin-top:0;}
	.right_main_title{display:none;}
	.right_main_breadcrumb{float:left; margin-right:0;}
	.right_main_top{ margin-left:-15px; margin-right:-15px;}
	.clearPosPad{padding-left:0;}
	.hidden-320{display:none;}	
	.product_img_row{padding-bottom:32px;padding-left:10px; padding-right:10px;}	
	.product_readmore{bottom:0;right:30px;}
	.product_info{ margin-top:0;}
	.product_infotype{ margin-top:.3em; margin-bottom:.3em;}
	.product_title{ margin-top:0; margin-bottom:.2em;}
}

@media screen and (min-width:480px){		
	/*页面内容与banner图片的间距*/
	.main{margin-top:20px;}										
	.right_main_title{display:block; float:left;font-size:20px; color:#000;}
	.right_main_breadcrumb{float:right;font-size:16px; margin-right:20px;}
	.right_main_top{ margin-left:0; margin-right:0;}
	.clearPosPad{padding-left:0;}
	.hidden-320{display:block;}
	.product_img_row{padding-bottom:32px; padding-left:0; padding-right:0;}	
	.product_readmore{bottom:0;right:30px;}
	.product_info{ margin-top:0;}
	.product_infotype{ margin-top:.3em; margin-bottom:.3em;}
	.product_title{ margin-top:0; margin-bottom:.2em;}
}

@media screen and (min-width:568px){
	/*页面内容与banner图片的间距*/
	.main{margin-top:30px;}
	.clearPosPad{padding-left:0;}
	.product_img_row{padding-bottom:32px;}	
	.product_readmore{bottom:0;right:30px;}
	.product_info{ margin-top:0;}
	.product_infotype{ margin-top:.3em; margin-bottom:.3em;}
	.product_title{ margin-top:0; margin-bottom:.2em;}
}

@media screen and (min-width:768px){	
	.product_img_row{height:165px; overflow:hidden; padding-bottom:0;}
	.product_img{min-height:165px;}
	.product_readmore{right:0;}
	.product_info{ margin-top:0;}
	.product_infotype{ margin-top:.3em; margin-bottom:.3em; font-size:20px; font-weight:500;}
	.product_title{font-size:20px; margin-top:0; margin-bottom:.2em; font-weight:200;}
}
@media screen and (min-width:992px){
	.right_main_top{margin-bottom:50px;}
	/*页面内容与banner图片的间距*/
	.main{margin-top:50px;}	
	.product_img_row{height:133px; overflow:hidden; padding-bottom:20px;}
	.product_img{min-height:113px;}	
	.product_readmore{bottom:0px;right:15px;}
}
@media screen and (min-width:1200px){
	/*页面内容与banner图片的间距*/
	.main{margin-top:60px;}
	.product_img_row{height:141px; overflow:hidden; padding-bottom:0;}
	.product_img{min-height:141px;}
}

.clearPosPad{ position:static;}
.product_img_row{ margin-top:30px; position:relative;}
.product_readmore{padding:6px 12px; border-radius:4px;position:absolute; background-color:#06F; color:#FFF; font-weight:bold;}
.product_readmore:hover{ text-decoration:none; background-color:#09F; color:#FFF;}



/*案例页面*/
.case_img{width:100%;}
@media screen and (max-width:992px){
	.case{margin-bottom:30px;}
}

@media screen and (max-width:568px) and (min-width:480px){
	.col-480-568-12{width:100%; text-align:center;}
	.case_img{width:420px;min-height:315px;}
	.case_img_div{width:420px;height:315px; overflow:hidden; margin:0 auto;}
	.case_set_height{height:315px; overflow:hidden;}
}

@media screen and (max-width:480px) and (min-width:320px){
	.col-480-568-12{width:100%; text-align:center;}
	.case_img{width:225px;min-height:168px;}
	.case_img_div{width:225px;height:168px; overflow:hidden;margin:0 auto;}
	.case_set_height{height:168px; overflow:hidden;}
}
			
@media screen and (min-width:768px){
	.case_img{min-height:165px;}
	.case_img_div{height:165px; overflow:hidden;}
	.case_set_height{height:165px; overflow:hidden;}
}
@media screen and (min-width:992px){
	.case_img{min-height:113px;}
	.case_img_div{height:113px; overflow:hidden;}
	.case_set_height{height:113px; overflow:hidden;}
}
@media screen and (min-width:1200px){
	.case_img{min-height:142px;}
	.case_img_div{height:142px; overflow:hidden;}
	.case_set_height{height:142px; overflow:hidden;}
}

/*关于我们页面*/
.company_contact{font-weight:bold;}
.about_info p{font-size:16px;text-indent:2em;}
.about_span_title{font-size:20px;}
.about_info .clear_indent{ text-indent:0;}
.font_weight{ font-weight:bold;}
@media screen and (min-width:320px){
	.about_video_div{width:100%; text-align:center;}
	.about_video{width:90%; margin:0 auto;}
	.company_honor_title{ text-align:center;}
}
@media screen and (min-width:768px){
}
@media screen and (min-width:992px){
	.about_video_div{float: left;width:60%;}
	.about_video{width:95%; margin:0 auto;}
	.company_honor_title{ text-align:left;}
}
@media screen and (min-width:1200px){
	.about_video_div{width:40%;}
}


/*联系我们*/
.about_us{ background-color:#FFF;}/*因为切图的问题，图片图片透明的有问题，因此设置背景色  防止浏览器自定义背景色造成影响*/
.company_culture{color:#999; font-size:16px; line-height:2em;line-height:2em\9;}
.company_culture span{ color:#000; font-weight:bold;}
.company_culture .company_font_title{margin-bottom:50px;font-size:26px; color:#000;}
.font_message,.company_font_title{margin-top:0; margin-bottom:0;}

@media screen and (min-width:320px){
	.company_culture{margin-top:50px; text-align:left; background:url(../img/cion/bg/about_circle.png) no-repeat center center;}
	.company_font_title{ text-align:center;}
}

@media screen and (min-width:480px){
	.company_culture{ text-align:center; background:url(../img/cion/bg/about_circle.png) no-repeat center center; padding-left:30px; padding-right:30px;}
}

@media screen and (min-width:768px){
	.company_culture{ margin-top:70px; text-align:center; background:url(../img/cion/bg/about_circle.png) no-repeat 460px top; padding-left:76px; padding-right:176px;}
}

@media screen and (min-width:992px){
	.company_culture{margin-top:100px; text-align:center; background:url(../img/cion/bg/about_circle.png) no-repeat 590px top; padding-left:76px; padding-right:408px;}
}

@media screen and (min-width:1200px){
	.company_culture{ margin-top:100px; text-align:center; background:url(../img/cion/bg/about_circle.png) no-repeat 655px top; padding-left:76px; padding-right:572px;}
}
.company_honor{margin-top:80px;}
.company_honor_title{font-size:22px;}
.company_honor_img{ text-align:center;}
.company_honor_img img{margin-left:15px; margin-top:15px;}


@media screen and (min-width:320px){
	.company_honor_img img{width:230px;}
}
@media screen and (min-width:992px){
	.company_honor_img img{width:180px;}
}


/*新闻列表*/
.new_bottom_line{ border-bottom:1px solid #ccc; padding-bottom:30px;}
.new_img{width:100%;}
.new_title_font{margin-top:0; margin-bottom:.2em; font-size:18px; margin-bottom:20px; color:#000;}
.new_info_font{margin-top:0; color:#666;}
.new_info_font:hover{ color:red;}
.new_row{padding-bottom:30px; border-bottom:1px solid #CCC; margin-bottom:30px;}
.clearA:hover{ text-decoration:none;}				
/*min完成不了了  好吧那就用max上  因为col-xs-12等之类的不能直接进行更改，改了这个对其他的都是错的，因此只能使用覆盖的方式来写*/
@media screen and (max-width:767px){
	.hidden-480{display:none;}
	.col-480-all{width:100%;padding-left:15px;padding-right:15px;}
	.new_margin_bottom{}
}
@media screen and (max-width:480px){
	.hidden-480{display:none;}
	.col-480-all{width:100%;padding-left:0px;padding-right:0px;}
	.new_margin_bottom{}
}				


@media screen and (min-width:320px){
	.new_margin_bottom{ margin-bottom:20px;}
	.new_row{padding-bottom:15px;margin-bottom:15px;}
}

@media screen and (min-width:480px){
	.new_margin_bottom{ margin-bottom:30px;}
	.new_row{padding-bottom:20px;margin-bottom:20px;}
}

@media screen and (min-width:768px){
	.new_margin_bottom{ margin-bottom:50px;}
	.set_img_height{height:165px; overflow:hidden;}
	.new_img{min-height:165px;}	
}
@media screen and (min-width:992px){
	.set_img_height{height:114px; overflow:hidden;}
	.new_img{min-height:114px;}	
}

@media screen and (min-width:1200px){
	.set_img_height{height:141px; overflow:hidden;}
	.new_img{min-height:141px;}	
}

/*证书展示页面*/
.zs_img_div{margin-bottom:30px;}
.zs_img_show{width:100%; padding:5% 10%;}
@media screen and (max-width:991px){
	.zs_marginbottom{ margin-bottom:30px;}
}
@media screen and (min-width:320px) and (max-width:480px){
	.zs_img_div{width:50%; padding:0;}
}

/*新闻内页*/
.clearmargin{margin:0;}
.text_hidden{width:100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.new_content_div{font-size:18px;padding-bottom:46px; margin-bottom:60px; border-bottom:1px solid #ccc;margin-top:30px;}
.new_content_div img{width:80%;height:auto}
.new_content_title{font-size:24px; line-height:50px; line-height:50px\9; text-align:center;}
.new_content_info{font-size:16px; text-align:center;}
.new_content{padding-left:15px;padding-right:15px;}

@media screen and (min-width:320px){
	.new_content_info{margin-top:16px; margin-bottom:26px;}	
}
@media screen and (min-width:768px){
	.new_content_info{margin-top:16px; margin-bottom:26px;}	
}
@media screen and (min-width:992px){
	.new_content_info{margin-top:5px; margin-bottom:30px;}	
}


/*产品内页*/
.move_prototype_window{display:none;position:absolute;}
.marginBottom30{margin-bottom:30px;}
.clearBorderBottom{ border-bottom:none;}
.product_choose{padding-left:0px;}
.product_choose_li{ list-style:none; float:left; margin-left:10px;}
.product_parameter_once{list-style:none;}
.borderbottom{ border-bottom:1px solid #ccc;line-height: 50px;font-size: 20px;text-indent: 15px;}

/*下面的目的是进行内容的自适应   因为后台的原因很多人都喜欢给图片设置定宽   超长就死翘翘了*/
@media screen and (max-width:768px){
	.product_content img{width:80% !important; height:auto !important; text-align:center !important;}
	.product_content p{ overflow:hidden !important;}
}


@media screen and (min-width:320px){
	.product_abstract{ margin-bottom:50px;}
	.product_bigImg,
	.product_info,
	.product_mountings{float:left;}
	

	.product_bigImg{width: 95%;margin:0 auto;float: none;}		
	.product_showBig{display:table-cell;height:220px;overflow:hidden;text-align:center; vertical-align:middle;}
	.console_middle_div{position:relative;top:50%;}
	.console_middle{position:relative;top:-50%;}
	
	.big_img{width:100%; min-height:220px;}	
	

	.product_choose_li{width:28%;overflow:hidden;}	
	.product_choose_img{width:100%;}
	
	
	.product_info{padding-left:10px;padding-right:0;font-weight:bold;float:none;text-align:center;margin-top:50px;}
	.product_name{font-size:24px;}
	.product_price{font-size:14px; line-height:normal; line-height:normal\9; margin-top:26px; margin-bottom:26px;}
	.product_parameter{margin-top:0;margin-bottom:20px;padding-left:0;}
	.product_parameter_once{list-style:none;width:346px;float:none; font-size:16px; font-weight:normal;margin:0 auto 10px;}
	.product_key_name{float:left;width:124px; font-weight:bold;}
	.price_consult_phone{float:left;margin-top:15px;width:100%;}

	
	.product_mountings{width:100%;text-align: center;background: inherit;padding: 15px 10px;margin-top:0; margin-left:0;}
	.mounting_name{text-align:center; font-size:14px;}
	.look_any{ text-align:center; margin-bottom:50px; font-size:24px;}
	.product_mountings_once{width:39%;float: left;margin-left: 26px;}
	.width_full{width:100%;padding: 15px;border: 1px solid #ccc;}
	.display320none{display:none;}
	.display480none{display:none;}
}
@media screen and (min-width:480px){
	.product_abstract{ margin-bottom:50px;}
	.product_bigImg,
	.product_info,
	.product_mountings{float:left;}
	

	.product_bigImg{width: 85%;margin:0 auto;float: none;}		
	.product_showBig{display:table-cell;height:304px;overflow:hidden;text-align:center; vertical-align:middle;}
	.console_middle_div{position:relative;top:50%;}
	.console_middle{position:relative;top:-50%;}
	
	.big_img{width:100%; min-height:220px;}	
	

	.product_choose_li{width:22%;overflow:hidden;}	
	.product_choose_img{width:100%;}
	
	
	.product_info{padding-left:10px;padding-right:0;font-weight:bold;float:none;text-align:center;margin-top:50px;}
	.product_name{font-size:24px;}
	.product_price{font-size:14px; line-height:56px;line-height:56px\9;margin-top:0; margin-bottom:0;}
	.product_parameter{margin-top:0;margin-bottom:20px;padding-left:0;}
	.product_parameter_once{list-style:none;width:346px;float:none; font-size:16px; font-weight:normal;margin:0 auto 10px;}
	.product_key_name{float:left;width:124px; font-weight:bold;}
	.price_consult_phone{float:left;margin-top:15px;width:50%;}

	
	.product_mountings{width:100%;text-align: center;background: inherit;padding: 15px 10px;margin-top:0; margin-left:0;}
	.mounting_name{text-align:center; font-size:14px;}
	.look_any{ text-align:center; margin-bottom:50px; font-size:24px;}
	.product_mountings_once{width: 39%;float: left;margin-left: 26px;}
	.width_full{width:100%;padding: 15px;border: 1px solid #ccc;}
	.display320none{display:block;}
	
}
@media screen and (min-width:568px){				
	.product_mountings_once{width:27%;}
	.display480none{display:inline;}
	.product_showBig{position:static;}
}
@media screen and (min-width:768px){
	.product_showBig{background:#0D99E4; overflow:hidden;}
	.product_bigImg{width:360px;margin:0;float:left;}		
	.product_choose_li{width:72px; height:54px; overflow:hidden;}					
	.product_info{width:380px; text-align:left; font-weight:bold;float:left; margin-top:0;}
	.product_parameter_once{width:100%;float:left; font-size:16px; margin-bottom:10px;margin-left:inherit; margin-right:inherit;}
	.price_consult_phone{ margin-top:30px;width:50%;}
	.product_mountings{width:100%;text-align: center;background: inherit;padding: 15px 10px;margin-top:50px; margin-left:0;}
	.product_mountings_once{width: 29%;margin-left: 30px;}
}
@media screen and (min-width:992px){		
	.product_bigImg{width:380px; padding-right:20px; padding-left:20px;}		
	.big_img{min-height:226px;}				
	.product_info{width:580px; padding-left:15px; padding-right:15px; }
	.product_price{font-size:18px; line-height:80px;line-height:80px\9;}
	.product_parameter_once{width:50%;margin-bottom:18px; }
	.price_consult_phone{ margin-top:30px;}
	.product_mountings{width:100%;text-align: center;background: #ccc;}
	.look_any{margin-bottom:10px;}
	.width_full{width:100%;padding: 30px;border: 1px dashed black;background:#FFF;}
	.product_showBig{position:static;}
}
@media screen and (min-width:1200px){
	.product_showBig{ overflow:visible;}		
	.product_showBig{position:relative;}
	.product_mountings{width: 150px; margin-left:-15px; margin-top:0;}
	.look_any{font-size: initial;}
	.product_mountings_once{display: block;width: 100%; margin-left:0;}
	.width_full{width:100%;padding:0;border:none;background:none;}
	.display1200none{display:none;}		
}
/*ajax 相关信息*/
.ajax_message{ cursor:pointer;}
#correlation_div{position:absolute; z-index:10;display:none;width:350px; border:1px solid #ccc; background-color:#FFF;}
.correlation_title{height:70px;padding:10px; border-bottom:1px dashed #ccc; font-size:16px;line-height:50px;line-height:50px\9;white-space:nowrap;}
#correlation_img{height:100%; margin-right:15px;}
.correlation_content{padding:10px; margin:0; text-indent:2em; text-align:justify;}
.correlation_link_p{text-align:right; margin-right:30px;}




/*浮动的button菜单   非首页页面宽度小于992px时，左侧栏目隐藏  button出现  点击后出现列表*/
.button_right_fixed{width:40px;height:32px;position: fixed;right:36px;bottom:30px;z-index:2;opacity:1;filter:alpha(opacity=100);cursor: pointer;	border: 1px solid #ddd;background-color:#FFF;	
		border-radius: 4px;
     -o-border-radius: 4px;
    -ms-border-radius: 4px;
   -moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.button_horizontally_first,.button_horizontally_middle,.button_horizontally_last{position:absolute;left:8px;background-color:#888;display:block;width:22px;height:1px;
    	border-radius:1px;
     -o-border-radius:1px;
    -ms-border-radius:1px;
   -moz-border-radius:1px;
-webkit-border-radius:1px;
   		   transition:all 0.5s;
	    -o-transition:all 0.5s;
	   -ms-transition:all 0.5s;
      -moz-transition:all 0.5s;
   -webkit-transition:all 0.5s;
}
.button_horizontally_first{top:8px;}
.button_horizontally_middle{top:16px;}
.button_horizontally_last{top:24px;}

.button_list_fixed{display:none;position: fixed;right:20px;bottom: 70px;width: 120px;padding-left:0;margin-top:0;margin-bottom:0;}
.button_one{width:100%;height:30px;line-height:30px;line-height:30px\9; border:1px solid #ccc; background-color:#FFF;
margin-top:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;list-style:none;}
.button_one:hover{ background-color:#ccc;}
.button_one>a{color:#333; text-decoration:none;}
.button_one_nav{ text-align:center;}
.button_one .icon{margin-left:5px;margin-right:5px;color:#00ABFF;}
.button_one_content:hover .icon{margin-left:10px; color:#F03;
    	transition: all 0.5s;
	 -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
   -moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.button_one_title{color:#AEAEAE;font-size:16px;cursor:default;}
.button_one_content{font-size:12px;}

.button_right_fixed_hover .button_horizontally_first{top:16px;
		transform:rotate(45deg);	
     -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}
.button_right_fixed_hover .button_horizontally_middle{opacity:0;filter:alpha(opacity=0);}
.button_right_fixed_hover .button_horizontally_last{top:16px;
		transform:rotate(-45deg);	
     -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

.button_right_fixed_hover{background-color:#DDD;}
.button_right_fixed_hover .button_list_fixed{display:block;}
@media screen and (min-width:0px){
	.button_right_fixed{display:block;}
}
@media screen and (min-width:992px){
	.button_right_fixed{display:none;}
}


/*分页*/
.common_pager{text-align:center;}
.common_pager .pager_btn{ padding:5px 15px; background-color:#FFF; border:1px solid #ccc; margin-left:10px; border-radius:8px;margin-bottom:10px;display:inline-block;}
.common_pager .pager_btn:hover{ background-color:#CCC; text-decoration:none;}
.disabled{background-color: #6F6F6F !important;color: white;border-color: #6f6f6f !important;pointer-events: none;}

.bh{
    display: none;
    width: 100%;
    background: #ffffff;
    margin: 20px 0;
}
.bh a{
    display: block;
    float: left;
}
.bh a:nth-child(1){
    width: 29%;
}
.bh a:nth-child(2){
    width: 69%;
}
.bh .im1{
    width: 100%;
    height: auto;
}
.bh .im2{
    width: 100%;
    height: auto;
}
@media screen and (max-width:750px){
    .bh{
        display: block;
    }
}