/*css reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:13px arial,\5b8b\4f53;}
header, section, footer, aside, nav, main, article, figure {display: block;}
h1,h2,h3,h4,h5,h6{font-size:100%; color:#333;}
h3{ font-weight:normal;}
form{display:inline;}
ul,ol,li{list-style:none;}
i{ font-style:normal; font-weight:normal;}
em{ font-style:normal;}
body{color:#666;font-family:"思源黑体 CN","宋体","Source Sans Pro","Microsoft JhengHei","Helvetica Neue","Hiragino Sans GB",Arial,"SimSun",sans-serif; background:#fff;}
a{text-decoration:none;color:#666;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
a:hover{text-decoration:none;color:#01b6eb;}
img{vertical-align:top;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%;}
input,button,select,textarea{outline:none;}
table{border-collapse:collapse;border-spacing:0;}
textarea{resize:none;}
html>/**/body .clearfix{overflow:hidden;}
.clearfix{zoom:1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*public*/
.fl{ float:left;}
.fr{ float:right;}
.box1200{ width:1200px; margin:0 auto;}
.h100{ display:none;}
.absolute{ position:absolute;}
.relative{ position:relative;}
.all_img a img{cursor: pointer;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.all_img a:hover img{transform: scale(1.1);}
/*header*/
.header{display:none}
.pub-t{padding: 60px 0 35px;text-align:center}
.pub-t h2{font-size: 44px;font-weight: bold;color: #000;}
.pub-t i{width: 115px;height: 1px;background: url(../images/line.png) center no-repeat; margin-bottom: 10px;}
.pub-t p{color: #999;}
.icon{display: inline-block;background-repeat: no-repeat;background-position: center;}
.tophead{width:100%;height:30px;background:#f5f5f5;}
.top_head{width:1200px;height:30px;margin:auto;}
.top_left{height:30px;line-height:30px;float:left;font-size:12px;}
.top_head ul{height:30px;float:right;}
.top_head ul li{height:30px;line-height:30px;float:left;font-size:12px;}
.top_head ul li a{font-size:12px;line-height:30px;}
.top_head ul li span{padding:0px 9px;font-size:12px;line-height:30px;}
.top_head ul li b{color:#272727;font-size:14px;}
.top_head ul li.en{background:#01b6eb;margin-left:10px;width:65px;text-align:center;}
.top_head ul li.en a{color:#fff;width:100%;height:100%;display:block;}
.contain{width:1200px;margin:auto;}
.top{width:100%;height:82px;border-bottom:1px solid #f0f0f0;}
.top .contain .logo{float:left;margin-top:12px;font-size:0px;}
.top .phone{width:213px;height:31px;float:right;margin-top:26px;}
.top .phone .line{height:31px;border-right:1px solid #eaeaea;margin-left:10px;margin-right:9px;float:left;}
.top .phone p{line-height:1;float:left;color:#01b6eb;position:relative;top:-1px;}
.top .phone span{float:left;font-size:16px;color:#01b6eb;font-weight:bold;margin-top:0px;}
.top form{float:right;width:372px;height:40px;margin-right:49px;margin-top:22px;}
.top .keywords{width:261px;height:38px;padding-left:20px;border:1px solid #dcdcdc;border-right:none;}
.top .btn{width:90px;height:40px;background:#01b6eb;color:#fff;border:none;cursor:pointer;}
.nav{width:1200px;height:53px;margin:auto;}
.navul li{height:53px;line-height:50px;float:left;margin-right:50px;position:relative;}
.navul li:first-child{width:65px;text-align:center;}
.navul li img{position:relative;top:-2px;vertical-align:middle}
.navul li.cur>a{color:#01b6eb;}
.navul li a:hover{color:#01b6eb;}
.navul li .nson{position: absolute;left: -14px;top:50px;z-index: 1000;display:none;width: 100px;border-top:3px solid #01b6eb;overflow: hidden;background: #fff;box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);}
.navul li .nson a{transition:all 0.36s ease;display:block;width:100px;text-align:center;line-height:35px;height:35px;border-bottom: 1px solid rgba(170,170,170,.2);}
.navul li .nson a:hover{background:#01b6eb;color:#fff;}
.en_nav li .nson{width:140px;}
.en_nav li .nson a{width:140px;overflow:hidden;font-size:12px;}





/*index_contact*/
.index_contact{ background:url(../images/index_contact_bg.jpg) top no-repeat; height:465px; overflow:hidden;border-top:#ddd 1px solid}
.index_contact .index_contact_list{ margin-left:-30px;}
.index_contact .index_contact_list li{ background:rgba(221,221,221,0.6); width:380px; height:200px; overflow:hidden; float:left; margin-left:30px; cursor:pointer;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; text-align:center;}
.index_contact .index_contact_list li:hover{background:rgba(7,136,241,0.9); color:#fff;}
.index_contact .index_contact_list .icon{-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; display:block; margin:46px auto 25px auto;}
.index_contact .index_contact_list .add .icon{ background:url(../images/add_icon.png) 0 0 no-repeat; width:44px; height:64px;}
.index_contact .index_contact_list li:hover.add .icon{ background:url(../images/add_icon.png) 0 -64px no-repeat;}
.index_contact .index_contact_list .tel .icon{ background:url(../images/tel_icon.png) 0 0 no-repeat; width:52px; height:64px;}
.index_contact .index_contact_list li:hover.tel .icon{ background:url(../images/tel_icon.png) 0 -64px no-repeat;}
.index_contact .index_contact_list .email .icon{ background:url(../images/email_icon.png) 0 0 no-repeat; width:58px; height:64px;}
.index_contact .index_contact_list li:hover.email .icon{ background:url(../images/email_icon.png) 0 -64px no-repeat;}
/*footer*/
.footer{ background:#333; height:50px; line-height:50px; width:100%; color:#ccc; font-size:12px;}
.footer a{ color:#ccc;}
.footer .fl a{ margin-right:2px;}
.footer .fl a:hover{ color:#fff;}
/*fixed_tool*/
.fixed_tool{ position:fixed; bottom:20px; right:20px; width:56px;z-index:999; background:#fff;-moz-box-shadow:0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2); box-shadow:0 0 5px rgba(0,0,0,0.2); text-align:center; font-size:12px; padding:10px 0;}
.fixed_tool .pub{ display:block; padding:10px 0;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; position:relative; cursor:pointer;}
.fixed_tool .pub:hover{ color:#01b6eb;}
.fixed_tool .icon{ display:block;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; margin:0 auto;}
.fixed_tool .qq .icon{ width:22px; height:22px; background:url(../images/tool_user.png) 0 0 no-repeat;}
.fixed_tool .qq:hover .icon{background:url(../images/tool_user.png) 0 -22px no-repeat;}
.fixed_tool .ewm .icon{ width:22px; height:22px; background:url(../images/tool_ewm.png) 0 0 no-repeat;}
.fixed_tool .ewm:hover .icon{background:url(../images/tool_ewm.png) 0 -22px no-repeat;}
.fixed_tool .text{ display:block; width:100%; line-height:24px;}
.fixed_tool .line{ width:40px; height:1px; font-size:0; background:#eee; margin:0 auto;}
.fixed_tool .btn_top{ width:22px; height:12px; background:url(../images/top_icon.png) 0 0 no-repeat; font-size:0; margin:10px auto; cursor:pointer; display:block;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.fixed_tool .btn_top:hover{background:url(../images/top_icon.png) 0 -12px no-repeat;}
.fixed_tool .qq_box{ position:absolute; z-index:99; background:#fff; border:1px #eee solid; padding:15px 15px 5px 15px; width:130px; text-align:left; display:none; top:-10px; right:56px;}
.fixed_tool .qq_box p{ margin-bottom:10px;}
.fixed_tool .ewm_box{position:absolute; z-index:99; background:#fff; border:1px #eee solid; padding:15px; display:none; bottom:-9px; right:56px;}
.footer_menu{ display:none;}

@media screen and (max-width:720px){
   body{ font-size:12px;}
 
   .box1200{ width:100%; margin:0;}
   #head{display:none}
.header{ display:block;background:rgba(255,255,255,0.9); width:100%; height:80px; position:fixed;min-width:1200px;-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.3); box-shadow:0px 1px 5px rgba(0,0,0,0.3); z-index:999;-webkit-transform: translateZ(0);}
.header .box1200{ position:relative;}
/*logo*/
.header .logo{ margin-top:10px;}
/*nav*/
.header .nav{ margin-left:30px;}
.header .nav ul li{ display:inline-block;width:96px; height:80px; line-height:80px; font-size:16px; text-align:center; margin-left:1px;}
.header .nav ul li a{ display:block; position:relative; z-index:2; color:#666;}
.header .nav ul li p{ position: relative;width:96px; height:80px; display:block;z-index:1; top:0;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.header .nav ul li a:hover{color:#fff;}
.header .nav ul li:hover p{ background:#01b6eb; top:-80px;}
.header .nav .this a{ color:#fff;}
.header .nav .this p{background:#01b6eb; top:-80px;}
.appmenu ,.nav_mobile{ display:none;}
/*search*/
.search{ background:#fff; border:1px #ccc solid; border-radius:60px; width:250px; height:31px; position:absolute; z-index:99; right:0; top:24px; display:none; padding-left:10px;}
.search .text{ border:none; width:180px; height:31px; line-height:31px; background:none; margin-left:36px;}
.search .button{ background:url(../images/search_but.png) no-repeat; width:24px; height:24px; position:absolute; top:3px;border:none; cursor:pointer;}
.search .close{ position:absolute;top:3px; left:10px; cursor:pointer;}
/*header_inp*/
.header_inp{ margin-top:24px;}
.header_inp a{ display:block; float:left;}
.header_inp .search_inp{ background:#ccc; width:32px; height:32px; line-height:32px; text-align:center; border-radius:100%;}
.header_inp .search_inp:hover{ background:#3c78b0;}
.header_inp .en_inp{ font-size:14px; line-height:32px; margin-right:10px; color:#333;}
/*.header_inp .en_inp{ background:url(../images/en-icon.png) no-repeat; display:block; font-size:0;margin-left:10px;}
.header_inp .en_inp:hover{}*/
/*index_tit*/

   .header{ position: fixed; width:100%; min-width:100%; height:60px;}
   .header .clearfix{ overflow:visible;}
   .header .nav{ display:none;}
   .header .logo{ margin-top:15px; margin-left:15px;}
   .header .logo img{ width:240px;}
   .header_inp{ margin-top:15px; margin-right:60px;}
   .search{right:40px; top:70px; display:none; padding-left:10px;}
   .banner{ padding-top:60px;}
   .index_pro .bd ul{background-size:cover;}
   .pub-t{padding:20px 0}
   .pub-t h2{font-size:32px;}
   /*index_contact*/
   .index_contact{ height:auto;padding-bottom:40px;}
   .index_contact .index_contact_list{ margin-left:0; }
   .index_contact .index_contact_list li{width:85%; height:auto; overflow:hidden; float:none; margin:0 auto;background:none;text-align:left;}
   .index_contact .index_contact_list .icon{ margin:15px auto 10px auto; }
   .index_contact .index_contact_list .add .icon{ background:url(../images/add_icon.png) 0 0 no-repeat; width:25px; height:37px; background-size:cover;float:left; margin-right:24px;}
   .index_contact .index_contact_list li:hover.add .icon{ background:url(../images/add_icon.png) 0 -37px no-repeat;background-size:cover;}
   .index_contact .index_contact_list .tel .icon{ background:url(../images/tel_icon.png) 0 0 no-repeat; width:30px; height:37px;background-size:cover;float:left; margin-right:19px;}
   .index_contact .index_contact_list li:hover.tel .icon{ background:url(../images/tel_icon.png) 0 -37px no-repeat;background-size:cover;}
   .index_contact .index_contact_list .email .icon{ background:url(../images/email_icon.png) 0 0 no-repeat; width:34px; height:37px;background-size:cover;float:left; margin-right:15px;}
   .index_contact .index_contact_list li:hover.email .icon{ background:url(../images/email_icon.png) 0 -37px no-repeat;background-size:cover;}
   .index_contact .index_contact_list .text{ font-size:12px; float:left; margin:25px 0 0 0; width:80%;}
   .footer{ text-align:center; font-size:12px;height:auto;line-height:20px;padding:10px 20px;width:auto}
   .footer .fl{ display:none;}
   .footer .fr{ float:none;}
   /*appmenu*/
   .appmenu {display:block; position:absolute; top:0.2rem; right:10px; cursor:pointer; overflow:hidden; width:40px; height:36px; background:#01b6eb; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
   .appmenu_in {width:22px; height:14px; position:absolute; top:11px; left:9px;}
   .icon-bar {display:block; width:22px; height:2px; border-radius:1px; background:#fff; margin-bottom:4px;}
   .icon-bar-last {margin-bottom:0;}
   /*nav_mobile*/
   .nav_mobile{ position:absolute; top:60px; width:100%; display:none; background:rgba(53,53,53,0.95);}
   .nav_mobile ul li a{ display:block; height:50px; line-height:50px; width:100%; padding-left:20px; border-top:1px rgba(85,85,85,0.6) solid; color:#fff; font-size:14px;}
   .fixed_tool{ display:none;}
   /*footer_menu*/
   .footer_menu{ background:#3c3c3c; padding-bottom:20px; font-size:14px; display:block;}
   .footer_menu ul li{ display:block;width:100%; margin:0 auto; color:#ccc;}
   .footer_menu ul li span{ padding-left:15px;display:block; background:url(../images/jia.png) 96% 19px no-repeat; height:50px; line-height:50px; border-bottom:1px #555 solid;}
   .footer_menu ul li span a{color:#ccc; display:block;}
   .footer_menu_con{ display:none;}
   .footer_menu_con a{ color:#fff; font-size:12px; display:block; height:40px; line-height:40px; background:#494949; padding:0 15px; border-bottom:1px #595959 solid;}
}
@media screen and (min-width:720px) and (max-width:1024px){
   body{ font-size:12px;}
   .box1200{ width:100%; margin:0;}
   .header{ position: fixed; width:100%; min-width:100%; height:60px;}
   .header .clearfix{ overflow:visible;}
   .header .nav{ display:none;}
   .header .logo{ margin-top:20px; margin-left:15px;}
   .header .logo img{ width:150px; height:20px;}
   .header_inp{ margin-top:15px; margin-right:60px;}
   .search{right:40px; top:70px; display:none; padding-left:10px;}
   .banner{ padding-top:0px;}
   .top form{display:none}
   .index_pro .bd ul{background-size:cover;}
     .contain{width:100%}
   /*index_contact*/
   .index_contact{ height:300px;}
   .index_contact .index_contact_list{ margin-left:0; }
   .index_contact .index_contact_list li{width:85%; height:auto; overflow:hidden; float:none; margin:0 auto;background:none;text-align:left;}
   .index_contact .index_contact_list .icon{ margin:15px auto 10px auto; }
   .index_contact .index_contact_list .add .icon{ background:url(../images/add_icon.png) 0 0 no-repeat; width:25px; height:37px; background-size:cover;float:left; margin-right:24px;}
   .index_contact .index_contact_list li:hover.add .icon{ background:url(../images/add_icon.png) 0 -37px no-repeat;background-size:cover;}
   .index_contact .index_contact_list .tel .icon{ background:url(../images/tel_icon.png) 0 0 no-repeat; width:30px; height:37px;background-size:cover;float:left; margin-right:19px;}
   .index_contact .index_contact_list li:hover.tel .icon{ background:url(../images/tel_icon.png) 0 -37px no-repeat;background-size:cover;}
   .index_contact .index_contact_list .email .icon{ background:url(../images/email_icon.png) 0 0 no-repeat; width:34px; height:37px;background-size:cover;float:left; margin-right:15px;}
   .index_contact .index_contact_list li:hover.email .icon{ background:url(../images/email_icon.png) 0 -37px no-repeat;background-size:cover;}
   .index_contact .index_contact_list .text{ font-size:14px; float:left; margin:25px 0 0 0;}
   .footer{ text-align:center;}
   .footer .fl{ display:none;}
   .footer .fr{ float:none;}
   /*appmenu*/
   .appmenu {display:block; position:absolute; top:12px; right:10px; cursor:pointer; overflow:hidden; width:40px; height:36px; background:#01b6eb; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
   .appmenu_in {width:22px; height:14px; position:absolute; top:11px; left:9px;}
   .icon-bar {display:block; width:22px; height:2px; border-radius:1px; background:#fff; margin-bottom:4px;}
   .icon-bar-last {margin-bottom:0;}
   /*nav_mobile*/
   .nav_mobile{ position:absolute; top:60px; width:100%; display:none; background:rgba(53,53,53,0.95);}
   .nav_mobile ul li a{ display:block; height:50px; line-height:50px; width:100%; padding-left:20px; border-top:1px rgba(85,85,85,0.6) solid; color:#fff; font-size:14px;}
   .fixed_tool{ display:none;}
   /*footer_menu*/
   .footer_menu{ background:#3c3c3c; padding-bottom:20px; font-size:14px;display:block;}
   .footer_menu ul li{ display:block;width:100%; margin:0 auto; color:#ccc;}
   .footer_menu ul li span{ padding-left:15px;display:block; background:url(../images/jia.png) 96% 19px no-repeat; height:50px; line-height:50px; border-bottom:1px #555 solid;}
   .footer_menu ul li span a{color:#ccc; display:block;}
   .footer_menu_con{ display:none;}
   .footer_menu_con a{ color:#fff; font-size:12px; display:block; height:40px; line-height:40px; background:#494949; padding:0 15px; border-bottom:1px #595959 solid;}
}

@media screen and (max-width:375px){
.header .logo img{width:200px}


}