@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:#222222; transition:0.3s all; }
a:hover{ color:#034aa3;}
.left{float:left;}
.right{float:right;}
body{min-width: 1400px; font-family: "微软雅黑"; font-size:16px; line-height:27px; color:#222222;background:#fff;}

/* CSS Header */
/* CSS Header */
.header{ width:100%; height:auto; overflow:hidden;position: relative;z-index:10}
.header .redbg{width: 50%;height: 130px;background: #034aa3;right: 0;top: 0;position: absolute;z-index:10}
.header .top{ width:1200px; height:130px; margin:0 auto;position: relative;}
.header .logo{ float:left;}
.header .toptel{height: 26px;line-height: 26px;font-size: 16px; right:60px;top: 20px;color: #8acfec;position: absolute;z-index:12}
.header .toptel a{color: #fff;font-size: 14px;text-decoration: underline;}
.header .toptel a:hover{color: #ff0}
.banner{width: 1920px;height: 240px;background:url(../images/banner.jpg) no-repeat #ebf0fd;left: 50%;margin-left: -960px;top: -14px;position: relative;z-index: 9}
.banner .bn01{width:599px;height:49px;padding-top: 50px; background:url(../images/bn01.png) bottom no-repeat;margin: 0 auto;animation: fadeinT 1s;}
.banner .bn02{width:416px;height:88px;padding-top: 20px; background:url(../images/bn02.jpg) bottom no-repeat;margin: 0 auto;animation: fadeinT 1.8s;}
#menu{ width:874px; height:130px;background: #034aa3;float: right;position: relative;z-index:11}
#menu ul{ width:864px; height:72px;margin-top: 42px;float: right;}
#menu li{ width:120px; height:72px; text-align: center; line-height:72px; float: left; position: relative;}
#menu li a{font-size: 16px;color: #fff;}
#menu li span{width: 70px;height: 3px;background: #fff;position: absolute;left: 25px;top:56px;transform: scale(0);transition: 0.5s all}
#menu li:hover span{transform: scale(1);}
#menu li.selected span{transform: scale(1);}
.in_lxwm{ margin-top: 10px; }
.f_22{ font-size: 22px; line-height: 44px; }
.blue{ font-size: 22px; line-height: 44px; padding-left: 30px; color: #034aa3; }
/* CSS Footer */
#foot{ width:100%; min-width: 1200px;height:162px; background:#dadddf;overflow: hidden;}
#foot .mid{ width: 1200px; height:118px;padding-top:26px;font-size: 14px; line-height: 27px; margin: 0 auto; position: relative;}
#foot .mid span{font-size: 16px;color: #68696a;line-height:44px;padding-bottom: 3px; display: block;}
#foot .mid .left{width: 400px;height: 118px;}
#foot .mid .left a{display: inline-block;margin-right: 22px}
#foot .mid .right{width:740px;height: 118px;position: relative;}
#foot .mid .right .ftapi{width:240px;height:100px;position: absolute;right: 0;top: 0}
#foot .mid .right .ftapi li{width: 120px;height: 120px;text-align: center; float: left;}
#foot .mid .right .ftapi li img{width: 95px;height: 95px;display: block;margin: 0 auto}
.fticp{width: 100%;height:40px;background: #bfc3c5}
.fticp .mid{width: 1200px;height:40px;font-size: 14px; text-align:center; color: #68696a; line-height:40px;margin: 0 auto}
.fticp .mid a{color: #68696a;}
.fticp .mid a:hover{color: #034aa3;}
/* 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;}
.index01{width: 1200px;height:780px;margin: 0 auto;position: relative;}
.index01 .left{width:222px;height:770px;overflow: hidden;}
.index01 .left .p01{width: 100%;height:72px;line-height:60px;font-size:22px; display: block;}
.index01 .left .p02{width: 220px;height: 50px;color: #717171; line-height: 50px;border: 1px #f7b52d solid;font-size: 16px;text-align: center;margin-bottom: 2px;overflow: hidden; display: block;}
.index01 .left .p02:hover{background: #f7b52d;color: #fff   }
.index01 .right{width:950px;height:770px;overflow: hidden;}
.index01 .right .more{width:930px;height: 30px;line-height: 30px;text-align: right;padding-top:12px;}
.index01 .right .more a{font-size: 14px;color: #9a9a9a}
.index01 .right ul{width: 100%;height:680px;padding-top:18px; overflow: hidden;}
.index01 .right ul li{width:280px;height:202px;border: 1px #d8d8d8 solid; margin:10px 17px; float:left; overflow:hidden;position: relative;}
.index01 .right ul li .pic{width:280px; height:202px;overflow: hidden;position: relative;z-index: 1}
.index01 .right ul li .pic img{ width:280px; height:202px; transition: 0.4s all; display:block;}
.index01 .right ul li .pic:hover img{transform: scale(1.08);}
.index01 .right ul li .title0{width: 100%;height:44px;font-size: 14px;color: #fff; line-height:44px;background: rgba(0,0,0,0.5); text-align: center;position: absolute;left: 0;bottom: 0;z-index: 2}
.index01 .right ul li .title0 a{color: #fff}
.index04{width: 100%;height: 436px;background: #e6e6e6;position: relative;}
.index04 .bg{width: 50%;height:436px;background: #034aa3;left: 0;top: 0;position: absolute;z-index: 1}
.index04 .mid{width: 1200px;height:436px;margin: 0 auto;position: relative; z-index: 2}
.index04 .mid .intitle{width: 100%;height: 28px;padding-top:48px;position: relative;}
.index04 .mid .intitle img{float: left;}
.index04 .mid .more{font-size:14px;left: 0;top:210px;position: absolute;color: #77bbea;}
.index04 .mid .more:hover{color: #ff0}
.index04 .mid .left{width: 706px;height:436px;background: #034aa3;padding-right: 64px}
.index04 .mid .left .intxt{width:700px;height: 285px;font-size: 14px;line-height: 34px;color: #fff;position: relative;padding-top:20px}
.index04 .mid .left .intxt .bt{height: 70px;line-height: 70px;padding-left: 78px; font-size: 22px;color: #034aa3;border-radius: 35px;bottom: 0;position: absolute;transition: 0.4s all}
.index04 .mid .left .intxt span{font-size:22px;line-height:46px;padding-bottom:10px; display: block;}
.index04 .mid .left .intxt .b01{width: 190px; left: 208px;background:url(../images/bt01.png) left center no-repeat #fefefe;}
.index04 .mid .left .intxt .b02{width: 132px; left:480px;background:url(../images/bt02.png) left center no-repeat #fefefe;}
.index04 .mid .left .intxt .b01:hover{background:url(../images/bt01h.png) left center no-repeat #f7b52d;color: #fff}
.index04 .mid .left .intxt .b02:hover{background:url(../images/bt02h.png) left center no-repeat #f7b52d;color: #fff}
.index04 .mid .right{width: 390px;height:445px;}
.index04 .mid .right .inews01{width: 100%;height:90px;line-height: 20px;font-size: 14px;color: #9b9b9b; overflow: hidden;padding-top: 14px;}
.index04 .mid .right a{font-size:16px;line-height: 40px;display: block;}
.index04 .mid .right a:hover{margin-left: 5px}
.index04 .mid .right .inews02{width: 100%;height:200px;overflow: hidden;padding-top:10px;}
.index02{width: 1200px;height:435px;margin: 0 auto;position: relative;}
.index02 .intitle{width:1200px;height: 28px;text-align: center;margin: 0 auto;position: relative;}
.index02 .intitle .more{right:14px;top: 0;color: #999999;font-size: 14px; position: absolute;}
.index02 .intitle .more:hover{color: #ce221f}
/* 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:#034aa3; color:#fff; font-size:14px; text-align:center}
.lfcp .title span{ font-size:28px;line-height: 40px; 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:54px; border-bottom:1px #d8d8d8 dashed; line-height:54px; font-size:15px; position:relative}
.lfcp ul li a{ padding-left:32px;}
.lfcp ul li span{ width:22px; height:22px; right:26px; top:15px; background:url(../images/span.png) no-repeat;position:absolute; transition:0.4s all}
.lfcp ul li:hover span{background:url(../images/spanh.png) no-repeat;}
.lflx{ width:260px; height:auto; line-height:32px;font-size: 15px; overflow:hidden}
.lflx .title{ width:260px; height:101px;background:url(../images/lx.png) no-repeat #034aa3; 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: #034aa3;line-height: 32px;text-align: center;color: #fff;font-family: "微软雅黑";border: none}
.sub:hover{background: #fcce16}
/* 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: #034aa3; 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: #034aa3; float: left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#btn01:hover{ background: #fcce16; transition: 0.5s all;-webkit-transition: 0.5s all; -moz-transition: 0.5s all;}
#btn02{width: 157px; height: 38px; background: #ff775d; float: left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; float: left; margin-left: 23px;}
#btn02:hover{ background: #fcce16; 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: #034aa3;font-weight: bold;font-size:22px}
#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: #034aa3; font-size: 18px; }
#pro_txt{ width: 100%; height: auto; min-height:100px; margin-top: 20px;font-size: 15px; line-height:34px; 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: 117px; height: 117px; display: block;}

/* CSS Ziye */
#right{width: 902px; height: auto;min-height:600px;float: right;overflow: hidden;}
#right_title{ width: 100%; height:50px;line-height: 50px; background:#f1f1f1}
#title_left{color: #222222;font-size:26px;float: left;padding-left: 30px}
#title_left span{font-size: 22px;text-transform: uppercase; color: #AEAEAE;padding-left: 14px;padding-right: 99px;background: url(../images/line2.jpg) right center no-repeat;}
#title_right{padding-right:20px; font-size:14px; float:right;}
#right_content{width: 100%; height: auto;margin: 0 auto; padding-top: 15px;}
#right_bottom{width:100%;height:23px;}
.news01{ width:100%; height: 210px; padding-top:20px;border-bottom: 1px #d8d7d7 solid; }
.news01 li{ width: 100%; height:210px; position: relative;}
.news01 li img{ width:240px; height:180px; display: inline-block; background: #bcbcbd; float: left;}
.news01 li .txt{ width:630px; height:180px;line-height: 27px;font-size: 14px; color: #585555;float: right; position: relative;}
.news01 li .txt span{height:35px; line-height:35px; font-size:20px; color: #034aa3;margin-bottom: 10px; padding-left:68px;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: #034aa3; font-size:14px; border-radius: 17px; text-align: center; line-height:30px; border: 2px #034aa3 solid; left: 0; bottom:0px; position:absolute; }
.news01 li .more:hover{ background: #034aa3; color: #fff }
.news02{ width:100%; height:auto;overflow: hidden;}
.news02 li{ width:100%; height: 105px; line-height: 27px;font-size: 14px; color: #585555; padding-top: 15px; border-bottom: 1px #dadada dotted;position: relative;}
.news02 li a{line-height:36px; font-size:16px;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:#034aa3;}
#page .current { padding: 0 8px; border:1px #034aa3 solid;}
#page_num{ height: 22px; font-size: 14px; background: #eeeeee; }
#newTitle{width:100%;line-height:60px; font-weight: normal; color:#034aa3;font-size:18px;font-family:"微软雅黑";text-align:center;margin:0 auto;}
#productTitle{width:100%;height:60px;color:#034aa3;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;line-height: 34px;font-size: 15px;color: #222222}
#newsContent img{max-width: 100%}
#newsContent strong{color:#e43118;}
#picUL{ width:100%; height:100%; overflow:hidden;}
#picUL li{width:280px;height:315px;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:95px;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:#034aa3; border:1px #034aa3 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);

}