@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote,h1,h2,h3,h4,h5,h6,p
{ margin:0px; padding:0px;} 
html button::-moz-focus-inner{ border-color:transparent!important; } 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
fieldset, img { border:0; }
iframe { background-image: none; }
.clear {clear:both; height:0px;}
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
img{ border:0px;}
body{font-family:"微软雅黑"; color:#242424; font-weight:400; overflow-x: hidden; -webkit-text-size-adjust:none; font-size:12px; background:#ffffff;}
a{text-decoration:none; color:#242424;}
a:hover{text-decoration:underline; color:red;}
.fl{float:left;}
.fr{float:right;}
.none{display:none;}
.h10px{ height:10px; width:100%; clear:both;}
.h15px{ height:15px; width:100%; clear:both;}
.h25px{ height:25px; width:100%; clear:both;}
.h50px{ height:50px; width:100%; clear:both;}
.mt20px{ margin-top:20px;}
.w1004{width:1004px; margin:0 auto;}
.blod{ font-weight:bold;}
html{ -webkit-text-size-adjust:none; font-size:12px;}
center{ text-align:center; line-height:60px;}
em{ font-style:normal;}
.tecen{ text-align: center;}
.red{color: red;}
.fz12{font-size: 12px;}
i,em{ font-style: normal;}
/*
内容样式开始

头部信息
*/
#head{height: 122px; padding: 30px 0 0 0;}
.logo{width: 240px; height: 66px; display: block; float: left;}
.head_st{height: 57px; float: right;margin-right: 20px;}
.head_tel{float: right; font-style: italic;}
.head_tel h3{float: left; font:bold 14px/32px "微软雅黑"; color: #cf393a;}
.head_tel p{float: left; font-size: 25px; color: #49525d; font-family:"微软雅黑";}
.head_sear{float: right; margin-right: 20px; width: 178px; height: 28px; border-radius:5px; border: #c3c3c3 solid 1px;}
.head_sear input{float: left; padding: 0 10px; border: none; border-radius: 5px; height: 28px; font: 400 14px/28px "微软雅黑"; color: #aeaeae; width: 125px;}
.head_sear input.btn{padding: 0; width: 33px; background: url(../images/sear_btn.jpg) center center no-repeat; cursor: pointer;}
.nav_con{float: right; height: 69px;}
.nav_con li{float: left;}
.nav_con li a{display: block; padding: 0 16px; font: 400 14px/50px "微软雅黑"; color: #242424;}

/*
 banner动画
 * */
#bann{height: 497px; position: relative;}
.banner{height: 497px; position: absolute; top: 0; left: -298px; width: 1600px;}
#focus {width:1600px; height:497px; overflow:hidden; position:relative;}
#focus ul {height:497px; position:absolute;}
#focus ul li{float:left; width:1600px; height:497px; overflow:hidden; position:relative;}
#focus .btn {position:absolute; width:1300px; text-align: right; height:13px; left:0px; bottom:10px;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:10px; height:10px; background:#fff; text-align:center; font-size:12px; cursor:pointer; margin-right: 10px; text-indent: 10000px;}
#focus .btn span.on {background:#a7202f;}
/*
 首页内容开始
 * */
.i_tit{height: 34px; padding: 30px 0 15px 0;}
.i_tit h3{width: 146px; margin: 0 auto; font: 400 22px/28px "微软雅黑"; color: #cf393a;}
.i_tit h3.lan{color: #1895bf; line-height: 32px; padding-bottom: 4px;}
.i_tit h3 img{display: inline-block; vertical-align: top; margin-left: 5px;}
.i_tit h4{width: 146px; margin: 0 auto;}

.im_con1{height: 393px;}
.im_c1nr{height: 80px; font: 400 12px/22px "微软雅黑"; color: #666666; text-align: center;}
.im_c1ul{padding: 0 0 0 20px;}
.im_c1ul li{width: 155px; height: 155px; padding-right: 120px; float: left;}
.im_c1ul li a{display: block;text-align: center; background: url(../images/ia_bg1.jpg) center center no-repeat; width: 155px; height: 115px; padding-top: 40px;}
.im_c1ul li img{display:block; margin:0 auto;}
.im_c1ul li p{font: 400 18px/36px "微软雅黑"; color: #fff;}
.im_c1ul li a:hover{background: url(../images/ia_bg2.jpg) center center no-repeat; text-decoration: none;}

#imain2{background: #ececec;}
.im_con2{height: 320px; padding: 15px 0 0 0;}
.im_c2nr{margin: 15px 0 0 0; height: 180px; background: #fff;}
.im_c2hq{width: 262px; height: 165px; background: #F8CA35; padding: 15px 30px 0; float: left;}
.im_c2hq .text{display: block; font: 400 18px/38px "微软雅黑"; color: #49525D;}
.im_c2hq .text2{height: 82px; font: 400 12px/22px "微软雅黑"; color: #655C5C;}
.im_c2hq .tim{background: #018bba; color: #fff; width: 86px; height: 23px; text-align: center; font: 400 12px/23px arial;}
.im_c2pic{width: 180px; height: 180px; float: left;}
.im_c2ul{padding: 15px 0 0 40px; width: 432px; float: left;}
.im_c2ul li{height: 30px; font: 400 12px/30px "微软雅黑"; background: url(../images/news_ico.jpg) left center no-repeat; text-indent: 12px;}
.im_c2ul li a{color: #666666; float: left;}
.im_c2ul li span{float: right;}

#imain3{height: 718px; background: url(../images/i_ser.jpg) center bottom no-repeat #ececec;}
.im_con3{padding: 15px 0 0 0;}
.im_con3 .lfcon{width: 240px; padding-right: 1px; float: left;}
.im_con3 .lfpic1{display: block; height: 120px; width: 200px; padding: 60px 0 0 40px;background: #cf393a;}
.im_con3 .lfpic2{display: block; width: 240px; height: 338px;}
.im_con3 .lfnr{height: 85px; padding: 20px 20px 0; width: 200px; font: 400 12px/22px "微软雅黑"; color: #fff; position: relative;background: #018bba;}
.im_con3 .lfnr i{display: block; width: 22px; height: 10px; position: absolute; top: -10px; left: 50%; margin-left: -11px; background: url(../images/i_tyico.png) center center no-repeat;}
.im_con3 .lfnr a{color: #fff;}

.im_con3 .cencon{width: 521px; padding-right: 1px; float: left;}
.im_con3 .cencon .pic{display: block; width: 521px; height: 207px;}
.im_con3 .cencon .pic.on{padding: 1px 0;}

.im_con3 .ricon{width: 240px; float: left;}
.im_con3 .ripic1{display: block; width: 240px; height: 398px;}
.im_con3 .ripic2{display: block; height: 90px; width: 190px; padding: 30px 0 0 50px;background: #3f3f3f;}
.im_con3 .rinr{height: 85px; padding: 20px 20px 0; width: 200px;background: #018bba; font: 400 12px/22px "微软雅黑"; color: #fff; position: relative;}
.im_con3 .rinr i{display: block; width: 22px; height: 10px; position: absolute; top: -10px; left: 50%; margin-left: -11px;background: url(../images/i_tyico.png) center center no-repeat;}
.im_con3 .rinr a{color: #fff;}

#imain4{padding: 52px 0 0 0; height: 386px;}
.im4_tit{height:70px}
.im_lf{width: 244px; float: left;}
.im_lftit{height: 70px; float:left}
.im_lftit h3{font: 400 22px/32px "微软雅黑"; color: #cf393a;}
.im_lftit h4{ padding-left: 2px;}

.im_lfpic{width: 240px; height: 120px; display: block; margin-bottom: 15px;}

.im_ri{width: 760px; float: left;}
.im_rtit{height: 70px; background: url(../images/i_sjline.jpg) left 30px repeat-x; float:right; width:760px;}
.im_rtit ul{float: right; padding: 12px 0 0 20px; background: #fff;}
.im_rtit ul li{float: left; width: 90px; height: 30px; padding-right: 10px; text-align: center; font: 400 14px/30px "微软雅黑";}
.im_rtit ul li a{display: block;color: #333;}
.im_rtit ul li a:hover{background: #cf393a; border-radius: 3px; color:#fff; text-decoration:none}
.im_rtit ul li.hover a{background: #cf393a; color: #fff; border-radius: 3px;}

.im_rnr{margin-left: 28px; height: 115px; border-bottom: #e7e7e7 solid 1px;}
.im_rnr .text{height: 34px; font: 400 14px/34px "微软雅黑"; color: #333;}
.im_rnr .text2{height: 50px; font: 400 12px/22px "微软雅黑"; color: #666;}
.im_rnr .tim{font: 400 12px/22px "微软雅黑"; color: #999;}

.im_rul{padding: 10px 0 0 28px; width: 732px;}
.im_rul li{height: 36px; width: 346px; float: left; font: 400 12px/30px "微软雅黑"; margin-right: 28px;}
.im_rul li a{float: left; color: #333333;}
.im_rul li span{float: right; color: #666;}

/*
 底部信息
 * */
#link{background: #018bba; border-bottom: #0d9dcd solid 1px;}
.bt_link{min-height: 36px; padding: 18px 0; /*font: 400 14px/36px "微软雅黑";*/}
.bt_link h3{float: left; width: 114px; text-align: center; font: 400 18px/36px "微软雅黑"; text-align: right; color: #fff;}
.bt_lknr{float: left; width:890px;}
.bt_lknr a{color: #00465e; margin-right:20px;/*display: inline-block;*/ vertical-align: middle;}
#boot{border-top: #01769e solid 1px; background: #018BBA;}
.bt_con{padding: 20px 0; min-height: 192px;}
.bt_cont{float: left; min-height:145px; padding: 27px 30px 0 100px; width: 236px; background: url(../images/bt_ico.jpg) 70px 30px no-repeat; font: 400 14px/26px "微软雅黑"; color: #00465e;}
.bt_gz{float:left; width: 183px; height: 78px; padding: 52px 36px 56px 38px; position: relative; background: url(../images/bt_line2.jpg) left center no-repeat;}
.bt_gz .gz{display: block; position: absolute; top: 96px; left: 126px; background: #fff url(../images/gz_ico.jpg) 11px center no-repeat; border: #d9d9d9 solid 1px; width: 60px; height: 24px; font: 400 12px/24px "simsun"; color: #333333; text-indent: 26px;}
.bt_ewm{float:left;width: 375px; background: url(../images/bt_line2.jpg) left top no-repeat;}
.bt_ewm p{float:right; width: 162px; padding-left: 15px; font: 400 13px/34px "微软雅黑"; color: #fff; text-align: center;}

#bottom{background: #3f3f3f;}
.bot_con{padding: 4px 0 0 0; font: 400 14px/50px "微软雅黑"; color: #fff; text-align: center;}
.bot_con a{color: #fff;}
.bot_con a.gren{color:#f66e00;}
.bot_con .bot_fx{width: 108px; height: 17px; display: inline-block; vertical-align: middle; background: url(../images/bt_share.jpg);}

/*
 内页开始
 * */
#nbann{height: 323px; position: relative;}
.nbanner{height: 323px; position: absolute; top: 0; left: -298px; width: 1600px;}

#nmain{width: 1003px; border-left: #cecece solid 1px; position: relative; padding: 30px 0;  min-height: 400px;}
.n_ico{width: 4px; height: 240px; position: absolute; left: -1px; top: 30px; background: #cf393a;}
.n_ico p{width: 4px; height: 120px; background: #018bba;}

.n_left{width: 715px; padding: 0 0 0 18px; float: left;}
.n_dqwz{height: 42px; border-bottom: #cecece solid 1px;}
.n_dqwz h3{float: left; font: 400 18px/42px "微软雅黑"; color: #cf393a;}
.n_dqwz p{float: right; height: 28px; font: 400 14px/28px "微软雅黑"; color: #666; padding: 12px 0 0 0;}
.n_dqwz p a{color: #666;}
.n_dqwz p span{color: #cf393a;}
.n_ncon{padding: 20px 0; font: 400 14px/240% "微软雅黑"; color: #666666; text-align: justify; text-justify: inter-ideograph;}

.n_right{width: 250px; float: right;}
.n_rtype{position: relative; padding: 65px 0 43px; min-height: 250px; background: url(../images/rb_about.jpg) center bottom no-repeat #018bba;}
.n_rtype.news{background: url(../images/rb_news.jpg) center bottom no-repeat #018bba;}
n_rtype.cent{background: url(../images/rb_cent.jpg) center bottom no-repeat #018bba;}

.n_rtype.serv{background: url(../images/rb_ser.jpg) center bottom no-repeat #018BBA;}

.n_rtit{position: absolute; top: -5px; left: 15px; width: 220px; height: 50px; text-align: center; font: 400 20px/50px "微软雅黑"; color: #FFFFFF; background: #cf393a;}

.n_rtyul{width: 180px; margin: 0 auto;}
.n_rtyul li{min-height: 42px; background: url(../images/ri_ty.png) center bottom no-repeat; text-align: center; font: 400 14px/40px "微软雅黑"; color: #013749;}
.n_rtyul li a{color: #013749; display: block;text-shadow:0 1px 0 rgba(5,156,207,1);}
.n_rtyul li a:hover{color: #ffffff;text-shadow:0 1px 0 rgba(5,156,207,1); text-decoration: none;}
.n_rtyul li.hover a{color: #ffffff;text-shadow:0 1px 0 rgba(5,156,207,1); text-decoration: none;}
.n_rtyul li.son a{text-align: left; text-indent: 72px; background: url(../images/ty_icox2.png) 60px center no-repeat;}
.n_rtyul li.son a:hover{text-align: left; text-indent: 72px; background: url(../images/ty_icox.png) 60px center no-repeat;}
.n_rtyul li.hover.son a{text-align: left; text-indent: 72px; background: url(../images/ty_icox.png) 60px center no-repeat;}
/*
 在线留言
 * */
.bk_ul{width:570px; height: 480px; padding-top: 40px; padding-left: 40px;}
.bk_ul li{height: 50px;}
.bk_ul li p{width: 160px; text-align: right; font: 400 14px/32px "微软雅黑"; color: #666; float: left;}
.bk_ul li p span{color: red; padding-right: 5px;}
.bk_ul li input{height: 32px; line-height: 32px; padding: 0 5px; width: 152px; font: 400 12px/22px "微软雅黑"; color: #232323; border: #d2d2d2 solid 1px; float: left;}
.bk_ul li.da{height: 172px;}
.bk_ul li.da textarea{border: #D2D2D2 solid 1px; padding: 5px; font: 400 12px/24px "微软雅黑"; color: #232323; width: 392px; height: 142px;}
.bk_ul li input.btn{width: 100px;  height: 36px; border: none; background:#f66e00; border-radius: 3px; cursor: pointer; border: none; color: #fff; text-align: center; font: 400 16px/36px "微软雅黑";}
/*
 新闻中心
 * */
.page{padding:20px 0 10px; height: 36px; font-size: 14px; line-height: 32px; text-align: center; color: #333333;}
.page a{width: 32px; height: 32px; font-family:"微软雅黑"; display: inline; display: block; display:inline-block; border: #018bba solid 1px; text-align: center; color: #333333; margin: 0 3px;}
.page a.auto{padding:0 10px; width: auto;}
.page a:hover{border: #018bba solid 1px; background: #018bba; color: #fff; text-decoration: none;}
.page a.hover{border: #018bba solid 1px; background: #018bba; color: #fff; text-decoration: none;}
.pagenr{ line-height: 56px; text-align: center; font-size: 14px; color: #999999; padding-bottom: 30px;}
.pagenr span{color: #dc3400; padding: 0 10px; font-family:"微软雅黑";}

.news_con{padding: 16px 0;}
.news_con li{height: 119px;}
.news_con li .pic{width: 93px; height: 93px; display: block; float: left; margin-right: 18px;}
.news_con li .text{width: 583px; height: 92px; border-bottom: #cacada dotted 1px; float: left; position: relative;}
.news_con li .text .a{width: 460px; display: block; float: left; margin-top: 17px; height: 20px; line-height: 20px; color: #333;}
.news_con li .text .b{width: 460px; float: left; height: 24px; line-height: 24px; color: #999999;}
.news_con li .text .tim{width: 78px; height: 43px; position:absolute; right: 0; top: 17px; background: #018bba;border-radius: 3px; text-align: center; font: 400 12px/15px "微软雅黑"; color: #fff;}
.news_con li .text .tim b{font: bold 20px/22px "微软雅黑"; color: #fff; display: block; padding-top: 3px;}

/*
 信息数据中心
 * */
.cent_ul{padding: 10px 0;}
.cent_ul li{height: 34px; border-bottom: #dadada dotted 1px; padding: 0 5px; font: 400 14px/34px "微软雅黑";}
.cent_ul li a{color: #333333; float: left;}
.cent_ul li a.ty{color: #018bba; margin-right: 4px;}
.cent_ul li span{float: right; font-size: 12px; color: #999;}


/*
 详细页面
 * */
.show_tit{font: 400 18px/38px "微软雅黑"; padding:32px 0 12px 0; border-bottom: #dcdcdc solid 1px; text-align: center;}
.show_xx{font-size: 14px; text-align: right; height: 32px; line-height: 32px; color: #666666; font-family:"微软雅黑"; position: relative;}
.show_fx{position: absolute; top: 3px; left:5px; height: 25px; overflow: hidden;}
.show_xx span{ cursor: pointer;}
.show_con{padding:20px 10px 40px; line-height: 240%;font-family: "微软雅黑"; font-size: 14px; text-align: justify; text-justify: inter-ideograph;color: #666666; position:relative;}
.updown{height:48px; line-height: 48px; font-size: 14px; border-bottom: #dcdcdc solid 1px; color: #666666; margin-left: 40px;}
.updown a{color: #666666;}
.updown a:hover{color: #af7014;}

.zan{ position:absolute; left:50%; bottom:-10px; padding:0 0 0 20px; width:40px; height:30px; line-height:30px; color:#666; background:url(../images/zan.jpg) left center no-repeat; cursor:pointer; margin-left:-30px;}


.pl_tit{height: 33px; border-bottom: #cecece solid 1px; padding:20px 0 0 0;}
.pl_tit h3{float: left; font: 400 18px/32px "微软雅黑"; color: #cf393a; padding-left: 14px;}
.pl_tit p{float: right; font: 400 14px/32px "微软雅黑"; color: #666;}
.pl_tit p em{color: #cf393a;}
.pl_bd{padding: 20px 0 0 32px; height: 265px;}
.pl_bd li{height: 53px;}
.pl_bd input{border: #cccccc solid 1px; width: 318px; padding: 0 10px; height: 43px; font: 400 14px/42px "微软雅黑"; color: #6d6d6d; float: left; border-radius: 2px;}
.pl_bd li.da{height: 138px;}
.pl_bd li.da textarea{border: #ccc solid 1px; width: 618px; padding: 5px 10px; height: 110px;font: 400 14px/42px "微软雅黑"; color: #6d6d6d; float: left; border-radius: 2px;}
.pl_bd input.btn{width: 100px;  height: 36px; border: none; background:#f66e00; border-radius: 3px; cursor: pointer; border: none; color: #fff; text-align: center; font: 400 16px/36px "微软雅黑";}
.pl_bd li p{float: left; color: red; padding: 0 5px; line-height: 45px;}

.pl_tit2{height: 40px; background: #f5f5f5; font: 400 18px/40px "微软雅黑"; color: #666666; padding-left: 18px;}
.pl_list{padding: 15px 0 15px 20px;}
.pl_list dl{border-bottom: #cecece solid 1px; padding:10px 0 20px;}
.pl_list dl dt{font: 400 14px/32px "微软雅黑"; color: #666;}
.pl_list dl dt .bt{color: #cf393a;font: 400 14px/32px "微软雅黑";}
.pl_list dl dd{margin-left: 24px; border: #cccccc solid 1px; width: 610px; padding: 20px; font: 400 14px/28px "微软雅黑"; color: #666; margin-top: 10px;}
.pl_list dl dd .bt{color: #cf393a;font: 400 14px/32px "微软雅黑";}

/*
 服务展示
 * */
.serv_ul{padding: 23px 0 0 0;}
.serv_ul li{width: 230px; height: 280px; background: #e2ecef; float: left; margin: 0 12px 20px 0;}
.serv_ul li .pic{width: 230px; height: 173px; display: block;}
.serv_ul li .text{padding: 16px 20px 0;}
.serv_ul li .text a{display: block; color: #333; font: 400 16px/24px "微软雅黑";}
.serv_ul li .text .nr{font: 400 12px/24px "微软雅黑"; color: #666;}

/*
 诚聘英才
 * */
.join{padding: 30px 0 30px 28px;}
.join dl{height: 36px; font: 400 14px/36px "微软雅黑"; cursor: pointer; color: #333333; background: url(../images/join_ico.jpg) left center no-repeat;}
.join dl dd{float: left; text-align: center;}
.join dl dd.d1{width: 258px; text-indent: 10px; text-align: left;}
.join dl dd.d2{width: 93px;}
.join dl dd.d3{width: 230px; padding-left: 104px;}
.join dl:hover{color: #cf393a;}
.join dl.bt{height: 44px; background: none; font: 400 16px/36px "微软雅黑";}


/* hr */
.hr{ margin:10px auto; width:100%;font-size:12px;line-height:24px; border:1px #CCC solid; font-family: "微软雅黑"; background-color:#fff;color:#333;}
.hr td{ border:1px #CCC solid;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:12px; background: #018bba; border-radius: 3px; border: none; font: 400 16px/40px "微软雅黑"; color: #fff;}

.c_red{color: red;}

.jy_con{padding: 0 32px;}
.jy_tit{background: #f0f0f0; height: 30px; font: 400 14px/30px "微软雅黑"; color: #666; margin-top: 10px;}
.jy_ul{padding: 5px 0 0 0;}
.jy_ul li{width: 270px; height: 30px; float: left; margin-right: 30px;}
.jy_ul li .bt{width: 90px; float: left; font: 400 14px/20px "微软雅黑"; color: #535353;}
.jy_ul li input{width: 116px; padding: 0 10px; height: 18px; border: #ccc solid 1px; font: 400 14px/18px "微软雅黑"; color: #535353; float: left;}
.jy_ul li i{display: block; float: left; color: red; line-height: 20px;}
.jy_ul li select{float: left;}
.jy_ul li.da{height: 150px; width: 100%;}
.jy_ul li.da textarea{border: #ccc solid 1px; padding: 5px 10px; font: 400 14px/28px "微软雅黑"; color: #535353; width: 480px; height: 120px;}