@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:#0786d3;}
.left{float:left;}
.right{float:right;}
body{min-width: 1400px; font-family: "微软雅黑"; font-size:16px; line-height:36px; color:#515151;background:#f5f5f5;}

/* CSS Header */
/* CSS Header */
.header{ width:100%; height:auto;background: #fff; overflow:hidden;position: relative;z-index:10}
.header .topbar{width: 1200px;height: 40px;line-height: 40px;font-size: 14px; color: #8b8b8b; margin: 0 auto}
.header .topbar b{color: #1077d6;font-size: 16px}
.header .top{ width:100%; height:92px;border: 1px #eeeeee solid; margin:0 auto;position: relative;}
.header .top .mid{width: 1200px;height: 92px;margin: 0 auto}
.header .logo{ float:left;}
.banner{width: 1920px;height: 240px;background:url(../images/banner.jpg) no-repeat #cecfca;left: 50%;margin-left: -960px;position: relative;z-index: 9}
.banner .bn01{width:458px;height:82px;top:40px;left: 900px; background:url(../images/bn01.png) center no-repeat;position: absolute; animation: fadetoL 1.5s;}
.banner .bn02{width:458px;height:26px;top:140px;left: 900px; background:url(../images/bn02.png) center no-repeat;position: absolute; animation: fadetoL 2s;}
.banner .bn03{width:458px;height:18px;top:180px;left: 900px;background:url(../images/bn03.png) center no-repeat;position: absolute; animation: fadetoL 2.5s;}
#menu{ width:799px; height:92px;float: right;position: relative;}
#menu ul{ width:798px; height:92px;border-left: 1px #ededed solid;}
#menu li{width: 98px; height:92px; text-align: center; border-right: 1px #ededed solid; line-height: 92px; float: left;transition: 0.4s all}
#menu li a{font-size: 16px; font-weight: lighter; color: #000;}
#menu li:hover{background: #1077d6}
#menu li:hover a{ color: #fff; }
#menu li.selected{background: #1077d6}
#menu li.selected a{ color: #fff }
@-webkit-keyframes fadetoL{
  from{opacity:0; -webkit-transform:translateX(50px);}
  to{opacity:1; -webkit-transform:translateX(0);}
}
@keyframes fadetoL{
  from{opacity:0;transform:translateX(50px);}
  to{ opacity:1;transform:translateX(0);}
}
/* CSS Footer */
#foot{ width:100%; min-width: 1400px;height:195px; background:#2d2d2d;position: relative;z-index:999}
#foot .mid{ width: 1200px; height:120px;padding-top:48px;color: #acacac; font-size: 14px; line-height:36px;text-align: center; margin: 0 auto; position: relative;}
#foot .mid a{color: #acacac;}
#foot .mid a:hover{color: #388ad7;}
#foot .mid .gotop{width: 50px;height: 50px;background: #fff;top: -25px;left: 575px;border-radius: 50%;overflow: hidden; position: absolute;}
#foot .mid .gotop img{display: block;}
#foot .mid .gotop .img01{margin-top: 0;transition: 0.4s all}
#foot .mid .gotop:hover .img01{margin-top: -50px;}
#ftmenu{width: 100%;height:45px;line-height: 45px;color: #fff; background: #1077d6;text-align: center;}
#ftmenu a{color: #fff;padding: 0 30px;}
#ftmenu a:hover{color: #ff0}
/* 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: 100%;height:288px;background: #e8e8e8; position: relative;}
.index01 .bluebg{width: 50%;height: 288px;background: #1077d6; left: 0;top: 0;position: absolute;z-index: 1}
.index01 .mid{ width:1200px; height:288px; margin: 0 auto;position: relative;z-index:2;}
.index01 .mid .intitle{ width:100%; height:27px;line-height: 27px;padding-top: 38px; position: relative;}
.index01 .mid .intitle img{float: left;}
.index01 .mid .intitle .more{right: 0;top:38px;color: #fff; position: absolute;}
.index01 .mid .intitle .more:hover{color: #ff0;}
.index01 .mid .left{width: 560px;height: 288px;background: #1077d6;padding-right: 40px;overflow: hidden;}
.index01 .mid .left .newsbox{width: 100%;height: 148px;padding-top:24px}
.index01 .mid .left .imgbox{width: 233px;height: 148px;float: left;}
.index01 .mid .left .imgbox img{width: 233px;height: 148px;}
.index01 .mid .left ul{width:292px;height: 148px;float: right;}
.index01 .mid .left ul li{width:292px;height:36px;line-height: 36px;font-size: 16px; overflow: hidden;}
.index01 .mid .left ul li a{color: #fff}
.index01 .mid .left ul li a:hover{margin-left: 5px;color: #ff0}
.index01 .mid .right{width: 555px;height: 288px;overflow: hidden;}
.index01 .mid .right .conbox{width: 100%;height: 148px;background:url(../images/lxapi.jpg) left center no-repeat;margin-top:24px}
.index01 .mid .right .conbox p{width: 366px;height: 148px; line-height: 36px;font-size: 16px;color: #515151;float: right;}
.index01 .mid .right .conbox p b{color: #1077d6}
.index01 .mid .right .more{color: #1077d6}
.index01 .mid .right .more:hover{color: #f00}
.index02{ width:1200px; height:674px; margin: 0 auto;position: relative;}
.index02 .title0{width: 322px;height: 66px;background:url(../images/product.jpg) center no-repeat;margin: 0 auto}
.index02 .title1{width: 1080px;height: 66px;line-height: 27px;color: #646464;font-size: 14px;text-align: center;padding-top: 9px; margin: 0 auto}
.index02 .conbox{width: 1198px;height: 55px;line-height: 55px;font-size: 16px;color: #515151;text-align: center; border: 1px #b5b5b5 solid;margin: 0 auto}
.index02 .conbox b{color: #1077d6}
.index02 .conbox span{margin: 0 22px;}
.index03{width: 100%;height:649px;background: #196cbf;overflow: hidden; position: relative;}
.index03 .mid{width:1920px;height:649px;background:url(../images/index03.jpg) center no-repeat #196cbf;left: 50%;margin-left: -960px; position: relative;}
.index03 .title03{width: 350px;height: 58px;background:url(../images/t_about.png) center no-repeat;margin: 0 auto}
.index03 .intro{width: 1200px;height:90px;line-height: 27px;font-size: 14px;color: #fff;text-align: center;padding-top: 29px; margin: 0 auto;overflow: hidden;}
.index03 .btnbox{width: 388px;height: 47px;padding-top: 16px; margin: 0 auto}
.index03 .btnbox .btn{width: 177px;height: 45px;line-height: 45px;font-size: 20px;text-align: center; border: 1px #fff solid}
.index03 .btnbox .bt01{color: #237dd3;background: #fff}
.index03 .btnbox .bt02{color: #fff;}
.index03 .btnbox .btn:hover{background: #237dd3;border: 1px #237dd3 solid;color: #fff}
/* CSS Left */
#left{width:260px; height:auto; background: #fff; float: left; margin-bottom: 40px; overflow: hidden;}
.lfcp{ width:260px; height:auto; overflow:hidden;}
.lfcp .title{ width:260px; height:92px; background:#1077d6; 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: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 #1077d6; 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: #1077d6;line-height: 32px;text-align: center;color: #fff;font-family: "微软雅黑";border: none}
.sub:hover{background: #f80000}
/* CSS 详情页 */
#cpbox01{ width: 100%; height:300px;}
#cp_img{ width:360px; height:270px; border: 1px #ebebeb solid; float: left; }
#cp_img img{width:360px; height:270px;}
#cp_detail{ width: 450px; height:270px; float: right; overflow: hidden; position: relative; }
#cp_txt{width: 100%;height: 140px;color: #494949;font-size:15px;line-height: 28px;overflow: hidden;}
#cp_txt span{color: #0786d3;font-weight: bold;padding-bottom: 10px;font-size: 20px;display: block;}
#cp_btn{width: 345px;height:40px;left: 0;bottom: 40px;position: absolute;}
#btn01{ width: 157px; height: 38px; background: #0786d3; 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: 40px;line-height: 40px;padding-left: 40px;background: url(../images/i-tel.png) left center no-repeat;left: 0;bottom: 90px;position: absolute;}
#cp_fx{ width: 345px; height:30px; left: 0; bottom:0; position: absolute; }
#cp_lx span{color: #0786d3;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: #0786d3; font-size: 18px; }
#pro_txt{ width: 100%; height: auto; min-height:100px; margin-top: 20px; line-height: 30px; position: relative; padding-bottom: 20px;padding-top: 10px; overflow: hidden;}
#pro_txt table{ width: 100%; }
#pro_txt table td{ padding:0 10px; }
#pro_txt{width:100%;margin:0 auto;line-height: 34px;font-size: 15px;color: #222222}
#pro_txt img{max-width: 100%}
#pro_txt strong{color:#e43118;font-size: 18px;line-height: 50px;}
.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;background:#fff;padding-bottom: 40px; float: right;overflow: hidden;}
#right_title{ width: 850px; height:50px;line-height: 50px; background:#1077d6;margin: 0 auto}
#title_left{color: #fff;font-size:26px;float: left;padding-left: 30px}
#title_left span{font-size: 22px;text-transform: uppercase; color: #63b2fa;padding-left: 14px;padding-right: 99px;background: url(../images/line2.jpg) right center no-repeat;}
#title_right{padding-right:20px; font-size:14px;color: #fff; float:right;}
#title_right a{color: #fff}
#title_right a:hover{color: #ff0}
#right_content{width: 850px; 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:580px; 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: #1077d6;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: #1077d6; font-size:14px; border-radius: 17px; text-align: center; line-height:30px; border: 2px #1077d6 solid; left: 0; bottom:0px; position:absolute; }
.news01 li .more:hover{ background: #1077d6; 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:#e43118;}
#page .current { padding: 0 8px; border:1px #e43118 solid;}
#page_num{ height: 22px; font-size: 14px; background: #eeeeee; }
#newTitle{width:100%;line-height:60px; font-weight: normal; color:#0786d3;font-size:18px;font-family:"微软雅黑";text-align:center;margin:0 auto;}
#productTitle{width:100%;height:60px;color:#0786d3;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:260px;height:290px;border: 1px #d4d4d4 solid;margin: 10px 9px;float: left;}
#picUL li .pic_01{width:260px;height:196px;border-bottom: 1px #d4d4d4 solid;overflow: hidden;}
#picUL li .pic_01 img{width:260px;height:196px;transition: 0.4s all}
#picUL li .pic_01:hover img{transform: scale(1.08);}
#picUL li .pic_02{width:230px;height:100px;line-height: 22px;font-size: 14px; margin: 0 auto}
#picUL li .pic_02 span{width: 100%;line-height:40px; height:45px;padding-top:5px; margin-bottom:10px; 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:225px;width:252px;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:#1077d6; border:1px #1077d6 solid;}
#piclist li .pic_01{width:250px;height:188px;background: #fff;border: 1px #fff solid; text-align: center;}
#piclist li .pic_01 img{width:250px;height:188px; 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:250px;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);

}