@charset "utf-8";
/***** CSS Document 
Use for:	www.dongruidq.com
Author:		wd
*/
body { padding: 0; margin: 0; text-align: center; color: #5d5d5d; font: normal 12px/1.8 \5b8b\4f53, Simsun, Arial, serif; background-color: #fff; }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li, input { padding: 0; margin: 0; }
ul, li { list-style: none; }
i, em { font-style: normal; }
img { border: none; -ms-interpolation-mode: bicubic; }
a { color: #5d5d5d; text-decoration: none; }
a:hover { color: #af2f23; text-decoration: none; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; zoom: 1; }
.wrapper { width: 1180px; margin: 0 auto; text-align: left; }
.cont {
    margin: 0;
    padding: 0;
    display: block;
    unicode-bidi: isolate;
    font-size: 16px;
    font-family: "微软雅黑";
    text-align: left;
    color: #333;
}
.w {
    width: 1200px;
    margin: 0 auto; 
}
.rel {
    position: relative;
}
.cont li .pic {
    width: 600px;
    height: 400px;
    overflow: hidden;
}   
.cont li .txt {
    width: 600px;
    height: 400px;
    background: #FFF;
    overflow: hidden;
}
.cont li .txt .tcon {
    padding: 50px 50px 0 75px;
}
.footer-top {
    padding: 40px 0 20px;
}
.footer-top dl {
    float: left;
    margin-right: 63px;
}
.footer-top dl dt {
    font-size: 21px;
    margin-bottom: 15px;
    font-weight: bold;
}
/*base*/
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.col_tit { height: 50px; border-bottom: 1px solid #e4e4e4; line-height: 50px; }
.col_tit h3 { float: left; border-bottom: 3px solid #333; font: normal 24px/48px "Microsoft YaHei"; color: #252525; }
.col_tit h3 a { color: #252525; }
.col_tit h3 a:hover { color: #cc0f0e; }
.col_tit_tag { float: right; }
.col_tit_tag a { margin: 0 0 0 10px; }
.col_tit .more { background-position: right -50px; }
.box_tit { height: 40px; line-height: 40px; }
.box_tit h4 { float: left; font: normal 18px/40px "Microsoft YaHei"; color: #0a9341; }
.box_tit h4 a { color: #333; }
.box_tit h4 a:hover { color: #0a9341; }
.box_tit .more { background-position: right -56px; }
.box_tit2 { height: 30px; padding-left: 13px; background: url(http://p3.image.hiapk.com/uploads/images/index/v4.1/sprite03.png) no-repeat 0 11px; line-height: 30px; }
.box_tit2 h4 { line-height: 30px; }
.box_tit2 .more { line-height: 30px; background-position: right -60px; }
.b_menu { width: 60px; _width: 70px; overflow: hidden; }
.b_menu li { float: left; width: 10px; height: 10px; margin: 0 0 0 10px; background: #bebebe; cursor: pointer; font-size: 0; }
.b_menu .on { background: #5ab770; }
.txt_li { }
.txt_li li { float: left; width: 100%; height: 28px; overflow: hidden; line-height: 28px; }
.txt_li a { }
.txt_li span { float: right; padding: 0 0 0 10px; color: #969696; }
.txt_li_t { }
.txt_li_t li { float: left; width: 100%; height: 36px; overflow: hidden; font: 16px/36px "Microsoft YaHei"; }
.txt_li_t a.type { float: left; width: 40px; height: 16px; overflow: hidden; margin: 10px 10px 0 0; border-right: 1px solid #999; text-align: left; font: 16px/16px "Microsoft YaHei"; color: #333; }
.txt_li_t li:hover a.type, .txt_li_t a.type:hover { color: #cc0f0e; }
.w375 .txt_li_t li { height: 38px; font: 16px/38px "Microsoft YaHei"; }
.txt_li_t li.hx { padding: 0 0 5px 0; font: 18px/36px "Microsoft YaHei"; }
.txt_li_t li.hx a { color: #cc0f0e; }
.newhot .txt_li_t li.hx a { color: #333; }
.newhot .txt_li_t li.hx a:hover { color: #cc0f0e; }
.img_li { }
.img_li li { float: left; position: relative; overflow: hidden; }
ul.w375 li { width: 375px; }
.img_li img { display: block; margin: 0 auto; }
.img_li strong { position: absolute; left: 0; bottom: 0; display: block; height: 30px; overflow: hidden; padding: 0 10px; background: url(http://p3.image.hiapk.com/uploads/images/index/v4/blocks.png) repeat-x 0 bottom; cursor: pointer; font: normal 12px/30px ""; }
.img_li strong, .img_li a { color: #fff; }
/*ul.w375 li strong { width: 355px; }*/
ul.w385 li strong { width: 365px; }
.img_li_d { margin-right: -20px; }
.img_li_d li { float: left; width: 220px; height: 105px; overflow: hidden; margin: 25px 20px 0 0; }
.img_li_d li .pic { float: left; width: 70px; height: 105px; overflow: hidden; }
.img_li_d li .pic img { margin-left: -20px; }
.img_li_d .detail { float: left; width: 150px; height: 105px; overflow: hidden; }
.img_li_d .detail a, .img_li_d .detail b, .img_li_d .detail span { display: block; overflow: hidden; }
.img_li_d .detail a.more { background-position: right -62px; }
.img_li_d .detail b { height: 28px; word-break: break-all; font-weight: normal; font-family: "Microsoft YaHei"; color: #09c; }
.img_li_d .detail a.more:hover, .img_li_d .detail b:hover { color: #cc0f0e; }
.img_li_d .detail span { padding-left: 27px; background: url(http://p3.image.hiapk.com/uploads/images/index/v4.1/sprite03.png) no-repeat 0 -226px; }
.img_li_d .detail span.va { height: 21px; margin: 20px 0 0; }
.img_li_d .detail span.de { height: 21px; margin: 10px 0 0; background-position: 0 -173px; }
.img_li_s { }
.img_li_s li { float: left; width: 100%; overflow: hidden; padding: 9px 0 8px; border-bottom: 1px dashed #e4e4e4; }
.img_li_s li img { float: left; margin-right: 10px; }
.img_li_s li b { display: block; height: 32px; overflow: hidden; font: 18px/32px "Microsoft YaHei"; }
.img_li_s li span { display: block; height: 26px; overflow: hidden; font: 12px/26px ""; color: #999; }
.app_li { margin-right: -15px; }
.app_li li { float: left; width: 90px; overflow: hidden; margin-right: 15px; text-align: center; }
.app_li img { display: block; margin: 0 auto 10px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.header { width: 100%; height: 119px; margin: 0 auto; }
.logo { height: 119px; overflow: hidden; }
.logo a { display: block; width: 100%; height: 100%; overflow: hidden; background: url(../images/logo_dr-2.jpg) no-repeat 0 0; text-indent: -999px; }
.logo_dr { width: 477px; margin-left: 53px; }
.logo_dr a { }
.logo_dh { width: 141px; margin-left: 53px; }
.logo_dh a { background-image: url(../images/logo_dh.jpg); }
.nav { width: 100%; margin: 0 auto; height: 63px; background: #2e69b2; }
.nav a { float: left; position: relative; z-index: 99; width: 90px; height: 33px; margin: 17px 36px 0; text-align: center; font: 16px/33px "Microsoft YaHei"; color: #fff; }
.nav_btn { display: block; width: 90px; height: 33px; left: 36px; top: 17px; z-index: 9; background: url(../images/nav_btn.png) no-repeat 0 0; }
/*轮播*/
.slide { width: 100%; height: 400px; margin: 10px auto 0; background: #82a5d1; }
.slide_con li { float: left; position: relative; width: 100%; }
.slide_con img { display: block; }
.slide_tab { top: 368px; left: 558px; width: 100px; }
.slide_tab li { float: left; width: 10px; height: 10px; margin: 0 10px 0 0; background: #fff; cursor: pointer; }
.slide_tab li.on { background: #03248f; }
.index_aboutus { }
.index_aboutus_tit { padding: 25px 0; text-align: center; }
.index_aboutus_tit1 { font: 24px/28px "Microsoft YaHei"; color: #2e69b2; }
.index_aboutus_tit2 { font: 12px/16px "Microsoft YaHei"; color: #707070; }
.index_aboutus_con { }
.index_aboutus_con img { margin-left: 55px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.index_aboutus_con img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.index_aboutus_con_r { width: 740px; padding: 5px 10px 0 0; }
.index_aboutus_con_r .tit { padding: 0 0 10px 15px; background: url(../images/title_bg.jpg) no-repeat 0 0; font: bold 18px/23px "Microsoft YaHei"; color: #393939; }
.index_aboutus_con_r .con { font: 16px/30px "Microsoft YaHei"; color: #5d5d5d; }
.index_aboutus_con_r .con a { display: block; width: 110px; height: 35px; margin: 40px 0 0; border-radius: 5px; background-color: #c00; text-align: center; font: 16px/35px "Microsoft YaHei"; color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.index_aboutus_con_r .con a:hover { background-color: #2e69b2; }
.znhgl { width: 100%; height: 289px; margin: 150px 0 0; background: url(../images/Xlogo.jpg) no-repeat 0 0; }
.qywh { width: 100%; height: 289px; margin: 50px 0 0; background: url(../images/qywh.jpg) no-repeat 0 0; }
.qydt { width: 100%; margin: 25px auto 0; padding: 30px 0 40px; background: #f3f3f3; }
.qydt_tit { width: 174px; height: 33px; margin: 0 auto 50px; border-radius: 8px; background: #2e69b2; text-align: center; font: 18px/33px "Microsoft YaHei"; color: #fff; }
.qydt ul { margin-right: -20px; }
.qydt li { float: left; width: 280px; overflow: hidden; margin-right: 20px; }
.qydt li img { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.qydt li:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.qydt .title_a { display: block; padding: 10px 5px 0 28px; background: url(../images/li_dot.png) no-repeat 8px 18px; font: 14px/26px "Microsoft YaHei"; color: #5d5d5d; }
.qydt .title_a span { display: block; height: 52px; overflow: hidden; }
.qydt .title_a i { display: block; color: #eb4e34; }
.qydt .title_a span:hover, .qydt .title_a i:hover { text-decoration: underline; color: #eb4e34; }
.footer { width: 100%; margin: 30px auto 0; padding: 10px 0; border-top: 7px solid #2e69b2; background: #393939; }
.footer p { font: 12px/26px "Microsoft YaHei"; color: #fff; }
.footer p.gray { text-align: right; color: #9c9c9c; }
.footer a { margin: 0 6px; color: #fff; }
/*产品中心*/
.sub_banner { width: 100%; height: 230px; margin: 10px auto 0; background-color: #82a5d1; background-repeat: no-repeat; background-position: center top; }
.sub_banner_product { background-image: url(../images/sub_banner_product.jpg); }
.sub_banner_solutions { background-image: url(../images/sub_banner_solutions.jpg); }
.sub_banner_case { background-image: url(../images/sub_banner_case.jpg); }
.sub_banner_aboutus { background-image: url(../images/sub_banner_aboutus.jpg); }
.sub_banner_news { background-image: url(../images/sub_banner_news.jpg); }
.sub_banner_jobs { background-image: url(../images/sub_banner_jobs.jpg); }
.sub_banner_service { background-image: url(../images/sub_banner_service.jpg); }
/*边栏*/
.w220 { width: 220px; }
.side_nav { }
.side_nav ul { }
.side_nav li { float: left; width: 100%; }
.side_nav li .s1 { width: 220px; height: 46px; margin-bottom: 4px; background: url(../images/side_nav_bg.jpg) no-repeat 0 0; cursor: pointer; font: 18px/44px "Microsoft YaHei"; color: #5d5d5d; text-indent: 32px; }
.side_solutions li .s1 { text-indent: 20px; }
.side_solutions li .s1 a { display: block; text-indent: 20px; }
.side_nav li .s1:hover, .side_nav li.on .s1 { background-position: 0 bottom; font-weight: bold; color: #2d69b3; }
.side_nav li .s1:hover a, .side_nav li.on .s1 a { display:block;color: #2d69b3; }
.side_nav li .s2 { display: none; padding: 6px 0; }
.side_nav li.on .s2 { display: block; }
.side_nav li .s2 a { float: left; width: 100%; border-bottom: 1px dotted #c8c8c8; font: 18px/36px "Microsoft YaHei"; color: #5d5d5d; text-indent: 32px; }
.side_nav li .s2 a:last-child { border: none; }
.side_nav li .s2 a:hover { color: #af2f23; }
/*内容*/
.w910 { width: 910px; }
.crumb { padding: 0 0 0 15px; background: url(../images/title_bg.jpg) no-repeat 0 50%; border-bottom: 1px solid #2a6ab4; font: 18px/39px "Microsoft YaHei"; }
.crumb a { }
.crumb a:hover { }
.sub_con { }
.product_list { }
.product_list li { float: left; width: 373px; height: 378px; margin: 44px 40px; border: 1px solid #ededed; }
.product_list li .title_a { display: block; width: 100%; height: 111px; overflow: hidden; background-color: #ededed; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.product_list li:hover .title_a { background-color: #af2f23; }
.product_list li .title_a span { display: block; height: 30px; overflow: hidden; margin: 23px 0 0 20px; font: 20px/30px "Microsoft YaHei"; color: #2e69b2; }
.product_list li .title_a i { display: block; margin: 0 0 0 20px; font: 16px/40px "Microsoft YaHei"; color: #5d5d5d; }
.product_list li:hover .title_a span, .product_list li:hover .title_a i { color: #fff; }
/*分页效果*/
.pages { border-top: 1px solid #e9e9e9; padding: 50px 0; text-align: right; }
.pages li { display: inline; }
.pages a { padding: 10px 13px; border: 1px solid #CCC; background: #fff; color: #333; line-height: 18px; }
.pages li.thisclass, .pages a:hover { padding: 10px 13px; border: 1px solid #80A5C3; background: #2e69b2; color: #fff; text-decoration: none; }
.pages li.thisclass { padding: 10px 13px; line-height: 18px; }
.pages li.thisclass a { background: none; color: #FFF; border: none; left: 18px; padding: 10px 0; }
* html .pages li.thisclass { padding: 10px 7px 10px 15px; margin-right: 6px; }
*+html .pages li.thisclass { padding: 10px 7px 10px 15px; margin-right: 6px; }
/*产品中心-详情*/
.product_con { padding: 0 0 100px; }
.product_img img { display: block; border: 1px solid #cecece; }
.product_tit { width: 500px; }
.product_tit h3 { margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px dotted #aeaeae; font: bold 20px/30px "Microsoft YaHei"; color: #2e69b2; }
.product_tit h4 { font: 16px/32px "Microsoft YaHei"; }
.product_dec .tit { margin: 40px 0 0; padding: 0 0 10px 15px; border-bottom: 1px solid #aeaeae; background: url(../images/title_bg.jpg) no-repeat 0 0; font: bold 18px/23px "Microsoft YaHei"; color: #393939; }
.product_dec .con { padding: 15px; font: 16px/40px "Microsoft YaHei"; }
/*解决方案*/

.solutions_list { }
.solutions_list li { float: left; position: relative; width: 100%; margin: 35px 0; }
.solutions_list li .img { margin: 0 40px 0 0; }
.solutions_list li .img img { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.solutions_list li .img img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.solutions_list li .tit { padding: 0 0 10px; }
.solutions_list li .tit a { font: 18px/22px "Microsoft YaHei"; color: #2e69b2; }
.solutions_list li .tit a:hover { color: #af2f23; }
.solutions_list li .dec { height: 56px; overflow: hidden; font: 14px/28px "Microsoft YaHei"; }
.solutions_list li .more { position: absolute; bottom: 0; left: 315px; display: block; width: 110px; height: 35px; margin: 35px 0 0; border-radius: 5px; background-color: #c00; text-align: center; font: 16px/35px "Microsoft YaHei"; color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.solutions_list li .more:hover { background-color: #2e69b2; }
/*关于我们*/
.text_con { padding: 50px 0 100px; font: 16px/30px "Microsoft YaHei"; }
.text_con p { margin: 0 0 20px; }
/*服务与支持*/
.support_con { }
.support_con p { }
.support_con p b { display: block; font-size: 20px; color: #2e69b2; }
.support_con p i { display: block; color: #da231f; }
/*新闻列表*/

.news_list { }
.news_list li { float: left; width: 100%; margin: 35px 0 0; border-bottom: 1px solid #e9e9e9; }
.news_list li:last-child { border: none; }
.news_list li .date { width: 80px; height: 60px; margin: 0 40px 0 0; border: 1px solid #a4a4a8; text-align: center; }
.news_list li .date .date_t { display: block; height: 26px; border-bottom: 1px solid #a4a4a8; font: 14px/26px "Microsoft YaHei"; }
.news_list li .date .date_b { display: block; font: 20px/34px "Microsoft YaHei"; }
.news_list li .tit { padding: 0 0 10px; }
.news_list li .tit a { font: 18px/22px "Microsoft YaHei"; color: #2e69b2; }
.news_list li .tit a:hover { color: #af2f23; }
.news_list li .dec { margin: 25px 0; font: 16px/32px "Microsoft YaHei"; }
/*新闻详情*/
.article_con { padding: 50px 0 100px; font: 16px/30px "Microsoft YaHei"; }
.article_con p { margin: 0 0 20px; }
.article_title { text-align: center; font: normal 28px/32px 'Microsoft YaHei'; color: #2c69b3; }
.article_time { text-align: center; height: 60px; margin: 0 0 30px; border-bottom: 1px dotted #E0E0E0; text-align: center; font: 14px/60px 'Microsoft YaHei'; color: #999; }
.article_con a { color: #da251c; }
.article_con center img {/*display:block;*/ padding: 10px 0; }
.article_con img { max-width: 700px; height: auto; margin-bottom: 5px; text-indent: 0em!important; /*display:block;*/ margin: 0 auto; }
.article_next { border-top: 1px solid #e9e9e9; padding: 25px 0; text-align: right; font: 14px/20px "Microsoft YaHei"; }
/*招贤纳才*/
.jobs_st { margin: 30px 0 0; font: 16px/34px "Microsoft YaHei"; }
.jobs_title { margin: 30px 0 0; border-bottom: 1px solid #c8c8c8; font: 20px/34px "Microsoft YaHei"; }
.jobs_title span { display: inline-block; padding: 0 20px 0 0; border-bottom: 1px solid #2e69b2; }
.jobs_list { padding: 0 0 50px; }
.jobs_list li { float: left; width: 96%; padding: 0 2%; border-bottom: 1px dotted #c8c8c8; font: 16px/70px "Microsoft YaHei"; }
.jobs_list li a { color: #2e69b2; }
.jobs_list li a:hover { color: #af2f23; }
.jobs_list li span { float: right; font-size: 14px; }