@charset "utf-8";

#header, #header_tm, #content, #copy_right{min-width: 1129px; margin: 0 auto;}

#header{min-width: 1100px; position: fixed; top: 0; left: 0; height: 95px; width: 100%; background: white;}

#header_tm {position: fixed; min-width: 1100px; z-index: 10; width: 100%; height: 99px; background: white; border-bottom: 1px solid #ADADAD;}
#header_tm .header_bg{margin: 0 auto;max-width: 1440px;height: 99px;text-align: left;background: white; border-bottom: 1px solid #ADADAD}
.header_menu li a {
	color: #000000;
	font-size: 17px;
}
.header_menu li a:hover {text-decoration:none; }
.header_menuu li a{
	color: #000000;
}

#header_tm .header_bg .logo_img{margin-left: 5%; margin-top: 1%;}
#header_tm .header_menu{width: 56%;color: black;text-align: center;margin: 1% 16% 0 0;}
#header_tm .header_menu li{display: inline; width: 90px;padding-top: 30px; float: left; cursor: pointer;}
#header_tm .header_menu .meun_active{color: #ff9900;opacity: 1;}

.chanpin .item div:hover{ 

     background: rgba(255, 255, 255, 0.3);
    border: 1px solid red;
}

.chanpin .item #item1:hover{ 

  /* background: rgba(0, 0, 0, 0.5);*/ 
    margin: 10px;
}


@import url(http://fonts.googleapis.com/css?family=Raleway:500,600,700,100,800,900,400,200,300);
@import url(http://fonts.googleapis.com/css?family=Playball);


p {
	font-size: 13px;
}

a {
	color: #ffffff; 
	transition: all 0.8;
}

a.genduo {
	color: #333;
}


.journalism_one {
	width: 100%;
	 background: white;
	  padding-top: 18px; 
	  margin-bottom: 20px;
} 





/* Home Style */

#tf-home {
	/* background: url(../images/banner.jpg); */
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #ffffff;
	position: relative;
	background: #ffffff;
}


.flexslider { 
    position: relative;
    height: 700px;
    overflow: hidden;
    padding-top: 99px;
}
.flex-control-nav {
    position: absolute;
    bottom: 10px;
    z-index: 2;
    width: 100%;
    text-align: center;
}
.flex-direction-nav {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 45%;
}

.flex-control-nav li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    zoom: 1;
}
.flex-control-nav .flex-active {
    background-position: 0 0;
}

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

.slides {
    position: relative;
    z-index: 1;
}

.content {
	/* padding: 23% 0 28% 0; */
	text-align: center;
}

.content h1 {
	font-size: 6em;
}

.content h3 {
	font-size: 4em;
}


/* Navigation */



#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;
	background: #222222;
	padding: 1% 0;
}

#tf-menu.navbar-default .navbar-nav>li>a {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 1px;
	border-right: 2px solid #ffffff;
	padding: 0 15px;
}


/* #tf-menu.navbar-default .navbar-nav>li>a:hover,
#tf-menu.navbar-default .navbar-nav>li>a:focus {
    color: #2F937B;
    background-color: transparent;
} */

.show-text {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 23%;
}

.copyrights {
	text-indent: -9999px;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}

.nav.navbar-nav.navbar-right {
	margin-right: 58px;
}

.logo {
	font-family: 'Playball', cursive;
	padding: 0;
	height: auto;
}

#tf-service {
	position: relative;
	background: #ffffff;
	/*border-bottom: 1px solid #d12225;*/
	padding-top: 5%;
}
.flexslider .slides img {
    width: 100%;
    height: 600px;
}

#tf-service .tools {
	position: relative;
	width: 874px;
	margin: auto;
	margin-top: 20px;
	    margin-left: 280px;
}

#tf-service .tools span {
	display: inline-block;
}

#tf-service .search {
	position: relative;
}

#tf-service .search input {
	display: inline-block;
	border: #d12225 2px solid;
	height: 60px;
	margin-left: 26px;
	width: 620px;
}

.search-btn {
	width: 98px;
    height: 60px;
    line-height: 60px; 
    background: #d12225;
    margin-left: -4px;
    text-align: center;	
    cursor: pointer;
    margin-bottom: 8px;
}

.btns {
	position: absolute;
	bottom: 0;
	right: 20px;
}

