﻿276
@charset "utf-8";
/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;

}/*网站字体颜色*/

a:hover {
    color:#f6a42c;
}
.header , .content ,  .container{margin-left:auto; margin-right:auto; width:1020px; font-family:microsoft yahei;}

/*页眉*/
.header{width:100%; overflow:hidden; background-color:#fff;}
		/*--顶部链接导航*/
.hd_top{
    background-color: #f2f2f2;}
.hd_top .container{height:40px; line-height:40px;}
.hd_top a{padding:0 20px;text-decoration:none;}
.hd_top a +a {
    border-left: 1px solid #e1e1e1;
    display: inline-block;
    line-height: 25px;

}
.mainNav .cur {
    color:#f6a42c;
    border-bottom: 1px solid #f6a42c;
}

		/*--页眉内容*/
.hd_cont{position:relative; height:122px;}
.hd_cont .hd_logo{position:absolute; left:-10px; top:18px;}
.hd_cont .hd_logo dd{margin-left:14px; padding-left:12px; padding-top:6px; height:62px; border-left:1px dotted #b4b4b4;}
.hd_cont .hd_logo dd h2{font-size:18px; line-height:32px; color:#024363;}
.hd_cont .hd_logo dd p{font-size:18px; font-weight:bold; color:#f00;}

.hd_cont .dh_phone{padding-top:4px; margin-top:30px; background:url(../images/hdphoen_ico.png) no-repeat right 4px; text-align:right;}
.divhtchenxint{ position:absolute; right: 10px;top:30px}
.hd_cont .dh_phone dd{margin-right:48px;}
.hd_cont .dh_phone dd em{font-size:24px; font-family:arial; color:#f69f17;}
.hd_cont .dh_phone dt{padding:2px 10px; font-size:16px; background-color:#f69f17; color:#fff;}

.hd_cont .hdGd{position:absolute; right:0; top:98px;}

		/*--导航栏*/
.mainNav{height:53px; font-family:microsoft yahei; }
.mainNav li{float:left; }
.mainNav li a{display:block; color:#000;  height:45px; line-height:53px; font-size:14px;text-decoration:none;margin-right: 72px}
.mainNav li:last-child  a{
    margin-right: 0px
}

.mainNav li a:hover {
    color:#f6a42c;
    border-bottom: 1px solid #f6a42c;
}
.mainNav2 li a:hover {
    color:#f6a42c;
}
.mainNav2{height:53px; font-family:microsoft yahei; }
.mainNav2 li{float:left; }
.mainNav2 li a{display:block; color:#000;  height:45px; line-height:53px; font-size:14px;text-decoration:none;margin-right: 72px}
.mainNav2 li:last-child  a{
    margin-right: 0px
}

.fotWarp{ background-color:#0b0b0b;}
.fotNav{padding:26px 0; text-align:center; color:#272727;}
    .fotNav a{padding:0 38px; color:#fff; font-size:14px;text-decoration:none;}
.fotNav  a + a {
    border-left: 1px solid #fff;
}
.fotTxt{margin-top:20px; text-align:center; line-height:24px; font-size:14px; color:#fff;}
.fotTxt span{
    padding: 0 10px;
    font-size: 14px;
}
.fotTxt p{padding:6px 0;  background-color:#585858;margin-top: 15px;}
.fotTxt em{font-size:14px; color:#999;color: #fff;}
.ajishuzhic{color:#ccc}

.indexsousuo ul li  {
    color: #000;
    line-height: 54px;
    font-size: 14px;
}
.indexsousuo ul li a{
    margin-right: 15px;
}
.indexsousuoinput:focus {
    outline:1px solid #f6a42c;
}
.indexsousuoinput {
    width: 230px;
    line-height: 30px;
    font-size: 14px;
}
.indexsousuoshuru {
    cursor: pointer;
    border:none;
    outline:none;
    width: 60px;
    height: 34px;
    background: url("../images/shuru.png");
    margin-left: -4px;

}



/*banner移动样式 */
#flashs{ position:relative; height:682px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:888; bottom:10px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#024265; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#FF7800;}





/* -- 页面整体布局 -- */
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:680px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top {  height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.rightbot{ height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.right { width:764px; float:right; display:inline; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right_main { width:762px; min-height:458px; border:solid 1px #d5d5d5;  padding-bottom:15px; overflow:hidden;background:#fff;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;background:#fff}
.left2_main { width:678px;  border:solid 1px #d5d5d5; padding-bottom:15px; overflow:hidden;background:#fff;}


.relative{
    position:relative;
}
.floor {
    min-height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    bottom:-30px;
    background-color: rgba(255,255,255,0.6);
    -webkit-transition:  all 0.3s ease-out 0s;
    -moz-transition:  all 0.3s ease-out 0s;
    -o-transition:  all 0.3s ease-out 0s;
    transition:  all 0.3s ease-out 0s;

}
.alCont .relative:hover .floor{
    bottom: 0;
}
.producth3 {
	margin-left:-12px;
	padding-left: 102px;
    width: 140px;
    height: 100px;
    background: url(../images/pro_h2.png) no-repeat 35px center;
    background-color: #2554ac;
    font-weight: normal;
    line-height: 100px;
    font-size: 18px;
    color: #fff;
    border-radius: 10px 10px 0 0;
}
/*  product   */
.product {padding-bottom: 30px;background: #fff;}
.pro_con .pro_left {padding: 0 13px 13px 13px;width:200px;}
.pro_con .pro_left h2 {margin-left: -15px;position: relative;font-size: 22px;height: 70px;background: #2554ac;width: 215px;padding: 15px 0px  15px 30px;height:60px;}
.pro_con .pro_left h2 a {color: #fff;}
.pro_con .pro_left h2 i{display: block;font-size: 14px;text-transform:uppercase;color: #fff;line-height: 30px;}
.pro_con .pro_left .left_con {width:225px;background: #f6f6f6;padding: 10px;margin-left: -14px;}
.pro_con .pro_left .left_con .con_p1 {height: 44px;line-height: 44px;font-size: 18px;background: #2554ac;color: #fff;text-indent: 21px;margin-bottom: 10px;}

.pro_con .pro_left .left_con ul {padding-bottom:5px;padding-left: 5px}
/* .pro_con .pro_left .left_con ul li {height: 36px;font-size: 14px;position: relative;border-bottom: 1px solid #e6e6e6;} */


.pro_con .pro_left .left_con a.pro_more {display: block;height: 42px;line-height: 42px;text-indent: 20px;font-size: 18px;border: 1px solid #009946;color: #666;border-radius: 3px;}

/* .pro_con .pro_left .left_con ul li.cur ,.pro_con .pro_left .left_con ul li:hover {background:#e6e6e6;font-weight: bold;} */

.pro_con .con_right {width: 930px;}
.con_right_text{
	box-sizing: border-box;
	width: 320px;
	height: 65px;
	background-color: #2554ac;
	float: left;
	font-size: 16px;
	padding: 25px;
	color: #fff;
}
.con_right_text2{
	font-weight: bold;
	padding: 25px;
	text-align: right;
	box-sizing: border-box;
	font-size: 16px;
	width: 572px;
	height: 65px;
	float: left;
	background-color: #f2f2f2;
}
.pro_con .con_right h3 {font-size: 25px;overflow: hidden;position: relative;margin-bottom: 20px;}
.pro_con .con_right h3 a {color: #333;}
.pro_con .con_right h3 em {font-size: 14px;color: #999999;margin-left: 15px;}
.pro_con .con_right h3 a.ckgda {float: right;font-size: 13px;font-weight: normal;height: 30px;line-height: 30px;color: #666;}

.pro_con .con_right .r_top {height: 346px;border: 1px solid #d8d8d8;background: url(../images/probg.png);position: relative;border-top: 5px solid #029a47;overflow: hidden;}
.pro_con .con_right .r_top ul {position: relative;}
.pro_con .con_right .r_top ul li {float: left;position: relative;width: 891px;height: 346px;}
.pro_con .con_right .r_top ul li .top_Img {display: block;width: 891px;height: 346px;position: absolute;left: 0px;top: 0;}
.pro_con .con_right .r_top ul li .top_Img img {display: block;width: 891px;height: 346px;}
.pro_con .con_right .r_top ul li dl {width: 365px;background: #fff;padding: 30px 25px;position: absolute;left: 425px;top: 74px;box-shadow: 3px 3px 10px #d1e4e6;}
.pro_con .con_right .r_top ul li dl dt {font-size: 25px;color: #009946;font-weight: bold;padding-bottom: 15px;border-bottom: 1px solid #d0d0d0;margin-bottom: 15px;}
.pro_con .con_right .r_top ul li dl dd {font-size: 14px;line-height: 20px;}
.pro_con .con_right .r_top ul li dl em {display: block;width: 14px;height: 30px;position: absolute;left: -14px;top: 30px;background: url(../images/rla.png) no-repeat center;}
.pro_con .con_right .r_top .pro_btnl {display: block;width: 32px;height: 82px;background: url(../images/jtl01.png) no-repeat center;position: absolute;left: 15px;top: 130px;z-index: 2;cursor: pointer;}
.pro_con .con_right .r_top .pro_btnr {display: block;width: 32px;height: 82px;background: url(../images/jtr01.png) no-repeat center;position: absolute;right: 15px;top: 130px;z-index: 2;cursor: pointer;}

.pro_con .con_right .r_bot {margin-top: 30px;}

.pro_con .con_right .r_bot dl {width: 200px;margin: 0 0 23px 30px;float: left;}

.pro_con .con_right .r_bot dl dt {width: 200px;border: 1px solid #d8d8d8;height: 200px;overflow: hidden;background:#2554ac}
.pro_con .con_right .r_bot dl dt img {display: block;width: 100%;height: 100%;transition: all 0.5s;}
.pro_con .con_right .r_bot dl dt img {display: block;width: 100%;height: 100%;transition: all 0.5s;}
.pro_con .con_right .r_bot dl dd {height: 44px;line-height: 44px;text-align: center;font-size: 16px;background: #f6f6f6;}
.pro_con .con_right .r_bot dl dd a {color: #000;}

.pro_con .con_right .r_bot dl:hover dt img {transform: scale(1.1);}
.pro_con .con_right .r_bot dl:hover dd {background: #2554ac; }
.pro_con .con_right .r_bot dl:hover a {color:#fff;}



