@charset "utf-8";
/* CSS Document */

/***********nav*******************/
.header{position:relative; z-index:10; border-bottom: 4px solid #f1632a;}
.header .area{height: 120px;}
.header .logo{margin-top: 4px;}
.header .phone{height: 21px; line-height: 21px; padding-left: 30px; background: url(../images/bg_phone.jpg) left center no-repeat; position: absolute; right: 0; top: 19px; font-size: 16px; color: #001655;}

/* m-nav */
.m-nav{z-index:3; margin-top: 68px; position: relative; width: 777px;}
.m-nav a:hover{text-decoration:none}
.m-nav .fir-ul{position:relative;z-index:2;font-size:0;text-align:right;height:37px;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;*zoom:1;width:111px;z-index:9;text-align:center;background:url(../images/bg_nav_li.jpg) left top no-repeat;}
.m-nav .fir-ul .u-a{display:inline-block;*display:inline;*zoom:1; padding: 0 7px; height:34px;line-height:34px;font-size:16px;z-index:11;cursor:pointer;font-family:'microsoft yahei';}
.m-nav .fir-ul .hover,
.m-nav .fir-ul .current .u-a{border-bottom: 3px solid #001655;}
.m-nav .sec-ul{position:absolute; top:37px;left:15px; height: 0; overflow: hidden; text-align:center;font-family:'microsoft yahei'; border-radius: 5px; padding-top: 19px;}
.m-nav .sec-ul li{background:#f1632a;height:30px;line-height:30px;overflow:hidden;float: left; padding: 0 10px;}
.m-nav .sec-ul li a{overflow:hidden;color:#fff;font-weight:normal;font-size:14px;}
.m-nav .sec-ul li a:hover{text-decoration: underline;}

.m_search{margin-top: 68px; height: 29px; line-height: 29px; border-radius: 15px; overflow: hidden; position: relative;}
.show{border: 1px solid #001655; }
.m_search input{padding: 0; margin: 0; border: none; height: 29px; outline: none;}
.m_search .btn{width: 29px; height: 29px; background: url(../images/bg_search.jpg) center no-repeat; cursor: pointer;}
.m_search .text{width: 0; overflow: hidden; text-indent: 10px; color: #ccc;}
.m_search .u_hide{display: block; width: 29px; height: 29px; position: absolute; right: 0; top: 0;}

/**************** banner *****************/
.banner-box{position:relative;z-index:5;}
.m-focus-d{position:relative;height:745px;z-index:3;}
.sub_banner{height: 406px;}
.m-focus-d .switchable-box{width:100%;height:745px;}
.sub_banner .switchable-box{height: 406px;}
.m-focus-d .switchable-content li{width:100%;height:745px;text-align:center;overflow:hidden; text-indent:-999em;}
.sub_banner .switchable-content li{height: 406px;}
.m-focus-d .switchable-content li img{visibility:hidden;}
.m-focus-d .m-focus-prev,
.m-focus-d .m-focus-next{position:absolute;top:50%;z-index:25;width:55px;height:55px;margin-top:-28px;text-align:center;}
.m-focus-d .m-focus-prev {right:50%;margin-right:500px;background-position:left center;}
.m-focus-d .m-focus-next {left:50%;margin-left:500px;background-position:right center;}
.m-focus-d .m-focus-prev:hover,.m-focus-d .m-focus-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.m-focus-d .pic-btn {position:absolute;bottom:15px;left:50%;width:1000px;margin-left:-500px;z-index:24;text-align:center;z-index:5}
.m-focus-d .pic-btn li {display:inline-block;*display:inline;*zoom:1;cursor:pointer;margin:0 4px;width: 13px; height: 13px; background: #fff; border-radius: 15px;}
.m-focus-d .pic-btn li.active{width: 40px; background: #ef5734;}

.animated{transition:all .4s; -webkit-transition:all .4s; }

.index_content{background: url(../images/bg_content.jpg) center 472px no-repeat;}

.m_title{padding: 34px 0 22px; text-align: center;}
.m_title strong{line-height: 40px; padding-top: 10px; font-size: 36px; color: #000; display: block;}
.m_title span{display: block; font-size: 30px; color: #999; text-transform: uppercase;}
.m_title i{display: inline-block; width: 72px; height: 4px; background: #ef5734;}

.out_box{text-align: center; margin-bottom: 40px;}
.out_box .sub_nav{display: inline-block; max-width: 100%; margin: 0 auto; height: 37px; line-height: 37px; text-align: center; background: #efefef; border-radius: 20px;} 
.out_box .sub_nav a{display: inline-block; width: 130px; font-size: 18px; border-radius: 20px;}
.out_box .sub_nav .current{background: #0169a4; color: #fff; }

.m_about .text{margin-bottom: 46px; text-align: center; line-height: 30px; font-size: 14px; color: #000;}
.m_about .video{text-align: center;}
.m_about .video .video_img{display: block; width: 607px; height: 455px; margin: 0 auto;}

.m_cooperative{padding-bottom: 25px;}
.case_show .m_title span,.case_show .m_title strong,
.m_cooperative .m_title span,.m_cooperative .m_title strong{color: #fff; }

.picScroll-left{margin-top: -8px; width: 100%; overflow: hidden;}
.picScroll-left .bd li{width: 212px; margin-right: 20px;}
.picScroll-left .bd li a{display: block; width: 212px; height: 81px; overflow: hidden; position: relative;}
.picScroll-left .bd li img{width: 100%;}
.picScroll-left .bd li .bor{display: block; width: 206px; height: 75px; border: 3px solid #f67558; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0;}
.picScroll-left .bd li a:hover .bor{opacity: 1;}
.picScroll-left .hd{margin: 28px auto 0; width: 114px; height: 29px; padding: 2px 0; background: #007dc3; border-radius: 15px;}
.picScroll-left .hd a{float: left; display: block; width: 56px; height: 29px; background: url(../images/btn_scroll.png) left top no-repeat;}
.picScroll-left .hd .next{float: right; background-position: right bottom;}
.picScroll-left .hd .prev:hover{background-position: right top;}
.picScroll-left .hd .next:hover{background-position: left bottom;}

.m_news .m_title{margin-top: -8px;}

.slideBox{width: 259px; height: 345px; overflow: hidden; position: relative;}
.slideBox .bd li{float: left; width: 100%; height: 100%; overflow: hidden;}
.slideBox .bd li a{display: block; position: relative; color: #fff; width: 259px; height: 345px; overflow: hidden;}
.slideBox .bd li img{height: 100%; display: block;}
.slideBox .bd li .text_box{line-height: 21px; padding: 0 18px 13px; width: 223px; position: absolute; left: 0; bottom: 0; background:rgba(0,0,0,.72);}
.slideBox .bd li .title{font-size: 16px; height: 38px; line-height: 42px; overflow: hidden;}
.slideBox .bd li .text{height: 42px; overflow: hidden;}
.slideBox .hd{position: absolute; right: 10px; bottom: 0; z-index: 20;}
.slideBox .hd li{display: inline-block; color: #fff; font-size: 16px; margin-right: 6px;}
.slideBox .hd li.on{color: #f56442;}

.m_news{padding-bottom: 30px; margin-top: 40px;}
.m_news .news_con{overflow: hidden;}
.m_news .list{width: 881px; overflow: hidden;}
.m_news .list li{float: left; width: 245px; margin-left: 48px;}
.m_news .list li .u_time{line-height: 28px; width: 68px; height: 68px; padding:11px 0 0 11px; font-size: 16px; border: 2px solid #333;}
.m_news .list li .u_time span{display: block; font-size: 20px;}
.m_news .list li .title{margin-top: 52px; font-size: 16px; line-height: 28px; height: 56px; overflow: hidden;}
.m_news .list li .text{line-height: 21px; height: 63px; overflow: hidden; margin: 6px 0 45px;}
.m_news .list li .u_icon{display: block; width: 25px; height: 25px; background: url(../images/icon_arrow.png) left top no-repeat;}
.m_news .list li a:hover .u_icon{background-position: left -25px;}
.m_news .list li a:hover .u_time{ color: #0169a4; border-color: #0169a4;}

.look_more{font-size: 16px; display: block; color: #8e8e8e; width: 121px; height: 35px; line-height: 35px; border: 2px solid #dbdbdb; margin: 0 auto; border-radius: 20px; text-align: center; margin-top: 30px;}
.look_more:hover{border-color: #0169a4; color: #0169a4;}

.case_show{background: url(../images/bg_scroll.jpg) center top no-repeat; height: 477px;}

.scroll_left{margin-left: -70px; width: 1280px; overflow: hidden; position: relative;}
.scroll_left .bd{width: 1140px; margin: 0 auto; overflow: hidden;}
.scroll_left .bd li{float: left; width: 257px; margin-right: 37px;}
.scroll_left .bd li .u_img{display: block; overflow: hidden; width: 257px; height: 193px;}
.scroll_left .bd li img{width: 100%;}
.scroll_left .bd li .text_box{padding: 0 11px 13px; background: #fff;}
.scroll_left .bd li .en{height: 48px; line-height: 48px; overflow: hidden; display: block; text-transform: uppercase; font-size: 16px; color: #999;}
.scroll_left .bd li .name{height: 26px; line-height: 24px; overflow: hidden; font-size: 18px;}
.scroll_left .bd li .name span{display: inline-block; width: 25px; height: 25px;background: url(../images/icon_arrow.png) left -50px no-repeat; vertical-align: middle; margin:-1px 0 0 6px;}
.scroll_left .bd li a:hover .text_box{background: #f63;}
.scroll_left .bd li a:hover .name{color: #fff; }
.scroll_left .bd li a:hover .name span{background-position: left bottom;}
.scroll_left .bd li a:hover .en{color: #fff; opacity: .65;}
.scroll_left .btn{position: absolute; top: 50%; margin-top: -26px; display: block; width: 39px; height: 53px; background: url(../images/btn_arrow2.png) left top no-repeat;}
.scroll_left .prev{left: 0;}
.scroll_left .next{right: 0; background-position: right top;}
.scroll_left .prev:hover{background-position: left bottom;}
.scroll_left .next:hover{background-position: right bottom;}

.m_contact{height: 349px; background: url(../images/bg_contact.jpg) center top no-repeat;}
.m_contact .link_list{margin-top: 20px; padding-top: 29px; height: 69px; background: url(../images/bg_contactul.png) left top repeat-x;}
.m_contact .link_list li{line-height: 20px; float: left; font-size: 14px; font-weight: bold; padding-right:80px; background: url(../images/line-contact.jpg) right center no-repeat; margin-right: 32px;} 
.m_contact .link_list .child-1 span{display: block;}
.m_contact .link_list li strong{font-size: 20px;}
.m_contact .link_list .child-3 strong{font-size: 16px;}
.m_contact .link_list li .u_icon{display: block; width: 37px; height: 37px; margin:2px 10px 0 0; background: url(../images/icon_contact.png) left top no-repeat;}
.m_contact .link_list .child-2,.m_contact .link_list .child-3{line-height: 39px;}
.m_contact .link_list .child-2 .u_icon{background-position: left -37px;}
.m_contact .link_list .child-3{background: none;}
.m_contact .link_list .child-3 .u_icon{background-position: left -74px;}
.m_contact .link_list .child-4{background: none;}
.m_contact .link_list .child-4 .u_icon{background-position: left -111px;}

.footer{background: #09347a; border-top: 3px solid #ef5734; color: #fff;}
.footer .l_con{margin-top:55px; width: 420px;}
.footer .l_con p{opacity: .65; line-height: 26px; margin-top: 14px;}
.footer .bot_nav{overflow: hidden; width: 486px; margin:33px 0 0 70px;}
.footer .bot_nav li{float: left; width: 137px;}
.footer .bot_nav .child-3{width: 212px;}
.footer .bot_nav li a{display: block; color: #fff; }
.footer .bot_nav li span{height: 82px; line-height: 82px; display: block; font-size: 16px;}
.footer .bot_nav li a:hover{color: #ffae4f;}
.footer .erweima{margin-top: 58px; width: 148px; text-align: center; line-height: 40px;}
.footer .erweima img{display: block;}

.mClient{position: fixed; right: 0; top: 30%; padding: 11px 0; width: 41px; background: #214887; border-radius: 6px 0 0 6px; z-index: 99999;font-family:'Microsoft YaHei';}
.mClient li{position: relative; font-size: 14px; text-align: center; line-height: 14px;width: 41px; height: 41px;}
.mClient .child-1 {width: 41px; overflow: hidden;}
.mClient .child-1 a{width: 41px; position: absolute; left: 0; top: 0;}
.mClient li .uNum{position: absolute; left: 41px; top: 0; font-size: 16px; width: 124px; overflow: hidden; text-align: center; line-height: 41px; height: 41px; color: #fff;background:#39c;}
.mClient li a{display: block; padding: 8px 0 9px;} 
.mClient li .hover{border-radius: 6px 0 0 6px; background:#39c;}
.mClient li a:hover{background:#39c;}
.mClient .child-4 .scrollTop{display: none;}
.mClient li .uIcon{background:url(../images/icon_client.png) left top no-repeat; display: block; margin-left: 7px; width: 27px; height: 24px;}
.mClient li .uIcon02{background-position: left -24px;}
.mClient li .uIcon03{background-position: left -48px;}
.mClient li .uIcon04{background-position: left -72px;}
.mClient li .erweima{display: block; position: absolute; right: 42px; top:-36px; padding-right: 4px; background: url(../images/bgClient.png) right center no-repeat; width: 0; overflow: hidden; padding: 0;}
.mClient li .erweima img{ border: 3px solid #39c;}

/**************** 产品列表 *****************/
.case_page .scroll_left ul{width: 1176px;}
.case_page .scroll_left .bd li{margin-bottom: 27px;}
.case_page .scroll_left .bd li .name{padding: 0 13px; height: 52px; line-height: 52px;}
.case_page .scroll_left .bd li a{position: relative; display: block;}
.case_page .scroll_left .bd li .u_bor{display: block; width: 253px; height: 243px; border: 2px solid #efefef; position: absolute; left: 0; top: 0;}
.case_page .scroll_left .bd li .u_icon{opacity: 0;}
.case_page .scroll_left .bd li a:hover .u_icon{opacity: 1;}
.case_page .scroll_left .bd li a:hover .name{background: #f63;}
.case_page .scroll_left .bd li a:hover .u_bor{opacity: 0;}

/**************** 新闻列表 *****************/
.main_con{overflow: hidden;}
.main_con .l_column{width: 814px;}
.main_con .r_column{width: 300px;}

.news_page li{border-bottom: 1px dashed #ccc;}
.news_page li a{display: block; overflow: hidden; padding: 20px 0;}
.news_page li .u_img{display: block; overflow: hidden; width: 196px; height: 145px;}
.news_page li img{width: 100%;}
.news_page li .u_bor{display: block; padding: 4px; border: 1px solid #dfddde;}
.news_page li .l_con{width: 587px; margin-left: 20px;font-size: 14px; }
.news_page li h1{height: 64px; line-height: 64px; overflow: hidden; font-size: 18px;}
.news_page li .text{line-height: 24px; height: 48px; overflow: hidden;}
.news_page li .u_time{opacity: .7; display: block; text-align: right; margin-top: 20px; height: 22px;}
.news_page li a:hover .u_bor{background: #2155aa;}
.news_page li h1:hover{color: #2155aa;}

.m_bor{width: 274px; border: 2px solid #e3e3e3; padding: 0 11px 20px; margin-bottom: 9px;}
 
.m_title2{padding: 13px 0 3px; line-height: 26px; border-bottom: 1px solid #ccc;}
.m_title2 span{display: block; text-transform: uppercase; font-size: 14px; color: #ccc; }
.m_title2 strong{font-size: 24px;}

.m-leftmenu{margin-top: 10px;}
.m-leftmenu li{position:relative;*zoom:1;}
.m-leftmenu .fir-li{margin-bottom: 7px;}
.m-leftmenu .fir-a{display:block; position:relative;height:39px;line-height:39px; font-size:16px; color: #000; background: #f6f6f5; border: 1px solid #ececec; border-radius: 20px; text-indent: 38px;}
.m-leftmenu .sec-ul {height: 0; overflow: hidden;}
.m-leftmenu .sec-ul a{display:block; height:30px;line-height:30px; font-size:14px; padding-left: 57px;}
.m-leftmenu .fir-a:hover,
.m-leftmenu .current .fir-a{color: #fff; background:#1a8ac9; border-color: #1a8ac9;}
.m-leftmenu .sec-ul a:hover{background: url(../images/bg_lnavli.jpg) 39px center no-repeat;}

.l_contact .job_time{font-size: 16px; height: 53px; line-height: 44px; overflow: hidden; text-indent: 15px;}
.l_contact .phone{padding: 16px 0; background: #f6f6f5; border-radius: 10px; border: 1px solid #ececec; font-size: 30px; color: #ef6434; text-align: center;line-height: 36px;}
.l_contact .phone span{display: block; color: #ef8334;}
.l_contact .link{font-size: 14px; padding: 10px 0 15px; border-bottom: 1px solid #ccc;}
.l_contact .link li{overflow: hidden; padding-left: 5px; text-transform: uppercase; line-height: 30px;}
.l_contact .link li span{display: block; width: 224px; line-height: 24px; margin-top: 3px;}
.l_contact .erweima{padding: 12px 0 0 10px; font-size: 16px; line-height: 28px; overflow: hidden;}
.l_contact .erweima .text{margin: 15px 0 0 8px;}

/**************** 详情页 *****************/
.sub-share{padding:10px 0;color:#999;line-height:30px;}
.sub-share .bdsharebuttonbox{width:200px;float:right;}
.sub-share .bdsharebuttonbox a{color:#333;}
/*分享到E*/

/*新闻详细S*/
.news-detail{line-height:2;}
.news-detail h1{text-align:center;font-size:24px;}
.news-detail .detail-time{position:relative;text-align:center;font-size:12px;padding:5px 0;}
.news-detail .detail-user{text-align:center;padding:5px 0;margin-bottom:10px;}
.news-detail .detail-share{padding:5px 0;text-align:right}
.news-detail .detail-img{position:relative;text-align:center; }
.news-detail .detail-img img{max-width:100%;_width: expression((documentElement.clientWidth > 740) ? "auto" : "740px" );}
.news-detail .detail-img .debtn-prev,.news-detail .detail-img .debtn-next{position:absolute;top:50%;margin-top:-44px;display:block;_display:none;width:54px;height:87px;background:url(../images/pic-debtn.gif) no-repeat;z-index:11;filter:alpha(opacity=30);opacity: 0.3;-moz-opacity:0.3;-khtml-opacity: 0.3;}
.news-detail .detail-img .debtn-prev:hover,.news-detail .detail-img .debtn-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.news-detail .detail-img .debtn-prev{left:0;background-position:left 0;}
.news-detail .detail-img .debtn-next{right:0;background-position:right 0;}
.news-detail .detail-con{text-align:justify;padding:10px;line-height:24px; font-size: 14px;}
/*新闻详细E*/ 

/*上一页下一页S*/
.detail-page{margin-top:15px;padding:10px;border-top:1px solid #eee; font-size: 14px;}
.detail-page .page-text{width:48%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail-page .right{text-align:right;}
.detail-page .page-text a{}
.detail-page .page-text a:hover{color:#1a8ac9}

/***************** 单页 *********************/
.sub-content{padding:0 10px 20px 10px;text-align:justify;line-height:24px;}
.sub-content img{max-width:100%;_width: expression((documentElement.clientWidth < 700) ? "" : "100%" ); margin-bottom: 10px;}
.sub-content h1{color:#000;margin-bottom:20px;padding:10px 0;text-align:center;font-size:18px;font-weight:normal;}
.sub-content h1 p{text-align:center;font-size:12px;}
.sub-content p{font-size:14px;color:#333;}
.sub-content #platform img{max-width:none;_width: none;}

/***************** 在线留言 ************/
.sub-message{padding:50px 30px;background:#FFF;color:#333;font-family:"microsoft yahei";}
.sub-message .m-textimg{font-size:14px;margin-bottom:20px;line-height:24px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{font-style:normal;display:inline-block;*display:inline;*zoom:1;padding-right:5px;color:#F00}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{padding:10px;margin-bottom:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{display:inline-block;width:80px;height:30px;line-height:30px;text-align:right;position:relative;top:-1px;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align: middle;}
.sub-message .m-form .td-textarea{vertical-align: middle;width:60%;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px;}
.sub-message .m-submit{text-align:right;vertical-align: top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;border:none;font-family:"microsoft yahei";cursor:pointer;font-size:14px;}
.sub-message .m-submit .btn:hover{filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;-khtml-opacity: 0.9;}
.sub-message .m-submit input{vertical-align:top;height:24px;line-height:24px;margin:0;width:80px;cursor:auto;padding-left:5px;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{border:1px solid #E1E1E1;background:#FFF;}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f5f3f3;}
.sub-message .m-submit .btn{color:#fff;background:#1a8ac9;}

/***************** 搜索 ************/
.search-no{}
.search-no .bd{border-bottom:1px solid #e0ddde;padding:60px 0 60px 0;}
.search-no .inputs{width:400px;margin-left:auto;margin-right:auto;}
.search-no .inputs input.text{float:left;width:331px;border:1px solid #000;height:15px;border-right:0;background:#FFF;padding:5px 3px}
.search-no .inputs input.btn{float:left;width:60px;border:0;background:#000;height:27px;border:1px solid #000;padding:5px 0; cursor:pointer;color:#FFF;font-size:14px}
.search-no .pt{background:url(../images/search-no.png) 30px center no-repeat;height:240px;padding:100px 0 0 250px;}
.search-no .pt h3{font-size:18px;color:#385c8c;margin-bottom:10px;font-weight:normal;}
.search-no .pt h3 span{color:#cc0000}
.search-no .pt p{color:#385c8c;}

.search-content li{padding:30px 5px;border-bottom:1px solid #e0dfdf;*zoom:1;}
.search-content li.hover{background:#f5f5f5;}
.search-content li:after{content:"";display:block;visibility:hidden;height:0;clear:both;}
.search-content li .u-img{float:left;display:block;width:160px;margin-right:15px;overflow:hidden;}
.search-content li .u-img img{width:160px;}
.search-content li h3{margin-bottom:5px;font-size:14px;font-family:'宋体'}
.search-content li .u-time{float:right;font-weight:normal;color:#999}
.search-content li a{color:#E01206;}
.search-content li p{color:#333;}