body, html{
	font-family: 'Raleway';
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

@media (min-width: 1960px){
	.container {
	width: 1840px;
	}
}
@media (min-width: 1680px){
	.container {
	width: 1600px;
	}
}
@media (min-width: 1440px){
	.container {
	width: 1390px;
	}
}

h1{
	text-transform: uppercase;
}

h2{
	line-height: 20px;
	margin:  0;
}

h4 {
	margin-bottom: 20px;
	font-size: 25px;
	font-weight: 300;
	color: rgb(87,99,105);
}
p{
	font-size: 13px;
}

a { 
	color: #ffffff;
	transition: all 0.8;
}
a:hover,
a:focus{
	color: rgb(9,161,236);
	text-decoration: none;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* Home Style */




.content{
	padding: 15% 0 18% 0;
	text-align: center;
}
/* Navigation */
#tf-menu {
	margin-bottom: 0;
	background: white;
	border: 0;
	color: #fff !important;
	padding: 0.2% 0;
	transition: all 0.5s;
}
#sticky {
    padding: 0.5ex;
    background-color: #333;
    color: #fff;
    font-size: 2em;
    border-radius: 0.5ex;
}
#tf-menu.stick {
    position: fixed;	
    top: 0;	
    width: 100%;	
    z-index: 10000;	
	margin-bottom: 0;
	background: white;
	border: 0;
	color: #fff !important;
	padding: 0.2% 0;
	transition: all 0.5s;
}
#tf-menu.navbar-default .navbar-nav > li > a {
	color: rgb(87,99,105);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
}

#tf-menu.navbar-default .navbar-nav > li > a:hover, 
#tf-menu.navbar-default .navbar-nav > li > a:focus {
	color: rgb(9,161,236);
	background-color: transparent;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
.logo {
	/* font-family: 'Playball', cursive; */
	font-size: 36px;
    color: rgb(9,161,236);
    font-weight: bolder;
}
.logo_lit {
    font-size: 12px;
    color: rgb(9,161,236);
}
#tf-service{
	padding: 7% 0; 
}

.media-left.media-middle i {
	padding: 20px 30px 20px 0;
	font-size: 30px;
	color: rgb(47, 147, 123);

}

.media-body h4 {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 700;
	color: rgb(47, 147, 123);
}

.section-title hr{
	border-color: rgb(87,99,105);
	width: 30px;
}

.section-title h2{ font-weight: 700;}
button.btn,
a.btn {
	margin: 15px 5px;
	transition: all 0.5s;
}
button.btn.btn-primary.my-btn,
a.btn.btn-primary.my-btn {
	background: #2F937B;
	border-color: transparent;
	border-radius: 0px;
	border-width: 2px;
	padding: 10px 30px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 600;
}
button.btn.btn-primary.my-btn:hover,
a.btn.btn-primary.my-btn:hover{
	background: #FFFFFF;
	color: #2F937B;
	border-color: transparent;
}
button.btn.btn-primary.my-btn.dark:hover,
a.btn.btn-primary.my-btn.dark:hover{
	background: #222222;
	color: #ffffff;
	border-color: transparent;
}
a.btn.btn-primary.my-btn2 {
	background: rgba(47, 147, 123, 0);
	border-color: #FFFFFF;
	border-radius: 0px;
	border-width: 2px;
	padding: 10px 30px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 600;
	color: #FFFFFF;
}

a.btn.btn-primary.my-btn2:hover{
	background: #2F937B;
	color: #ffffff;
	border-color: transparent;
}

ul.cat.list-inline li a {
	border: 1px solid #2F937B;
	padding: 5px 15px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	color: #2F937B;
	transition: all 0.5s;
}

ul.cat.list-inline li a:hover{
	background: #2F937B;
	color: #ffffff;
}

.space{ padding: 20px}
.toppadding{ padding-top: 30px}
.nopadding{ padding:  0;}

#tf-about{
	background: url(../img/07.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	color: #222222;
}

#tf-about .overlay{
	height: auto;
	background-attachment: fixed;
	padding: 10% 0;
}

#tf-why-me{
	background: url(../img/10.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	color: #222222;
}

#tf-why-me .overlay{
	height: auto;
	background-attachment: fixed;
	padding: 5% 0;
}
ul.why-me li{
	margin: 10px 0;
}
#tf-contact{
	background: url(../img/08.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding: 5% 0;
	text-align: center;
}

form#contact {
	padding: 5%;
	background: #f1f1f1;
	outline: 6px solid rgba(34, 34, 34, 0.08);
}

