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

/*引入字体库*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), /* chrome銆乫irefox */
  url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
.fa {display: inline-block;font-family: "iconfont";font-size:20px;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
/************************************************************************************************************/

.glyphicon{}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{ text-decoration:none !important; cursor:pointer !important; outline:none !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1230px !important;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.clear { clear:both;}
body{ font-family:"微软雅黑";}

/*全局样式*/
.top{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003981+0,034fb0+36,034fb0+59,003981+100 */
background: rgb(0,57,129); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,57,129,1) 0%, rgba(3,79,176,1) 36%, rgba(3,79,176,1) 59%, rgba(0,57,129,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,57,129,1) 0%,rgba(3,79,176,1) 36%,rgba(3,79,176,1) 59%,rgba(0,57,129,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,57,129,1) 0%,rgba(3,79,176,1) 36%,rgba(3,79,176,1) 59%,rgba(0,57,129,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003981', endColorstr='#003981',GradientType=0 ); /* IE6-9 */
 border-bottom: 2px solid #0350b2; border-top: 2px solid #0350b2;
}

.top_nav .left{ color: #fff; line-height: 30px; font-size: 12px;}
.top_nav .right ul{ font-size: 0;}
.top_nav .right ul li{ display: inline-block; vertical-align: top; font-size: 12px; color: #fff;}
.top_nav .right ul li a{ font-size: 12px; color: #fff; display: inline-block; line-height: 30px; padding: 0 3px;}

.logo{position: relative; z-index:9999; width: 100%;}
.logo .logoimg img{ margin: 11px 0 0 0;}



.logo nav{ width: 78%;}
.logo nav ul li{ width:12.5%;}
.logo nav ul li a{ display:block;  color:#333; font-size:16px; line-height:90px;}
.logo nav ul li:hover{ background: url(../images/nav_bg.jpg) center center; background-size: 100% 100%;}
.logo nav ul li a:hover{color: #fff;}
.logo nav ul li.active{ background: url(../images/nav_bg.jpg) center center; background-size: 100% 100%;}
.logo nav ul li.active a{color: #fff;}
.logo nav li .xial{display:none; position:absolute;left:0; top:100%; width:100%; background:rgba(255,255,255,0.74); }
.logo nav li .xial .col-xs-12{ min-height:inherit;}
.logo nav li .xial .xial_box{ padding: 20px 0 30px;text-align: left !important; width: 100%;}
.logo nav li .xial .xial_box h3{ font-size: 16px; color: #024499; font-weight: bold; text-align: left !important; position: relative; padding-bottom: 10px;}
.logo nav li .xial .xial_box h3:after{ content: ''; width: 105px; height: 4px; background: #034aa5; position: absolute; left: 0; bottom: 0;}
.logo nav li .xial .xial_box .xia{ width: 33.3%;}
.logo nav li .xial .xial_box .xia h5{  padding-top:10px ; border-bottom: 1px solid #034aa5;}
.logo nav li .xial .xial_box .xia h5 a{font-size: 14px; color:#034aa5; line-height: 26px;}
.logo nav li .xial .xial_box .xia .a_box{ margin-top: 10px;}
.logo nav li .xial .xial_box .xia .a_box a{ color: #333333; line-height: 28px; font-size: 12px;}
.logo nav li .xial .imgbox{ margin-top: 50px;}
.logo nav li .xial .xial_box .xia .a_box a:hover{ color: #003b85; text-decoration: underline !important;}


.logo nav .ul2{ display:none; width:100%; position:absolute; top:90px; left:0;  background:rgba(255,255,255,0.74);  z-index:999; border-top: 2px solid #4a92f3;}
.logo nav .ul2 .li2{ position:relative;}
.logo nav .ul2 .li2 a{ color:#034aa5;line-height:35px; background:none; margin: 5px 0; border-radius: 0;}
.logo nav .ul2 .li2 a:hover{ background:#006cff; color:#fff;}

.logo nav ul li.li01{ position: relative;}

.logo nav .ul2 .li2 .ul3{ display:none; width:100%; position:absolute; top:0; right:-100%;  background:rgba(68,152,225,0.74);  z-index:999;}
.logo nav .ul2 .li2 .ul3 .li3{ position:relative;}
.logo nav .ul2 .li2 .ul3 .li3 a{ color:#fff;line-height:35px; border-bottom: 1px solid #fff;  background:none; border-radius: 0;}
.logo nav .ul2 .li2 .ul3 .li3 a:hover{ background:#006cff;}
.logo nav .ul2 .li2:hover .ul3{ display: block;}

/*分页*/
.page_list a{color:#000; margin: 0px 5px;}
.page_list a:hover{ text-decoration: underline;}
.page_list a.on{color:#f00;}


.banner{ position:relative; overflow:hidden;}
.banner img{ display: block; margin:0 auto; width:100%; display:none;}
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;transition-property:opacity}
.banner .carousel-fade .carousel-inner .active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{bottom:0;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 5px;width:12px;height:12px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; background:none; border:2px solid #fff;}
.banner #myCarousel .carousel-indicators li:hover{background-color:#fff;}
.banner #myCarousel .carousel-indicators li.active{background-color:#fff;}

/*m-w*/
.mian-about{ padding:20px 0 40px; background: url(../images/about_bg.jpg) center center; background-size: cover;}
.mian-news{ padding:30px 0; background: url(../images/news_bg.jpg) center center; background-size: cover;}
.mian-fuwu{ padding:13px 0 130px; background: url(../images/fuwu_bg.jpg) center center; background-size: cover;}
.mian-pic{ padding: 0 0 0px; position: relative;}
.mian-case{ padding:0 0 80px 0; background: url(../images/case_bg.jpg) center center; background-size: cover;}
.mian-Color{ padding:30px 0; background:url(../images/Color_bg.jpg) center center; background-size: cover;}
.mian-lj{ border-top:10px solid #003880 ; padding: 30px 0; background:rgb(3,80,178);background:-moz-linear-gradient(top,rgba(3,80,178,1) 3%,rgba(3,80,178,1) 51%,rgba(3,80,178,1) 70%,rgba(0,56,128,1) 97%,rgba(0,56,128,1) 97%);background:-webkit-linear-gradient(top,rgba(3,80,178,1) 3%,rgba(3,80,178,1) 51%,rgba(3,80,178,1) 70%,rgba(0,56,128,1) 97%,rgba(0,56,128,1) 97%);background:linear-gradient(to bottom,rgba(3,80,178,1) 3%,rgba(3,80,178,1) 51%,rgba(3,80,178,1) 70%,rgba(0,56,128,1) 97%,rgba(0,56,128,1) 97%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0350b2',endColorstr='#003880',GradientType=0 );}
.mian-ss{ padding: 35px 0; background: url(../images/about_bg.jpg) top center; background-size: cover;}

/*t-1*/
.title { margin:20px 0 0;}
.title img{ margin: 0 auto;}

/*t-2*/
.title2 img{ margin: 0 auto; }

/*t-3*/
.title3{ margin: 20px 0;}
.title3 h3{ font-size: 25px; color: #333; line-height: 35px;}
.title3 h6{ font-size: 20px; color: #696969; font-family: "book antiqua"; text-transform: uppercase; line-height: 40px;}
.title3 .kuai{ width: 32px; height: 4px; background: #003880; margin: 0 auto 10px;}
.title3 h5{ font-size: 14px; color: #828282;}

/*title5*/
.title5{ margin-top: -40px;}
.title5 img{ margin: 0 auto;}

/*t-7*/
.title7 h3{ font-size: 20px; color: #fff; line-height: 30px; background: url(../images/biao_bg.png) 100px center no-repeat;}

/*t-6*/
.title6{ border-bottom:1px solid #c5c5c5;}
.title6 h3{ font-size:14px; color: #333; line-height: 52px;}
.title6 h3 a{ color: #333;}
.title6 h3 span{ color: #0253b2;}


/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; font-size:16px; color:#333; line-height:30px;}
.title07 h2{ margin:0 auto !important; font-size:18px; color:#333; line-height:40px; width:60%; border-bottom:1px dashed #666;}
.title07 h6{color:#666; line-height:30px; }

/*t-4*/
.aboutnei{ margin-top:20px;}
.title4{ padding:10px; font-size:14px; color:#333; line-height:24px;}
.title4 img{ max-width:100%; height:auto;}

/*text-3*/
.text03{ padding:10px; font-size:14px; color:#333; line-height:24px;}
.text03 img{ max-width:100%; height:auto;}

/*lunbo*/
.owl-carouse2 .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carouse2{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carouse2 .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carouse2 .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carouse2 .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carouse2 .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*.grabbing{cursor:url(../img/grabbing.png) 8 8,move}*/
.owl-carouse2  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{}

/*about*/
.about_box .about_til{padding: 0 160px; margin: 20px 0 40px 0; text-align: center;}
.about_box .about_til a{ display: block;  color: #333; line-height: 28px; height: 84px; overflow: hidden;}

.about_box ul{ padding: 40px 80px 10px;}
.about_box ul li{ width: 20%; padding: 0 40px;}
.about_box ul li .imgs2{ border-radius: 50%; background: url(../images/li_bg.png) center center; background-size: cover; text-align: center;}
.about_box ul li .imgs2 .imgbox{padding-top: 24px; line-height: 51px;}
.about_box ul li .imgs2 img{ max-width: 100%;}
.about_box ul li h3{ font-size: 16px; color: #fff; line-height: 40px;}

/*pic*/
.mian-fuwu .container-fluid{ max-width: 1750px !important;}
.fuwu_biao{ margin: 20px 0;}
.fuwu_biao img{ margin: 0 auto;}
.fuwu_box{ position: relative;}
.fuwu_box .biao{ position: absolute; left: 50%; margin-left: -43px; top: 40px;}
.left_ion{ padding: 0 133px 0 0; width: 50%;}
.picture20{ position:relative; margin:30px -7px 0;}
.picture20 #owl-demo .item{ margin:0 7px;-webkit-transition: all 0.3s;transition:all 0.3s;}
.picture20 #owl-demo .item li{ -webkit-transition: all .3s; transition:all .3s;}
.picture20 #owl-demo .item .imgs{ -webkit-transition: all .3s; transition:all .3s; position: relative;}
.picture20 #owl-demo .item .imgs img{max-width:100%;}
.picture20 #owl-demo .item .imgs span{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.picture20 #owl-demo .item .imgs .bg{ position:absolute; left:0; top:-100%; width:100%; height:100%; background:rgba(0,0,0,0.6);background-size:cover; transition:all .3s;}
.picture20 #owl-demo .item .imgs .bg img{ position: absolute; left: 50%; margin-left: -27px; top: 50%; margin-top: -27px;}
.picture20 #owl-demo .item .fuwu_til{ padding: 2px;background:rgb(171,171,171);background:-moz-linear-gradient(top,rgba(171,171,171,1) 0%,rgba(203,203,203,1) 100%);background:-webkit-linear-gradient(top,rgba(171,171,171,1) 0%,rgba(203,203,203,1) 100%);background:linear-gradient(to bottom,rgba(171,171,171,1) 0%,rgba(203,203,203,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab',endColorstr='#cbcbcb',GradientType=0 );}
.picture20 #owl-demo .item .fuwu_til .til{ border: 1px solid #fff; padding-bottom: 20px; transition:all .3s; }
.picture20 #owl-demo .item .fuwu_til .til h4{ font-size: 16px; color: #333; line-height: 44px; transition:all .3s; }
.picture20 #owl-demo .item .fuwu_til .til .fuwu_ti{ font-size: 12px; color: #333; line-height: 25px; height: 50px; overflow: hidden; transition:all .3s; }
.picture20 #owl-demo .item li:hover .imgs .bg{ top: 0;}
.picture20 #owl-demo .item li:hover .fuwu_til{
background:rgb(0,17,38);background:-moz-linear-gradient(top,rgba(0,17,38,1) 0%,rgba(0,56,128,1) 100%);background:-webkit-linear-gradient(top,rgba(0,17,38,1) 0%,rgba(0,56,128,1) 100%);background:linear-gradient(to bottom,rgba(0,17,38,1) 0%,rgba(0,56,128,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#001126',endColorstr='#003880',GradientType=0 );}
.picture20 #owl-demo .item li:hover .fuwu_til .til{ border: 1px solid #0053be;}
.picture20 #owl-demo .item li:hover .fuwu_til .til h4{ color: #fff;}
.picture20 #owl-demo .item li:hover .fuwu_til .til .fuwu_ti{ color: #fff;}
.picture20 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:50px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture20 .owl-theme .owl-controls .owl-buttons div.owl-prev{ display: none;}
.picture20 .owl-theme .owl-controls .owl-buttons div.owl-next{ display: none;}
.picture20 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture20 .owl-theme .owl-controls .owl-page{ display:none;}

.right_ion{ padding: 0 0 0 133px; width: 50%;}
.picture21{ position:relative; margin:30px -7px 0;}
.picture21 #owl-demo2 .item{ margin:0 7px;-webkit-transition: all 0.3s;transition:all 0.3s;}
.picture21 #owl-demo2 .item li{ -webkit-transition: all .3s; transition:all .3s;}
.picture21 #owl-demo2 .item .imgs{ -webkit-transition: all .3s; transition:all .3s; position: relative;}
.picture21 #owl-demo2 .item .imgs img{max-width:100%;}
.picture21 #owl-demo2 .item .imgs span{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.picture21 #owl-demo2 .item .imgs .bg{ position:absolute; left:0; top:-100%; width:100%; height:100%; background:rgba(0,0,0,0.6);background-size:cover; transition:all .3s;}
.picture21 #owl-demo2 .item .imgs .bg img{ position: absolute; left: 50%; margin-left: -27px; top: 50%; margin-top: -27px;}
.picture21 #owl-demo2 .item .fuwu_til{ padding: 2px;background:rgb(171,171,171);background:-moz-linear-gradient(top,rgba(171,171,171,1) 0%,rgba(203,203,203,1) 100%);background:-webkit-linear-gradient(top,rgba(171,171,171,1) 0%,rgba(203,203,203,1) 100%);background:linear-gradient(to bottom,rgba(171,171,171,1) 0%,rgba(203,203,203,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab',endColorstr='#cbcbcb',GradientType=0 );}
.picture21 #owl-demo2 .item .fuwu_til .til{ border: 1px solid #fff; padding-bottom: 20px; transition:all .3s; }
.picture21 #owl-demo2 .item .fuwu_til .til h4{ font-size: 16px; color: #333; line-height: 44px; transition:all .3s; }
.picture21 #owl-demo2 .item .fuwu_til .til .fuwu_ti{ font-size: 12px; color: #333; line-height: 25px; height: 50px; overflow: hidden; transition:all .3s; }
.picture21 #owl-demo2 .item li:hover .imgs .bg{ top: 0;}
.picture21 #owl-demo2 .item li:hover .fuwu_til{
background:rgb(0,17,38);background:-moz-linear-gradient(top,rgba(0,17,38,1) 0%,rgba(0,56,128,1) 100%);background:-webkit-linear-gradient(top,rgba(0,17,38,1) 0%,rgba(0,56,128,1) 100%);background:linear-gradient(to bottom,rgba(0,17,38,1) 0%,rgba(0,56,128,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#001126',endColorstr='#003880',GradientType=0 );}
.picture21 #owl-demo2 .item li:hover .fuwu_til .til{ border: 1px solid #0053be;}
.picture21 #owl-demo2 .item li:hover .fuwu_til .til h4{ color: #fff;}
.picture21 #owl-demo2 .item li:hover .fuwu_til .til .fuwu_ti{ color: #fff;}
.picture21 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:50px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture21 .owl-theme .owl-controls .owl-buttons div.owl-prev{ display: none;}
.picture21 .owl-theme .owl-controls .owl-buttons div.owl-next{ display: none;}
.picture21 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture21 .owl-theme .owl-controls .owl-page{ display:none;}

/*pic_box*/
.bg_box{ height: 650px; width: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: url(../images/pic_bg.jpg) center center; background-size: cover;}
.bg_box2{ height: 241px; width: 100%; position: absolute; left: 0; top: 650px; z-index: -1; background: url(../images/bg2.jpg) center center; background-size: cover;}
.picture22{ position:relative; margin:50px -10px 0;}
.picture22 #owl-demo3 .item{ margin:0 10px;-webkit-transition: all 0.3s;transition:all 0.3s;}
.picture22 #owl-demo3 .item li{ -webkit-transition: all .3s; transition:all .3s; margin-bottom: 20px;}
.picture22 #owl-demo3 .item .imgs{ -webkit-transition: all .3s; transition:all .3s; border: 2px solid #0661d7; margin-bottom: 10px; overflow: hidden;}
.picture22 #owl-demo3 .item .imgs img{max-width:100%;}
.picture22 #owl-demo3 .item .imgs span{ display:block; width:100%; height:100%; transition: all .3s;}
.picture22 #owl-demo3 .item h3{ font-size: 16px; color: #333; line-height: 50px; background: url(../images/bg.jpg) center center; background-size: 100% 100%; position: relative;}
.picture22 #owl-demo3 .item h3 img{ position: absolute; left: 0; bottom: -7px; z-index: -1;}
.picture22 #owl-demo3 .item li:hover .imgs span{ transform: scale(1.1);}
.picture22 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:50px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-prev{ display: none;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-next{ display: none;}
.picture22 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture22 .owl-theme .owl-controls .owl-page{ display:none;}


/*news*/
.news ul{ margin: 0 -40px;}
.news ul li{ width: 50%; padding:40px 40px 0; margin-bottom: 30px;}
.news ul li .news_box{ padding: 0 0 68px 71px; min-height: 96px; position: relative;}
.news ul li .news_box .imgbox{ width: 71px; height: 96px; position: absolute; left: 0; top: 0; z-index: 1;}
.news ul li .news_til{ padding: 14px 0 0 26px;}
.news ul li .news_til h3{ font-size: 14px; color: #333; font-weight: bold;}
.news ul li .news_til h6{ font-size: 14px; color: #696969; line-height: 30px;}
.news ul li .news_til .news_ti{ color: #696969; line-height: 26px; height: 52px; overflow: hidden;}
.news ul li.li01{ background-image: url(../images/xian.png); background-position: center bottom; background-repeat: no-repeat;}
.news ul li.li02{background: url(../images/xian2.png) left center no-repeat;}
.news ul li.li02 .news_box{background: url(../images/xian.png) center bottom no-repeat;}
.news ul li.li03{background: url(../images/xian2.png) right center no-repeat;}

/*case*/
.wrap{ position: relative;}
.slide-wrap { width: 100%;}
.sw-operation { width: 100%; position: absolute; left: 0; top: 50%; margin-top: -41px; height: 83px;}
.sw-next { background: url(../images/anniu.png) no-repeat left 0; height: 83px; width: 48px; position: absolute; left: -90px;}
.sw-prev {background: url(../images/anniu.png) no-repeat right 0; height: 83px; width: 48px; position: absolute; right:-90px;}
.kc-wrap {overflow:hidden;position:relative;width:100%;padding-bottom:35%;}
.kill-overflow { height: 284px; width: 424px; overflow: hidden;}
.kill-wrap {height: 300px; width: 424px; display: table-cell; vertical-align: middle; text-align: center;}
.kc-horizon {visibility:hidden;}
.kc-item img { max-width:424px;}
.kc-item {position:absolute;width:424px;height:auto;visibility:hidden;cursor: pointer;}
.kc-reflection {position:absolute;left:0px;top:0px;width:100%;height:0px;}

.picture23{ position:relative; margin:50px -10px 0;}
.picture23 #owl-demo4 .item{ margin:0 10px;-webkit-transition: all 0.3s;transition:all 0.3s;}
.picture23 #owl-demo4 .item li{ -webkit-transition: all .3s; transition:all .3s; margin-bottom: 20px;}
.picture23 #owl-demo4 .item .imgs{ -webkit-transition: all .3s; transition:all .3s; border: 2px solid #0661d7; margin-bottom: 10px; overflow: hidden;}
.picture23 #owl-demo4 .item .imgs img{max-width:100%;}
.picture23 #owl-demo4 .item .imgs span{ display:block; width:100%; height:100%; transition: all .3s;}
.picture23 #owl-demo4 .item h3{ font-size: 16px; color: #333; line-height: 50px; background: url(../images/bg.jpg) center center; background-size: 100% 100%; position: relative;}
.picture23 #owl-demo4 .item h3 img{ position: absolute; left: 0; bottom: -7px; z-index: -1;}
.picture23 #owl-demo4 .item li:hover .imgs span{ transform: scale(1.1);}
.picture23 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:50px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture23 .owl-theme .owl-controls .owl-buttons div.owl-prev{ display: none;}
.picture23 .owl-theme .owl-controls .owl-buttons div.owl-next{ display: none;}
.picture23 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture23 .owl-theme .owl-controls .owl-page{ display:none;}

.xiaz{ position: relative;}
.xiaz a{ position: absolute; left: 50%; margin-left: -115px; bottom: 30px;}

/*contact02*/
.lx_box{ overflow: hidden; margin-top: 40px;}
.lx_box ul{ margin: 0 -25px;}
.lx_box ul li{ width: 50%; padding: 0 25px; margin-bottom: 40px;}
.lx_box ul li .lx_til{ font-size: 16px; color: #003880; line-height: 76px; padding: 0 0 0 97px;}

.ewm_box{ margin-top: 40px; position: relative; padding: 0 0 0 182px; min-height: 182px;}
.ewm_box .imgbox{ width: 182px; height: 182px; border-radius: 30px; padding: 14px; background: url(../images/ewm_bg.png) center center; background-size: cover; overflow: hidden; position: absolute; left: 0; top: 0;}
.ewm_box .imgbox .img{border-radius: 30px; overflow: hidden;}
.ewm_box .sao{ font-size: 20px; color: #003880; padding: 60px 0 0 10px;}

.lj { margin-top: 15px;}
.lj h3{ font-size: 16px; color: #fff; font-weight: bold; line-height: 40px;}
.lj ul li{ width: 33.3%;}
.lj ul li h4{ font-size: 14px; color: #fff;}
.lj ul li .zi_la{ margin-top: 8px;}
.lj ul li .zi_la a{ color: #fff; font-size: 12px; line-height: 30px; display: block;}
.lj_box{ margin-top: 40px;}
.lj_box ul li{ width: 80px; height: 80px; border: 3px solid #fff; border-radius: 50%; text-align: center; line-height: 80px; margin-bottom: 15px;}
.lj_box ul li a{ color: #fff; font-size: 40px;}


/*p-7*/
.picture7{ margin:20px 0 0 0;}
.picture7 img{ display:block; margin:0 auto;}

/*ss*/
.ss_box{ width: 60%; margin: 0 auto;}
.ss_box input{ width: 90%; border: 1px solid #b7b7b7;  height: 40px; background: #d8d8d8; padding: 0 10px;}
.ss_box button{ width: 9%; height: 40px; background-color: #0253b2; background-image: url(../images/fangd.png); background-position: center center; background-repeat: no-repeat; border: none; margin-left: 1%;}

.biao_nei{ width: 100%; height: 32px; background:rgb(1,62,141);background:-moz-linear-gradient(top,rgba(1,62,141,1) 0%,rgba(2,96,202,1) 100%);background:-webkit-linear-gradient(top,rgba(1,62,141,1) 0%,rgba(2,96,202,1) 100%);background:linear-gradient(to bottom,rgba(1,62,141,1) 0%,rgba(2,96,202,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#013e8d',endColorstr='#0260ca',GradientType=0 ); position: relative;}
.biao_nei img{ position: absolute; left: 50%; margin-left: -191px; top: 0;}

/*c-1*/
.content1{ padding:40px 0 30px 0;}
.subnav ol{ height:62px;  background:url(../images/left_nav.jpg) center center; background-size: cover;  margin-bottom:5px !important;}
.subnav ol h1{ font-size:24px; color:#fff; line-height:62px; font-weight: bold; }
.subnav ol h1 span{ text-transform: uppercase; font-weight: normal; padding: 0 10px 0 0;}
.subnav .pcdnav{ background: #cccccc; padding: 10px 0 20px 0;}
.subnav .pcdnav li{ margin:0 0 5px 0; background-color:#333333;}
.subnav .pcdnav li a{display:block; font-size:16px; color:#fff; line-height:37px;  transition:all 0.3s; padding: 0 0 0 30px; font-weight: bold; background: url(../images/jiao2.png) 96% center no-repeat;}
.navContent{display: none; margin-top:18px;}
.navContent.active{ display:block;}
.navContent .li2{ padding: 0; margin-bottom: 3px;}
.navContent .li2 a{ display: block; line-height: 30px; color: #034aa5; font-weight: bold; padding: 0 0 0 30px; background: url(../images/jiao.png)96% center no-repeat;}
.pcdnav .ul3{ display: none; background: url(../images/xian3.png) 30px 7px no-repeat; margin: 5px 0;}
.pcdnav .ul3.active{ display: block;}
.pcdnav .ul3 .li3{ padding: 0 0 0 30px; font-size: 12px;}
.pcdnav .ul3 .li3 a{ color: #333; line-height: 30px; padding: 0 0 0 26px;}
.pcdnav .ul3 .li3 a:hover{ color: #8d8d8d;}
.subnav .di{ background:#cccccc; font-size:14px; color:#333; line-height:24px; padding:5px; margin-top:5px;}
.subnav .di .lx img{ width: 100%;}
.subnav .di p{ padding:10px;}
.subnav .yddnav li{ margin-bottom:2px; height:60px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:60px; background:#666; transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#013f8f;}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:60px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ display:none;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#dcdcdc; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#333; display:block; line-height:40px;}
.subnav .yddnav .xlxl.xlxlhide{ display:none;}
.subnav .yddnav .xlxls{ height:32px;background:#013f8f; border-bottom:dotted 1px #fff}
.subnav .yddnav .xlxls a{ color:#fff; display:block; line-height:32px;}
.subnav .yddnav .xls2{ height:40px; line-height:40px; background:#e7e7e7; border-top:solid 1px #fff;}
.subnav .yddnav .xls2 a{ color:#333; display:block; line-height:40px;}
.subnav .yddnav .xlxl2.xlxlhide{ display: none; }
.subnav .yddnav .xlxls2{ height:32px;background:#46aade; border-bottom:dotted 1px #fff}
.subnav .yddnav .xlxls2 a{ color:#fff; display:block; line-height:32px;}

/*pic*/
.pic{ margin: 20px 0 0 0;}
.pic ul{ margin: 0 -10px;}
.pic ul li{ width: 33.3%; padding: 0 10px; margin-bottom: 30px; position: relative;}
.pic ul li .imgs3{ border: 2px solid #0661d7; margin-bottom: 10px; overflow: hidden;}
.pic ul li .imgs3 span{ display:block; width:100%; height:100%; transition: all .3s;}
.pic ul li h3{ font-size: 16px; color: #333; line-height: 50px; background: url(../images/bg.jpg) center center; background-size: 100% 100%; }
.pic ul li h3 img{ position: absolute; left: 0; bottom: -12px; z-index: -1;}
.pic ul li:hover .imgs3 span{ transform: scale(1.1);}


/*news*/
.news2{margin-top:20px; }
.news2 ul li{ min-height:166px; padding-left:218px; position:relative; margin-bottom: 30px;}
.news2 .imgbox{ border:1px solid #c4c4c4; width:218px; height:166px; position:absolute; left:0; top:0; overflow:hidden; z-index:1; padding: 2px; transition: all .3s;}
.news2 .imgbox span{ display:block; width:100%; height:100%; transition:all .5s; border:1px solid #c4c4c4;transition: all .3s; }
.news2 .news_text{ padding: 0 0 0 15px;}
.news2 .news_text h3{ font-size: 14px; color: #333; font-weight: bold;}
.news2 .news_ti{ color:#333; line-height: 25px; height: 100px; overflow: hidden; margin-top: 15px;}
.news2 .news_text .more{ width: 90px; line-height: 30px; color: #fff; text-align: center; background: #0250ad; margin-top: 5px;}
.news2 ul li:hover .imgbox{ border: 1px solid #0250ad;}
.news2 ul li:hover .imgbox span{ border: 1px solid #0250ad;}
.news2 ul li:hover .news_ti{ color: #0250ad;}

/*xiazai*/
.xiazai{ margin-top: 20px;}
.xiazai ul li{ position: relative; padding: 0 100px 0 0; border-bottom: 1px dashed #d0d0d0; transition: all .3s; margin-bottom: 10px;}
.xiazai ul li h5{ font-size: 14px; color: #333; line-height: 33px; padding: 0 0 0 23px; position: relative;}
.xiazai ul li h5:after{ content: ''; width: 5px; height: 11px; background: #0058cf; position: absolute; left: 0; top: 11px; transition: all .3s}
.xiazai ul li h6{ font-size: 14px; line-height: 33px; color: #0058cf; position: absolute; right: 5px; top: 0;}
.xiazai ul li:hover{ border-bottom: 1px dashed #0058cf;}
.xiazai ul li:hover h5{ color: #0058cf;}

/*zul*/
.zul{ margin-top: 30px;}
.zul h3{ font-size: 14px; color: #333; font-weight: bold; line-height: 34px;}
.zul .zul_box ul{ margin: 20px -6px;}
.zul .zul_box ul li{ width: 50%; padding: 0 6px;}

.title8{ border-bottom: 2px solid #024da8;}
.title8 h4{ width: 116px; color: #fff; line-height: 34px; background: #024da8; font-size: 14px;}

.show_til{ font-size: 16px; color: #333; font-weight: bold; line-height: 40px; border-bottom: 1px solid #024da8; margin: 20px 0 10px; position: relative;}
.show_til:after{ width: 80px; height: 4px; content: ''; background: #024da8; position: absolute; left: 0; bottom:-4px}

/*ditu*/
.right-content .contact_box{ margin-top:20px;}
.right-content .ditu{ position:relative; margin-top:20px; border:1px solid #ccc; overflow:hidden;}
.right-content .us{ margin-top:10px; font-size:14px; color:#000; line-height:24px;}


/*f-1*/
footer{ padding:15px 0; background:#001d42;}
footer section{color:#fff; text-align: center;}
footer section small a{ color:#fff;}


@media (max-width:1199px){	


	
}


@media (max-width:991px){
.logo{ height:74px; border-bottom:none;}
.logo .sjdnav{ display:none; width:150px; height:auto;position:absolute; right:20px; top:74px; z-index:9999;}
.logo .logo .sjdnav ul{ margin:0; padding:0;}
.logo .sjdnav li{ display:block; height:30px; text-align:center; padding:0; margin-bottom:5px;background:#003880;}
.logo .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.logo .logoimg img{ margin-top:5px; height:auto;}

.logo .ydd_btn{ margin:21px 15px 0 0; padding:10px 7px; width:32px; height:32px; cursor:pointer; background: #003880;}
.logo .ydd_btn span{ display:block; width:100%; height:2px; background:#fff; -webkit-transition: all .3s; transition:all .3s;}
.logo .ydd_btn span.span02{margin:3px 0;}
.logo .ydd_btn.click span{ background:#fff;}
.logo .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:6px;margin-top:0px;	} 
.logo .ydd_btn.click span.span02{margin:4px 0;}
.logo .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-6px;margin-top:0px;}
.logo .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}


/*about*/
.about_box .about_til{padding: 0;}

.about_box ul{ padding: 40px 0 10px;}
.about_box ul li{ padding: 0 30px;}
.about_box ul li .imgs2 .imgbox{padding-top: 14px;}

.left_ion{ padding: 0; width: 100%; float: none !important;}
.right_ion{ padding: 0; width: 100%; float: none !important;}

.sw-next { display: none;}
.sw-prev {display: none;}

/*news*/
.news ul{ margin: 0 -15px;}
.news ul li{ width: 50%; padding:40px 15px 0; margin-bottom: 30px;}

.lj_box{ margin-top: 40px; float: none !important;}
.lj_box ul{ text-align: center; margin: 0 -15px;}
.lj_box ul li{ display: inline-block; margin: 0 15px;}

/*title5*/
.title5{ margin-top:0px;}

.ewm_box{ margin-top: 40px; position: relative; padding: 0px;}
.ewm_box .imgbox{ position: static; margin: 0 auto;}
.ewm_box .sao{ text-align: center; padding:0;}


}

@media (max-width:768px){
body{ padding-bottom:50px;}	
.logo .sjdnav{  right:0px;}

.hot{height:50px; background:#001d42; position:fixed; bottom:0; border-top:2px solid #fff; left:0; z-index:99;}
	.hot span{ color:#fff; font-size:16px; line-height:20px;}
	.hot h6{ font-size:12px; line-height:20px;}
	.hot .row div a{ display:block; color:#fff; padding:7px 0;}
	.hot .row div:hover{ background:#0350b2;}	
	.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
	.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
	.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
	.dbbox .dbs.ewm-box{ text-align:center; }
	.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.ewm-box img{ max-width: 140px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }

.about_box ul li{ padding: 0 10px;}


/*news*/
.news{ margin-top: 30px;}
.news ul{ margin: 0;}
.news ul li{ width: 100%; padding: 0; float: none !important; margin-bottom: 10px; padding: 0;}
.news ul li .news_box{ padding-bottom: 28px;}
.news ul li.li01{ background: none;}
.news ul li.li02{background: none;}
.news ul li.li02 .news_box{background: none;}
.news ul li.li03{background: none;}

/*title5*/
.title5{ margin-top:20px;}
.wrap{ margin-top: 30px;}

/*pic_box*/
.bg_box{ height: 480px;}
.bg_box2{ height: 240px; width: 100%; position: absolute; left: 0; top: 650px; z-index: -1; background: url(../images/bg2.jpg) center center; background-size: cover;}


}

@media (max-width:640px){

.xiaz a{ margin-left: -73px; bottom: 20px;}

.about_box ul li h3{ font-size: 12px; color: #fff; line-height: 24px;}

/*liuyan*/
.liuyan{ width:100%;}

.ss_box{ width: 100%;}


}


@media (max-width:414px){
.logo .logoimg img{ width: 200px; margin-top: 8px; height:auto;}

.about_box ul li .imgs2 .imgbox{padding-top:16px;}
.about_box ul li{ width: 50%; padding: 0 20px; margin-bottom: 20px;}
.about_box ul li h3{ font-size: 16px; color: #fff; line-height: 40px;}

.xiaz a{ margin-left: -73px; bottom: 5px;}

.news{ margin: 10px 0;}

/*pic*/
.pic ul li{ width: 50%;}

/*news*/
.news2 ul li{ min-height:100px; padding-left:136px;}
.news2 .imgbox{ width:136px; height:100px;}
.news2 .news_text{ padding-left:20px;}
.news2 .news_text .news_ti{ margin-top:10px; height:75px;}

/*ss*/
.ss_box input{ width: 80%;}
.ss_box button{ width: 19% }


.biao_nei img{ width: 260px; height: auto; margin-left: -130px;}

}


@media (max-width:340px){
.about_box ul li .imgs2 .imgbox{padding-top:10px;}
.about_box ul li h3{ font-size: 12px; color: #fff; line-height: 30px;}

.lj_box ul li{ width: 60px; height: 60px; line-height: 60px; display: inline-block; margin: 0 15px;}

}