/* CSS Document */
@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@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"}

/* CSS Document */
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body{background:url(../images/body_bj.jpg) repeat; font-family:Arial, 'Microsoft YaHei',SimHei, SimSun; font-size:14px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,input{ margin:0; padding:0;}
li,img,input,em{ list-style:none; border:none; font-style:normal;}
a:link, a:visited{color:#333;text-decoration:none;}
a:hover,a:active{ color:#f00; text-decoration:none;}
a{ text-decoration:none;}
.img-none{display:none;}
.img-position-absolute{position: absolute;top: 0;bottom: 0; left: 0;right: 0; max-width: 100%; max-height: 100%;display: block;margin:auto;padding: auto;}

.header{width:100%; float:left; background:#fff; position:relative; left:0; top:0; z-index:9999999;}
.logo{width:100%; float:left; position:relative;}
.logo a.logo_img{width:60%; float:left; background:#0468ac; padding:10px 1%;}
.logo a.logo_img img{width:90%; float:left; max-width:226px; max-height:60px;}
.icon-menu{float:right; cursor:pointer; width:36px; height:20px; background:url(../images/menu_logo.png) no-repeat center center; background-size:100% 100%; position:absolute;right:1%;top:50%; margin-top:-10px; z-index:9999999;}

.nav{display:none; width:150px;float:left; padding:2px; background:rgba(4, 104, 172, 0.8) none repeat scroll 0 0 !important; background-color:#00397f; position:absolute; right:0; top:100%;}
.nav li{display:block; overflow:hidden; border-bottom:1px solid #fff;}
.nav li a{ display:block; height:40px; line-height:40px; text-align:center; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; transition:all 0.4s; padding:0;}
.nav li a:hover{background:#fff; color:#00397f;}
.nav .on a{background:#fff; color:#00397f;}

.dh{width:100%; overflow:hidden; background:#0468ac; border:1px solid #fff;}
.dh li{width:33.3333%;float:left;}
.dh li a{ display:block; height:40px; line-height:40px; border:1px solid #fff; text-align:center; font-family:"microsoft YaHei"; overflow:hidden;color:#fff; font-size:14px; transition:all 0.4s;}
.dh li a:hover{ color:#0468ac; background:#fff;}

/*banner图*/
.banner{width:100%; float:left; position:relative;}
.banner .banner-imgbox{width:100%; float:left;}
.banner .banner-imgbox .swiper-slide img{width:100%; height:auto; display:block;}
/*END*/

.gsjjbox{width:100%; overflow:hidden; padding:15px 1%;}
.gsjj{width:100%; float:left;}
.gsjj_title{display:block; overflow:hidden; line-height:40px; border-bottom:1px solid #ccc;}
.gsjj_p{float:left; font-size:18px; font-weight:bold; color:#0468ac; margin-right:5px;}
.gsjj_sp{float:left; font-family:Arial; font-size:12px; color:#333; text-transform:uppercase;}
.gsjj_more{width:70px; float:right; padding-top:10px;}
.gsjj_more a{display:block; height:20px; line-height:20px; overflow:hidden; text-align:center; background:#1b91e1; font-family:SimSun; font-size:14px; color:#fff; text-transform:uppercase; transition:all 0.4s;}
.gsjj_more a span{float:right; width:20px; height:20px; background:#39373a; text-align:center;}
.gsjj_more a:hover{background:#39373a;}
.gsjj_more a:hover span{background:#1b91e1;}
.gsjj_txt{display:block; overflow:hidden; padding-top:15px; font-size:14px; color:#333333; line-height:24px;}

.js{width:100%; float:right; margin-top:15px;}
.js_txt{display:block; overflow:hidden; padding-top:15px; font-size:14px; color:#333333; line-height:24px; background:url(../images/js_bj.jpg) no-repeat right bottom;}
.js_txt img{max-width: 100%; float:left; margin-right:10px;}

.pic_ul{width:100%; float:left; margin-top:15px;border-top:1px solid #ccc; border-left:1px solid #ccc;}
.pic_ul li{width:33.3333%; float:left; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 0; text-align:center; line-height:40px; font-size:16px; color:#333333;}
.pic_ul li img{display:block; max-width:100%; height:auto; margin:0 auto;}

.cp{width:100%; overflow:hidden; background:url(../images/cp_bj.jpg) no-repeat center center; background-size:cover; padding:15px 1%;}
.cp_ul{display:block; overflow:hidden; padding-top:15px;}
.cp_ul li{width:48%; float:left; margin:0 1% 10px 1%;}
.cp_ul li a{display:block; overflow:hidden; padding:3px; background:#eeeeee; transition:all 0.4s;}
.cp_ul li a .cp_img{width:100%; overflow:hidden; position:relative; background:#fff;}
.cp_ul li a .cp_img .cp_img_top{padding-top:75%;}
.cp_ul li a .cp_img img{transition:all 1s;}
.cp_ul li a .cp_txt{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:14px; color:#333333; transition:all 0.4s;}
.cp_ul li a:hover{background:#00479d;}
.cp_ul li a:hover .cp_img img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cp_ul li a:hover .cp_txt{color:#fff;}

.case{width:100%; overflow:hidden; padding:15px 1%;}
.case_ul{display:block; overflow:hidden; padding-top:15px;}
.case_ul li{width:48%; float:left; margin:0 1% 10px 1%;}
.case_ul li a{width:100%; float:left; height:100%; position:relative;}
.case_ul li a .case_img_top{padding-top:75%;}
.case_ul li a .case_hover{width:100%; float:left; height:36px; display:flex; align-content:center; align-items:center; justify-content:center; text-align:center; background:rgba(220, 220, 220, 1) none repeat scroll 0 0 !important; background-color:#dcdcdc; font-size:14px; color:#333333; transition:all 0.4s; position:absolute; left:0; bottom:0; z-index:1;}
.case_ul li a:hover .case_hover{ height:100%; background:rgba(0, 71, 157, 0.7) none repeat scroll 0 0 !important; background-color:#00479d; color:#fff; font-size:16px; font-weight:bold;}

.footer{width:100%; float:left; background:url(../images/footer_bj.jpg) no-repeat center center;background-size:cover; padding:10px ; text-align:center; font-size:14px; color:#fff; line-height:24px;}

/*手机底部*/
.hot{width:100%; height:58px; position:fixed; bottom:0; left:0; z-index:9999999999999; border-top:solid 2px #fff; background:#333;}
.hot span{ color:#fff; font-size:16px; line-height:20px; text-align:center !important;}
.hot h6{ font-size:12px; line-height:20px; text-align:center !important;}
.hot .row{margin:0 !important;}
.hot .row div{padding:0 !important;}
.hot .row div a{ display:block; color:#fff; padding:8px 0;}
.hot .row div:hover a{background:#00479d;}
.hot .row div:hover a span{color:#fff;}
.hot .row div:hover a h6{color:#fff;}

.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; border:2px solid #5c8ebe;}
.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/icon/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/icon/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; }
/*END*/

/*关于我们*/
.dqwz{width:100%; overflow:hidden; padding:15px 1%;}
.dqwz_title{display:block; height:50px; line-height:50px; overflow:hidden; background:url(../images/sj_jiantou.png) no-repeat right center #0468ac; font-family:'Microsoft YaHei'; font-size:20px; color:#fff; font-weight:bold; text-indent:20px;}
.about_ul{display:none; overflow:hidden;}
.about_ul li{display:block; overflow:hidden; margin-top:2px;}
.about_ul li a{display:block; height:40px; line-height:40px; overflow:hidden; text-align:center; background:#f2f2f2; font-size:14px; color:#333333; transition:all 0.4s;}
.about_ul li a:hover{background:#0468ac; color:#fff;}
.about_ul li.on a{background:#0468ac; color:#fff;}
.dqwz_contect{display:block; overflow:hidden; padding-top:15px;}
.company{display:block; overflow:hidden; font-size:14px; color:#333333; line-height:30px;}
.company span{font-size:20px; color:#333333; font-weight:bold;}
.company img{display:block; max-width:100%; height:auto; margin:10px auto;}
/*END*/

/*产品中心*/
.cp_ul1{display:block; overflow:hidden;}
.cp_ul1 li{width:48%; float:left; margin:0 1% 10px 1%;}
.cp_ul1 li a{display:block; overflow:hidden; padding:3px; background:#eeeeee; transition:all 0.4s;}
.cp_ul1 li a .cp_img{width:100%; overflow:hidden; position:relative; background:#fff;}
.cp_ul1 li a .cp_img .cp_img_top{padding-top:75%;}
.cp_ul1 li a .cp_img img{transition:all 1s;}
.cp_ul1 li a .cp_txt{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:14px; color:#333333; transition:all 0.4s;}
.cp_ul1 li a:hover{background:#00479d;}
.cp_ul1 li a:hover .cp_img img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cp_ul1 li a:hover .cp_txt{color:#fff;}

.cpxq{display:block; overflow:hidden;}
.cpxq_T{display:block; overflow:hidden; text-align:center; font-size:18px; color:#333333; font-weight:bold; line-height:30px;}
.cpxq_img{display:block; overflow:hidden; padding:15px 0;}
.cpxq_img img{display:block; overflow:hidden; max-width:100%; height:auto; margin:0 auto; border:1px solid #939393;}
.cpxq_txt{display:block; overflow:hidden; font-size:14px; color:#333333; line-height:30px;}
.cpxq_txt img{max-width: 100%;}
/*END*/

/*案例展示*/
.case_ul1{display:block; overflow:hidden;}
.case_ul1 li{width:48%; float:left; margin:0 1% 10px 1%;}
.case_ul1 li a{width:100%; float:left; height:100%; position:relative;}
.case_ul1 li a .case_img_top{padding-top:75%;}
.case_ul1 li a .case_hover{width:100%; float:left; height:36px; display:flex; align-content:center; align-items:center; justify-content:center; text-align:center; background:rgba(220, 220, 220, 1) none repeat scroll 0 0 !important; background-color:#dcdcdc; font-size:14px; color:#333333; transition:all 0.4s; position:absolute; left:0; bottom:0; z-index:1;}
.case_ul1 li a:hover .case_hover{ height:100%; background:rgba(0, 71, 157, 0.7) none repeat scroll 0 0 !important; background-color:#00479d; color:#fff; font-size:16px; font-weight:bold;}
/*END*/

/*新闻中心*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; margin-bottom:10px;}
.xw_ul li a{display:block; overflow:hidden; padding:0 10px; height:42px; line-height:40px; transition:all 0.4s; font-size:16px; color:#333333; transition:all 0.4s; border:1px solid #dedddd;}
.xw_ul li a em{float:left; font-family:SimSun; padding-right:5px;}
.xw_ul li span{float:right;}
.xw_ul li a:hover{background:#00397f; border-color:#00397f; color:#fff;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; overflow:hidden; text-align:center; font-size:18px; color:#333333; font-weight:bold; line-height:40px; border-bottom:1px solid #ccc;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; color:#333333; font-size:12px; padding:10px 0;}
.xwxq_txt{display:block; overflow:hidden; font-size:14px; color:#666666; line-height:30px;}
.xwxq_txt img{display:block; max-width:100%; height:auto; margin:0 auto;}
/*END*/

/*联系我们*/
.contact{display:block;  overflow:hidden;}
.contact_txt{display:block; overflow:hidden; font-size:14px; color:#333; line-height:30px;}
.contact_txt span{font-size:20px; font-weight:bold;}
/*END*/