﻿@charset "utf-8";
/*格式化样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
input,textarea{outline-style:none;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
.main_box{width:1100px; margin:0 auto;}
/*=============================j_reset=====================================*/
html{}
body{font-size: 12px; /* =16px */}
*{font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;}
a input{text-decoration:none; mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/} /*去除a标签带来的虚框*/

i{font-style:normal;}
::selection{background:#0aa284; color:#fff;}
::-moz-selection{background:#0aa284; color:#fff;}
::-webkit-selection{background:#0aa284; color:#fff;}
html,body{width:100%; overflow-x:hidden;}
.position_fixed{position:fixed; top:0; left:0; z-index:9999;}
.left{float:left;}
.right{float:right;}
.red{color: #ff2a00 !important;}
.no_bg{background:none !important;}
.green{color: #3cac4a !important;}
.blue{color:#1949b9 !important;}
.no_border{border:0 !important;}
.no_margin{margin:0 !important;}
.border{border:1px solid #e8e8e8;}
.border-top{border-top:1px solid #e8e8e8;}
.border-right{border-right:1px solid #e8e8e8;}
.border-left{border-left:1px solid #e8e8e8;}
.border-bottom{border-bottom:1px solid #e8e8e8;}
.bnt_zk:hover .box_zk{display: block;}
.ht_border{border:1px solid #dedfe0;}
.img:hover,.bnt:hover{opacity:0.7;}
.blue{color:#ea7b99 !important;}
.text_fr{text-align:right;}
.bnt_zk:hover .box_zk{display: block;}
.j_bnt{display:inline-block; border:none; border-radius:3px; background:#3cac4a; font-size:20px; height:40px; line-height:40px; text-align:center; color:#fff; padding:0 35px;}
.j_bnt:hover{background:#4bc65a; cursor:pointer;}
.fl,.left{float:left;}
.fr,.right{float:right;}
.color{color:#702f2e !important;}
.no_bg_img{background-image:none !important;}
.no_display{display:none;}
.h_x{color:#fe0505; font-weight:bold; padding-left:10px; padding-top:10px;}
.clear{clear:both;}
.bg_jinyong{background:#c7c8cc !important;}
.bnt_zk:hover .box_zk{display: block;}
.img{display:block; margin:0 auto;}
label{cursor:pointer;}
#nav li .a span,.s_main_box a,.s_main_box li img,.s_main_box .on{-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
#gotop,.s_more,.s_main_box .f5 .content .bd li a i,.s_main_box img,.s_main_box .f1 a span,.s_main_box .more,.n_nav a span,.n_nav a strong,.n_content img,.n_news ul li .fl,.n_news ul li .fl span,.n_case ul li i,.box .text_box,.box,.box .text_box p,.box .text_box strong,.box .mark,.big_prev,.big_next,.btn,.icon_box,.n_product li span{-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;}
.n_advantage_box dt .main_box img{-moz-transition: all 3s ease-in-out;
-webkit-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
transition: all 3s ease-in-out;}{-moz-transition: background-color 0.3s ease-in-out;
-webkit-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;}
.s_main_box .bd img:hover,.s_main_box .f5 .content .bd li a:hover img{-moz-transform:scale(1.051);
-o-moz-transform:scale(1.051);
-o-moz-transform:scale(1.051);
-webkit-moz-transform:scale(1.051);
transform:scale(1.051);}
/*.s_main_box .f5 .content .bd li a:hover i{-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);}*/
.n_case ul li:hover i{-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);}
/*.n_advantage_box dt .main_box img:hover{-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);}*/
.s_main_box .f4 .content dd:hover img,.link_box a:hover img{-webkit-transform-origin: bottom;-webkit-transition: 0.5s linear;-webkit-transform: rotateY(180deg);-moz-transform-origin: bottom;-moz-transition: 0.5s linear;-moz-transform: rotateY(180deg);-o-transform-origin: bottom;-o-transition: 0.5s linear;-o-transform: rotateY(180deg);transform-origin: bottom;transition: 0.5s linear;transform: rotateY(180deg);}
.color_service{color:#8c56a1 !important;}
.color_kjgw{color:#cda466 !important}
.color_1{color:#ec3d13 !important}
.text_dx{text-transform:uppercase;}
.submit{cursor:pointer; background-color:none; border:none;}
.bnt{display:inline-block; line-height:30px; border-radius:3px; height:30px; text-align:center; font-size:14px; color:#fff;}
.bnt_bg1{background:#ff4400;}
.my_title{color:#df9e5d; font-size:25px;}
.text_indent{text-indent:2em;}
.article{color:#646464; font-size:14px; line-height:28px;}
.article p{font-size:14px; color:#646464; font-size:14px; line-height:28px; margin-bottom:1rem;}
.article strong{font-weight:bold;}
.article li{list-style:disc;}
.article img{max-width:100%;}
.img_box img{display:block; margin:0 auto;}
.j_fixed{position:fixed !important; position:absolute; top:0; width:100%;z-index:9999999999999999999; background:#fff; margin:0 auto;}
/*文字排版、颜色*/
.t_sd{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.u_bnt{display:inline-block; border:none; border-radius:3px; background:#1949b9; font-size:20px; height:40px; line-height:40px; text-align:center; color:#fff;}
.u_bnt:hover{background:#5b6cc2; cursor:pointer;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.fl{float:left !important;}
.fr{float:right !important;}
.t2{text-indent:2em;}
.red,a.red{color:#c66631;}
.darkblue,a.darkblue{color:#039;}
.gray,a.gray{color:#878787;}
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh200{line-height:200%;}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
/*定位*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:rightright;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/***********通用基本类2************/
input{padding: 0 5px; vertical-align: middle; line-height: normal;}
.text-overflow-hidden{overflow: hidden;
word-spacing: normal;
letter-spacing: normal;
whitewhite-space: nowrap;}
.box-align-center{margin-right: auto;
margin-left: auto;}

/*===============================================*/
.fg_ad{display:block; margin:50px auto;}
.icon_dd{background: #d3d3d4 none repeat scroll 0% 0%; border-radius: 50%; height: 5px; display: inline-block; width: 5px; margin: 0px 10px;}
.submit:hover{cursor:pointer; opacity:0.8}.piaofu{position:absolute; right:0px; top:30%; position:fixed; z-index:99999999; background:#fff;}
/*======================漂浮=========================*/
.piaofu .box a{display:block; position:relative; width:70px; height:60px; background-color:#f6f6f9;}
.piaofu .wx{position:relative;}
.piaofu .wx{transition:1s;}
.piaofu .wx:hover #ewm{display:block;}
.piaofu #ewm{display:none; position:absolute; right:70px; top:0;}
.piaofu .tel{position:relative;}
.piaofu .tel{transition:1s;}
.piaofu .tel:hover #tel_box{display:block;}
.piaofu #tel_box{border:2px solid #CCC; line-height:30px; color:#666; font-size:14px; background:#fff; border-radius:3px; padding:20px; display:none; position:absolute; right:70px; top:0;}
.piaofu .box a{transition:1s;}
.piaofu .qq a{background:url(../images/icon_qq.png) center 10px no-repeat;}
.piaofu .qq:hover a{background:url(../images/icon_qqh.png) center 10px no-repeat;}
.piaofu .wx a{background:url(../images/icon_weixin.png) center 10px no-repeat;}
.piaofu .wx:hover a{background:url(../images/icon_weixinhj.png) center 10px no-repeat;}
.piaofu .tel a{background:url(../images/icon_tel.png) center 10px no-repeat;}
.piaofu .tel:hover a{background:url(../images/icon_telh.png) center 10px no-repeat;}
.piaofu .address a{background:url(../images/icon_address.png) center 10px no-repeat;}
.piaofu .address:hover a{background:url(../images/icon_addressh.png) center 10px no-repeat;}
.gotop a{background:url(../images/icon_gotop.png) center 10px no-repeat;}
.piaofu .gotop:hover a{background:url(../images/icon_gotoph.png) center 10px no-repeat;}
.piaofu .box a{background-color:#f6f6f9; margin-bottom:1px}
.piaofu .box span{font-size:12px; color:#838291;padding-left: 10px; position:absolute; bottom:5px; text-align:center;}
.piaofu .box:hover a{background-color:#079aae;}
.piaofu .box:hover span{color:#fff;}
/*===============================================select===================================================*/
.select_ui,select{cursor:pointer; position:relative;display:inline-block;background:#fff;vertical-align:middle;text-align:left; cursor:inherit;text-align: center;}
.select_focus_ui,select:focus{border-color:#FED519}
.select_ui .select_arrow{position:absolute;top:50%;right:20px;display:block;overflow:hidden;width:0;height:0;border:6px solid #fff;border-color:#000 transparent;border-bottom:0;margin-top:-3px;}
.select_ui .select_text_ui{display:block;overflow:hidden;margin-right:20px;color:inherit;vertical-align:baseline;white-space:nowrap;line-height:normal; color:#bbbbc0; height:45px; line-height:45px; padding-left: 20px; text-align:left; width:170px; font-size:14px;}
.select_ui .select_poswrap,.select_ui select{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:0}
.select_ui select{box-sizing:border-box;height:100%;width: 479px;background:#fff;color:inherit;font:inherit;opacity:0;filter:alpha(opacity=0)}
.select_ui .select_poswrap{overflow:hidden;width:0;height:0}
/*===============================================select===================================================*/
#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.8);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}
#zoom .content{z-index:99991;position:absolute;top:50%;left:50%;width:200px;height:200px;background:#fff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0,0,0,.3);border-radius:4px}
#zoom .content.loading{background-image:url(../images/loading.gif)}
#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,.25);border-radius:4px}
#zoom .close{z-index:99993;position:absolute;top:0;right:0;width:49px;height:49px;cursor:pointer;background:transparent url(../images/close.png) no-repeat 50% 50%;opacity:1;filter:alpha(opacity=100);border-radius:0 0 0 4px}
#zoom .next,#zoom .previous{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px}
#zoom .previous{left:0;background:url(../images/arrows.png) no-repeat 0 0;border-radius:0 4px 4px 0}
#zoom .next{right:0;background:url(../images/arrows.png) no-repeat 100% 0;border-radius:4px 0 0 4px}
#zoom .close:hover{background-color:#da4f49}
#zoom .next:hover,#zoom .previous:hover{background-color:#08c}
