@charset "utf-8";
body{ min-width: 1200px;}

/*header*/
.header{width:100%;margin:auto;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    background: #fff url(../images/bg.png) 0 0 repeat;}
.header2{width:100%;margin:auto;background: url(../images/bg2.jpg) no-repeat bottom; background-size:100%;}
.header-nav{width:100%;z-index:99;color:#000;}

.header-logo { display: block; float: left; width:700px;padding:20px 0 15px;}
.header-logo img{ float: left; height:80px;}
.header-logo div{ float: left; padding-left:15px; padding-top:10px;}
.header-logo div h1{ font-size:32px; font-weight:bold; display:block; }
.header-logo div p{ display:block; }
.header-logo a:hover{color:#333;text-decoration:none;}

.header-r {width:300px; float: right; margin: 0;}
.header-r .in-link{font-size:12px; text-align:right; padding:5px 0; }
.header-r .in-link a{color:#999; padding:0 5px;}
.header-r .in-search {width:100%; position: relative;padding-right:0px;height:32px;margin:10px auto 20px;border:1px solid #ccc;border-radius: 16px;}
.header-r .s_txt {width: 100%;float: left; border: none;margin:0;padding-left:15px; background:transparent;height:30px;line-height:30px;font-size: 12px;color: #333;font-family:"SimSun";}
.header-r .s_btn {position: absolute;right:5px;top: 0;width: 30px;height:30px;color: #333;font-size: 12px;border: none;margin:0;padding:0;cursor: pointer; background: url(../images/ser.png) no-repeat center;} 

/*导航菜单*/
.nav{width:100%;height:48px;background: #006464;}
.nav.fixed{position:fixed;top:0;left:0;right:0;z-index:9999;height:48px;background:#006464;shadow:0px 0px 5px rgba(0,0,0,0.3);box-shadow:0px 0px 5px rgba(0,0,0,0.3);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.nav ul{display:flex;}
.nav ul li{flex:1;height:48px;line-height:48px;position:relative;transition:all .2s ease-in;position:relative;}
.nav2>ul>li{border-right:1px solid #037979;}
.nav>ul>li:last-child { background:none;border-right:0;}
.nav>ul>li>a{ display:block;color:#fff;font-family:"Microsoft YaHei";font-size:16px;text-align:center;}
.nav ul li:hover{background:#037979;}
.nav ul li ul{ width:100%;position:absolute;top:48px;left:0;z-index:10000;display:none;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.25);
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 10px rgba(0,0,0,.25);}
.nav ul li ul li{background:#fff;}
.nav ul li ul li a{line-height: 50px;
    color: #111;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 0px 10px;
    border-top: 1px solid #d5d5d5;}
.nav ul li ul li a:hover{background: #037979;color: #fff;}

/*内页导航*/
.navlist {width: 100%;height:65px;background: #f6f6f6;margin: 20px 0px 40px;}
.navlist ul { text-align:center; }
.navlist ul li {width: 70px;height: 65px;line-height: 65px;text-align: center;margin-right:60px; display:inline-block;}
.navlist ul li a {display: block;color: #666;font-size: 16px;}
.navlist ul li:hover a, .navlist ul li.cur a {color: #333; border-bottom:3px solid #ed2025;}

/*通用标题*/
.ptitle {text-align:center;padding-top:50px;padding-bottom:20px;}
.ptitle h3 {color: #2b2b2b;font-size: 32px;margin-bottom:5px;} 
.ptitle p {color: #666;font-size: 18px;line-height: 2;} 

/*标题*/
.htitle{text-align:center;width:100%;padding-bottom:60px;background:url(../images/tbg.png) no-repeat center; margin-top:30px;margin-bottom:30px;}
.htitle h2{ color:#0063e5;font-size:46px;font-weight:300;display:block;line-height:50px;letter-spacing:0px;}
.htitle h3{ color:#0063e5;font-size:40px;font-weight:300;display:block;line-height:50px;letter-spacing:0px;}
.htitle p{color:#666;font-size:16px;text-transform:uppercase;font-weight:normal;padding-top:20px;}
.htitle h2 b{display:inline-block;font-weight:normal;color:#0d77e5;}
.htitle h3 b{display:inline-block;font-weight:normal;color:#0d77e5;}


/*更多*/
a.amore {display: block;width: 123px;height: 38px;line-height: 38px;text-align: center;border:1px solid #ccc;background: #fff;color: #666;margin:20px auto 0;border-radius:2px;transition: all 0.3s ease;}
a.amore:hover {background: #ed2025;border-color: #ed2025;color: #fff;}


/* 横幅 */
.banner{ overflow: hidden; background:#eee;position:relative;}
.banner-box{ min-width:1200px; height:600px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:600px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn{ width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height:600px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:120px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../images/sbtn.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/sbtn.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:10px; width: 100%; display: block; }
.banner-box .hd ul { width: 1300px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:35px; height:8px; border-radius:10px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background: linear-gradient(to right, rgba(198,16,0,1) 0%,rgba(173,15,11,1) 100%);width:50px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

.banner.sub{ height:190px;}
.banner.sub:after{ content: ''; background-image:url("../images/ge.png"); position: absolute; left: 0; top: 0; bottom: 0; right: 0;}

/*首页海报*/
/*
.index-benner{min-width:980px;}
.index-benner .wrap{width:100%;position:relative;overflow:hidden;}
.index-benner .inbox{position:absolute;top:40%;left:50%;width:980px;height:200px;margin-left:-400px;margin-top:-100px;color:#fff;text-align:left;}
.index-benner .inbox .h1{font-size:48px;margin-bottom:40px;}
.index-benner .inbox .h2{font-size:28px;}*/

/*框架*/
.main_left{width:250px;padding:0;margin:0;float:left;}
.main_right{width:1020px;padding:0;margin:0;float:right;padding:0 0 30px 0;}
.main_content{width:1200px;padding:0;margin:30px auto;color:#000;font-size:15px; position:relative; }

/*位置*/
.position { height:55px;line-height:55px; padding:5px 0;border-bottom: 1px solid #e0e0e0;background: url(../images/xbg.png) repeat-x; text-align:right;}
.position span { font-size: 18px;color:#333;display: block;float: left;}
.position a {color: #333;font-size: 14px;display: inline-block;}
.position a:hover {color: #ed2025;}

/*栏目头部*/
#pleft { float:left; width:258px; height:auto; }
#pright { background:#fff; float:right; width:900px; height:auto; overflow:hidden; }

/*内页横幅*/
.nbanner{width:100%;height:420px;min-width:1200px;}
.page_banner {background-size: cover;width: 100%;height: 240px;}

/*左侧导航*/
.left_menu { width: 260px; margin-top: -76px; position: relative; z-index: 1; }
.left_menu dt { line-height: 56px; font-size:18px; background-color: #006464; text-align:center;border-bottom:1px solid #fff;}
.left_menu dt a { color: #fff; }
.left_menu dd{border:1px solid #e6e6e6;border-top:none;line-height:50px;background:#fefefe;}
.left_menu dd a{display:block;position:relative;line-height:20px;font-size:14px;color:#2f2f2f;padding:15px 20px;}
.left_menu dd a.cur { background: #eee;color: #e60012;}
.left_menu dd a:hover { background: #eee;color: #333;}
.left_wx { background-color: #f4f4f4; height:320px; margin-top: 8px;border-bottom: 2px solid #333;margin-bottom:50px; }
.left_wx p{ text-align:center; padding-top:20px; }
.left_wx a{display:block;background:#e60012;border-radius:7px;text-align:center;color:white;margin:5px 30px;}

/*内页内容*/
.page_title{ text-align:center; padding-top:30px;}
.page_title h2{ font-size:28px; padding:15px;}
.page_title p{ color:#666; padding:10px;background: url(/images/time_bg.png) no-repeat center top;background-size: cover;}
.page_content{ min-height:300px; padding-top:20px;font-size:16px; line-height:36px; padding-bottom:50px;}
.page_content img{ max-width:800px; text-align:center;}
.page_content p{ text-indent: 2em;padding:0px;    font-size: 1.125rem !important;line-height: 2 !important;}
.page_content h1{ font-size:36px; padding:15px;text-align:center;margin-bottom:20px;}
.page_content h2{ font-size:32px; padding:15px;text-align:center;}
.page_content h3{ font-size:28px; padding:15px;text-align:center;}

/*图片列表*/
.gallery {margin-top: 30px;}
.gallery ul:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.gallery ul {margin-right: -20px;}
.gallery ul li {float: left;width:395px;margin:0px 10px 20px 0px;}
.gallery ul li a {display: block;width: 100%;height: 100%;}
.gallery ul li a .img {width: 100%;height: 280px;border:1px solid #dcdcdc;border-radius:1px;overflow: hidden;transition:all 0.3s ease;}
.gallery ul li a .img img{display: block;width: 100%;height: 100%;}
.gallery ul li:hover a .img {box-shadow:2px 3px 15px #b2b2b2;}
.gallery ul li a .name {color: #333;font-size: 14px;text-align: center;margin-top: 10px;}
.gallery ul li a:hover .name {color: #ed2025;}

/*产品详情*/
.chanpin .htitle{width: 100%;height: 60px;line-height: 60px;text-align: center;background:#ebebeb;color: #333;font-size: 24px;margin-bottom: 40px;}
.chanpin .row img { width:100%; }
.chanpin .row_img {float: left;width: 550px;height:360px;border:1px solid #eee;overflow: hidden;transition:all 0.3s ease;}
.chanpin .row_img:hover {border-color: #e5e5e5;box-shadow: 1px 3px 20px #c4c4c4;}
.chanpin .row_img img {width: 100%;}
.chanpin .row_info ul {float: right;width: 580px;height:390px;position: relative;}
.chanpin .row_info ul li {font-size: 15px;margin-bottom: 10px;}
.chanpin .row_info ul li.h1 {color: #333;font-size: 24px;margin-bottom: 20px;}
.chanpin .row_info ul li span, .chanpin .row_info ul li>p {display: inline-block;vertical-align: top;color: #333;}
.chanpin .row_info ul li span {width: 85px;}
.chanpin .row_info ul li>p {width: 490px;text-align: justify;}
.chanpin .row_info ul li a.btn {display: block;width: 150px;height: 50px;line-height: 50px;text-align: center;background: #ed2025;color: #fff;font-size: 16px;margin-top:10px;border-radius:5px;}

/*服务项目*/
.prolist{text-align:center;}
.prolist ul li{float:left;}
.prolist ul li{float:left;width:378px;margin-bottom:15px;margin-right:30px;}
.prolist ul li:nth-child(3n){margin-right:0;}
.prolist ul li a{display:block;}
.prolist ul li a b{display:block;width:100%;height:255px;position:relative;overflow:hidden;}
.prolist ul li a b img{max-width:100%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:300ms 0s all ease;-moz-transition:300ms 0s all ease;-ms-transition:300ms 0s all ease;-o-transition:300ms 0s all ease;transition:300ms 0s all ease;}
.prolist ul li a:hover b img{-webkit-transform:translate(-50%,-50%) scale(1.07);-moz-transform:translate(-50%,-50%) scale(1.07);-ms-transform:translate(-50%,-50%) scale(1.07);-o-transform:translate(-50%,-50%) scale(1.07);transform:translate(-50%,-50%) scale(1.07);}
.prolist ul li a p{font-size:16px;color:#5d5d5d;background:#f3f3f3;line-height:48px;text-align:center;-webkit-transition:300ms 0s all ease;-moz-transition:300ms 0s all ease;-ms-transition:300ms 0s all ease;-o-transition:300ms 0s all ease;transition:300ms 0s all ease;}
.prolist ul li a:hover p{background:#e64b00;color:#fff;}

/*案例*/
.cases { padding-bottom:110px;}
.cases li{float:left;width:33.333%;padding:0 7px;margin-top:20px; margin-bottom:10px;}
.cases li a{display:block;padding:20px;padding-top:0;-webkit-transition:all 334ms ease-in;transition:all 334ms ease-in;border:solid 1px #ebebeb;}
.cases li .pic{position:relative;}
.cases li .pic:after{content:"";display:block;padding-bottom:75%;}
.cases li p{color:#333;font-size:18px;height:26px;overflow:hidden;}
.cases li .more{color:#666;margin-top:15px;padding-top:10px;display:block;border-top:solid 1px #ebebeb;}
.cases li .more img{margin:10px 0 0 5px;}
.cases li:hover .more{ color:#ed2025;}
.cases li .pic img{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;display:block;vertical-align:middle;text-align:center;margin:auto;}

/*新闻*/
.news{width:1200px;margin:0 auto 30px auto;padding:0;}
.news ul{list-style:none;}
.news li{background:#fff;margin:35px 0;width:100%;shadow:0px 4px 8px rgba(0,0,0,0.1);box-shadow:0px 4px 8px rgba(0,0,0,0.1);-webkit-box-shadow:0px 4px 8px rgba(0,0,0,0.1);-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;}
.news_box{width:100%;height:250px;padding:0;background:#fff;transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;position:relative;}
.news_box:hover{background:#fcfcfc;}
.news_box .pic{width:300px;height:225px;margin:0;float:left;}
.news_box .pic img{width:300px;height:225px;margin:7px 0 0 7px;}
.news_box .text{width:824px;height:55px;line-height:55px;float:left;margin:10px 0 0 25px;color:#1f5f61;font-weight:bold;font-size:18px;}
.news_box .text a{color:#000;text-decoration:none;}
.news_box .text a:hover{color:#666;text-decoration:none;}
.news_box .text span{width:100%;float:left;margin:0;color:#777;font-size:14px;line-height:25px;display:block;font-weight:normal;}
.news_box .text p{font-size:14px;color:#fff;line-height:25px;height:25px;box-sizing:border-box;padding:0 10px;width:130px;text-align:center;background:#3194d9;position:absolute;bottom:38px;}


/*内页新闻列表*/
.news_pic_list { margin-bottom: 40px; width:100%; margin-left:auto; margin-right:auto; max-width: 1100px; }
.news_pic_list li a{ display: block; padding: 34px 24px; border-bottom: 1px solid #E0E0E0; }
.news_pic_list li .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.news_pic_list li .txt_r { margin-left: 272px; position: relative; }
.news_pic_list li .txt_l img{ width:236px; height:166px; transition:all 0.3s ease; }
.news_pic_list li .txt_l img{ transform:scale(1.1)}
.news_pic_list li h2{ line-height: 40px; height: 40px; padding-right: 102px; font-size: 18px; color: #000000; transition:all 0.3s ease; }
.news_pic_list li .info { padding: 10px 0px 2px; line-height: 20px; color: #888888; height:32px; }
.news_pic_list li .stime { background: url(../images/cok.png) no-repeat left center; padding-left: 17px; float: left; margin-right: 18px; }
.news_pic_list li .hits { background: url(../images/eye.png) no-repeat left center; float: left; padding-left: 19px; }
.news_pic_list li p{ font-size: 13px; line-height: 26px; color: #666; height:78px; overflow:hidden }
.news_pic_list li:hover{ background: #f5f5f5; }
.news_pic_list li:hover h2{ color: #046bb4;}  

/*相关新闻*/
.pagenext { float:left; color:#525252; height:auto; border-top:1px #ddd dashed; width:100%; padding-top:10px; padding-bottom:50px; margin-top:10px; display:inline; }
.pagenext ul { list-style-type:none; }
.pagenext li { line-height:25px; color:#525252; font-size:14px; }
.pagenext a:link { line-height:25px; font-size:14px; }
.pagenext a:visited { line-height:25px; font-size:14px; }
.pagenext a:hover { line-height:25px; font-size:14px; } 

/*联系我们*/
#contact{margin-top:40px;padding:40px;background:#f8f9fa;}
#contact h2{height:22px;line-height:22px;margin-bottom:30px;font-size:20px;font-weight:bold;overflow:hidden;}
#contact .fl p{height:32px;line-height:32px;margin-top:18px;padding-left:44px;background-repeat:no-repeat;background-position:left center;font-size:14px;overflow:hidden;}
#contact .fl p:first-child{margin-top:0;}
#contact .fl p.c-icon1{background-image:url(../images/c-icon1.png);}
#contact .fl p.c-icon2{background-image:url(../images/c-icon2.png);}
#contact .fl p.c-icon3{background-image:url(../images/c-icon3.png);}
#contact .fr img{width:150px;height:150px;border:1px solid #e1e1e1;}
#contact .fr h3{height:16px;line-height:16px;margin-top:10px;font-size:14px;text-align:center;overflow:hidden;}
#map{height:500px;margin-top:20px;background:#f8f9fa;overflow:hidden;}
#map img{max-width:none;}

/*网页底部*/
.footer{ min-width: 1200px;width: 100%;font-size:16px;}
.footer .line{background-color:#fff;height:1px;width:100%;}
.footer .foot{ background: url(../images/foot.jpg) no-repeat center top; height:200px; border-top: 1px solid #005d6c;}
.footer .foot .container{height:100%;display:flex;align-items:center;justify-content:space-between;color:#fff;}
.footer .foot .db_logo{flex-grow:1;}
.footer .foot .db_logo img{float: left;display:block;height:70px;}
.footer .foot .db_logo div{ float: left; padding-left:5px; padding-top:5px;}
.footer .foot .db_logo div h1{ font-size:32px; font-weight:bold; display:block; }
.footer .foot .db_logo div p{ display:block; }
.footer .foot .address { flex-grow:1; margin-left:20px; }
.footer .foot .address p { font-size: 14px; color: #ffffff; padding-bottom:0px; }
.footer .foot .address a { text-decoration: none; font-size: 14px; color: #ffffff; }
.footer .foot .contact{flex-grow:1;}
.footer .foot .contact li{font-size:14px; line-height:30px;}
.footer .foot .contact li:first-child{font-size:16px; font-weight:bold; color:#f7f7f7;}
.footer .foot .ewm{display:flex;flex-grow:1;justify-content:flex-end;align-items:center;color:#c0c0c0;}
.footer .foot .ewm img{display:block;width:120px;height:120px;margin-top:10px;}
.footer .foot .ewm p{text-align:center;}
.footer .copy{display:flex;align-items:center;justify-content:center;height:35px;width:100%;background:#333;color:#7e7e7e;font-size:14px;}
.footer .copy a{color:#c0c0c0;padding:0 10px;}
.footer .copy i{display:inline-block;width:2px;height:16px;background:#c0c0c0;margin-top:2px;}

/*分页*/
.page { margin:30px 0;float: right; }
.page li { display: inline-block;  }
.page li a { display: block; border: solid 1px #e9e9e9; border-radius: 1px; padding: 0 12px; height: 32px; line-height: 32px; margin-left: 3px; font-family: arial; }
.page li a:hover, .page li.active { color: #333; background:#e9e9e9; border: solid 1px #e9e9e9; }