@charset "gb2312";
/* CSS Document */
* {	padding: 0;	margin: 0;	box-sizing: border-box;}
fieldset,img,abbr,acronym {border:none;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6,b {font-size:100%;font-weight: normal;}
ol,ul,li {list-style:none;}
li{vertical-align: middle;}
body { width: 100%;  *cursor:default; font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;color:#5a5a5a}
a {	text-decoration: none;	color:#5a5a5a;}
.clearfix:after {clear: both;content: "$";display: block;height: 0;overflow: hidden;visibility: hidden; font-size:0;}
.clearfix{*zoom:1;} 
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.w1200{ width:1100px; margin: 0 auto;}
.tc{ text-align:center;}
.pr{ position: relative;}




.head{width:100%; height: 35px;background-color:#666666; line-height: 35px; color: #ccc; font-size: 13px; padding: 0 50px;}
.head ul{/* background-color:#e80a00;*/ padding:0 5px 0 15px; webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; -o-transition: 400ms; transition: 400ms;}
.head ul li{ float: left; color:#ccc; }
.head ul li a{ color:#ccc;padding: 0 10px 0 5px;}
.head ul li img{ padding-top:10px; float:left; margin-left: 10px;}
.head ul li.wx{ position: relative;}
.head ul li .wxbox{ padding:0 0 0 0; clear: left; position: absolute; z-index: 9999; width: 187px; overflow: hidden; left: -100px; top: 25px;}
.top{width:100%; z-index:9999; height: 108px;background-color:#E62129;}
.logo{  position: absolute; top: 60px; left: 50px;}
.logo img{
	    width: 50%;
}
.navBar{position:relative; height:50px; line-height:50px; z-index:999; width:920px; float:right;}
.nav { position: absolute; right: 50px;}
.nav .m {float:left;position:relative;}
.nav h3 {float:left; text-align:center; width:115px; border-right: 1px solid #d90009;}
.nav li:first-child h3{border-left: 1px solid #d90009;}
.nav h3 a{display:block; vertical-align:top; text-decoration:none; font-weight:normal; color:#fff; cursor:pointer; font-size:15px; padding-top: 50px; height: 108px;}
.nav li.on h3,.nav li:hover h3 { background: #d90009 url(../images/icon_sd.png) 45px 20px no-repeat;}
.nav .on h3 a{color:#fff;  font-weight: bold;}
.nav .sub {display:none; width:114px;position:absolute; top:108px; background:#d90009; text-align: center; border-radius: 0 0 5px 5px;}
.nav .sub li {float:left; width:114px; text-align: center; border-top: 1px solid #c80008}
.nav .sub li a {display:block;font-size:14px; color:#fff;}
.nav .sub li a:hover {color:#ececec;}
.flexslider { /*position: fixed; top: 135px;*/ width:100%;height:664px; overflow: hidden; background: url(images/loading.gif) 50% no-repeat; z-index: 1; position: relative;}
.slides {position: relative; z-index: 1;}
.slides li {height:664px;}
.flex-control-nav {position: absolute; bottom:20px; z-index:2; width:100%; text-align:center;}
.flex-control-nav li { display: inline-block; width:55px; height:10px; margin: 0 5px; *display: inline; zoom: 1; }
.flex-control-nav a { display: inline-block; width:55px; height: 10px; line-height: 40px; overflow: hidden; cursor: pointer;background-color: #fff}
.flex-control-nav .flex-active { background-color: #d90009;}

.list_ban{ position: fixed; top: 142px; width:100%;height:698px; overflow: hidden; background: url(images/loading.gif) 50% no-repeat; z-index: 1;}
.content{ background: #fff;}
.now{line-height: 60px; background-color: #f6f6f6; text-align: right; font-size: 14px; color: #999;}
.now a{ color: #999;}
.now .left_nav_cur{ font-size:18px; font-weight: bold;}
.content .con_box{ background: url(../images/content_line.jpg) 279px 0 repeat-y; margin: 50px auto 70px;}
.content .case_box{ margin: 50px auto;}
.content .con_box .fl{ width: 240px; }
.content .con_box .fr{ width: 780px; }
.content .con_box .fr p{ font-size:16px; line-height: 1.5em; margin-bottom: 5px;}
.content .con_box .top100{top: -110px;position: relative;  }
.content .con_box .fl .menu { padding-bottom:20px; margin-bottom: 0px; }
.content .con_box .fl h2{ font-size: 24px;  line-height: 60px; margin-bottom: 15px; background-color: #E62129; text-align: center; color: #fff;}
.content .con_box .fl .menu li{ background:#f6f6f6 url(../images/menu.jpg) 0 0 no-repeat; line-height: 44px; font-size: 15px; text-align: center;webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; -o-transition: 400ms; transition: 400ms; margin-bottom: 5px; font-size: 16px;}
.content .con_box .fl .menu li:hover,.content .con_box .fl .menu li.left_nav_cur{background:#eac671 url(../images/menu.jpg) 0 -45px no-repeat;webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; -o-transition: 400ms; transition: 400ms;}
.content .con_box .fl .menu li:hover a{ display: block;}
.content .con_box .fl .menu li:hover a,.content .con_box .fl .menu li.left_nav_cur a{ color: #344a89;}
.content .con_box .fl .recont p{ font-size: 14px; line-height: 25px; padding:10px 0 15px 0;}
.content .con_box .prolist{ margin-left:-30px;}
.content .con_box .prolist li{ width: 375px; height: 307px; margin-left: 30px; float: left; margin-bottom: 25px; overflow: hidden; position: relative; background: url(../images/probg.jpg) no-repeat;  background-size: 100%;transition: transform 1.1s;}
.content .con_box .prolist li b{ position: absolute; top: 15px; left: 25px; font-size: 22px; color: #253f8b;}
.content .con_box .prolist li img{ width: 375px;transform 1.1s;}
.content .con_box .prolist li:hover img{transform: scale(1.1);transition: transform 1.1s;}
.newart h1,.protilte{font-size:30px; font-weight:bold; text-align:center;  border-bottom:1px solid #f3f3f3; padding-bottom: 2rem;}
.newart span.xx{color:#969696; font-size:13px; font-weight:normal; margin-top: 5px; display: block;}
.newart .news{ font-size: 16px; line-height: 32px; padding: 30px 0;}
.newart .news p{ margin-bottom:10px;}
.newart p img{ max-width:840px; margin: 0 auto;}
.content .news_list_box{ padding: 30px 0; border-bottom: 1px solid #f1f1f1;}
.content .news_list .news_list_box:first-child{ padding-top: 0;}
.content .news_list_box .date{ background-color:#f5f5f5; width: 84px; height: 84px; float: left; text-align: center; padding-top: 15px;}
.content .news_list_box .date strong{ display:block; font-weight: bold; font-size: 25px; line-height: 25px; height: 25px;}
.content .news_list_box .img{ width:84px; height: 84px; margin-left: 20px;}
.content .news_list_box .img img{ width:113px; height: 84px;}
.content .news_list_box .artl{ width: 545px;}
.content .news_list_box .artl h5{ font-size:18px;}
.content .news_list_box .artl p{ font-size: 14px; margin-top: 5px; color: #999;}
.content .news_list_box{transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.content .news_list_box:hover{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-webkit-box-shadow:0px 5px 15px #d3d3d3;-moz-box-shadow:0px 5px 15px #d3d3d3;box-shadow:0px 5px 15px #d3d3d3; background-color: #fff;}
.content .news_list_box:hover h5{ color: #253f8b}
.content .content_pro ul{ margin-left: -30px;}
.content .content_pro li{ float:left; margin-left: 30px; margin-bottom: 30px;width:240px;}
.content .content_pro li .meta{ background-color: #f6f6f6; line-height: 40px; padding: 0 10px; font-size: 16px;}
.content .content_pro .content_pro_img{ width:240px; height: 196px; overflow: hidden; background: url(../images/probg.jpg) no-repeat;  background-size: 100%;}
.content .content_pro .content_pro_img img{ width:240px; height: 196px; transition: transform 1.1s; }
.content .content_pro li:hover img{transform: scale(1.4);transition: transform 1.1s;}
.content .content_pro li:hover .meta{ background-color: #253f8b; line-height: 40px; padding: 0 10px; font-size: 16px; color: #eac671;}
.about_pro{ background: url(../images/about_pro_bg.jpg) no-repeat; width: 780px; height: 450px; padding-top: 20px; margin-top: 40px;}

.slideBox{ width:780px; height:430px; overflow:hidden; position:relative; margin: 0 auto;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:525px; height:430px;display:block; margin: 0 auto;}
.slideBox .bd li .protl{ position: absolute; top: 100px;right:30px; text-align: center;  background: -webkit-linear-gradient(left, #253f8b , #5171ce);
  background: -o-linear-gradient(right, #253f8b , #5171ce); 
  background: -moz-linear-gradient(right, #253f8b , #5171ce);
  background: linear-gradient(to right, #253f8b , #5171ce); color:#fff; line-height: 30px; border-radius: 30px; width: 268px; margin: 0 auto;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.about_pro_yytrs{ width: 780px; height: 450px; padding-top: 20px; margin-top: 40px;}
.about_pro_yytrs .slideBox .bd img { width:780px; height:450px;display:block; margin: 0 auto;}
/*分页*/
.pages{text-align:center; vertical-align:middle; line-height:36px; padding:40px 0 0px; font-size:14px;}
.pages .pages_red{ font-weight:bold; color:#eb0000;}
.pages a{height:32px; line-height:32px; display:inline-block; border:1px solid #e6e6e6; padding:0 12px; vertical-align:middle; margin-right:5px;}
.pages a:hover{background:#e80a00; text-decoration:none; border:1px solid #e80a00; color:#fff;}
.pages a.pages_cur{ border:1px solid #e80a00; background:#e80a00; color:#fff;}
.pages_val{ height:22px; line-height:22px; border:1px solid #cfcfcf; vertical-align:middle; width:30px; text-align:center; color:#333; font-family:Verdana, Geneva, sans-serif;}
.pages_btn{ height:24px; line-height:24px; border:none; background:#b91313; cursor:pointer; color:#fff; font-family:Verdana, Geneva, sans-serif; padding:0 4px; vertical-align:middle;}
.content .case_box .pages{ padding-top: 0; }
.content .picbox{ position: relative; width: 100%;}
.content .picbox a.pre,.content .picbox a.next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.content .picbox a.next{ left:auto; right:3%; background-position:8px 5px; }
.content .picbox a.pre:hover,.content .picbox a.next:hover{ filter:alpha(opacity=100);opacity:1;  }

.content .bigpic{ text-align: center; }
.content .picbg{background:  url(../images/probg.jpg) center no-repeat; }
.pageUd{ border-top:1px solid #f3f3f3; padding-top: 0px;color: #5a5a5a; font-size: 14px;}
.pageUd a{ color: #999;}
/*留言板 */
.joinleft{ float:left;}
.joinright{ float:right;}
.joinleft,.joinright{ width:360px;}
.joinleft{ background-color: #f7f7f7; padding: 20px;}
.joinleft strong{ padding-left: 10px;}
.formWrite input,.formWrite textarea,.formWrite select{ border:1px solid #ebebeb; line-height: 35px; height: 35px; width: 220px;}
.formWrite textarea{ height:200px;}
.formWrite .ButtonV1,.formWrite .input_btn{ background-color: #253f8b; color: #fff; border: none; width: 120px; height: 40px; line-height: 40px; margin-right:15px; }
.formWrite .input_reset{ background-color: #eac671;}
.formWrite td{ padding-bottom: 10px;}
.formWrite .ft_red{ color:red}
.foot-top{
	width: 100%;
	min-width: 1100px;
	background: #e80a00;
}
.foot-top .foot-join{
	width: 175px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #e80a00;
	background: #fff;
	font-weight: bold;
	margin: 29px 0;
	transition: all 0.5s;
}
.foot-top .foot-join:hover{
	opacity: 0.9;
	filter: alpha(opacity=90);
}
/*.foot-top .foot-join:hover{
	color: #fff;
	background: #0075c2;
	transition: all 0.5s;
}*/
.foot-top .foot-box{
	padding: 19px 0 24px;
}
.foot-top .foot-box h2{
	font-size: 18px;
	color: #fff;
	line-height: 38px;
}
.foot-top .foot-box	p{
	color: #fff;
	font-size: 14px;
	line-height: 28px;
}
.foot-cen{
	width: 100%;
	background: #3a4950;
}
.foot-cen-top{
	padding: 58px 0 47px;
	border-bottom: 1px solid #9a9a9a;
	background-color: #E2E2E2;
}
.foot-cen-top dd{
	float: left;
	width: 121px;
}
.foot-cen-top dd p{
	font-size: 14px;
	line-height: 14px;
	color: #000;
	margin-bottom: 20px;
	font-weight: bold;
}
.foot-cen-top dd a{
	display: block;
	color: #858585;
	width: 100%;
	font-size: 14px;
	line-height: 32px;
	transition: color 0.5s;
}
.foot-cen-top dd a:hover{
	color: #fff;
	transition: all 0.5s;
}
.foot-cen-top .foot-add{
	width: 200px;
}
.foot-cen-top .foot-add h2{
	color: #000;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 20px;
	margin-bottom: 14px;
}
.foot-cen-top .foot-add p{
	color: #858585;
	font-size: 14px;
	line-height: 42px;
}
.foot-cen-top .foot-add .col{
	color: #858585;
}

.foot-bottom{
	background-color: #666666;
	background-size: 48% 100%;
}
.foot-bottom p, .foot-bottom a{
	color: #ccc;
	font-size: 14px;
	line-height: 46px;
	transition: color 0.5s;
}
.foot-bottom a{width:135px; height:17px; background:url(../images/huaqi1.png) no-repeat center center; display:block; margin-top:15px; float: right;}
.foot-bottom p span{
	margin-right: 24px;
}
.foot-bottom p a:hover{
	color: #fff;
}
.foot-bottom li{
	float: left;
	padding: 0 20px;

	line-height: 46px;
}
.foot-bottom li a:hover{
	color: #fff;
	transition: all 0.5s;
}
.foot-bottom .cnzz-img{
	display: inline-block;
	margin-top: 14px;
}
.foot-bottom .cnzz-img a{
	display: inline-block;
	line-height: 12px;
}

/*gotop*/
.cbbfixed {position:fixed; right:10px; transition: bottom ease .3s;bottom:-85px;z-index:3; cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color:#e80a00;}
.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(side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#000;}
.cbbfixed .cweixin {background: #dadbdd;}
.cbbfixed .cweixin div {background: url(../images/erwei.png) no-repeat;width: 197px;height: 199px;position: absolute;left: -194px;top: -120px;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(../images/side-icon01.png) no-repeat;}