*{margin:0;padding:0;}
body{  background:#fff; 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,dl,dd{ margin:0; padding:0;}
li,img,input,em{ list-style:none; border:none; font-style:normal; outline:none;}
a:link, a:visited{color:#333;text-decoration:none;}
a:hover,a:active{ color:#f00; text-decoration:none;}
a{ text-decoration:none;}

.wrap{width:1200px; margin:0 auto;}
.img-none{display:none !important;}
.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;}
#bigbox{width:100%; min-width:1220px; float:left;}

.topbox{width:100%; overflow:hidden; line-height:26px; font-size:12px; color:#fff; border-bottom:1px solid #fff; background:#0468ac;}
.top_L{float:left;}
.top_R{float:right; font-size:14px; font-weight:bold; padding-left:30px; background:url(../images/top_dianhua.png) no-repeat left center; background-size:25px 25px;}

.header{width:100%; overflow:hidden; background:#fff; border-bottom:1px solid #fff;}
.logo{width:254px; float:left; padding:24px 0; position:relative;}
.logo img{width:275px; float:left; display:block; height:60px; position:relative; z-index:1;}
.logo::before{content:""; width:2000px; float:left; height:100%; background:#0468ac; position:absolute; right:0; top:0;}
.logo::after{content:"";width:0; height:0; border-left:66px solid #0468ac; border-top:0 solid transparent; border-bottom:108px solid transparent; position:absolute; right:-66px;top:0;}

.nav{float:right;}
.nav li{float:left; margin-left:15px;}
.nav li a{ display:block; height:108px; line-height:108px; text-align:center; overflow:hidden; font-size:16px; color:#333333; font-weight:bold; transition:all 0.4s; padding:0 20px;}
.nav li a:hover{background:#0468ac; color:#fff;}
.nav .on a{background:#0468ac; color:#fff;}

/*banner*/
.banner{width: 100%; overflow:hidden; height:auto; position:relative;}
.banner .slideBox{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner .slideBox .hd{width:100%; overflow:hidden; position:absolute; left:0; bottom:5px; z-index:1; }
.banner .slideBox .hd ul{width:100%; overflow:hidden; zoom:1; float:left; text-align:center;}
.banner .slideBox .hd ul li{display:inline-block; width:14px; height:14px; border-radius:10px; background:#0468ac; margin:0 3px; cursor: pointer; opacity:0.5; cursor:pointer; }
.banner .slideBox .hd ul li.on{opacity:1;}
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;}
.banner .slideBox .bd li{width:100%; overflow:hidden;}
.banner .slideBox .bd li .banner_img_top{padding-top:25%;}
.banner .slideBox .prev{width:32px; height:52px; float:left; background:url(../images/prev.jpg) no-repeat center center; position:absolute; left:10px; top:50%;margin-top: -26px; z-index:9999; opacity:0;}
.banner .slideBox .next{width:32px; height:52px; float:left; background:url(../images/next.jpg) no-repeat center center; position:absolute; right:10px; top:50%;margin-top: -26px; z-index:9999; opacity:0;}
.banner:hover .slideBox .prev{opacity:1;}
.banner:hover .slideBox .next{opacity:1;}
/*END*/

.gsjjbox{width:100%; overflow:hidden; padding:50px 0;}
.gsjj{width:720px; float:left;}
.gsjj_title{display:block; overflow:hidden; line-height:50px; border-bottom:1px solid #ccc;}
.gsjj_p{float:left; font-size:20px; font-weight:bold; color:#0468ac; margin-right:10px;}
.gsjj_sp{float:left; font-family:Arial; font-size:14px; color:#333; text-transform:uppercase;}
.gsjj_more{width:85px; float:right; padding-top:13px;}
.gsjj_more a{display:block; height:24px; line-height:24px; 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:24px; height:24px; 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:420px; float:right;}
.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{width:140px; float:left; margin-right:10px;}

.pic_ul{width:100%; float:left; padding-top:50px;}
.pic_ul li{width:199px; float:left; border-right: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;}
.pic_ul li:last-child{border-right:none;}

.cp{width:100%; overflow:hidden; background:url(../images/cp_bj.jpg) no-repeat center center; background-size:cover; padding:40px 0;}
.cp_ul{display:block; overflow:hidden; width:1220px; padding-top:40px;}
.cp_ul li{width:285px; float:left; margin:0 20px 20px 0;}
.cp_ul li a{display:block; overflow:hidden; padding:5px; 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:84%;}
.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:16px; 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:50px 0;}
.case_ul{display:block; overflow:hidden; width:1245px;}
.case_ul li{width:370px; float:left; margin:0 45px 0 0;}
.case_ul li a{width:100%; float:left; height:100%; position:relative;}
.case_ul li a .case_img_top{padding-top:64.324325%;}
.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:#0468ac; padding:15px 0; text-align:center; font-size:14px; color:#fff; line-height:30px;}
.footer a{color:#fff; margin:0 13px;}
.footer a:hover{color:#fff; text-decoration:underline;}

/*公司简介*/
.main{width:100%; overflow:hidden; padding:50px 0;}
.main_left{width:265px; float:left;}
.about{width:100%; float:left;}
.about_title{display:block; overflow:hidden; background:#00397f; color:#fff; text-align:center; padding:15px 0;}
.about_p{display:block; overflow:hidden; line-height:40px; font-size:30px; font-weight:bold;}
.about_sp{display:block; overflow:hidden; line-height:30px; font-size:14px; text-transform:uppercase;}
.about_ul{display:block; overflow:hidden; border:2px solid #bfbfbf; border-top:none;border-bottom:1px solid #bfbfbf;}
.about_ul li{display:block; overflow:hidden; border-bottom:1px solid #bfbfbf;}
.about_ul li a{display:block; height:70px; line-height:70px; text-align:center; overflow:hidden; font-size:16px; color:#333333; transition:all 0.4s; }
.about_ul li a:hover{background:#00479d; color:#fff;}
.about_ul li.about_on a{background:#00479d; color:#fff;}

.main_right{width:875px; float:right;}
.dqwz_title{width:100%; float:left; line-height:50px; border-bottom:2px solid #ccc;}
.dqwz_p{float:left; font-size:24px; color:#00479d; font-weight:bold;}
.dqwz_nav{float:right;}
.dqwz_nav a{font-size:14px; color:#555;}
.dqwz_nav a:hover{color:#00479d; text-decoration:underline;}
.dqwz_contect{width:100%; float:left; padding-top:20px;}
.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; width:885px;}
.cp_ul1 li{width:285px; float:left; margin:0 10px 10px 0;}
.cp_ul1 li a{display:block; overflow:hidden; padding:5px; 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:84%;}
.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:16px; 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;}
/*END*/

/*案例展示*/
.case_ul1{display:block; overflow:hidden;}
.case_ul1 li{width:370px; float:left; margin:0 33px 30px 33px;}
.case_ul1 li a{width:100%; float:left; height:100%; position:relative;}
.case_ul1 li a .case_img_top{padding-top:64.324325%;}
.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;}
.contact_map{display:block; overflow:hidden; padding-top:20px;}
#dituContentmap{width:100%; overflow:hidden; height:400px; border:1px solid #ccc;}
.iw_poi_title {color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap;}
.iw_poi_content {font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word;}
/*END*/

/*浮动QQ*/
.open{width:31px; height:110px; background:url(../images/openTrigger.jpg) no-repeat center center; position:fixed; right:0; top:150px;z-index:9999; cursor:pointer;}
.off{width:24px; height:24px; background:url(../images/closeBtnImg.gif) no-repeat center center; position:fixed; right:-5px; top:140px;z-index:9999; cursor:pointer;}
.fix_qq { display:none;
position: fixed;
right: 0px;
top: 150px;
width: 93px;
height: 122px;
z-index:9999;
background: url(../images/qq_01.png) no-repeat;}
.fix_qq_top {
height: 122px;
background: url(../images/qq_01.png) no-repeat;
}
.fix_qq_center {
background: url(../images/qq_02.png) repeat-y;
text-align: center;
}
.fix_qq_foot {
height: 4px;
background: url(../images/qq_04.png) no-repeat;
}

.main_left_nav{margin-top:10px;}
.main_left_nav li{ line-height:40px;margin-top:5px;
	
	background:#f3f3f3;

}
.main_left_nav li a{ color:#555; font-size:18px; display:block;/*padding-left:10px;*/font-family:'Microsoft YaHei';}
.main_left_nav li:hover a{ background:#0075d1; color:#fff;}
.main_left_nav li.on a{ background:#0075d1; color:#fff;}
.main_left_nav li ul{ display:none;text-align: center}
.main_left_nav li ul li{margin-top:0px;}
.main_left_nav li ul li a{ background:rgba(255,255,255,0.7) !important; /*text-indent:2em;*/ color:#787878 !important; font-size:16px !important;border-bottom: 1px #999 dashed;font-family:'Microsoft YaHei';text-align: center!important;}
.main_left_nav li ul li a:hover{ color: #000 !important; }
.main_left_nav li:hover ul{ display:block;}