@charset "utf-8";
/* CSS Document */
html { overflow-x: hidden; overflow-y: auto; } 
html { overflow-y: scroll; } 

body{color:#333;font-family:Arial,Helvetica, "微软雅黑","宋体",sans-serif; padding:0px; margin:0px; font-size:12px; font-weight:400;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin: 0; padding: 0; word-wrap: break-word; color: #444; font-size: 14px; }
*{padding:0px; margin:0px;}
input{font:14px/1.5 tahoma,微软雅黑,arial,\5b8b\4f53,sans-serif;}
table{ border-collapse: collapse; border-spacing: 0; font-size: 16px;  }
img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}

input.dialog{height:0; height:0; font-size:0; line-height:0; border:none; }

input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{ color:#333;text-decoration:none;}
a:hover{ color:#fd0c50;text-decoration:none}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
.clear{ clear:both}
.auto{ margin:0 auto;}



/*------头部------*/


.head{ height:100px; }
.headcen{ width:1000px;}
.headcen .logo{ float:left; padding-top:14px; width:550px; height:71px; padding-top:12px;}
.headcen .phone{ height:62px; float:right; padding-top:30px;}

.nav{ height:52px; background:#243875;width:1000px; left:50%; margin-left:-800px;position:relative; padding-left:300px; padding-right:300px;}
.nav .navcen{ width:1000px; }
.nav .navcen ul{ float:left}
.nav .navcen ul li{ display:inline-block; float:left; height:52px; padding-right:30px;}
.nav .navcen ul li a{ font-size:16px; display:block; float:left;  color:#FFF; text-align:center;line-height:49px; padding-left:10px; padding-right:10px;text-transform:uppercase;}
.nav .navcen ul li a:hover{ color:#fd0c50}
.nav .navcen ul li a.current1{ color:#fd0c50 }

.sousuo{ width:168px; height:22px;  float:right; padding-top:15px;}
.sousuo .form{ height:22px; width:168px; background:#FFF}
.sousuo .text1{ width:130px; height:22px; border:none; text-indent:5px; float:left}
.sousuo .submit{ width:29px; height:22px; background:url(../images/sousuosubmit.jpg) no-repeat; cursor:pointer; border:none; float:right}

/* ----------banner----------- */
.banner-box{width:1600px;height:550px; left:50%; margin-left:-800px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1600px;margin:0 auto;overflow:hidden;}
.banner-box .bd li .m-width img{ width:1600px; height:550px;}
.banner-box .bd li{width:100% !important;height:500px;}
.banner-box .bd li a{display:block;background-size:auto;}
.banner-box .hd {position:absolute;top:500px;left:780px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#243875;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#fd0c50;}





/*-------首页产品-------*/
.sypro{ width:1000px;left:50%; margin-left:-800px;position:relative;overflow:hidden; padding-left:300px; padding-right:300px; background:url(../images/syprobg.jpg) repeat-x bottom}
.sypro .syprotop{ text-align:center; padding-top:30px; padding-bottom:30px;}

.sypro .sycplist{ width:1000px;  padding-bottom:20px; overflow:hidden}
.sypro .sycplist ul{ width:1100px;}
.sypro .sycplist ul li { display:block; width:240px; height:180px; float:left;  position:relative;  overflow:hidden; padding-right:14px; margin-bottom:30px; overflow:hidden}
.sypro .sycplist ul li img{ width:240px; height:180px;}
.sypro .sycplist ul li .wenzi{ width:240px; height:180px; background:url(../images/prohbg.png) no-repeat center center; line-height:180px; text-align:center; font-size:18px; color:#FFF;position:absolute; top:180px;}
.sypro .sycplist ul li .wenzi a{ display:block; height:180px; width:240px; color:#FFF;}





/*----首页案例----*/

.sycase{  width:1000px;left:50%; margin-left:-800px;position:relative;overflow:hidden; padding-left:300px; padding-right:300px;height:300px; background:url(../images/hezuobg.jpg) no-repeat; padding-top:90px;}
.sycase .sycasecen{ width:1000px; padding-top:40px; }
.sycase .sycasecen .bd{ float:left; width:1000px; overflow:hidden;}
.sycase .sycasecen .bd .ulpro{ width:1100px;}
.sycase .sycasecen .bd .ulpro li{ float:left;  padding-right:24px; }
.sycase .sycasecen .bd .ulpro li img{ border:#d7d7d7 solid 1px; width:310px; height:140px;}
.sycase .sycasecen .bd .ulpro li p{ width:310px; line-height:50px; text-align:center; color:#FFF; font-size:16px;text-transform: uppercase;}

/*----首页联系----*/
.sycontact{ width:1000px;}
.sycontact .sycontacttit{ text-align:center; padding-top:20px;}
.sycontact .sycondz{ font-size:18px; color:#333; line-height:60px; border-bottom:#CCC solid 1px; text-align:center}
.sycontact  .sydh{ height:80px; padding-left:20px; padding-top:20px;}
.sycontact  .sydh p{ float:left; text-indent:20px; background:url(../images/icon.jpg) no-repeat; background-position:10px 36px; font-size:24px; color:#000; padding-right:10px; padding-left:10px; line-height:80px;}
.sycontact .sywz{ height:38px; width:1000px; background:url(../images/wzbg.jpg) no-repeat center; text-align:center; font-size:18px; line-height:38px;}
.sycontact .ditu{ padding-top:40px; padding-bottom:60px;}
.foot{  width:1000px;left:50%; margin-left:-800px;position:relative;overflow:hidden; padding-left:300px; padding-right:300px;height:60px; background:#283c79; text-align:center; line-height:60px; font-size:18px; color:#FFF}




/*--------底部开始---------*/


/*---内页样式---*/
.nybanner{ height:250px; width:1600px; left:50%; margin-left:-800px; position:relative}


.nymain{ width:1000px; padding-top:50px; padding-bottom:50px;}
.nymain .nyleft{ width:220px; float:left;}
.nymain .nyleft .nylefttit{ width:220px; height:78px; background:#243875;line-height:60px; text-align:center; font-size:24px; line-height:78px; text-align:center; font-size:24px; color:#FFF;text-transform:uppercase;}

.nymain .nyleft .nyleftfl{ width:220px; border-top:none; }
.nymain .nyleft .nyleftfl ul{ padding:2px 0px 0px 0px;background-color:#f2f2f2;}
.nymain .nyleft .nyleftfl ul li{ height:62px; border-bottom:#d8d8d8 solid 1px; text-align:center; font-size:16px; padding-top:2px}
.nymain .nyleft .nyleftfl ul li a{ display:block;  height:62px; background:#e6e6e6; line-height:62px;-webkit-transition-property: background-color;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;}
.nymain .nyleft .nyleftfl ul li a:hover{ background:#fd0c50;color:#fff; }
.nymain .nyleft .nyleftfl ul li a.current2{background:#fd0c50;color:#fff;}





.nymain .nymainright{ width:750px; float:right; }
.nymain .nymainright .nymainrigtit{ height:34px;border-bottom:#dbdbdb solid 1px; }

.nymain .nymainright  .nypro_list{width:750px; padding-top:30px;}
.nymain .nymainright  .nypro_list ul { width:800px;}
.nymain .nymainright  .nypro_list ul li{ display:block;width:240px; height:240px; float:left; padding-right:15px;}
.nymain .nymainright  .nypro_list ul li img{ width:240px; height:180px; }
.nymain .nymainright  .nypro_list ul li p{ width:240px; height:40px; text-align:center; line-height:40px; font-size:16px}
.nymain .nymainright  .nypro_show{width:750px; padding-top:30px;}
.nymain .nymainright  .nypro_show .npshowtop{ height:300px; padding-bottom:30px;}
.nymain .nymainright  .nypro_show .npshowtop .npshowtopleft{ width:400px; height:300px; float:left;}
.nymain .nymainright  .nypro_show .npshowtop .npshowtopleft img{ width:398px; height:298px; border:#dcdcdc solid 1px;}

.nymain .nymainright  .nypro_show .npshowtop .npshowtopright{ float:right; width:310px; height:300px;}
.nymain .nymainright  .nypro_show .npshowtop .npshowtopright .rtit{ font-size:24px; color:#f72b17;height:50px;}
.nymain .nymainright  .nypro_show .npshowtop .npshowtopright  .rxh{ height:40px;font-size:18px; line-height:40px;  border-bottom:#d7d7d7 solid 1px;}

.nymain .nymainright  .nypro_show .npshowtop .npshowtopright .rtdtit{ font-size:18px; line-height:50px;}
.nymain .nymainright  .nypro_show .npshowtop .npshowtopright .rtdcon{ color:#666666; line-height:32px;}
.nymain .nymainright  .nypro_show .proxxtit{width:746px; height:40px; background:#f2f2f2; border:#dcdcdc solid 1px;}
.nymain .nymainright  .nypro_show .proxxtit p{ height:40px; background:url(../images/icon3.jpg) no-repeat 90px 18px; font-size:16px; line-height:40px; text-indent:20px;}
.nymain .nymainright  .nypro_show .proxxcon{width:746px; padding-top:30px;}



.nymain .nymainright  .nynew_list{width:750px; padding-top:20px;}
.nymain .nymainright  .nynew_list ul{width:750px; overflow:hidden; position:relative; padding-top:10px;}
.nymain .nymainright  .nynew_list ul li{ display:block; width:746px; height:92px; border-bottom:#dedede dashed 1px; position:relative; margin-bottom:20px;}
.nymain .nymainright  .nynew_list ul li .lisj{ height:80px; width:90px; position:absolute; left:0;  text-align:center; color:#8f8f8f; border:#e4e4e4 solid 1px;}
.nymain .nymainright  .nynew_list ul li .lisj p{ width:100px; line-height:46px; font-size:36px; color:#333}
.nymain .nymainright  .nynew_list ul li:hover .lisj p{ color:#f11902}
.nymain .nymainright  .nynew_list ul li .lisj span{ font-size:18px}
.nymain .nymainright  .nynew_list ul li .liwz{ height:100px; width:630px; position:absolute; left:120px;}
.nymain .nymainright  .nynew_list ul li .liwz p{ font-size:16px; line-height:30px;}
.nymain .nymainright  .nynew_list ul li .liwz span{ font-size:14px; color:#999; padding-top:0px; line-height:24px; display:block}

.nymain .nymainright   .nynew_show{ width:746px;padding-top:20px;}
.nymain .nymainright   .nynew_show h3{  font-size:20px; font-weight:400; text-align:center;  padding-bottom:10px}
.nymain .nymainright   .nynew_show .newshowxx{ line-height:30px; text-align:center; width:746px; font-size:14px; color:#999;border-bottom:#CCC dotted 1px;}
.nymain .nymainright   .nynew_show .newshowcon{ font-size:14px; line-height:26px; padding-top:20px; width:746px; overflow:hidden;}

.nymain .nymainright .shili_show{ width:746px;padding-top:20px;}
.nymain .nymainright .shili_show .protit{ font-size:24px; text-align:center; border-bottom:#999 dotted 1px; line-height:50px; height:50px; padding-top:10px;}
.nymain .nymainright .shili_show .shilishowimg{ margin:0 auto; text-align:center; padding-top:20px; padding-bottom:20px;}
.nymain .nymainright .shili_show .shilishowimg img{ max-width:600px;}
.nymain .nymainright .shili_show .cpxq{ width:746px; height:52px; border-bottom:#CCC solid 1px; font-size:18px; line-height:48px; text-indent:6px; color:#e12210}
.nymain .nymainright .shili_show .cpxqcon{ width:746px; padding-top:20px; line-height:20px;}

.nymain .nymainright .about{width:750px;padding-top:20px;}
.nymain .nymainright .contact_page{ width:750px; padding-top:30px; }

.nymain .nymainright  .liuyan_page{ width:750px; padding-top:30px; }

.nymain .nymainright .contact_page .conwenzi{  width:430px; float:left}
.nymain .nymainright .contact_page .conwenzi h1{ font-size:24px; color:#f11902; padding-bottom:20px;}
.nymain .nymainright .contact_page .conwenzi p{ font-size:16px; line-height:36px;}
.nymain .nymainright .contact_page .conerweima{float:right; width:300px;}


/*--分页--*/
#pages { width:750px;padding:10px 0 10px;text-align:center;font:12px; overflow:hidden;}
#pages a { display:inline-block; padding:0px 8px; height:22px;font-size:12px;line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:0px 12px; height:22px; line-height:22px;margin-top:0px;}
#pages a:hover { background:#fd0c50; color:#fff; text-decoration:none; }
#pages span { display:inline-block;  padding:0px 8px; height:22px; line-height:22px; background:#fd0c50; border:1px solid #fd0c50; color:#fff; text-align:center; }

/*--上一条下一条--*/
.syyx{height:25px;overflow:hidden;padding-top:35px;}
.prew{background:url(../images/pre_info.gif) no-repeat left center;float:left;height:28px;line-height:28px;overflow:hidden;padding-left:15px;text-align:left;width:46%;}
.nextw{background:url(../images/next_info.gif) no-repeat right center;float:right;height:28px;line-height:28px;overflow:hidden;padding-right:15px;text-align:right;width:46%;}


/*--留言--*/
.ct3tit{ line-height:24px;}
.left_L{text-align:center; color:#666;}
.t_r {color:#666;}
.c_r a,.tl a{color:#666;text-decoration:none;}
.tc_r{width:450px;height:110px;border:1px solid #d0d0d0;}
.tj {width: 60px;height:25px;color: #fff;border: none;cursor: pointer;background: #80171c; margin-right:12px;}
.cz {width: 60px;height:25px;color: #fff;border: none;cursor: pointer;background: #a61b20;}
.input-text{border:1px solid #ccc;height:20px;width:80px;background: #fff;line-height:20px;}
.t_r input{border:1px solid #ccc;height:20px;line-height:20px;}
table#leavetable tr {height:25px;line-height:25px;}
table#leavetable td {padding: 3px 2px 3px 3px;}


#jobsa{background: url(../images/job.jpg) no-repeat;font-size:13px;height:115px;margin: 0 auto;padding-left:170px;padding-top:20px;width:543px;color:#333;margin-top:30px}
#jobsa p{ line-height:24px;}
#jobsb{height: 40px;line-height: 40px;margin:0 auto;padding-left:30px;width:670px; background:url(../images/hrbafd.jpg) no-repeat;margin-top:30px;}
#jobsb span {display: block;float:left;font-size:14px;width:140px;color:#333;}
#recruitment {margin:0 auto 0px;width:700px;}
#recruitment ul li{background:url(../images/rclii.jpg) repeat-x center bottom;}
.recruitmentti {background:url(../images/rcli.jpg) no-repeat left top;float:left;font-size:14px;height:48px;line-height:48px;overflow:hidden;padding-left:30px;width:570px;}
.recruitmentti span{display:block;float:left;overflow:hidden;width:140px;color:#333;font-size:12px;}
.recruitmenttia {float:right;height:27px;margin-top:12px;width:88px;}
.recruitmenttia a {background:url(../images/rca.jpg) no-repeat right top;color:#666;cursor:pointer;display:block;font-size:13px;height:27px;line-height:24px;padding-left:10px;width:78px;font-size:12px;}
.recruitmenttia a:hover {background: url(../images/rca.jpg) no-repeat right bottom ;color:#333;}
.recruitmenttias {display: none;float: right;height: 27px;margin-top: 12px;width: 88px;}
.recruitmenttias a {background: url(../images/rca.jpg) no-repeat left top;color:#666;cursor: pointer;display: block;font-size: 13px;height: 27px;line-height: 24px;padding-left: 10px;width: 78px;font-size:12px;}
.recruitmenttias a:hover {background: url(../images/rca.jpg) no-repeat right bottom ;color:#333;}
.cb {clear: both;font-size: 0;height: 0;line-height: 0;}
.recruitmentd {display: none;margin: 0 auto;padding-bottom: 20px;width: 616px;}
.recruitmentt {background: url(../images/rdd_01.jpg) no-repeat;height:32px;overflow:hidden;width: 616px;}
.recruitmentm {background: url(../images/rdd_02.jpg) repeat-y;padding: 25px 30px;width: 556px;}
.recruitmentm h2 {color:#333;font-size:14px;line-height: 30px;font-size:14px;}
.recruitmentm p {color:#333;font-size:12px;line-height:24px;font-size:12px;}
.recruitmentmc {height: 20px;width: 100%;}
.recruitmentm a {background: url(../images/hrdafd.jpg) repeat left center;color:#333;display: block;font-size: 14px;height: 28px;line-height: 28px;margin-top: 30px;text-align: center;width: 167px;font-size:14px;}
.recruitmentb {background: url(../images/rdd_04.jpg) no-repeat;height: 9px;overflow: hidden;width: 616px;}
.recruitmentm a:hover { background-position:-167px;color: #fff;}


