*{margin:0;padding:0;}
body{  background:#fff; background-size:cover; 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; background: #006fe1; line-height:34px;}
.top_L{float:left; font-size:12px; color:#ddd;}
.top_dianhua{float:right; font-size:18px; color:#fff; background:url(../images/top_dianhua.png) no-repeat 10px center; padding:0 10px 0 30px;}

.header{width:100%; overflow:hidden;background: linear-gradient(to right, #0096ff , #006fe1);}
.logo{width:420px; float:left; padding:18px 0;}
.logo img{ display:block; height:52px;}

.nav {float:right;}
.nav li{float:left; margin-left:10px; height:82px;}
.nav li a{ display:block; height:32px; line-height:32px; overflow:hidden; transition:all 0.4s; color:#fff; font-size:16px; padding:0 10px; margin:25px 0;}
.nav li a:hover{background:#fff; color:#0096ff; border-radius:0px;    border-radius: 10px}
.nav li.on a{background:#fff; color:#0096ff; border-radius:0px;    border-radius: 10px}

/*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:10px; height:10px; border-radius:10px; background:#ee7800; 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:24.89584%;}
.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*/

.gsjj{width:100%; overflow:hidden; background:#f4f4f4; padding:50px 0;}
.gsjj_title{display:block; overflow:hidden; text-align:center; position:relative;}
.gsjj_title::before{content:""; display:block; width:35%; height:1px; background:#999; position:absolute; left:0; top:50%;transform: translateY(-50%);}
.gsjj_title::after{content:""; display:block; width:35%; height:1px; background:#999; position:absolute; right:0; top:50%;transform: translateY(-50%);}
.gsjj_p{display:block; overflow:hidden; line-height:36px; font-size:30px; color:#333; text-transform:uppercase;}
.gsjj_sp{display:block; overflow:hidden; line-height:38px; font-size:26px;   font-weight:bold;}
.gsjj_contect{display:block; overflow:hidden; padding-top:20px; font-size:14px; color:#393939; line-height:26px;}
.gsjj_contect div{ padding-top:20px; width:700px; color:#111;}
.gsjj_contect img{width:435px; float:right; margin-left:20px; height:auto;border-radius: 50px;}
.gsjj_contect a{width:60px; height:60px; float:left;display:block; border-radius:50%;overflow:hidden;   line-height:60px; border:1px solid #046AE3; text-align:center; background:#046AE3; font-size:15px; color:#fff; text-transform:uppercase; margin-top:20px; transition:all 0.4s;}
.gsjj_contect a:hover{background:#fff; color:#046AE3;}

.cpzs{width:100%; overflow:hidden; padding:50px 0;} 

.cpzs_ul{display:block; overflow:hidden; width:1220px; padding-top:25px;}
.cpzs_ul li{width:285px; float:left; margin:0 20px 20px 0;}
.cpzs_ul li .cpzs_img{width:100%; overflow:hidden;}
.cpzs_ul li .cpzs_img::before{content:""; display:block; padding-top:80.70176%;}
.cpzs_ul li .cpzs_txt{display:block; overflow:hidden; height:44px; line-height:44px; background:#dfdfdf; text-align:center; margin-top:1px; font-size:16px; color:#272727; transition:all 0.4s;}
.cpzs_ul li:hover .cpzs_txt{background:#005bc3; color:#fff;}
.cpzs_more{display:block;   padding-top:20px;}
.cpzs_more a{width:60px; display:block; overflow:hidden; height:60px; line-height:60px; border-radius:50%;border:2px solid #0096ff; text-align:center; background: linear-gradient(to right, #0096ff , #006fe1); font-size:16px; color:#fff; text-transform:uppercase; margin:0 auto; transition:all 0.4s; margin-bottom:20px;}
.cpzs_more a:hover{background:#fff; color:#006fe1;}

.footer{width:100%;  background: linear-gradient(to right, #6F6F6F , #15171f);overflow:hidden; color:#fff; line-height:30px; text-align:center; padding:15px 0;}
.footer a{color:#fff; margin:0 15px;}
.footer a:hover{color:#fff; text-decoration:underline !important;}

/*公司简介*/
.main{width:100%; overflow:hidden; padding:50px 0;}
.main_left{width:285px; float:left;}
.about{width:100%; float:left; margin-bottom:40px;}
.about_title{display:block; height:60px; line-height:60px; overflow:hidden;    background: linear-gradient(to right, #6F6F6F , #15171f);font-size:12px; color:#fff; text-transform:uppercase; padding:0 15px;}
.about_title span{font-size:24px; font-weight:bold; padding-right:6px;}
.about_ul{display:block; overflow:hidden;}
.about_ul li{display:block; overflow:hidden; margin-top:10px;}
.about_ul li a{display:block; overflow:hidden; height:40px; line-height:40px; background:#ececec; font-size:16px; color:#4d4d4d; transition:all 0.4s; text-align:left; text-indent:32px;}
.about_ul li a:hover{background:#005bc3; color:#fff;}
.about_ul li.about_on a{background:#005bc3; color:#fff;}

.about_ul dl{ display:none}
.about_ul dl dd{ width:100%; background-position: 94% 50%; padding-left:40px;}
.about_ul dl dd a{  text-align:left; line-height:32px; font-size:14px; color:#000000;}
.about_ul dl dd a:hover{ color:#f00;}



.about_B{display:block; overflow:hidden; padding-top:20px; color:#000; line-height:30px;}
.about_B img{width:100%; display:block; height:auto;}
 

.main_right{width:896px; float:right;}
.dqwz_title{width:100%; float:left; line-height:40px; padding-bottom:3px; background:url(../images/dqwz_heng.jpg) repeat-x left bottom; font-size:14px; color:#a9a9a9;}
.dqwz_title span{color:#005bc3;}
.dqwz_contect{width:100%; float:left; padding-top:20px;}
.company{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
.company img{display:block; max-width:100%; height:auto; margin:0 auto;}

/*产品展示*/
.cpzs_ul1{display:block; overflow:hidden; width:916px;}
.cpzs_ul1 li{width:209px; float:left; margin:0 20px 20px 0;}
.cpzs_ul1 li .cpzs_img{width:100%; overflow:hidden0;border-radius: 16px;}
.cpzs_ul1 li .cpzs_img::before{content:""; display:block; padding-top:80.70176%;}
.cpzs_ul1 li .cpzs_tx2t{display:block; overflow:hidden; height:44px; line-height:44px; background:#dfdfdf; text-align:center; margin-top:1px; font-size:16px; color:#272727; transition:all 0.4s;}
.cpzs_ul1 li .cpzs_txt{ text-align: center; font-size:15px;border-radius:0  0 16px 16px; color:#fff; transition:all 0.7s;height:40px;line-height:40px;background-color:rgba(0,0,0,0.5);}
.cpzs_ul1 li:hover .cpzs_txt{background: linear-gradient(to right, #0096ff , #006fe1); color:#fff;border-radius:0  0 16px 16px;}

.cpxq{display:block; overflow:hidden;}
.cpxq_T{display:block; overflow:hidden; text-align:center; font-size:22px; color:#000; line-height:30px;}
.cpxq_img{display:block; overflow:hidden; padding:15px 0;}
.cpxq_img img{display:block; width:100%; max-width:670px;height:auto; margin:0 auto;}
.cpxq_txt{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}

/*新闻咨询*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; border-bottom:1px dashed #eee; line-height:40px;}
.xw_ul li .xw_sp{float:right; font-size:14px; color:#999999;}
.xw_ul li a{display:block; height:40px; line-height:40px; overflow:hidden; font-size:14px; color:#333;}
.xw_ul li span{font-family:SimSun; font-weight:bold;}
.xw_ul li a:hover{color:#005bc3;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; overflow:hidden; text-align:center; color:#000; font-size:18px; line-height:30px; border-bottom:1px dashed #b6b6b6; padding-bottom:15px;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; color:#888888; font-size:14px; line-height:30px; padding-top:15px;}
.xwxq_txt{display:block; overflow:hidden; color:#000; font-size:14px; line-height:30px; padding-top:15px;}

/*联系我们*/
.contact{display:block;  overflow:hidden;}
.contact_txt{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
.contact_map{display:block; overflow:hidden; padding-top:20px;}
#dituContentmap{width:100%; overflow:hidden; height:380px; 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;}


/*浮动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;
}




.tedian ul{margin: 0; padding: 0 50px; overflow: hidden; width:1200px; margin:0 auto;}
.tedian ul li{float: left; width: 219px; padding: 50px 10px; text-align: center;}
.tedian ul li img{ transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; -moz-transition: All 0.8s ease-in-out; -o-transition: All 0.8s ease-in-out; width:200px; height:200px;border-radius: 50%; border:1px solid #dedede}
.tedian ul li img:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}

<!--产品-->
.cp1_ul{display:block; overflow:hidden;  padding-top:15px;}
.cp1_ul li{width:283px; float:left; margin:0 14px 10px 0; border:1px solid #fff;background:#fff; border-radius:16px;}
.cp1_ul li .cp_img{width:283px; overflow:hidden; position:relative; background:#fff;background:#fff; border-radius:16px;}
.cp1_ul li .cp_img .cp_img_top{padding-top:100%;}
.cp1_ul li .cp_sp{display:block; height:30px; line-height:30px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:15px; color:#333333; padding:0 10px; text-align:center;;}
.cp1_ul li:hover{background: linear-gradient(to right, #0096ff , #006fe1);border-color:#0096ff;background:#fff; border-radius:16px;}
.cp1_ul li:hover .cp_img{}
.cp1_ul li:hover .cp_sp{color:#fff;background: linear-gradient(to right, #0096ff , #006fe1);border-radius:0 0 16px 16px;}