@charset "utf-8";
/* CSS Document */
 /*top*/
 html {
    overflow: scroll;
}
 *{ margin:0; padding:0;}
 .logo{ height:80px;}
 .clear{ clear:both}
.logo{ background:#ffffff}
.top{
	background: #f1efef;
    color: #8d8d8d;
    position: relative;
    clear: both;
    line-height: 36px;
    overflow: hidden;
    font-size: 12px;
    font-weight: lighter;
}
.top_main{
    max-width: 1920px;width:82%; margin:0 auto;
    margin-left: auto;
    margin-right: auto;
    *width: 1200px;
}
.top_left{
    float: left;
    margin-right: 2%;
    width: 48%;
    transition: .2s width ease;
	font-size:13px;
}
.top_left a{color: #8d8d8d;}
.top_right{
    float: left;
    margin-right: 2%;
    width: 48%;
    transition: .2s width ease;
	font-size:13px;
}
.top_right .link_main{ float:right}
.top_right a{ color:#8d8d8d; text-decoration:none}
.link_main_w{ float:right}
.top_right ul li {
    float: left;
    font-size: 13px;
}
.top_right ul li a {
    color: #8d8d8d;
}
.top_right ul li{ padding-left:3px; padding-right:3px;}
.top_right ul li a.chinese{ background:url(images/chinese.jpg)  no-repeat left center; padding-left:20px;}
.top_right ul li a.english{ background:url(images/english.jpg)  no-repeat left center; padding-left:20px;}
.top_right ul li i.split {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 9px;
    background: #8d8d8d;
    margin: 0 4px;
}
   /*logo*/
.logo{width:100%; max-width:1920px; margin:0 auto}
.logo_main {
    max-width: 1920px;width: 82%; margin:0 auto;
    margin-left: auto;
    margin-right: auto;
    *width: 1200px;
}
.logo_left {
    float: left;
    margin-right:20px;
    transition: .2s width ease;
}
.logo_img{
	float: left;
    vertical-align: middle;
    z-index: 2;
    position: relative;
}
.logo_img span {
    display: inline-block;
    height: 100%;
    width: 0;
    text-align: center;
    vertical-align: middle;
	float:left
}
.logo_img img {
    vertical-align: middle;
    max-height: 100%;
	max-width: 100%;
}
.logo_img a {
    display: block;
    height: 100%;
	outline: 0;
    color: #333;
    text-decoration: none;
    font-family: "微软雅黑";
}

.logo_txt {
    position: relative;
    float: left;
    width: 46%;
    height: 130px;
    vertical-align: middle;
}
.logo_txt p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 20px;
    font-size: 24px;
    color: #363535;
    line-height: 1;
}
.logo_txt p i {
    color: #005bac;
	font-style: normal;
}
.logo_txt p small {
    font-weight: normal;
    font-size: 14px;
    color: #414141;
}
.logo_txt::before {
    content: " ";
    display: inline-block;
    height: 100%;
    width: 0%;
    vertical-align: middle;
}
.logo_right{
	float: right;
    transition: .2s width ease;
}

.head_tel {

    position: relative;
    height: 110px;
    text-align: right;

}
.head_tel::before {
    content: " ";
    display: inline-block;
    height: 100%;
    width: 0%;
    vertical-align: middle;
}
.head_tel p {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #6c6666;
    line-height: 26px;
    font-weight: bold;
}
.head_tel i {
    margin-right: 10px;
    font-size: 24px;
    color: #005bac;
}
.iconfont{
    font-family: "iconfont" !important;
    font-style: normal;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke-width: 0.2px;
}
.head_tel a {
    color: #005bac;
    display: block;
    font-size: 26px;
}
  /*nav*/
.nav_box {
    position: relative;
	background: #005bac;
	}
.nav_main {
    max-width: 1920px;width: 82%; margin:0 auto;
    margin-left: auto;
    margin-right: auto;
    *width: 1200px;
}
.navTop{display: block; left: 0px;}
.nav_skin .bg {
    background: rgba(13,98,190,.8);
}
.nav_skin .bg {
    position: absolute;
    width: 50%;
    height: 50%;
    display: none;
}
.nav_skin .bg1 {
    top: 0px;
    left: 0px;
}
.nav_skin .bg2 {
    top: 0px;
    right: 0px;
}
.nav_skin .bg3 {
    bottom: 0px;
    left: 0px;
}
.nav_skin .bg4 {
    bottom: 0px;
    right: 0px;
}
.nav_skin.in {
    display: block;
}
.wapNavBtn.on {
    color: #fff;
    z-index: 1000;
    transform: rotate(90deg);
}
.wapNavBtn.on::before {
    content: 'X';
}
 ul, menu {
    padding-left: 0;
    list-style-type: none;
}

header .wapNavBtn {
    display: none;
    position: absolute;
    top: 58px;
    right: 32px;
    cursor: pointer;
    animation: transform .6s ease-in-out 0s both;
    -moz-animation: transform .6s ease-in-out 0s both;
    -webkit-animation: transform .6s ease-in-out 0s both;
    -o-animation: transform .6s ease-in-out 0s both;
}

header .wapNavBtnclose {
    display: none;
    position: absolute;
    top: 58px;
    right: 32px;
    cursor: pointer;
    animation: transform .6s ease-in-out 0s both;
    -moz-animation: transform .6s ease-in-out 0s both;
    -webkit-animation: transform .6s ease-in-out 0s both;
    -o-animation: transform .6s ease-in-out 0s both;
}
.wapNavBtnclose  {
    display: block;
    top: 16px;
    right: 16px;
    width: 24px;
    font-size: 24px;
}
.navmenu::after, .navmenu li::after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
}
.navmenu li.child {
    position: relative;
    float: left;
    width: 12.5%;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
	background:url(images/nav_li.png) right bottom repeat-y;
}
.navmenu li.child:hover, .navmenu li.child.on{
    color: #fff;
}

.navmenu li.child .menu_title {
	transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    font-size: 18px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.navmenu li.child:hover .navmenu li.child .menu_title, .navmenu li.child.on .navmenu li.child .menu_title{color: #333;}
.wapNavBtn {
    display: none;
    position: absolute;
    top: 58px;
    right: 32px;
    cursor: pointer;
    animation: transform .6s ease-in-out 0s both;
    -moz-animation: transform .6s ease-in-out 0s both;
    -webkit-animation: transform .6s ease-in-out 0s both;
    -o-animation: transform .6s ease-in-out 0s both;
}
.wapNavBtnclose{    display: none;
    position: absolute;
    top: 58px;
    right: 32px;
    cursor: pointer;
    animation: transform .6s ease-in-out 0s both;
    -moz-animation: transform .6s ease-in-out 0s both;
    -webkit-animation: transform .6s ease-in-out 0s both;
    -o-animation: transform .6s ease-in-out 0s both;}
.child .childContent {
    display: none;
    position: absolute;
    top: 55px;
    width: 100%;
    z-index: 999;
}
ul.navmenu li.child a {
    display: block;
	text-decoration:none
}

ul.navmenu li.child:hover .childContent{ 
     display:block;	
     transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;}
.child .childContent .childContentli {
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    background: #fff;
    color: #555;
}

/**幻灯片**/
.carousel{height:350px;}
.carousel-caption {
    display: none;
}
.carousel-caption h3 {margin-bottom:30px;font-size:3.2em; text-align:left}
.carousel-caption p {font-size:1.2em;text-align:left}
.carousel-caption .btn {margin-top:20px; font-size:1.0em;text-align:left}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
	display: block;
	max-width: 1920px;
	height: auto
}
.carousel {
	position: relative
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}
.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left;
	width: 100%;
height: auto;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	line-height: 1
}

.container {
    width: 1155px;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
	display: block
}
.carousel-inner>.active {
	left: 0
}
.carousel-inner>.next, .carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}
.carousel-inner>.next {
	left: 100%
}
.carousel-inner>.prev {
	left: -100%
}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
	left: 0
}
.carousel-inner>.active.left {
	left: -100%
}
.carousel-inner>.active.right {
	left: 100%
}
.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	filter: alpha(opacity=50);
	opacity: .5
}
.left{ float:left; left:0px}
.right{ float:right; right:0px}
.carousel-control:focus, .carousel-control:hover {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: .9
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	left: 50%;
	margin-left: -10px
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	right: 50%;
	margin-right: -10px
}
.carousel-control .icon-next, .carousel-control .icon-prev {
	width: 20px;
	height: 20px;
	font-family: serif;
	line-height: 1
}

