/*全局*/
body{margin:0;padding:0;font-family:"微软雅黑";background:#fff}
a:link{ color:#666;text-decoration:none;-webkit-transition: all 0.18s ease-out;-moz-transition: all 0.18s ease-out;-ms-transition: all 0.18s ease-out;-o-transition: all 0.18s ease-out;transition: all 0.18s ease-out;}
a:hover{color:#00b0ec;text-decoration:none}
li,ul{margin:0;padding:0;list-style:none}
div{margin:auto}
img{border:0}
form,input{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
p{ margin:0; padding:0}

.con{ width:1200px; margin:0 auto; overflow:hidden}
.head{ width:100%; margin:15px auto}
.logo{ width:409px; float:left}
.nav{ float:right; width:750px; margin:20px auto}
.nav li{ float:left; padding:0 15px; border-right:solid 1px #ddd}
.nav li a{ color:#555}
.nav li:nth-child(7){ padding:0 0 0 15px; border-right:none}
.nav li a:hover,.nav li.cur a{ color:#00b0ec}

.middle,.product,.product_ul,.enterprise,.footer{ width:100%; overflow:hidden; margin:0 auto}
.product .product_top{ background:#e9e9e9; line-height:26px; width:98%; padding:0.5% 1%; margin:15px auto; font-size:14px; color:#858484}
.product .product_top b{ font-weight:normal}
.product .product_top a{ color:#858484; font-size:13px; margin:0 4px}
.product .product_top a:hover{ color:#00b0ec}

.product_ul ul{ width:100%; overflow:hidden; margin:1% auto 0}
.product_ul li{ width:180px; float:left; text-align:center; margin:0 10px 10px}
.product_ul li img{vertical-align: middle; margin:0 auto; height:149px}
.product_ul li span{ width:100%; overflow:hidden; display:block; color:#555; margin:10px auto; font-size:14px; line-height:24px;-webkit-transition: all 0.18s ease-out; -moz-transition: all 0.18s ease-out; -ms-transition: all 0.18s ease-out; -o-transition: all 0.18s ease-out; transition: all 0.18s ease-out; height:42px;}
.product_ul li a:hover span{ color:#00b0ec}

.enterprise{ margin:15px auto 0}
.About{ float:left; width:494px;}
.title{ width:100%; background:url(../img/title_bg.jpg) left bottom no-repeat; height:42px; overflow:hidden; margin:0 auto }
.title h3{ float:left; width:50%; font-weight:normal;}
.title h3 strong{font-weight: normal;color: #999;text-transform: uppercase;}
.title span{ float:right; background:url(../img/more.png) no-repeat right center; margin:10px auto 0}
.title span a{ color:#bebcbd; font-size:13px; padding-right:20px;}
.title span a:hover{ color:#00b0ec}

.About_con{ width:100%; overflow:hidden; margin:18px auto 0}
.About_con img{ width:152px; float:left}
.About_con p{ float:left; color:#666; line-height:26px; font-size:14px; width:330px; margin:0 auto 0 12px;}


.dianxing{ width:343px; float:left; margin:0 10px;}
.dianxing .title{background:url(../img/title_bg1.jpg) left bottom no-repeat;}

.dianxing_con{ background:url(../img/dx_bg.jpg) no-repeat; width:70%; margin:18px auto 0; overflow:hidden; padding:10% 25% 6% 5%;}
.dianxing_con li{ float:left; width:100px; margin:0 auto 18px; text-align:center}
.dianxing_con li a{ color:#747474; font-size:14px; line-height:32px}
.dianxing_con li a:hover{color:#00b0ec}
.dianxing_con li span{ width:36px; height:36px; margin:0 auto; display:block}
.dianxing_con li.li_a span{ background:url(../img/d1.png) no-repeat center}
.dianxing_con li.li_a:hover span{ background:url(../img/d1_h.png) no-repeat center}
.dianxing_con li.li_b span{ background:url(../img/d2.png) no-repeat center}
.dianxing_con li.li_b:hover span{ background:url(../img/d2_h.png) no-repeat center}
.dianxing_con li.li_c span{ background:url(../img/d3.png) no-repeat center}
.dianxing_con li.li_c:hover span{ background:url(../img/d3_h.png) no-repeat center}
.dianxing_con li.li_d span{ background:url(../img/d4.png) no-repeat center}
.dianxing_con li.li_d:hover span{ background:url(../img/d4_h.png) no-repeat center}

.news{ width:343px; float:left; margin:0;}
.news_con ul{ width:100%; margin:2% auto}
.news_con li a{ color:#555; background:url(../img/li_bg.png) no-repeat left center; padding-left:10px; line-height:30px; font-size:14px;}
.news_con li a span{ float:right}
.news_con li a:hover{ color:#00b0ec}

.news_con li.li_one{ width:100%; margin:22px auto 7px; padding:0 0 10px; overflow:hidden; border-bottom: dashed 1px #eeeeee}
.news_con li.li_one a{ background:none; padding-left:0}

.news_con li .li_img{ float:left; width:101px; height:96px}
.news_con li .li_con{ float:right; width:230px;}
.news_con li .li_con h3{ font-weight:normal}
.news_con li .li_con h3 a{ font-size:15px; color:#595959}
.news_con li .li_con p{ font-size:14px; line-height:22px; color:#898989}

.news_con li .li_con p a{ width:100%; color:#41bbee; display:block}
.news_con li .li_con p a:hover,.news_con li .li_con h3 a:hover{ color:#0d9fdc}

.footer{ margin:30px auto 0}
.footer_con{ border-top:solid 1px #00b0ec; width:1600px; margin:0 auto; color:#595959; padding:15px 0; font-size:14px}
.footer_l p{ line-height:30px; height:30px;}
.footer_con p a{ color:#777}

.footer_l{ float:left; width:50%}
.footer_r{ float:right}

.footer_r a{ color:#595959}
.footer_con p a:hover{ color:#00b0ec}

table{border-collapse:collapse;border-spacing:0;font-size:14px; color:#444; margin:15px auto}
table td{text-align:center;padding:5px 0}

.Box-one_md{ width:100%; overflow:hidden; margin:20px auto}
.Box-one_md ul li{ width:22%; float:left; text-align:center; margin:0 1.5% }
.Box-one_md ul li .tp_pic{ width:100%}
.Box-one_md ul li H3{ font-size:18px;font-weight:500; padding:6px 0;}
.Box-one_md ul li p{ width:100%; line-height:24px;}

#pages{float:left;width:100%;margin:20px 0 50px;text-align:center; font-size:14px}
#pages span{border:0 #008ed8 solid;padding:5px 10px;margin:0 5px;background:#008ed8;color:#fff}
#pages a{border:1px #bbb solid;padding:5px 10px;color:#666;margin:0 5px}
#pages a:hover{color:#fff;background:#008ed8}


#iconWall{width:100%;margin:0 auto;overflow:hidden;padding:1px 0 10px 1px;}
#iconWall li{width:33%;float:left; text-align:center;padding:5px 0;}
#iconWall li img{vertical-align:middle; height:180px}
#iconWall li p{width:100%;font-size:14px; line-height:32px;color:#000;text-align:center; margin:6px auto}
#iconWall li a:hover p{ color:#0d9dd1}

#iconWall li .pr_img{border:1px solid #eee; padding:5px 0}

.case_list h2{ font-size:22px; height:2em; line-height:2em; font-weight:bold; width:100%; overflow:hidden; margin:10px auto 0}
.case_list h2 a{ color:#0d9dd1;}

.product_detail h3 {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    margin: 5px auto 15px;
}
.prdfuct_l{float:left;width:380px; text-align:center; }
.prd_img{border:solid 1px #ccc; padding:5px 0}
.prdfuct_l img{overflow:hidden; max-height:380px; max-width:100%;vertical-align: middle;}
.prdfuct_r{float:right;width:440px}
.product_detail h3{font-size:20px;color:#000;font-weight:700;margin:5px auto 15px;}
.prdfuct_r table{text-align:left; line-height:34px; margin:0 auto}
.prdfuct_r table th{width:18%;text-align:center;font-weight:400;color:#000;font-size:13px}
.prdfuct_r table td{text-align:left;padding:4px 5px;font-size:13px;line-height:22px}
.prdfuct_anniu{width:100%;overflow:hidden;margin:15px auto}
.prdfuct_anniu span{ font-size:22px; color:#008ed8; line-height:40px; display:block; float:left; background:url(../img/phone_h.png) no-repeat; padding-left:43px; height:40px; background-size:36px; margin-left:8px; margin-top:15px;}

.prdfuct_anniu a{border:solid 1px #008ed8;width:130px;height:40px;line-height:40px;text-align:center;color:#008ed8;font-size:14px;margin:0 8px;display:block;float:left}
.prdfuct_anniu a.a_anniu,.prdfuct_anniu a:hover{background:#008ed8;color:#fff}
.prdfuct_anniu a.a_anniu:hover{background:#0679b5}
.prodetail_con{width:100%;overflow:hidden;margin:0 auto;padding:0}
.prodetail_con .prodetail_tit{width:100%;overflow:hidden;line-height:36px;color:#333;font-size:22px;margin:0 auto;padding:10px 0;border-bottom:1px solid #dfdfdf}
.prodetail_con .pro_xxjs{width:100%;overflow:hidden;margin:20px auto;padding:0}
.pro_xxjs b{display:block;width:100%;overflow:hidden;line-height:26px;color:#333;font-size:14px;font-weight:700;margin:20px auto 0;padding:0}
.pro_xxjs p{display:block;width:100%;overflow:hidden;line-height:26px;color:#666;font-size:14px;margin:0 auto;padding:0}
.pro_form{width:920px;overflow:hidden;margin:40px auto 20px;padding:0}
.pro_form ul li{width:920px;overflow:hidden;margin:0 auto 20px;padding:0}
.pro_form ul li p{width:70px;height:40px;overflow:hidden;line-height:40px;color:#666;font-size:14px;margin:0;padding:0 10px 0 0;float:left}
.pro_form ul li .pro_fmipt{width:838px;overflow:hidden;border:1px solid #dfdfdf;padding:0;margin:0;position:relative}
.pro_form ul li .pro_fmbtn{width:840px;overflow:hidden;padding:0;margin:20px 0 0;float:left}
.pro_fmipt input,.pro_fmipt select{display:block;width:100%;height:40px;overflow:hidden;line-height:30px;color:#666;font-size:14px;border:none;outline:0;margin:0;padding:4px 19px;box-sizing:border-box}
.pro_fmbtn input{display:block;width:360px;height:45px;overflow:hidden;line-height:45px;color:#fff;font-size:16px;background-color:#607783;border:none;outline:0;margin:0;padding:0 19px;box-sizing:border-box;float:left}

.pro_fmbtn input.tj{margin:0 40px 0 0;background-color:#008ed8; cursor:pointer;    -webkit-transition: all 0.18s ease-out;
    -moz-transition: all 0.18s ease-out;
    -ms-transition: all 0.18s ease-out;
    -o-transition: all 0.18s ease-out;
    transition: all 0.18s ease-out;
}
.pro_fmbtn input.tj:hover{ background-color:#0677b2}

.pro_form ul li .fm_half{width:450px;margin:0 20px 0 0;float:left}
.pro_form ul li .fm_half:nth-child(2n+2){margin:0}
.pro_form ul li .fm_half .pro_fmipt{width:368px}
.pro_fmipt textarea{display:block;width:100%;height:140px;overflow:hidden;line-height:30px;color:#666;font-size:14px;border:none;outline:0;resize:none;margin:0;padding:4px 19px;box-sizing:border-box}
.pro_fmipt a{display:block;width:100px;height:40px;overflow:hidden;position:absolute;top:0;right:0}
.pro_fmipt a img{display:block;width:100px;height:40px;margin:0 auto;padding:0}

@media all and (max-width:1200px) {
	.con{ width:96%; margin:0 auto}
	
}

.case_list_hz{ width:100%; overflow:hidden; margin:20px auto}
.case_list_hz li{float:left;width:31.33%;margin:0 1% 2%;text-align:center;font-size:15px;line-height:32px}
.case_list_hz li img{width:100%;border:solid 1px #f5f5f5;-webkit-transition:all .18s ease-out;-moz-transition:all .18s ease-out;-ms-transition:all .18s ease-out;-o-transition:all .18s ease-out;transition:all .18s ease-out}
p{-webkit-transition:all .18s ease-out;-moz-transition:all .18s ease-out;-ms-transition:all .18s ease-out;-o-transition:all .18s ease-out;transition:all .18s ease-out}
.case_list_hz li a p{ color:#666; margin:6px auto 0}
.case_list_hz li a:hover p{color:#008ed8}
.case_list_hz li a:hover img{border:solid 1px #008ed8}


/* flexslider */
.flexslider{position:relative;height:456px;overflow:hidden;background:url(../img/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:456px;}
.flex-control-nav{position:absolute;bottom:0;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; display:none;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) center center no-repeat;}

.flexslider:hover .flex-direction-nav{ display:block}





.subNavBox{width: 240px;
    border: 5px solid #0d9dd1;
    border-top: none;
    padding-bottom: 20px;}
.subNav{border-bottom: dashed 1px #ddd;cursor:pointer;font-weight:bold;font-size:14px;color:#999;line-height:45px; height:45px; padding-left:10px;background:url(../img/jiantou1.jpg) no-repeat;background-position:95% 50%}
.subNav a,.subNav{ color:#777}
.subNav a:hover,.subNav:hover{color:#00b0ec;}
.currentDd a,.currentDd{color:#00b0ec}
.currentDt{background-image:url(../img/jiantou.jpg);}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}
.navContent li a{display:block;heighr:40px;text-align:center;font-size:14px;line-height:40px;color:#333}
.navContent li a:hover,.navContent li.cur a{color:#fff;background-color:#00b0ec}