.btns a {
	display: inline-block;
	width: 98px;
	border: 1px solid #dedede;
	color: #333333;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.btns a+a {
	margin-left: -5px;
}

.btns a .count {
	width: 13px;
	height: 16px;
	top: -8px;
	background: #b1141a;
	position: absolute;
	line-height: 16px;
	right: 5px;
	color: #ffffff;
}

.biaoqian {
	margin-left: 14%;
}

.biaoqian span {
	margin-left: 20px;
	color: #999999;
	line-height: 1.8;
} 

.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);
}

#tf-portfolio {
	background: #ffffff;
	padding: 0;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
}




/* .section-title hr {
    border-color: rgb(47, 147, 123);
    width: 60px;
} */

.section-title hr {
	opacity: 0;
}

.section-title h2 {
	font-weight: 500;
}





.pingtai {
	margin-bottom: 80px;
}

.chanpin .item {
	display: inline-block;
	position: relative;
}

.chanpin .item div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
/*background: rgba(0, 0, 0, 0.3);*/
	color: #333333;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}

.chanpin .item {
	margin: .5px .5px;
	border: 1px solid #EAEAEA;

}

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;
}


.navbar-brand {
	margin: 20px;
}

.header_menuu{
	float: left;
	font-size: x-small;
	font-weight: 800;
}



.navbar-default {
	width: 1180px;
	margin: auto;
}

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;
}


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;
}







 


#tf-why-me {
	margin-bottom: 20px;
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	color: #222222;
	text-align: center;
	background: white;
}

#tf-why-me .overlay {
	height: auto;
	background-attachment: fixed;
	padding: 0;
}

#tf-why-me .overlay h2 {
	margin: 40px 0;
}

#tf-why-me .overlay h3 {
	margin: 55px 0;
}

ul.why-me li {
	margin: 10px 0;
}

#tf-contact {
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding: 0;
	text-align: center;
	position: relative;
	background: #F8F8F8;
}


#tf-contact p {
	margin-top: 15px;
}

#tf-contact .show-text {
	bottom: inherit; 
	top: 40px;
}

#tf-contact .show-text h2 {
	font-size: 45px;
	line-height: 1.4
}

#tf-contact .show-text span {
	padding: 1px 1px;
	background: #E7343A;
	border-radius: 20px;
	display: inline-block;
	margin-top: 9%;
}

#tf-contact .show-text span a {
	margin: 0;
	padding: 0 17px;
	line-height: 50px;
	height: 50px;
	border-radius: 50px;
	color: #93772E;
	font-size: 18px;
	background-color: #F0ECED;
    opacity: 1;
}

nav#home-footer {
	    color: #898989;
    padding-top: 10px;
    text-align: center;
    background: #E8E8E8;
    min-width: 1128px;
}

nav#home-footer a {
	color: #898989;
}

nav#home-footer .row.top h3 {
	font-size: 14px;
	font-weight: bold;
	color: black;
    margin-top: 20px;
    margin-bottom: 10px;
}

nav#home-footer .row.top span {
	display: inline-block;
}

nav#home-footer .row.top .number {
	color: #d12225;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

nav#tf-footer {
	color: #898989;
	padding-top: 10px;
	text-align: center;
	background: #E8E8E8;
	min-width: 1128px;
}

nav#tf-footer a {
	color: #898989;
}

nav#tf-footer .row.top h3 {
	font-size: 14px;
	font-weight: bold;
	color: black;
	margin-top: 20px;
	margin-bottom: 10px;
}

nav#tf-footer .row.top span {
	display: inline-block;
}

nav#tf-footer .row.top .number {
	color: #d12225;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

/*nav#tf-footer .row.top span:nth-child(1) {
	margin-left: 4%;
}*/

nav#tf-footer .row.top span:nth-child(2) {
	margin-left: 5%;
}

nav#tf-footer .row.top span:nth-child(3) {
	margin-left: 5%;
}

nav#tf-footer .row.top span:nth-child(4) {
	margin-left: 5%;
}

/*nav#tf-footer .row.top span:nth-child(5) {
	margin-left: 5%;
}*/

/*nav#tf-footer .row.top span:nth-child(6) {
	margin-left: 5%;
}*/


#youqing a{
	margin-right: 10px;
    line-height: 20px;
    text-decoration: none;
    color: #999;
    font-size: 12px;
}
 
