@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
ul{list-style-type:none;}
li{ list-style:none;line-height: 35px;}
img{border:0px;}
a{text-decoration:none; font-size: 12px;}
.clear{clear: both;}
.left{float:left;}
.right{float:right;}
body{background:#ffffff; font-family: "微软雅黑"; font-size: 12px;overflow-x:hidden; }

/* CSS Header */
#he_01{width: 100%;height: 112px;margin:0 auto;border-top:solid 10px #0060c6;border-bottom:solid 1px #e9e9e9;}
#he_01_mid{width: 1200px;height: 112px;margin:0 auto;position: relative;}
#he_01_logo{width: 707px;height: 89px;position: absolute;left: 0;top:15px;background: url(../images/logo.png) left center no-repeat;}
#he_01_logo a{display: block;width: 707px;height: 89px;}
#he_01_tel{min-width: 30px;height: 30px;padding-left: 30px; position: absolute;right: 0;top:11px;background: url(../images/he_tel.png) left center no-repeat;line-height: 30px;color: #484848;font-size: 15px;font-weight:bold;}
#he_01_tel span{color: #0060c6;font-size: 17px;}
#he_search{width: 323px;height: 30px;background: url(../images/search_bg.png) center no-repeat;position: absolute;right: 0;top:62px;}
#he_search #search_name{ width: 200px; height: 20px; line-height: 20px; float: left; margin:5px 0 0 20px;border:none; outline: none; color: #b8b8b8;background: none;}
#he_search #button{ width: 77px; height: 30px; float: right; cursor: pointer; background: none; border:none;}
#he_02{width: 100%;height: 52px;margin:0 auto;background: #0060c6;}
#he_02_mid{width: 1200px;height: 52px;margin:0 auto;}
#he_02_mid a{width: 150px;height: 52px;line-height: 52px;text-align: center;float: left;display: block;color: #fff;font-size: 16px;}
#he_02_mid a:hover{background: #333;}
#he_03{width: 100%;height: 500px;margin:0 auto;position: relative;}
#he_03_mid{width:1920px;height: 500px;position: absolute;top:0px;z-index: 998;}

/* CSS Footer */
#footer{width:100%;height:179px;margin:0 auto; padding:26px 0px; background: #1d1d1d;}
#footer_mid{ width: 1200px; height: 179px; margin:0px auto; color: #868686; line-height: 26px; background: url(../images/footer_ewm.png) left top no-repeat; position: relative;}
#footer_copyright{ position: absolute; left:0px; bottom:0px;}
#footer_lxwm{ width: 317px; padding-left: 213px; height: 179px; float: right; background: url(../images/contact_title.png) 65px 10px no-repeat; border-left:dotted 1px #868686;}
#footer_mid a{ color: #868686;}
#footer_mid a:hover{ color: #ffffff;}

/*product css*/
.proUL li{background: #eee;height: 42px;line-height: 42px;color: #333;font-size: 14px;float: left;border-bottom: solid 1px #fff;transition: all .4s;}
.proUL li:first-child{background: #ffa304;color: #fff;font-weight: bold;font-size: 16px;}
.proUL li dt:nth-of-type(1){width: 627px;border-right: solid 1px #fff;text-indent: 30px;float: left;}
.proUL li dt:nth-of-type(2){width: 143px;background: url(../images/chart.png) 30px center no-repeat;border-right: solid 1px #fff;text-indent: 30px;text-align: center;float: left;}
.proUL li dt:nth-of-type(3){width: 143px;background: url(../images/dou.gif) 35px center no-repeat;text-indent: 20px; text-align: center;float: left;}
.proUL li:first-child dt:nth-of-type(2),.proUL li:first-child dt:nth-of-type(3){background: none;text-indent: 0;}
.proUL li a{font-size: 14px;color: #fff!important;display: block;}
.proUL li:hover{background: #ffa304!important;}

/*固定的悬浮窗*/

.yb_conct {

    position: fixed;

    z-index: 9999999;

    top: 200px;

    right: -127px;

    cursor: pointer;

    transition: all .3s ease;

}

.yb_bar ul li {

    width: 180px;

    height: 53px;

    font: 16px/53px 'Microsoft YaHei';

    color: #fff;

    text-indent: 54px;

    margin-bottom: 3px;

    border-radius: 3px;

    transition: all .5s ease;

    overflow: hidden;

}

.yb_bar .yb_top {

    background: url('../images/fixCont.png') no-repeat 0 0 #005ab3;

}

.yb_bar .yb_phone {

    background: url('../images/fixCont.png') no-repeat 0 -57px #005ab3;

}

.yb_bar .yb_QQ {

    text-indent: 0;

    background: url('../images/fixCont.png') no-repeat 0 -113px #005ab3;

}

.yb_bar .yb_ercode {

    /*height:200px;*/



    background: url('../images/fixCont.png') no-repeat 0 -169px #005ab3;

}

.hd_qr {

    padding: 0 29px 25px 29px;

}

.yb_QQ a {

    display: block;

    text-indent: 54px;

    width: 100%;

    height: 100%;
    font-size: 14px;

    color: #fff!important;

}


/* CSS Main */
#wrap{ width:1200px; height:auto; margin: 30px auto; position: relative;z-index: 100;}
#in_01{ width: 100%; padding:30px 0px; background: #fff; margin:0 auto;margin-bottom: 30px;}
#in_01 #in_01_mid{ width: 1200px; margin:0 auto;}
#in_01 #in_01_company{ width: 627px; padding-right: 20px; border-right: dotted 1px #b9b9b9; float: left;}
.in_01_title{width: 100%;height: 30px;line-height: 30px;margin:0 auto; margin-bottom: 20px; color: #a2a2a2;font-size: 14px;text-transform: uppercase;font-style: italic;}
.in_01_title span{font-weight: bold;font-size: 25px;margin-right: 8px;font-style: normal;color: #333;}
#in_about{width: 617px;height: 312px;line-height: 28px;color: #333;font-size: 14px;margin:0 auto;position: relative;}
#in_about img{width: 275px;height: 184px;border:solid 3px #d2d2d2;float: left;margin-right: 15px;}
#company_m{ width: 118px; height: 30px; line-height: 30px; position: absolute; right:0; bottom: 0px;}
#company_m a{ display: block; color: #fff; font-size: 12px; background: #0060c6; text-align: center;transition:all .4s;}
#company_m a:hover{ background: #343434; color: #fff;}
#in_01 #in_01_lxwm{ width: 516px; float: right; position: relative;}
#lxwm_c{ width:516px; min-height: 314px; margin:0 auto;background: url(../images/lxwm_bg.jpg) right bottom no-repeat;}
#lxwm_c p{line-height: 28px;color: #333;font-size: 14px;padding-top: 2px;}
#lxwm_c p span{color: #0060c6;font-weight: bold;font-size: 16px;}
#in_01 #in_01_news{ width: 516px; height: 308px; float: right; position: relative;}
#news_s{ width:456px; height: 65px; padding:10px 30px; margin:0 auto; background: #7f7f7f;}
#news_s a{ color: #fff;display: block;font-size: 14px;}
#news_s p{line-height: 20px;font-size: 12px;}
#news_s:hover{ background:#0060c6; color: #fff; }
#news_ul{ width: 100%; height: 156px; position: absolute;left: 0px; bottom: 0px;}
.news_ul li{ width: 100%; height: 33px; line-height: 33px; position: relative; margin:5px 0px;}
.news_ul li .news_time{ position: absolute; position: absolute; right:10px; top:0px; height: 33px; line-height: 33px; z-index: 3;}
.news_ul li span{ width: 39px; height: 33px; display: block;z-index: 2; position: absolute; left:0px; top:0px; background: #0060c6; color: #fff; text-align: center; font-weight: bold;}
.news_ul li p{position: absolute; left:68px;transition:all .4s;color: #868686;}
.news_ul li a{ display: block;}
.news_ul li:hover{background: #0060c6;}
.news_ul li:hover p{left: 40px;color: #fff;}
.in_02_title{ width: 914px; height: 45px; margin:0px auto; margin-top: 30px; /*border-bottom: solid 2px #0060c6;*/ position: relative;}
.in_02_title span{display: block;width: 190px;height: 45px;line-height: 45px; background: #0060c6/* url(../images/in_title.png) 30px center no-repeat*/;text-align: center; font-weight: bold;font-size: 20px;font-style: normal;color: #fff;position: absolute;left: 0;top:0;}
.in_02_cat{position: absolute;left: 235px;top:5px;text-align: center;}
/*.in_02_cat ul{display: inline-block;}*/
.in_02_cat li{float: left;display: inline;}
.in_02_cat li a{ min-width: 148px; padding:0 15px; height: 35px; margin:0 14px; line-height: 35px; color: #fff!important;font-size: 16px;display: block;background: #009f5d;border-radius: 20px; transition:all 0.5s ease;}
.in_02_cat li a:hover{background: #222!important;}
.in_02_more{ width: 47px;height: 35px; position: absolute;right: 20px; top:0px;}
.in_02_more a{display: block;}
.in_02_category{max-width: 1200px;height: 35px; margin:20px auto;text-align: center;}
.in_02_category ul{display: inline-block;}
.in_02_category li{float: left;display: inline;}
.in_02_category li a{ min-width: 148px; padding:0 15px; height: 35px; margin:0 14px; line-height: 35px; color: #fff;font-size: 16px;display: block;background: #009f5d;border-radius: 20px; transition:all 0.5s ease;}
.in_02_category li a:hover{background: #222!important;}
#in_02_category{width: 1200px;height: 87px;margin:0 auto;margin-top: 20px;}
#in_02_category li{width: 226px;height: 87px;line-height: 87px;text-align: center; float: left;margin-right: 16px;position: relative;}
#in_02_category li:last-child{margin-right: 0px;}
#in_02_category li a{color: #333;font-weight: bold;font-size: 18px;}
#in_02_category li:first-child{background: url(../images/in_02_li01.png) center no-repeat;}
#in_02_category li:nth-child(2){background: url(../images/in_02_li02.png) center no-repeat;}
#in_02_category li:nth-child(3){background: url(../images/in_02_li03.png) center no-repeat;}
#in_02_category li:nth-child(4){background: url(../images/in_02_li04.png) center no-repeat;}
#in_02_category li:last-child{background: url(../images/in_02_li05.png) center no-repeat;}

.in_02_ul{ width: 1200px; margin:0 auto; }
.in_02_ul li {float:left; width:280px;height:295px; margin:0px 9px; margin-bottom: 18px; text-align:center; line-height:20px; border:solid 1px #c2c2c2; background: #ffffff; cursor: pointer;transition:all .4s;}
.in_02_ul ul li p{ width: 80%; margin:0 auto;}
.in_02_ul ul li .product_title{ font-size: 14px; padding-top: 10px; color: #333;width: 100%;height: 20px;line-height: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.in_02_ul ul li .product_img{ margin-top: 10px; width: 259px; height: 185px;}
.in_02_ul ul li span{ display: block; background: #0060c6; color: #fff; font-size: 12px; width: 80px;width: 80px;  height: 27px; text-align: center; line-height: 27px; margin:0 auto; margin-top: 20px; }
.in_02_ul ul li:hover span{color: #fff; background: #333; }
.in_02_ul ul li:hover{background: #0060c6;}
.in_02_ul ul li:hover .product_title{color: #fff;}
#in_03{ width: 100%; padding:30px 0px; background: #f9f9f9; margin:0px auto;}
#in_03 #in_03_mid{ width: 1200px; margin:0 auto;}
#in_03_title{ width: 1200px; height: 35px; line-height: 35px; text-align: center;color: #a2a2a2;font-size: 14px;text-transform: uppercase;font-style: italic; margin:0px auto; background: url(../images/in_title.png) center center no-repeat; position: relative;}
#in_03_title span{font-weight: bold;font-size: 25px;margin-right: 8px;font-style: normal;color: #333;}
#in_03_more{ width: 47px;height: 35px; position: absolute;right: 0px; top:0px;}
#in_02_more a{display: block;}
#in_03_case{ width: 1200px; height: 240px; margin:30px auto;overflow: hidden;}
#in_03_case li{width: 270px;height: 240px;float: left;margin-right: 15px;line-height: 25px; text-align: center;background:#c4c4c4;color: #333;font-size: 14px;transition:all .5s;cursor: pointer;}
#in_03_case li img{width: 270px;height: 195px;transition:all .5s;}
#in_03_case li:hover img{width: 260px;height: 185px;padding:5px;}
#in_03_case li:hover{background: #0060c6;color: #fff;}
#r_t{ width:845px; height:80px; line-height: 25px; padding:0px 40px 0 30px; background: url(../images/culture_title.png) no-repeat bottom right; margin:0 auto 15px}

/*left*/
#left{width: 269px;float: left;background: #005ab3;border-top-right-radius: 5px;border-top-left-radius: 5px;padding-bottom: 30px;}
.left_title{width: 269px;height: 75px;margin:0 auto;background: #005ab3;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.left_title p{padding-top: 15px;padding-left: 25px;font-size: 14px;text-transform: uppercase;line-height: 25px; color: #fff;}
.left_title p span{font-weight: bold;font-size: 24px;}
.left_cplb{ background: #f2f2f2; margin:0 auto;}
.left_cplb .left_cat span{ width: 154px; height: 54px; line-height: 54px; display: block; margin:0 auto; border-bottom: solid 1px #e6e6e6;}
.left_cplb .left_cat{font-size: 16px; color: #191919;display: block;background:url(../images/+.png) 20px center no-repeat;}
.left_cplb .left_cat:hover{background: #f2f2f2 url(../images/-.png) 20px center no-repeat;}
.left_cplb .hover{background: #f2f2f2 url(../images/-.png) 20px center no-repeat;}
.left_cplb .fenlei_son{width: 170px;margin:0 auto;}
.left_cplb .fenlei_son p{width: 170px;height: 40px;line-height: 40px;background: url(../images/-.png) left center no-repeat;border-bottom: dotted 1px #cdcdcd;}
.left_cplb .fenlei_son span{padding-left: 26px;}
.left_cplb .fenlei_son p a{color: #444;font-size: 14px;display: block;}
.left_cplb .fenlei_son p a:hover{color: #035cac;}
.left_lxwm_title{width: 216px;height: 30px;margin:0 auto; margin-top: 20px; background: url(../images/left_lxwm.png) left center no-repeat;line-height: 30px; font-size: 30px; color: #fff;font-weight: bold;}
.left_lxwm_title span{padding-left: 44px;}
.left_lxwm_c{width: 238px;margin:10px auto;line-height: 24px;color: #fff;font-size: 14px;}
.left_lxwm_qq{width: 216px;height: 49px;line-height: 49px;margin:0 auto;}
.left_lxwm_qq a{display: block; transition:all 0.4s; background: #ffa304 url(../images/left_qq.png) 47px center no-repeat;color: #fff;font-size: 16px;}
.left_lxwm_qq span{padding-left: 88px;}
.left_lxwm_qq a:hover{background: #222 url(../images/left_qq.png) 47px center no-repeat;}

/*contact css*/
#right_lxwm{width: 100%;margin:0 auto;margin-bottom: 30px;}
#right_lxwm ul{padding-top: 20px;}
#right_lxwm ul li{color: #333;font-size: 14px;}
#right_lxwm ul li a{color: #333;font-size: 14px;}
.lx_name { font-size:20px!important; position:relative; padding-bottom:10px;}
.lx_name i { position:absolute; bottom:0; left:0; width:86px; height:4px; background:#0778e1; display:block;}

/*product_info css*/
.pro_capital{width: 100%;height: 35px;line-height: 35px; background: #f8f8f8; margin:30px auto;position: relative;}
.pro_capital span{width: 150px;height: 35px;color: #fff;font-size: 16px;text-align: center;display: block;position: absolute;left: 0px;top:0px; background: #0778e1;}
.pro_detail{width: 100%;height: auto;margin:0 auto;margin-top: 10px;color: #4f4f4f;line-height: 29px;}
.submit{width:96px;height:32px;line-height:32px;border:0;background:#da0000;cursor:pointer;color: #fff;font-size: 14px;text-align: center;font-family: "微软雅黑"; }
.reset{width:96px;height:32px;line-height:32px;border:0;background:#dddddd;cursor:pointer;color: #000;font-size: 14px;text-align: center;font-family: "微软雅黑"; }


/* CSS Ziye */
#wrap{ width:1200px; height:auto; margin: 40px auto;position: relative;z-index: 100;}
#right{width:915px; height:auto;float: right; color: #424242;}
#right_title{width: 911px;height:45px;position: relative;border:2px solid #005ab3;margin:0 auto;}
#title_left{float:left;width:150px;height:45px;line-height: 45px; font-size: 20px;color:#fff;background: #005ab3;text-align: center;}
#title_right{float: right;color:#2e2e2e;padding-right: 20px;font-size: 14px;height:45px;line-height: 45px;width: 60%;text-align: right;}
#title_right a{color:#2e2e2e;font-size: 14px;}
#title_right a:hover{color:#e80000;}
#right_content{ width: 100%; height:auto;margin:0 auto;margin-top: 20px; line-height:32px;color:#2e2e2e;font-size: 14px;}
#right_content a{color:#2e2e2e;}
#right_content a:hover{color:#e80000;}
#indexNews{ width: 100%; height: auto;  overflow: hidden; }
#indexNews li{ width: 100%; height:120px; padding:15px 0; color: #555555; font-size: 14px; line-height:25px; margin-bottom: 18px; overflow: hidden; border-bottom:1px #d0cece dashed; position: relative;}
#indexNews li .xwpic{ width: 160px; height: 120px; border:1px #bab6b6 solid; float: left;}
#indexNews li .xwpic img{ width: 160px; height: 120px;}
#indexNews li .xwtxt{ width: 720px; height: 120px; float: right; padding-right: 10px; position: relative;}
#indexNews li .xwtxt a{ font-size: 15px; line-height: 38px; color: #5a393a; display: block; }
#indexNews li .xwtxt a:hover{ color: #f00; }
#indexNews li .xwtxt span{ right: 15px; top: 8px; position: absolute; }
#indexNews li .release{ font-size: 12px; font-family: "宋体"; position: absolute; left: 0; bottom: 0; line-height: 20px; }
#page{width:100%;height:40px; line-height:40px;text-align:center;margin:20px auto;color:#575656;font-size:14px;clear:both;}
#page a{color:#575656;font-size:14px;}
#page a:hover{color:#e80000;}
#newTitle{width:750px;line-height:30px;color:#000000;font-size:18px;text-align:center;margin:0 auto;font-weight: normal;}
#productTitle{width:750px;height:30px;color:#000000;font-size:18px;text-align:center;margin:0 auto;}
#newsInfo{width:750px;height:20px;color:#000000;font-size:12px;text-align:center;margin:10px auto;font-weight: normal;}
.newsinfoleft {padding-left: 30px;}
.xxsmys{ height:30px; line-height:30px; background-color:#ececec;}
.xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;}
.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}
.pageys:hover{color:#ff6c00}
.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}
.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:600px; padding:3px; border:#dcdcdc solid 1px;}
#newsContent{width:100%;margin:0 auto;font-size:14px;}
#picUL{ width:100%; height:100%; overflow:hidden;}
#picUL li{/*height:250px;*/width:280px;float:left;margin:0 9px 23px 8px; cursor: pointer; background: #f2f2f2; padding:4px; text-align:center;}
#picUL li:hover{background:#005ab3;transition: 0.5s all;}
#picUL li .pic_01{width:280px;height:210px; text-align: center;background: #fff;border-bottom:1px solid #f3efee;}
#picUL li .pic_01 img{height:210px;width:auto; max-width: 280px; vertical-align:middle; background:#fff5e1;}
#picUL li .pic_01 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}
#picUL li .pic_02{width:280px;text-align: center;line-height:40px;}
#picUL li a{color:#555555;font-size:14px;}
#picUL li:hover a{color:#fff;}
#picUL li:hover{color:#fff;}
.proList{text-align: center;}
.proList li{float: left;display: inline;margin-bottom: 20px;}
.proList li a{ min-width: 166px; padding:6px 17px; height: 35px; margin:0 14px; line-height: 35px; color: #fff!important;font-size: 18px;display: block;background: #009f5d;border-radius: 20px; transition:all 0.5s ease;}
.proList li a:hover{background: #222!important;}

.G_tips{
	color:#666;
	width:486px;
	border:1px solid #dedede;
	padding:7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}


.recruitys{ width:670px; height:auto; padding:10px; background-color:#fafafa; border:#dedede solid 1px;}
.recruitcon{ height:173px;  border-bottom:#cdcdcd dashed 1px; margin:10px;}
.recruitcon1{ height:173px;  margin:10px;}
.recruitconl{ width:145px; height:153px; float:left; text-align:left;}
.recruitconc{ width:572px; height:153px; float:left; padding-left: 75px;}
.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}
.zwmcys{ color:#ff6c00; font-weight:bold;}
.recruitconr{ width:133px; height:auto; float:left; text-align:center;}
.chakan{padding-top: 13px;}
.formys{ height:auto; padding:10px;padding-left: 50px;}
.cpmcys{ width:280px; height:34px;border:1px solid #dedede;}
.formbz{ float:left;}
	.G_InputText{

	width:278px;

	height:30px;

	border:1px solid #d2d4d6;

}

.G_textarea{

	width:300px;

	height:100px;

	border:1px solid #dedede;

}

.G_ul{

	margin:0 auto;
}

.G_botton{

	width:55px;

	height:30px;

	line-height:30px;

	border:0;

	

	cursor:pointer;

}

.borderLi{ width:500px; float: left; height:auto; padding-top:10px;}
.borderLi:after{content:'';clear:both;}
.borderLi .formmcys{display: block;width: 95px;line-height: 35px;height: 35px;float: left;}
.G_tips{

	

	width:486px;

	margin:10px auto 0 auto;

	border:1px solid #dedede;

	padding:7px;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

}
.page{margin:0 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}