#tf-contact input.form-control {
	height: 40px;
}

#tf-contact .form-control{
	display: block;
	width: 100%;
	margin-bottom: 20px;
	padding: 16px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #FFF;
	border-radius: 0;
	border-top: 2px solid transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: all 0.8s;
}
#tf-contact .form-control:focus,
#tf-contact .form-control:hover{
	border-top: 2px solid #2F937B;
}
nav#tf-footer {
	background: #222222;
	padding: 3% 0 2% 0;
	color: #f1f1f1;
}
.down_list,.menu_list{
	display:none;	
    	list-style: none;
	padding:5px 0 0 0;	
	position:absolute;
	overflow:visible;
	z-index:9999;
	min-width:90px;
}
.down_list li,.menu_list li{	
	display:block;
	background-color:black;	
	padding:15px 15px;
}
.down_list li a,.menu_list li a{	
	color: #C5C5C5;	
	white-space:nowrap;
}
.down_list li a:hover,.menu_list li a:hover{
	color: #2F937B;
	background-color: transparent;
}
#prev {
    left: 45px;
}
#next {
    right: 45px;
}
.carousel-indicators li{
	border-color: #9b9a9b;
	background: #9b9a9b;
	margin: 1px 5px;
}
.carousel-indicators li.active{
	border-color: #498fe1;
	background: #498fe1;
	width: 10px;
	height: 10px;
	margin: 1px 5px;
}
#block-frogweb-1 .controls {
    position: absolute;
    top: 40%;
    color: #fff;
    z-index: 100;
    cursor: pointer;
    text-indent: -5000px;
    width: 30px;
    height: 30px;
}
#block-frogweb-1 .item-list {
    height: 100%;
    border-bottom: 1px solid rgb(87,99,105);
}
span.home_t {
    color: rgb(64, 64, 64);
    font-family: BentonSansMedium;
    font-size: 33px;
    display: block;
    font-weight: bold;
    line-height: 40px;
}
.caption{
	margin-left:20px;
}
.footer_bg {
    width: 100%;
    height: auto;
    background: rgb(230,230,230);
}
.footer_div{width: 998px;}
.footer_kd{width: 100%;height: 18px;overflow: hidden;}
.footkd{height: 40px;}
.footer_left{float: left;width: 234px;}
.footer_left1{float: left;width: 236px;}
.footer_title{font-size: 14px;color: rgb(51,51,51); font-weight: bold;}
.footer_title_xian{width: 100%;height: 7px;border-bottom: 1px solid rgb(89,89,89);}
.footer_title_margin{margin-top: 10px;}
.footer_title_margin3{width: 100%;margin-top: 10px;}
.footer_title_margin4{width: 100%;margin-top: 28px;}
.footer_cont_margin{margin-top: 5px;}
.footer_cont_kd{width: 100%;height: 25px;overflow: hidden;}
#footer_content a{font-size: 14px;color: rgb(51,51,51);}
#footer_content a:hover{font-size: 14px;color: rgb(9,161,236);}
.footer_left_kd{float: left;width: 20px;}
.footer_cont_left{float: left;width: 118px;}
.footer_leg_div{width: 100%;height: 53px;}
.footer_leg_kd{width: 100%;height: 18px;overflow: hidden;}
.footer_c{font-size: 14px;color: rgb(51,51,51);}
.footer_leg{font-size: 14px;color: rgb(51,51,51);}
.footer_leg_over{font-size: 14px;color: rgb(9,161,236);}
.news_div{width: 998px;margin:0px auto;}
.middle_news_kd{width: 100%;height: 24px;background: white;overflow: hidden;}
.news_left{float: left;width: 318px;}
.news_title{font-size: 24px;color: rgb(0,0,0);}
.news_title_xian{width: 100%;height: 2px;background: white;overflow: hidden;border-bottom: 1px solid rgb(210,210,210);}
.news_kd{width: 100%;height: 28px;background: white;overflow: hidden;}
.news_title_lit{font-size: 18px;color: rgb(51,51,51);cursor: pointer;}
.news_title_lit:hover{font-size: 18px;color: rgb(9,161,236);cursor: pointer;}
.news_lit_kd{width: 100%;height: 8px;background: white;overflow: hidden;}
.news_cont{font-size: 14px;color: rgb(89,89,89);}
.news_left_kd{float: left;width: 22px;height: 405px;}
.middle_footer_kd{width: 100%;height: 35px;background: white;overflow: hidden;}
#contact_button {
    position: fixed;
    right: 15px;
    bottom: 90px;
    z-index: 10000000;
    width: 70px;
    height: 70px;
    cursor: pointer;
    background: url(../../images/zos_images/contact-number.png);
    background-size: 100%;
}
#qq_button {
    position: fixed;
    right: 21px;
    bottom: 180px;
    z-index: 9999999;
    width: 61px;	
    height: 61px;	
    cursor: pointer;
    background: url(../../images/zos_images/download.png);
    background-size: 100%;
}
.tel_detail {
    position: fixed;
    right: 0px;
    bottom: 150px;
    z-index: 10000000;
    width: 320px;
    height: 270px;
	display:none;
}
.button-raised.button-primary:hover, .button-raised.button-primary:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(#42abf8), to(#0888e6));
    background: linear-gradient(top, #42abf8, #0888e6);
}
.button-raised.button-primary {
    border-color: #088ef0;
    background: -webkit-gradient(linear, left top, left bottom, from(#34a5f8), to(#088ef0));
    background: linear-gradient(#34a5f8, #088ef0);
}
.button-raised:hover, .button-raised:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro));
    background: linear-gradient(top, white, gainsboro);
}
.tel_detail_kuang {
    width: 320px;
    height: 350px;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #dfdfdf;
    box-shadow: 0 1px 23px rgba(0,0,0,.16);
    -webkit-box-shadow: 0 1px 23px rgba(0,0,0,.16);
    -moz-box-shadow: 0 1px 23px rgba(0,0,0,.16);
}
.tf_left{
	float:left;
	width:50%;
}
.tf_right{
	padding-left:10px;
}
.tf_gray{
	background: #f1f1f1;
	padding: 5%  0 3% 0;
	text-align: center;
}
.tf_white{
	padding: 3%  0 3% 0;
	text-align: center;
}
.tf_white ul,.tf_gray ul{
	padding:25px 16px;
}
.tf_white li,.tf_gray li{
	margin-bottom:7px;
	line-height:25px;
	text-align:left;
}
.tf_white hr,.tf_gray hr {
    border-color: rgb(87,99,105);
    width: 30px;
}
.cont{
	clear:both;
	margin-top:60px;
}
.tf_left h4,.td_right h4{	
	font-weight:bold;
	text-align:left;
}
.cont span{
	line-height:25px;
}
.align_left{
	text-align:left;
}
.section-title{
	text-align:center;
	margin: 20px 0 40px;
}
.section-title_en{
	margin: 20px 0 30px;
}
.blue{
	color:#01B0EC;
	font-weight:bold;
}
.white_h3{
	margin:10px auto;
	font-size:15px;
	color:#5c5b5c;
}
.white_h5{
	clear:both;
	display:block;
	float:left;
	margin:0px 80px;
	font-size:15px;
	color:white;	
}
.black_h2,.white_h2{
	font-size:30px;
	color: #5c5b5c;
	font-weight: bold;
}
.white_h2_en{
	line-height: 30px;
}
.black_h3{
	display:block;
	float:left;
	margin:100px 0px 0px 200px;
	font-size:30px;
	color:#161616;
}
.black_h4{
	font-size:25px;
	color:#161616;	
}
.black_h5{
	display:block;
	margin-top:5px;
	font-size:17px;
	color:#161616;	
}
.black_h6{
	display:block;
	margin-top:13px;
	font-size:14px;
	color:#95A1AE;
}
.gray_h3{
	display:block;
	float:left;
	margin:88px 0px 0px 200px;
	font-size:30px;
	color:#484747;
	font-weight:bold;
	
}
.idx_white{
	padding: 1.5%  0 0 0;
	text-align: center;
	overflow: hidden;
}
.idx_gray{
	background-color: #f1f1f1;	
	padding: 1.5%  0 0 0;
}
.idx_cont{
	margin-top:30px;
	overflow: hidden;
}
.index_white{
	color:white;
	position:relative;
	background-color:rgba(0,0,0,0.3);
	bottom:40px;
	width:100%;
	height:40px;
	padding:10px 18px;
	text-align:left;
}
.index_black{
	color:#161616;	
	width:100%;
}
.one_new{
	margin:10px 0 30px 0;
}
/*.white_h3:hover{
	color:white;
}*/


/*修改部分*/
.joyn{
	width: 45px;
	height: 80px;
}
/*.joyn-left{
	background: url(/new_jp/user/themes/mytheme/images/joyn_prev.png) no-repeat;
}*/
.container .cinner_1,.container .cinner_2{
	width: 78%;
	margin: 0 auto;
	overflow: hidden;
	padding: 80px 0 60px;
}
.container .cinner_1 img, .container .cinner_2 img{
	width: 100%;
}
.cinner_1 .cmd_inner{
	background:#f7f7f7;
	height: 230px;
	overflow:hidden;
}
.cmd_inner .cimg{
	width: 65px;
	margin: 20px auto 0;
}
.cmd_inner .cimg img{
	width: 100%;
}
.cinner_1 .cmd_txt{
	width: 85%;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
}
.container .cinner_2{
	width: 82%;
	margin: 10px auto 35px;
}
.cinner_2 .cmd_inner{
	overflow: hidden;
}
.cmd_inner .imgalert{
	float: left;
	overflow: hidden;
	width: 45px;
	margin-right: 5%;
}
.cmd_inner .imgalert img{
	width: 100%;
}
.cinner_2 .cmd_txt{
	color: #5c5b5c;
}
/*.body-contant img{
	width: 100%;
}*/
.cmd_inner .inner_txt{
	width: 70%;
	float: left;
	text-align: left;
}
.cinner_2 .white_h3{
	margin: 2px 0 15px 0;
}
.idx_whitec{
	padding: 0;
	position: relative;
}
.idx_whitec .cmd_cont{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}
.idx_grays .idx_cont{
	margin: 15px -15px 25px -15px;
}
.idx_grays .media-middle{
	background: #fff;
}
.idx_grays .media-middle a>img{
	width: 100%;
}
.index_info{
	color: #5c5b5c;
	font-size: 14px;
	padding: 15px 10px;
}
.index_info_en{
	height: 240px;
}
.index_info .info_tit{
	font-size: 16px;
	font-weight: bold;
}
.cpart_1{
	width: 46%;
	float: left;
	background: #2196f3;
	height: 380px;
	border-bottom: 1px solid #f1f1f1;
}
.cpart_2{
	width: 54%;
	float: left;
	height: 380px;
	border-bottom: 1px solid #f1f1f1;
}
.idx_whitec .cp_1{
	float: left;
	width: 35%;
	color: #fff;
	text-align: left;
	font-size: 12px;
}
.idx_whitec .cp_2{
	float: right;
	width: 54%;
	text-align: right;
	height: 302px;
	position: relative;
}
.idx_whitec .section-title{
	text-align: left;
} 
.idx_whitec .white_h2{
	color: #fff;
}
.cbtn{
	width: 100%;
	text-align: left;
	margin-top: 25px;
}
.cbtn button{
	width: 40%;
	height: 35px;
	border: 1px solid #fff;
	margin-right: 3%;
	font-size: 12px;
	background: rgba(0,0,0,0);
}
.cbtn .active,.cbtn button:hover{
	background: #fff;
	color: #2196f3;
}
.cp_2 .cpimg_1{
	width: 85%;
	position: absolute;
	right: 0;
	bottom: 0;
}
.idx_grayc{
	padding-bottom: 4%;
}
.idx_grayc .idx_cont{
	margin-top: 0;
}
.idx_grayc .section-title{
	text-align: left;
}
.news{
	width: 90%;
	text-align: left;
	height: 95px;
	overflow: hidden;
	margin-bottom: 20px;
}
.news p{
	font-size: 12px;
	margin: 0;
}
.news .nimg{
	width: 40%;
	float: left;
	height: 100%;
}
.news .nimg img{
	height: auto;
}
.news .ncont{
	margin-left: 42%;
}
.ncont .ntitle{
	font-size: 14px;
	color: #5c5b5c;
	font-weight: bold;
	margin-bottom: 6px;
	line-height: 19px;
}
.ncont .more{
	color: #69abea;
	font-size: 12px;
	cursor: pointer;
}
/*.ncont .ellipsis1{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ncont .ellipsis2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}*/
.nactive{
	width: 100%;
	height: 210px;
	margin-bottom: 20px;
}
.nactimg{
	width: 100%;
	/*height: 195px;*/
}
.infoimg{
	font-size: 12px;
	text-align: left;
	font-weight: 600;
}
.ndetail{
	line-height: 17px;
}
.ndet{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.ndet .point{
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	padding:0 2px 1px 2px;
	width: 15px;
	background: #fff;
}
.container .cinother{
	padding-bottom: 80px;
}