#link_logo img{
	
	vertical-align:middle;
}


#content { min-height:740px ;}

#content .header_control {
    height: 740px;
    width: 100%;
    position: relative;
    text-align: center;
    background: url(../images/big_03_02.jpg) no-repeat center;
}



#journalism{
	width: 1138px; 
	margin: auto;
}

			
ul li {
	color: #D12225;
}
.form-bg{
	 /*background: url(../images/gunaggpaiz.jpg);
	height: 351px;
    width: 1125px;*/
} 
.ournalism-two{
    width: 200px;
    height: 200px;
    background: white;
    border: 1px solid #51A5D8;
    display: inline-block;
    float: right;
    margin-right: 3%;
    margin-top: 3%
}

.journalism-four{
    width: 200px;
    height: 200px;
    background: white;
    float: right;
    border: 1px solid #51A5D8;

    margin-top: 3%;
    margin-right: 1%;
}

#phone{
    width:100%;
    height:685px;
    /*background: url(../images/21212121_03.jpg) right 80px no-repeat;sytup.jpg */
    background: url(../images/app_banner.png);
    background-position: center;
    position: relative;
    min-width: 1025px;
 /*   margin: 0 0 0 -2%;*/
}

#phone .back{
    position: absolute;
    bottom:190px;
}
#phone .back li{
    float:left;
    margin:0 50px;
}

#phone .bo{
    float:right;
    margin-right:501px;
    margin-top:271px;
} 


@charset "utf-8";

/*样式重置*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, 
form,fieldset,input,textarea,p,th,td { 
    padding: 0; 
    margin: 0; 
}

body{min-width: 1100px; font-family: "Heiti SC","Microsoft YaHei", "STHeitiSC-Medium", "Heiti SC Medium";}
img{ border: 0; vertical-align: top;}
table{border-collapse: collapse;}
input,textarea{outline: none;}
ol,ul{ list-style: none; }
li{list-style: none;}


.fl{float: left;}
.fr{float: right;}
.clear{zoom: 1;} /* IE */
.clear:after{content: ''; display: block; clear: both;}

.color_black{color: #000;}
.color_orange{color: #ff9900;}
.color_gray{color: #999;}
.color_white{color: #ffffff;}
.color_red {color: #E63C5A;}


.xiabian{
	border-bottom: 1px solid #ADADAD;
    padding-bottom: 10px;
}

.xiabian p{
	color: #ADADAD;
}
#wode{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}


.divdiv{
	 margin-bottom: 20px;
    border-bottom: 1px solid;
    padding-bottom: 10px;

}

.header_menuu{
	list-style: none; 
	display: initial; 
	margin-left: 80%; 
	margin-top:-30px;
}

.header_menu li {
	width: 60px;
	text-align: center;
	margin: 0 10px;
}

.header_menuu_active{
	border-bottom: 2px solid #d12225;
	padding-bottom: 10px;
}


.bk-homeMarketlist li{width:250px!important;float:left;}


#youqing{
	text-align: center;
	padding: 5px 0px;
	display:flex;
	flex-direction: row;
	justify-content:flex-start;
	align-items:baseline;
	flex-wrap: wrap;
}

html{color:#000;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {background:#FFF;color:#4a4f5a;font: 400 14px/1.5 "微软雅黑",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}






a:hover{text-decoration:none}
a{text-decoration:none}

ul,ol {list-style:none;}




.wrapper03 .scroller li {height: 1px;color:#333;float: left;line-height: 1px;font-size: 16px;text-align: center}
.wrapper03 .scroller li a{color:black;display:block;margin:0 15px;}
.wrapper03 .scroller li.cur a{color:#D12225;height:15px;border-bottom:2px solid #D12225}


#liuchen{
	/*display: inline-flex;*/


	display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
	display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
	/*display: -webkit-box;*/   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;      /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;   /* 混合版本语法: IE 10 */

	/*flex-flow:row nowrap;
	justify-content:space-between;
	flex-direction: column;*/

	padding: 40px 0;
	width: 1138px;
	margin: auto;
}

#liuchen>div {
	float:left;
}

#liuchen .div1{
	margin: 0 37px;
}
 
#liuchen .div2{
	margin: auto;
	/*position: relative;
	top:55px;*/
	height: 139px;
	line-height: 139px;

}
#liuchen .div1 span{
	width: 135px;
	padding-top: 13px;
	display: block;
	font-size: 16px;
}

#fuwu{
	display: inline-flex;
	padding: 40px 0;
	width: 1138px;
	    margin: auto;
}

#fuwu .div1{
	margin: 0 54.5px;
	float:left;
}
#fuwu .div1 span{
	width: 80px;
	display: block;
	padding-top: 13px;
	font-size: 16px;
}