.carousel-indicators {
	position: absolute;
	bottom: 10%;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none
}
.carousel-indicators li {
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -999px;
	cursor: pointer;
	background: rgba(255,255,255,0.7);
	border-radius: 10px
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #005bac;
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 30%;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 4px;
	border:1px solid #fff;
	color:#fff
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.sr-only{ display:none}

.con{position: relative; z-index:99999; }
.con1{width:82%; max-width:1920px; margin:0 auto; background:#fff}
.con1_left{width:70%; float:left}
.con1_left_title{background: #005bac; line-height:35px; color:#fff; text-indent:25px; font-size:16px;}
.con1_left_title a{ color:#fff; text-decoration:none;}
.con1_left_content{ padding:15px; font-size:14px; line-height:25px; color:#181818}
.con1_left_content img{ max-width:38%; margin-right:2%; float:left}
.con1_right{width:30%; float:left}
.con1_right .company_name{ font-size:20px; font-weight:600; line-height:48px;}
.title_more{ float:right; padding-right:20px;}
.con1_right_title{background:#e40014;line-height:35px; color:#fff; text-indent:25px; font-size:16px;}
.con1_right_title a{ color:#fff; text-decoration:none;}
.con1_right_content{ padding:15px;}
.con1_right_content img{ max-width:100%}
.con1_right p{ font:16px; line-height:28px;}
.con1_right p.phone span{ font-size:30px; font-weight:600; color:#e40014; font-family:impact}
.con1 .chang1more{ color:#181818; font-weight:600}
.con2{width:82%; max-width:1920px; margin:0 auto; background:#fff; margin-top:15px}
.con2_left{width:70%; float:left; margin-right:2%; position:relative}
.con2_right{width:28%; float:left; background:#fff; }
.con2_left1{width:32%; margin-right:2%; float:left; background:#fff}
.con2_left2{width:32%; margin-right:2%; float:left;background:#fff}
.con2_left3{width:32%; float:left;background:#fff}
.con2_left_title{ padding:15px; padding-left:0; padding-right:0;width:80%; margin:0 auto; font-size:16px; font-weight:600; border-bottom:1px solid #ddd}
.con2_left_content{padding:15px;}
.con2_left_content img{ max-width:100%}
.con2_right_content{ padding:15px;}
.foot{ background:#242826; height:46px; line-height:46px; color:#999}
.foot .lf{color:#999; float:left}
.foot .lf a{color:#999;}
.foot .rg{ color:#999; float:right}
.foot .rg a{ color:#999;}
.foot .rg a:hover{ color:#ccc}
.foot .rg .a1{ background:url("images/1_07.jpg")/*tpa=http://www.forchn.com.cn/images/1_07.jpg*/ center left no-repeat; padding-left:20px; margin-right:20px;}
.foot .rg .a2{ background:url("images/1_09.jpg")/*tpa=http://www.forchn.com.cn/images/1_09.jpg*/ center left no-repeat; padding-left:20px; margin-left:20px;}
.foot .rg select{ margin-left:20px; margin-right:20px; width:203px; text-align:center; background:none; border:1px solid #555756; color:#999;}
.foot_mp{background:#005bac; z-index:99999; display:none}
.box{ width: 80%;max-width: 1920px; margin:0 auto;}
.foot .lf {
    color: #999;
	font-family: "微软雅黑";
    font-size: 12px;
}
.foot .lf a {
    color: #999;
	text-decoration:none;
	font-family: "微软雅黑";
    font-size: 12px;
}
.weixin_chang1 img{ max-width:35%}
.con2_w{width:55%; float:right; padding-right:2%; line-height:28px; font-size:15px;}
.weibo_chang1 .landlogo{ max-width:35%; float:left}
.con2{ margin-bottom:2%}
.con2_b{width: 55%;
float: right;
padding-right: 2%;
line-height: 28px;
font-size: 15px;}
.hot_search{ border:1px solid #ddd; line-height:30px; margin-top:10%}
.search_form{width:240px}
.form-control{ border:none; line-height:30px; text-indent:10px;width:80%; float: left}
.search_btn{width:20%; background:url(images/search.png) center center no-repeat; border:none; line-height:30px;}
.floatright{ float:right;}
#content{margin-bottom:2%}
.product_list_main{ background:#fff;}
.pc_show a{ background:#ececec; line-height:40px;height:40px; display:inline-block; padding:0 25px; font-size:16px; color:#282828; font-weight:600}
.content{ padding:2%; background:#fff;}
.content_us{padding:1.5%; width:79%;margin: 0 auto;background:#fff; margin-top:1%; padding-bottom:5%}
.content1{width: 82%;margin: 0 auto; margin-top:1%; margin-bottom:1%}
.content1_left{width:64%; margin-right:2%; float:left; padding:2%; background:#fff;}
.content1_right{width:26%; float:left; padding:2%}
.content1_left{ font-size:14px; line-height:28px;}
.pr_content b{font-size:14px; line-height:28px;color:#282828}
.pr_name b{ color:#282828;font-size:14px;}
.pr_name, .pr_content{ font-size:14px;}
.content1_left .content_title{ color:#c30000; font-size:16px; font-weight:600}
.content1_right{ background:#fff;}
.content1_right .content1_right1{width:45%; margin-right:5%; float:left; text-align:center; padding-top:2%}
.content1_right .content1_right1 img{ margin:0 auto}
.content1_right .content1_right1 a:hover{ color:#c30000}
.content1_right .content1_right2{width:45%; margin-left:5%; float:left; text-align:center; padding-top:2%}
.content1_right .content1_right2 img{ margin:0 auto}
.content1_right .content1_right2 a:hover{ color:#c30000}
.content1_right .content1_right3{width:45%; margin-right:5%; float:left; text-align:center; padding-top:2%}
.content1_right .content1_right3 img{ margin:0 auto}
.content1_right .content1_right1 a:hover{ color:#c30000}
.content1_right .content1_right4{width:45%; margin-left:5%; float:left; text-align:center; padding-top:2%}
.content1_right .content1_right4 img{ margin:0 auto}
.content1_right .content1_right4 a:hover{ color:#c30000}
.content1_right_title{ background:#c30000; color:#fff; line-height:35px; padding:0 15px; font-size:16px;}
.company_item ul li {
    width: 15%;
    float: left;
    font-size: 15px;
    color: #5a5a5a;
    line-height: 60px;
	margin-right: 1.5%;
}
.con1_left_content .company_item ul li img {
	display:block;
    margin-right: 0px;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
	float:none;
	margin:0 auto;
}
.company_item ul li p{ display:block; text-align:center; color:#282828; text-decoration:none; line-height:35px;}
.company_item ul li a:link{ text-decoration:none}
.company_item ul{ padding-top:15px; padding-bottom:15px;}
.company_item ul li:hover img {
    -webkit-transform: rotatey(360deg);
    -moz-transform: rotatey(360deg);
}
.company_item{ padding-bottom:10px}
.news_text .date, .date {

    display: block;
    float: right;
    height: 26px;
    line-height: 26px;
    width: 80px;
    color: #999;
    font-size: 12px;
    text-align: center;
color: #999;
font-weight: normal;
}
.news_text h5 a, .news_text_pic h5 a {

    color: #333;
    font-size: 15px;

}
.news_text h5, .news_text_pic h5 {
    font-weight: bold;
    color: #333;

}
.news_text, .news_text_pic {
    padding: 10px 0px;
    background: url(images/line-2.gif) left bottom repeat-x;
}
.pages {

    width: 100%;
    height: 28px;
    margin: 14px 0;
    clear: both;

}
.floatright{ margin-bottom:2%}
.pages span {

    float: right;

}
