@charset "utf-8";
/* CSS Document */

*{margin:0px;padding:0px;}

ul{list-style-type:none;}

li{ list-style:none;line-height: 28px;}

img{border:0px;}

a{text-decoration:none; color:#515151; transition:0.3s all; }
a:hover{ color:#d30000;}
.left{float:left;}
.right{float:right;}
body{min-width: 1400px; font-family: "微软雅黑"; font-size: 14px; line-height:27px; color:#515151;background:#fff;}

/* CSS Header */
/* CSS Header */
.header{ width:100%; height:auto; overflow:hidden;}
.header .topbar{width: 100%;height: 40px;background: #000}
.header .topbar .mid{ width:1200px; height:40px;line-height: 40px;color: #e6e6e6; margin:0 auto;}
.header .topbar .mid b{font-size: 18px;color: #d30000}
.header .topbar .mid a{color: #e6e6e6;}
.header .topbar .mid a:hover{color: #d30000;}
.header .top{ width:1200px; height:84px; margin:0 auto;}
.header .logo{ float:left;}
#menu{width:876px;height: 84px;float: right;}
#menu ul{width: 100%;height:84px;margin: 0 auto}
#menu ul li{ width:120px; height:84px;line-height: 84px; text-align:center; float:left; position:relative;transition: 0.4s all}
#menu ul li a{font-size:16px;color:#000;}
#menu ul li:hover{font-weight: bold;}
#menu ul li.selected{font-weight: bold;}
#menu li.menuline{ width: 6px; height:84px;background: url(../images/menuline.png) center no-repeat;}


.banner{width: 1920px;height: 200px;text-align: center; background: url(../images/banner.jpg) no-repeat #c3e5ef;left: 50%;position: relative;margin-left: -960px;}
.banner .bn01{font-size: 40px; color: #000;font-weight: bold;left:890px;top: 50px; position: absolute;}
.banner .bn01 span{color: #d30000}
.banner .bn02{font-size: 22px; color: #d30000;left:890px;top:100px; position: absolute;}
.banner .bn03{font-size:18px;font-weight: lighter; color: #595858;left:890px;top:130px; position: absolute;}

/* CSS Footer */
#foot{ width:100%; min-width: 1200px;height:350px; background:#f2f2f2;}
#foot .mid{ width: 1200px; height:280px;padding-top: 66px; margin: 0 auto; position: relative;}
#foot .mid .ftlf{ width:550px; height: 280px;color: #515151; line-height: 30px; background:url(../images/cont.png) left top no-repeat;position: relative; float: left; }
#foot .mid .ftlf .f01{ color: #d30000; font-size: 20px; padding-top: 45px; padding-bottom: 10px;}
#foot .mid .ftlf .ftapi{ width: 92px; height: 120px;text-align: center; text-align: center; right:0; top: 80px; position: absolute; }
#foot .mid .ftlf .ftapi img{ width: 92px; height: 92px;background: #dddddd; display: block; margin: 0 auto}
#foot .mid .ftrt{ width:550px; height: 240px;padding-top: 8px; float: right; position: relative;overflow: hidden;}
#foot .mid .ftrt #e_name{ width: 480px; height:38px; color: #979797; background:url(../images/msg-1.png) left center no-repeat; border: 1px #dadada solid; padding-left: 50px; margin-bottom: 14px}
#foot .mid .ftrt #e_tel{ width: 480px; height:38px;color: #979797;background:url(../images/msg-2.png) left center no-repeat; border: 1px #dadada solid; padding-left: 50px; margin-bottom: 14px}
#foot .mid .ftrt #e_content{ width: 480px; height:60px;line-height: 40px; color: #979797;background:url(../images/msg-3.png) left top no-repeat; border: 1px #dadada solid; padding-left: 50px; margin-bottom: 14px}
#foot .mid .ftrt #checkCode{ width: 140px; height:40px; line-height: 40px; border: 1px #dadada solid;background:none;padding-left:10px;top: 190px;left: 0;position: absolute;}
#foot .mid .ftrt #e_submit{ width:125px; height:40px;font-size: 14px;font-family: "微软雅黑"; line-height: 40px; color: #fff; text-align: center; background:#d40000; border:none; right:160px; top:190px; position: absolute;}
#foot .mid .ftrt #e_reset{ width:125px; height:40px;font-size: 14px;font-family: "微软雅黑"; line-height: 40px; color: #fff; text-align: center; background:#000; border:none; right:20px; top:190px; position: absolute;}
#foot .mid .ftrt #e_submit:hover{background:#000;}
#foot .mid .ftrt #e_reset:hover{background:#d40000;}
.fticp{width: 100%;height:60px;background: #000}
.fticp .mid{width: 1200px;height: 60px;text-align:center; color: #7d7d7d; line-height: 60px;margin: 0 auto}
.fticp .mid a{color: #7d7d7d;}
.fticp .mid a:hover{color: #d40000;}
/* CSS Main */
#wrap{ width:100%; height:auto; margin: 0 auto;position: relative;z-index: 100;}
#main{ width:1200px; height:auto; margin: 0 auto;padding-top: 30px;overflow: hidden; position: relative;z-index: 100;}
/*index  -  about & honor*/
.inabout{ width: 1200px; height: 296px; padding-top:60px; margin: 0 auto; overflow: hidden; position: relative;}
.inabout .intitle{ width: 240px; height: 225px; background: url(../images/abtitle.png) left top no-repeat; float: left; position: relative;}
.inabout .intitle p{ font-size: 20px; color: #d30000; left: 0; top: 100px; position: absolute;}
.inabout .intitle .more{ width: 130px; height: 36px; background:url(../images/more.png) right center no-repeat #d30000; padding-left: 12px; color: #fff; line-height: 36px; left:2px; top:178px; transition: 0.4s all; position: absolute; }
.inabout .intitle .more:hover{background:url(../images/more.png) right center no-repeat #515151}
.inabout .intxt{ width:570px; height:230px; color: #515151; line-height: 27px; font-size: 14px; float: left;padding-left:15px;padding-top: 4px;}
.inabout .inimg{width: 325px;height: 228px;background: url(../images/com.jpg);float: right;margin-top:6px;position: relative;}
.inabout .inimg img{padding-left: 12px}
/*index  -  product*/
.inproduct{ width: 100%; height: 600px; background: #f2f2f2; }
.inproduct .mid{ width: 1200px; height: 540px; padding-top:35px; margin: 0 auto; overflow: hidden; position: relative;}
.inproduct .intitle{ width: 1200px; height:88px; font-weight: lighter; line-height: 88px; font-size: 31px; color: #000; margin: 0 auto; overflow: hidden; clear: both; position: relative;}
.inproduct .intitle span{ color: #d30000 }
.inproduct .intype{ width: 1200px; height: 56px;background: #fff; overflow: hidden; margin: 0 auto; clear: both;}
.inproduct .intype li{width:231px; height: 56px;text-align: center; line-height: 56px; border-right: 1px #f2f2f2 solid; float: left; }
.inproduct .intype li a{ display: block; font-size: 16px; color: #000;}
.inproduct .intype li a:hover{background: #d30000; color: #fff; font-weight: bold;}

/*index  news*/
.innews{ width: 1276px; height:525px; margin: 0 auto; overflow: hidden; position: relative;}
.innews .devi{ width: 1276px; height:78px;}
.innews .intitle{ width: 1200px; height:100px; text-align: center; margin: 0 auto;}
.innews .intitle span{ width: 100%;font-size: 20px; color: #d30000;background:url(../images/innews.png) top center no-repeat; padding-top: 50px; display: block;}
.newslist{ width: 1276px; height: 286px; margin: 0 auto; }
.newslist li{ width:570px; height:104px; margin: 20px 34px; float: left; }
.newslist li .newstime{ width:70px; height:104px; color: #5d5d5d; font-size: 14px; text-align: right;padding-right: 12px; background: #f2f2f2; float: left;transition: 0.4s all}
.newslist li .newstime span{ color: #1b1b1b;line-height:30px; font-size: 20px; padding-top: 18px; display: block; }
.newslist li .newstxt{ width:465px; height:104px; line-height: 21px; color: #a3a3a3; font-size: 14px; float: right;}
.newslist li .newstxt span{ line-height: 38px; color: #1b1b1b; font-size: 18px; display: block; }
.newslist li:hover .newstime{background: #d30000; color: #fff}
.newslist li:hover .newstime span{ color: #fff }
.newslist li:hover .newstxt span{color: #d30000}
@-webkit-keyframes fadeinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinL{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
/* CSS Left */
#left{width:260px; height:auto; background: #f7f5f6; float: left; margin-bottom: 40px; overflow: hidden;}
.lfcp{ width:260px; height:auto; overflow:hidden;}
.lfcp .title{ width:260px; height:92px; background:#d30000; color:#fff; font-size:14px; text-align:center}
.lfcp .title span{ font-size:28px; font-weight:bold; display:block; padding-top:14px;}
.lfcp ul{ width:100%; padding-top:13px; padding-bottom:15px; height:auto; overflow:hidden}
.lfcp ul li{ width:100%; height:42px; border-bottom:1px #d8d8d8 dashed; line-height:42px; font-size:15px; position:relative}
.lfcp ul li a{ padding-left:22px;}
.lfcp ul li span{ width:22px; height:22px; right:26px; top:10px; background:url(../images/span.png) no-repeat;position:absolute; transition:0.4s all;display: none;}
.lfcp ul li:hover span{background:url(../images/spanh.png) no-repeat;}
.lfcp ul li:hover a{ color:#d40000}
.lflx{ width:260px; height:auto; line-height:32px; overflow:hidden}
.lflx .title{ width:260px; height:101px;background:url(../images/lx.png) no-repeat #d30000; position:relative}
.lflx .title .more{ right:0; top:0; position:absolute}
.lflx .title span{ color:#ffff00; font-size:28px; font-weight:bold; text-align:center; display:block; padding-top:56px;}
.lflx p{ width:206px; height:auto; overflow:hidden; padding-top: 20px; margin:0 auto}
.lfqq{ width:206px; height:22px; padding-bottom:10px; padding-top:14px;margin:0 auto}
.sub{width: 105px;height: 32px;background: #d40000;line-height: 32px;text-align: center;color: #fff;font-family: "微软雅黑";border: none}
.sub:hover{background: #ee7300}

/* CSS 详情页 */
#cpbox01{ width: 100%; height:360px;}
#cp_img{ width:440px; height:330px; border: 1px #ebebeb solid; float: left; }
#cp_img img{width:440px; height:330px;}
#cp_detail{ width: 420px; height:330px; float: right; overflow: hidden; position: relative; }
#cp_txt{ width: 100%; height:200px; color: #494949; font-size:15px; line-height:34px; overflow: hidden; }
#cp_txt span{ color: #d40000; font-weight: bold; padding-bottom: 15px; font-size: 20px; display: block; }
#cp_btn{ width: 345px; height:40px; left: 0; bottom:50px; position: absolute;}
#btn01{ width: 157px; height: 38px; background: #d40000; float: left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#btn01:hover{ background: #000; transition: 0.5s all;-webkit-transition: 0.5s all; -moz-transition: 0.5s all;}
#btn02{width: 157px; height: 38px; background: #000; float: left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; float: left; margin-left: 23px;}
#btn02:hover{ background: #d40000; transition: 0.5s all;-webkit-transition: 0.5s all; -moz-transition: 0.5s all;}
#cp_lx{ height:44px;line-height: 44px;padding-left: 40px; background: url(../images/i-tel.png) left center no-repeat; left: 0; bottom:100px; position: absolute; }
#cp_fx{ width: 345px; height:30px; left: 0; bottom:0; position: absolute; }
#cp_lx span{color: #d40000;font-weight: bold;font-size: 28px}
#pro_t{ width: 100%; height:44px;background:#f1f1f1;line-height:44px;}
#pro_t span{ width: 150px; height:44px;color: #fff; text-align: center; float: left; background: #d40000; font-size: 18px; }
#pro_txt{ width: 100%; height: auto; min-height:100px; margin-top: 20px;font-size: 15px;line-height: 36px;position: relative; padding-bottom: 20px; overflow: hidden;}
#pro_txt table{ width: 100%; }
#pro_txt table td{ padding:0 10px; }
.boxmd{ width: 320px; height: 230px; margin-left: 60px;overflow: hidden; }
.boxmd ul{ width: 100%; height: 150px; padding-top:9px; padding-left: 2px;}
.boxmd ul li{ width: 119px; height: 150px; text-align: center; margin-right: 41px; float: left; }
.boxmd ul li img{ width: 119px; height: 119px; display: block;}

/* CSS Ziye */
#right{width: 902px; height: auto;min-height:732px; background: #fff; float: right;overflow: hidden;}
#right_title{ width: 100%; height:81px; background:url(../images/line1.png) bottom repeat-x}
#title_left{min-width: 200px; color: #333333;font-size: 27px; padding-top:40px;display: block;float: left; float:left}
#title_right{ color:#555555; padding-top:20px; font-size:14px; float:right;}
#title_right a{ color:#555555;}
#title_right a:hover{ color:#d40000;}
#right_content{width: 100%; height: auto;margin: 0 auto; padding-top: 15px;}
#right_bottom{width:100%;height:23px;}
.news01{ width:100%; height: 240px; padding-top:20px;border-bottom: 1px #d8d7d7 solid; }
.news01 li{ width: 100%; height:210px; position: relative;}
.news01 li img{ width:280px; height: 210px; display: inline-block; background: #bcbcbd; float: left;}
.news01 li .txt{ width:590px; height:210px;line-height: 26px; float: right; position: relative;}
.news01 li .txt span{height:35px; line-height:35px; font-size:22px; color: #d40000;margin-bottom: 10px; padding-left: 88px;background: url(../images/top.png) left center no-repeat; transition: 0.4s all; display: block; }
.news01 li .txt span:hover{ margin-left: 5px }
.news01 li .more{ width:110px; height:30px; color: #d40000; font-size:14px; border-radius: 17px; text-align: center; line-height:30px; border: 2px #d40000 solid; left: 0; bottom:0px; position:absolute; }
.news01 li .more:hover{ background: #d40000; color: #fff }
.news02{ width:100%; height:auto;overflow: hidden;}
.news02 li{ width:100%; height: 125px; line-height: 27px; color: #585555; padding-top: 15px; border-bottom: 1px #dadada dotted;position: relative;}
.news02 li a{line-height:45px; font-size:20px;padding-left:20px; background: url(../images/dot.png) left center no-repeat; display: block;}
.news02 li a:hover{margin-left:10px}
.news02 li .time{ right:10px; top:15px;font-size:15px; color: #585555;padding-left:26px; line-height:40px;background:url(../images/time.png) left center no-repeat; position:absolute}
#page{width:100%;height:30px; line-height:30px;text-align:center;margin:20px auto;color:#575656;font-size:14px; clear:both;}
#page a{color:#555555;font-size:14px; padding: 0 5px; border:1px #cececd solid;}
#page a:hover{color:#d40000;}
#page .current { padding: 0 8px; border:1px #d40000 solid;}
#page_num{ height: 22px; font-size: 14px; background: #eeeeee; }
#newTitle{width:100%;line-height:60px;color:#d40000;font-size:18px;font-family:"微软雅黑";text-align:center;margin:0 auto;}
#productTitle{width:100%;height:60px;color:#d40000;font-size:18px; text-align:center;margin:0 auto;}
#newsInfo{width:100%;height:40px;color:#a9aaa9;font-size:12px; border-bottom: 1px #d5d3d3 dashed; text-align:center;margin:0 auto 20px;}
.newsinfoleft {padding-left: 30px;}
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:500px;}
#newsContent{width:100%;margin:0 auto;font-size: 15px;line-height: 36px;}
#newsContent img{max-width: 100%}
#newsContent strong{color:#d40000;}
#picUL{ width:100%; height:100%; overflow:hidden;}
#picUL li{width:280px;height:338px;border: 1px #d4d4d4 solid;margin: 10px 9px;float: left;}
#picUL li .pic_01{width:280px;height:210px;border-bottom: 1px #d4d4d4 solid;overflow: hidden;}
#picUL li .pic_01 img{width:280px;height:210px;transition: 0.4s all}
#picUL li .pic_01:hover img{transform: scale(1.08);}
#picUL li .pic_02{width:240px;height:100px;line-height: 22px;color: #818181;font-size: 14px; margin: 0 auto}
#picUL li .pic_02 span{width: 100%;line-height: 45px; height: 45px;padding-top:10px; margin-bottom: 12px; background:url(../images/line.jpg) left bottom no-repeat; font-size: 18px;color: #31313d;display: block;}

#piclist{ width:100%; height:100%; overflow:hidden;}
#piclist li{height:240px;width:270px;float:left; padding:5px;background: #F6F6F6; margin:9px 9px; border: 1px #e4e4e4 solid; text-align:center;overflow: hidden; transition: 0.5s all;}
#piclist li:hover{ background:#d40000; border:1px #d40000 solid;}
#piclist li .pic_01{width:268px;height:202px;background: #fff;border: 1px #fff solid; text-align: center;}
#piclist li .pic_01 img{width:268px;height:202px; vertical-align:middle;}
#piclist li .pic_01 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}
#piclist li .pic_02{width:268px;text-align: center;line-height:26px; padding-top:5px;}
#piclist li:hover a{color: #fff}


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

/*******加入*******/
.jobbox{ width: 895px; height: auto;margin-top: 10px; }
.jobbox li{ width: 895px; height: 175px; background: #fff;border: 2px #f5f5f5 solid; margin-bottom: 20px; position: relative;}
.jobbox li span{ line-height: 40px; font-size: 18px; color: #005ca7; font-weight: bold; display: block; left: 90px; top: 22px; position: absolute;}
.jobbox li .descrip{ width: 550px; height: 60px; top: 63px; left: 90px; line-height: 27px; font-size: 14px; color: #646060; position: absolute; }
.jobbox li .more{ width: 100px; height: 36px; line-height: 36px; text-align: center; background: #005ca7; color: #fff; font-size: 14px; right: 60px; top: 60px; position: absolute; }
.jobbox li .more:hover{ background: #ff9904; transition: 0.5s all;}
.jobbox li .num{ width: 45px; height: 45px; line-height: 45px; text-align: center; background: #005ca7; color: #fff; font-size: 26px; font-weight: bold; left: 0; top: 0; position: absolute; }

.recruitcon{ width:895px; height:173px;}
.recruitpic{ width:132px; height:153px; float:left;}
.recruitconc{ width: 470px; height: 143px; padding-left: 50px; padding-top: 5px; float: left; }
.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}
.apply{width: 100px; height: 36px; line-height: 36px; text-align: center; background: #005ca7; color: #fff; font-size: 14px; margin-top: 50px; margin-right: 100px; float: right;}
.apply:hover{ background: #ff9904; transition: 0.5s all;}
.xxsmys{ width:895px; height:36px; line-height:36px; border-bottom: 2px #005ca7 solid;}
.xxsmwz{ width:100px; height:36px; line-height: 36px; color:#FFF; text-align:center; display:block; background-color:#005ca7;}
/*订单*/
.formys{ width:800px; height:auto; padding-left: 40px;color: #555555;}
.formmcys{ float: left; }
.cpmcys{ width:400px; height:34px;border:1px solid #d2d4d6; font-family: "微软雅黑"; color: #555555; background: #f9f9f9; font-size: 14px;}
.formbz{ float:left;}
.G_InputText{width:400px;height:30px;border:1px solid #d2d4d6; background: #f9f9f9;}
.G_textarea{width:400px;height:100px;border:1px solid #dedede;background: #f9f9f9;}
.G_ul{width:100%;}
.G_botton{

	width:55px;

	height:30px;

	line-height:30px;

	border:0;

	background:url(button.gif) no-repeat;

	cursor:pointer;

}

.borderLi{ width:100%; height:auto; padding-top:10px;}
.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);

}


.cpfwnr{width:230px; height:100%;overflow:hidden;}
.cpfwnr dt{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(allbg.gif) no-repeat;background-position: 0 -137px;line-height:33px;font-size:12px;color:#0976b2;}
.cpfwnr dd{width:190px;margin:0 auto;line-height:2}
.cpfwnr dt a{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(a1.jpg) no-repeat;line-height:33px;font-size:12px;color:#0976b2;}
.cpfwnr dt:hover{background:url(allbg.gif) no-repeat;background-position: 0 -102px;color:#fff;}
.cpfwnr dd a{width:190px;height:25px;line-height:25px;margin:3px 0 0 0;color:#333;font-size:12px;}
.cpfwnr dd a:hover{color:#ff6c00;}