li{ list-style:none }
img{ border:none}
a{text-decoration:none;} 
.apple a{display:block; text-decoration:none;}

.apple,.aa{ width:1138px; height:136px; overflow:hidden; margin:50px auto; border:1px solid #999999;}
/*.apple a,.aa a{ width:760px; height:136px; line-height:50px; text-indent:20px; color:#1B96EE;margin: auto;}
*/
.apple div{ height:108px; line-height:30px; text-indent:20px; color:black;margin:14px auto;}

.apple div img{ float: left;width: 149px;height: 107px;margin-right: 20px;     margin-left: 10px;}
.apple div p{ display: -webkit-box;}
.apple .img{float: left;margin:14px auto;border-right: 1px solid #999999;padding: 0 36px; width: 178px;}

.apple .img1{float: right;margin:14px auto;border-left: 1px solid #999999;padding: 0 43px;}
 


.apple ul li{
	display: inline-block;
    padding-left: 30px;
}




.search{width:700px;margin:0 auto;}

.search-bd .form-group{border:2px solid #d12225;position:relative;height:61px;z-index:3;margin-bottom: 0;}
.search-bd .form input{width:696px;height:55px;color:#222;position:absolute;top:1px;left:0px;outline:none;border:none;padding:16px 0 16px 20px;}
.search-bd .form .btn{border:none;background:#d12225;font-size:18px;height:57px;position:absolute;right:-1px;text-align:center;top:0;width:112px;cursor:pointer;margin: 0;border-radius: 0;}
.search-bd .form .btn i{font-weight:800;font-size:18px;margin-right:6px;}

.search-sug{position:absolute;top:59px;background:#fff;border:1px #d12225 solid;border-top:none;width:700px;z-index:2;left:-2px;}
.search-sug .sokeyup_1{height:35px;line-height:35px;padding:0 20px;}
.search-sug .sokeyup_1:hover{background:#eeeeee;}
.search-sug .sokeyup_1 .sokeyup_2{ font-size:14px;color:#6e6e6e;float:left;}
/*.search-sug .sokeyup_1 .sokeyup_3{color:#6e6e6e;font-size:14px;float:right;}*/
.search-sug .sokeyup_1.hot .sokeyup_2{color:#ff2a00;color:#ff2a00;position:relative;}



#item1{
	width: 419px;
	height: 250px;
}
.item2{
	width: 283.5px;
	height: 250px;
}

#brand #link_logo .bk-homeMarketlist img{
	width: 250px;
	height: 150px;
} 


.list_classification1{
	width: 1138px;
    margin: auto;
    display: flex;

}

.list_classification1 div{
	    margin-right: 30px;
	    
}
#list > li{float:left;margin-left:10px;margin-top:10px;padding: 11px;color: #000000; }   
 
#miaodian2 .list_classification span a{
	color: #000000;
}

.side_b{width:33%; float:left; height:510px;}
.news_bar{text-align: center; font-weight: bold; font-size: 18px; color: #666666; margin:20px 0;}
.news_bar_top{ height:50px; width:100%; float:left;margin-bottom: 10px;}
.news_bar::before{content: "「 ";}
.news_bar::after{content: " 」";}
.image_item{ margin-bottom: 25px; height: 165px; width: 340px; overflow: hidden;}
.more_news{float: right; font-size: 15px; font-weight: bold; padding-top: 10px;}
.more_news span{color: #d12225;}
a.more_news:hover{text-decoration:none; color: #d12225;}

.flex{display:-webkit-box;display:-webkit-flex; display:flex; width:100%;}
.flex1 {-webkit-box-flex: 1;-webkit-flex:1; flex: 1;}
.flex2 {-webkit-box-flex: 2;-webkit-flex:2; flex: 2;}
.flex4 {-webkit-box-flex: 4;-webkit-flex:4; flex: 4;}