/* CSS Document */
body{font-size:12px; line-height:22px;font-family:Arial, Helvetica, sans-serif; color:#333; margin:0px; padding:0px; }
p,td,form,ul,dl,dt,input{font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#333; margin:0px; padding:0px;}
input {outline:none;}
textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a{ color:#333; text-decoration:none;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
a:hover{ color:#085fed; text-decoration:none;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
img{ border:0px;}
.fl{ float:left;}
.fr{ float:right;}
.clr{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.wrap{ margin:0 auto; padding:0px; width:1200px; position:relative;}
.wrap1{ margin:0 auto; padding:0px; width:1200px; }

.head{ font-size:14px;}
.top{ border-bottom:1px solid #eee; height:55px;}
.t_left{ float:left; width:500px; text-align:left;}
.t_left  div{ display:inline-block;line-height:55px;}
.t_tel{ background:url(../imgs/ico_tel.jpg) no-repeat left 18px; padding-left:24px; font-family:Verdana, Geneva, sans-serif;}
.t_mail{ background:url(../imgs/ico_mail.jpg) no-repeat left 20px; margin-left:20px; padding-left:30px; font-family:Verdana, Geneva, sans-serif;}

.t_right{ float:right; width:500px; text-align:right; padding-right:150px; position:relative;}
.share_wechat{ float:right; width:40px;}
.share_sina{float:right;width:40px;}
.share_wechat,.share_sina{ position:relative; padding-right:20px; padding-top:14px;}
.share_wechat img,.share_sina img{cursor:pointer;}
.share_wechat .wechat_img{ position:absolute; left:-30px; top:40px; z-index:100; box-shadow:#999 0px 0px 20px;}
.share_wechat .wechat_img img{ width:140px; height:140px; }

.t_lan{ position:absolute; right:30px; top:10px; width:110px; background:#e5e5e5 url(../imgs/ico_lan.png) no-repeat 10px; height:35px; line-height:35px; text-align:left; text-indent:35px;}
.t_lan a{ display:block; cursor:pointer; height:35px; line-height:35px;}
.lan_list{ position:absolute; left:0px; top:34px; z-index:1000; background:#e5e5e5; border-top:1px solid #ccc; display:none;}
.lan_list a{ display:block; text-indent:0px; width:110px;}
.lan_list a#cn{ background:url(../imgs/ico_cn.png) no-repeat 10px; text-indent:35px;}
.lan_list a#en{ background:url(../imgs/ico_en.png) no-repeat 10px; text-indent:35px; font-family:Arial, Helvetica, sans-serif;}


.logo{ height:102px; position:relative;}
.logo h2{ margin:0px; padding:0px; }
.logo img{ border:none;padding-top:30px;}


.menu{ position:absolute; right:0px; top:33px;}
.menu ul{ margin:0px; padding:0px;}
.menu ul li{ display:inline-block; text-align:right;margin:0px 5px;}
.menu ul li a{ background:#fff; border-radius:20px; display:block; font-size:16px; position:relative; padding:0px 25px; height:36px; line-height:36px;}
.menu ul li a:hover{ background:#004782; border-radius:20px; color:#fff; text-shadow:#000 1px 1px 1px;}
.menu ul li a.m_hover{background:#004782; border-radius:20px; color:#fff;text-shadow:#000 1px 1px 1px;}

.banner_bg{height:400px;}
.banner1{ height:400px; text-align:center; position:relative;}
#banner{ text-align:center; height:600px; overflow:hidden; min-width: 1200px;}
	


.foot{ width:100%;max-height:534px; background:#2f2f2f;}
.foot_info{ padding:45px 0px; position:relative; }

.f_menu{ float:left; width:660px;}
.f_menu ul{ margin:0px; padding:0px; list-style:none; margin-left:-30px;}
.f_menu ul li{ float:left; margin-left:30px; max-width:120px;}
.f_menu ul li span{ font-size:16px; display:block; color:#fff; margin-bottom:10px;}
.f_menu ul li span a{ color:#fff;}
.f_menu ul li span a:hover{ color:#fff; text-decoration:underline;}
.f_menu ul li p{ line-height:20px; padding:5px 0px; position:relative;}
.f_menu ul li p a{ color:#888;}
.f_menu ul li p a:hover{ color:#0a79ca; text-decoration:underline;}

.f_infos{ float:right; width:450px; height:135px; color:#fff; background:url(../imgs/wechat.png) no-repeat right top; background-size:135px 135px;}
.f_tit{ font-size:16px;}
.f_con{ padding-top:30px;}
.f_con h4{ margin:0px; padding:0px; font-size:16px; padding-bottom:10px;}
.f_con span{ display:block;}

.foot_bot{ height:50px; line-height:50px; color:#979797; background:#171717; text-align:center;}
.foot_bot a{ color:#979797;}
.foot_bot a:hover{ color:#fff;}

/************** index ***************/
.index{ }
.i_tit{ line-height:1em;font-size:36px;}
.i_tit span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:18px; }

.i_pro{  background:#f7f7f7 url(../imgs/i_pro_bg.jpg) repeat-y center;}
.i_pro_bg{ background:#fff; height:550px; overflow:hidden;}
.i_pro_tree{ float:left; width:350px; padding-right:20px; background:#f7f7f7;height:550px;}
.i_pro_tit{ font-size:26px; color:#004985;padding-top:60px; padding-bottom:20px; border-bottom:1px solid #c8c7c7; line-height:1em;}
.i_pro_tit span{ display:block; color:#a7a7a7; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.i_pro_trees{ padding-top:30px;}
.i_pro_trees a{ display:block; line-height:50px; font-size:14px;}
.i_pro_more{ padding-top:40px;}
.i_pro_more a{ display:block; width:195px; height:40px; line-height:40px; text-align:center; font-size:14px; border-radius:20px; background:#004985; color:#fff;}
.i_pro_more a:hover{ background:#eb3d00; color:#fff;}

.i_prolist{padding-bottom:20px; float:right; width:790px;}
.i_prolist ul{ margin:0px; padding:0px; list-style:none;margin-left:-20px;}
.i_prolist ul li{ float:left;margin-left:20px; padding-top:20px;}
.i_prolist ul li a{width:248px; height:244px;border:1px solid #ddd; display:block;overflow:hidden;}
.i_prolist ul li a:hover{ box-shadow:#eee 0px 0px 20px;}
.i_prolist ul li h4{line-height:30px; height:30px; overflow:hidden; padding:0px; margin:0px; text-align:center;}
.i_prolist ul li img{width:248px; height:214px;-webkit-transition:-webkit-transform .6s ease;-moz-transition:-moz-transform .6s ease;-ms-transition:-ms-transform .6s ease;transition:transform .6s ease;}
.i_prolist ul li img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}



.i_about{ background:url(../imgs/i_about.jpg) no-repeat center; height:458px; overflow:hidden;}
.i_about .i_tit{ color:#fff;}
.i_about_info{ position:absolute; left:0px; top:0px; height:560px; width:585px; }
.i_about_info .i_tit{ padding-top:65px}
.i_about_info .i_company_info{margin-top:40px; line-height:28px; height:140px; overflow:hidden; color:#fff;}
.i_more{ font-size:14px;}
.i_more a{ color:#0087dd; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; }
.i_more a:hover{ text-decoration:none;color:#92c741;}

.i_about_more{ margin-top:55px;}
.i_about_more a{ color:#888; display:block; width:200px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; border:2px solid #87b1d8; border-radius:20px;}
.i_about_more a:hover{ color:#fff; background:#87b1d8;}



.i_news{ padding:60px 0px;}
.i_news .i_tit{ text-align:center; color:#004985;}
.i_news .i_tit span{ color:#a7a7a7;}
.i_news_list{width:1200px; overflow:hidden; margin-top:40px;}
.i_news_list .btn_left{ width:45px; height:45px; position:absolute; left:-65px; top:220px; }
.i_news_list .btn_left a:after{ position:absolute; left:13px; top:12px; content:"←"; color:#fff; font-size:20px;}
.i_news_list .btn_right a:after{ position:absolute; left:13px; top:12px; content:"→"; color:#fff; font-size:20px;}
.i_news_list .btn_right{ width:45px; height:45px;position:absolute; right:-65px; top:220px;}
.i_news_list .btn_left a,.btn_right a{ display:block; width:45px; height:45px; background:#999;position:relative;}
.i_news_list .btn_left a:hover,.btn_right a:hover{ background:#0a7bcd;}

.i_news_list ul{ list-style:none;}
.i_news_list ul li{ width:285px; background:#f2f2f2; margin-right:20px; float:left;}

.i_n_img{ width:285px; height:180px; overflow:hidden;}
.i_n_img img{width:285px; height:180px;-webkit-transition:-webkit-transform .6s ease;-moz-transition:-moz-transform .6s ease;-ms-transition:-ms-transform .6s ease;transition:transform .6s ease;}
.i_n_img img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.i_n_infos{ padding:10px;}
.i_n_date{color:#999;}
.i_n_tit{ font-size:14px; height:22px; line-height:22px;overflow:hidden;}
.i_n_small{ line-height:20px; height:40px; overflow:hidden; color:#999;}
.i_news_more{ text-align:center; padding-top:50px;}
.i_news_more a{ display:inline-block;width:200px; height:40px; line-height:40px; text-align:center; color:#004985; font-size:14px; border:1px solid #004985; border-radius:20px;}
.i_news_more a:hover{ background:#004985; color:#fff;}


.i_customer{ background:#f2f2f2; padding:60px 0px;}
.i_customer .i_tit{ text-align:center; color:#004985;}
.i_customer .i_tit span{ color:#a7a7a7;}
.i_cus_list{margin-top:40px;}
.i_cus_list ul{ list-style:none;}
.customer_img{ width:285px; height:170px; overflow:hidden;}
.customer_img img{width:285px; height:170px;-webkit-transition:-webkit-transform .6s ease;-moz-transition:-moz-transform .6s ease;-ms-transition:-ms-transform .6s ease;transition:transform .6s ease;}
.customer_img img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.i_cus_para{ width:285px;}
.i_cus_para h4{ margin:0px; padding:0px; margin:15px 0px; font-weight:normal; font-size:16px;}
.i_cus_para h4 a{ color:#004985;}
.i_cus_para h4 a:hover{ color:#004985; text-decoration:underline;}
.i_cus_para span{ text-align:left; display:block; color:#999; height:40px; line-height:20px; overflow:hidden;}


.i_honor{ padding:55px 0px;}
.i_honorlist{ width:1030px; overflow:hidden; margin-left:85px; }
.i_honorlist ul{ list-style:none;}
.i_honorlist ul li{ float:left; width:240px; margin-right:20px;}
.i_honor_img{width:240px; height:332px; overflow:hidden; position:relative;}
.i_honor_img img{width:240px; height:332px;}
.about_info .btn_left{ width:45px; height:45px; position:absolute; left:0px; top:148px; }
.about_info .btn_left a:after{ position:absolute; left:13px; top:12px; content:"←"; color:#fff; font-size:20px;}
.about_info .btn_right a:after{ position:absolute; left:13px; top:12px; content:"→"; color:#fff; font-size:20px;}
.about_info .btn_right{ width:45px; height:45px;position:absolute; right:0px; top:148px;}
.about_info .btn_left a,.btn_right a{ display:block; width:45px; height:45px; background:#999;position:relative;}
.about_info .btn_left a:hover,.btn_right a:hover{ background:#0a7bcd;}

/************** index end ***************/



.main{ padding:20px 0px;}
.m_left{ float:left; width:250px;}
.m_right{ float:right; width:900px;}

.about_tit{ margin-top:60px; text-align:center;}
.about_tit h4{ font-size:36px; font-weight:normal; margin:0px; padding:0px; padding-bottom:20px;}
.about_tit span{ display:block; text-align:center; color:#999;}
.about_info{ padding-top:40px; padding-bottom:20px;}



.tree{ padding:30px 0px;}

.tree_list{text-align:center;}
.tree_list p{ display:inline-block; margin:0px; padding:0px;}
.tree_list p a{ display:block;  position:relative; line-height:20px; padding:12px 20px; margin:0px 10px;font-size:16px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.tree_list p.out a:hover{color:#fff;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; background:#0061b1;}
.tree_list .sel a{color:#fff;background:#e96233;}
.tree_list .out a{background:#f5f5f5;}


.tree_list1{text-align:left; position:relative;}
.tree_list1 ul{ list-style:none; border:1px solid #ddd; padding:0px 20px;}
.tree_list1 ul li{ display:inline-block; margin:0px; padding:0px; height:50px; line-height:50px; padding:0px 20px;}
.tree_list1 ul li a{ color:#666;}
.tree_list1 ul li.ssel a{ color:#e96233;}
.tree_list1 ul li a:hover{ color:#e96233;}




.location{ position:absolute; bottom:0px; left:0px; width:100%; background:rgb(255,255,255,0.8);line-height:50px; text-align:left; font-size:14px;}
.location #loc_home{ background:url(../imgs/ico_home.png) no-repeat left; padding:5px 0px; padding-left:25px;}
.location .loc_class{ color:#0a79ca;}

.content{padding:10px 0px;}

.contact_tit{ text-align:center; font-size:28px; color:#004985; padding:40px 0px;}
.contact_infos{}
.contact_infos ul{ list-style:none;}
.contact_infos ul li{ float:left;border: 1px #e8e8e8 solid;border-right: none;display: inline-block; margin-left: -1px; width:239px; text-align:center; height:175px;}
.contact_infos ul li:hover{ box-shadow:#eee 0px 0px 20px;}
.contact_infos ul li.end{border-right: 1px #e8e8e8 solid;}
.contact_infos ul li i{ display:block; height:34px; margin-top:36px;}
.contact_infos ul li i#c1{ background:url(../imgs/ico_c1.jpg) no-repeat center;}
.contact_infos ul li i#c2{ background:url(../imgs/ico_c2.jpg) no-repeat center;}
.contact_infos ul li i#c3{ background:url(../imgs/ico_c3.jpg) no-repeat center;}
.contact_infos ul li i#c4{ background:url(../imgs/ico_c4.jpg) no-repeat center;}
.contact_infos ul li i#c5{ background:url(../imgs/ico_c5.jpg) no-repeat center;}
.contact_infos ul li h4{ font-weight:normal; margin:0px; padding:10px 0px; font-size:18px;}
.contact_infos ul li span{ color:#999; font-size:14px; padding:0px 20px; display:block;}
.map{ padding:30px 0px;}


.cuslist{}
.cuslist ul{ list-style:none; margin-left:-60px;}
.cuslist ul li{ float:left; width:570px; margin-left:60px; padding-bottom:40px;}
.cus_img{ float:left; width:248px; height:148px; overflow:hidden; border:1px solid #ddd;}
.cus_img img{-webkit-transition:-webkit-transform .6s ease;-moz-transition:-moz-transform .6s ease;-ms-transition:-ms-transform .6s ease;transition:transform .6s ease;}
.cus_img img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.cus_para{ float:right; width:300px;}
.cus_para h4{ margin:0px; padding:0px; font-weight:normal; font-size:16px;}
.cus_para span{ display:block; color:#999; margin-top:10px; height:80px; line-height:20px; overflow:hidden;}
.cus_para i{ display:block; font-style:normal;margin-top:10px;}
.cus_para i a{ color:#e96233;}
.cus_para i a:hover{ color:#e96233; text-decoration:underline;}

.history_tit{ font-size:24px; padding:30px;}
.history_list{ padding:30px 0px;}
.history_list div{ position:relative; padding:10px 0px;}
.history_list div:before{ content:""; position:absolute; left:125px; top:0px; height:100%; width:1px; background:#cdd1da;}
.history_list div i{ display:block;position:absolute; left:119px; top:34px; height:10px; width:10px; background:#fff; border:1px solid #f44ea0; z-index:1; border-radius:50%;}
.history_list div h4{ font-family:Georgia, "Times New Roman", Times, serif; color:#888; float:left; display:block; margin:0px; padding:0px; font-weight:normal; width:110px; line-height:60px; font-size:18px; font-weight:bold;}
.history_list div span{ display:block; float:right; width:698px; color:#fff; text-align:left; border-radius:2px; padding:10px 20px; margin-top:10px;}
.history_list div span:hover{ box-shadow:#888 0px 0px 15px;}
.history_list div span.span1{background:#27a9e3; }
.history_list div span.span2{background:#8fc53d; }

.honor_info{ float:left; width:260px; margin:30px 60px 0px 0px;}
.honor_img{width:260px; height:360px; overflow:hidden; position:relative;}
.honor_img img{width:260px; height:360px;}
.honor_tit{ text-align:center; font-size:16px; line-height:20px; padding:10px 0px;}

.development_info{ float:left; width:286px; margin:30px 41px 0px 0px;}
.development_img{width:286px; height:210px; overflow:hidden; position:relative;}
.development_img img{width:286px; height:210px;}
.development_tit{ text-align:center; font-size:16px; line-height:20px; padding:10px 0px;}

.prolist{}
.prolist ul{ list-style:none;margin-left:-60px;}
.prolist ul li{ float:left; width:570px; margin-left:60px; margin-bottom:30px;}
.product_img{ float:left; width:248px; height:214px; border:1px solid #ddd; overflow:hidden;}
.product_img img{width:248px; height:214px;-webkit-transition:-webkit-transform .6s ease;-moz-transition:-moz-transform .6s ease;-ms-transition:-ms-transform .6s ease;transition:transform .6s ease;}
.product_img img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.product_para{ float:right; width:300px;}
.product_tit{ font-size:16px; line-height:20px; padding-bottom:15px;}
.product_small{ color:#999; line-height:20px; height:120px; overflow:hidden; padding-bottom:15px;}
.product_more a{ color:#e96233;}
.product_more a:hover{ color:#e96233; text-decoration:underline;}

.hover-box{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);}
.hover-box a {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    top: 50%;
	left:50%;
    margin-top: -25px;
	margin-left:-25px;
    transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
    -webkit-backface-visibility: hidden;
}

.product_img:hover .hover-box,.honor_img:hover .hover-box,.i_honor_img:hover .hover-box,.i_p_img:hover .hover-box {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.product_img:hover .hover-box a,.honor_img:hover .hover-box a,.i_honor_img:hover .hover-box a,.i_p_img:hover .hover-box a {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.hover-box a:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    background: url('../imgs/zoom-after.png') center center no-repeat;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.hover-box a:hover:after {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    opacity: 0;
}

.hover-box a.zoom {
    right: 50%;
    margin-right: 5px;
    background: url('../imgs/zoom.png') center center no-repeat;
}

.hover-box a#page {
    
    background: url('../imgs/page.png') center center no-repeat;
}


.pro_show{ padding-top:20px;}
.p_imgs{ float:left; width:420px; height:420px;}

.b_pic{width:420px;}
.b_pic img{ width:420px; height:420px;}


.p_para{ float:left; width:490px; margin-left:40px;}
.p_para h4{ margin:0px; padding:0px; font-size:26px; padding-bottom:20px;}
.p_para span{ display:block; color:#999;}
.p_para .p_btn{ padding-top:20px;}
.p_para .p_btn a{ display:block; float:left; height:38px; padding:0px 20px; text-align:center; line-height:38px;}
.p_para .p_btn a#p_btn1{ border:1px solid #0b7bcd;}
.p_para .p_btn a#p_btn2{ border:1px solid #0b7bcd; background:#0b7bcd; color:#fff; margin-left:10px;}
.p_para .p_btn a#p_btn2:hover{ background:#0a72be;border:1px solid #0a72be;}

.s_pic{width:490px; margin-top:20px; }
#p_btntop{ float:left; width:24px; height:100px; background:#cacaca url(../imgs/left1.png) no-repeat center 36px; cursor:pointer;}
#p_btnbot{ float:right; width:24px; height:100px; background:#cacaca url(../imgs/right1.png) no-repeat center 36px; cursor:pointer;}
#p_btntop:hover{ background:#999 url(../imgs/left1.png) no-repeat center 36px;}
#p_btnbot:hover{ background:#999 url(../imgs/right1.png) no-repeat center 36px;}
#p_slist{ float:left; margin-left:10px; width:426px;height:100px; overflow:hidden; position:relative;}
#pics{ position:absolute; left:0px; top:0px;}
#p_slist a{ display:block; float:left;}
#p_slist img{ height:98px; width:98px; border:1px solid #dedede; margin-right:7px; cursor:pointer;}
#p_slist img:hover{ border:1px solid #0a7bcc;}
#p_slist img.p_sel{border:1px solid #0a7bcc;}


.pro_infos{ margin-top:25px;}
.pro_infos_tit{ background:#f0f0f0; height:50px;}
.pro_infos_tit a{ display:block; float:left; padding:0px 60px; font-size:16px; line-height:50px; position:relative;}
.pro_infos_tit a.info_sel{ color:#0a7bcc;}
/*.pro_infos_tit a:after{ content:""; position:absolute; right:0px; top:15px; height:20px; width:1px; background:#c7c7c7;}*/
.pro_cons{ margin-top:20px;}
.pro_con{ display:none;}
.pro_tab_tit{ font-size:20px; padding-top:10px;padding-left:60px;}
.pro_tab{ padding-top:25px; }
.pro_tab th{ text-align:right; width:180px;}
.pro_tab td input[type="text"]{ height:34px; padding:0px 10px; width:400px; border:1px solid #eee; background:#f0f0f0; vertical-align:top;}
.pro_tab td textarea{ width:400px; border:1px solid #eee; background:#f0f0f0; padding:10px; line-height:20px; height:80px;}
.pro_files{}
.pro_files ul{ margin:0px; padding:0px; list-style:none; margin-left:-50px;}
.pro_files ul li{ float:left; width:260px; margin-left:50px; padding-left:20px; margin-bottom:20px;}
.pro_files ul li h4{ margin:0px; padding:0px; padding-top:10px;}
.pro_files ul li span{ display:block; color:#999;}


.newslist{}
.newslist ul{ margin:0px; padding:0px; list-style:none;margin-left:-20px;}
.news_info{ float:left; width:285px; margin-top:20px; margin-left:20px; background:#f2f2f2;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; padding-bottom:15px;}
.news_info:hover{ box-shadow:#999 0px 0px 20px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.news_img{ width:285px; height:180px;}
.news_img img{width:285px; height:180px;}
.news_bg{ background:#f2f2f2;}
.news_tit{ margin:0px; padding:0px; padding-top:10px; font-size:14px; line-height:20px; height:20px; overflow:hidden; font-weight:normal;}
.news_small{ color:#999;line-height:20px; height:40px; overflow:hidden;}
.news_time{ color:#999; line-height:20px; padding:5px 0px;}
.news_time span{ font-family:Verdana, Geneva, sans-serif}
.news_tit,.news_time,.news_small{ margin:0px 10px;}
.news_more{ margin:20px 0px; text-align:center;}
.news_more a{ display:inline-block; width:130px; border-radius:20px; height:30px; line-height:30px; text-align:center; background:#999; color:#fff;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.news_more a:hover{ background:#085fed;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}



.n_s_tit{color:#555; font-weight:bold; margin:0px; padding:20px 0px; text-align:center; background:#eee;}
.n_s_tit1{color:#555; font-weight:bold;margin:0px; padding:0px;padding-top:30px; text-align:center;}
.n_s_info{ padding-top:30px;}
.n_s_time{ padding:20px 0px;color:#979797;position:relative;text-align:center;}
.n_s_time1{ background:#f3f3f3; margin-top:35px; padding:10px 15px; position:relative;}
.n_s_time1 div{ position:absolute; left:80px; top:3px;}
.n_s_share{ padding-top:30px;}
.bdsharebuttonbox span,.bdsharebuttonbox a{ display:block; float:left; line-height:36px; font-size:14px;}

.fanye{ padding:20px 0px; text-align:center;}
.fanye a{padding:4px 10px; border:1px solid #dbd7d8;}
.fanye font{padding:4px 10px; background:#93c643; color:#fff; border:1px solid #93c643;}

.service{ position:fixed; bottom:100px; right:10px; z-index:200;}
.s_wx{ position:relative; width:61px; height:68px; cursor:pointer;}
#wx_big{ position:absolute; right:61px; top:0px;}

.bg68comad,.focus,.focus ul,.focus ul li,.banclj a{height:233px; overflow:hidden;}
.focus {width:385px; overflow:hidden; position:relative;}
.focus ul {position:absolute;list-style:none; margin:0px; padding:0px;}
.focus ul li {float:left; width:100%;overflow:hidden; position:relative; background:#000;list-style:none; margin:0px; padding:0px;}
/*.focus ul li div {position:absolute; overflow:hidden;}*/
.banclj a{width:800px;display:block; }
.focus .btnBg {position:absolute; width:385px; height:20px; left:0; bottom:0; background:#000; display:none;}
.focus .btn {height: 25px;position: absolute;right:10px;bottom:8px;text-align: right;width: 550px; display:none; }
.focus .btn span {color: #FFFFFF; cursor: pointer;display: inline-block;font: 28px/22px tahoma,Arial,Simsun;height: 25px;margin-left:7px; text-align:center;}
.focus .btn span.on {color: #CC0000;cursor: default;}
.focus .preNext {width:22px; height:50px; position:absolute; top:90px; background:url(sprite.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:10px;}
.focus .next {right:10px; background-position:right top;}



.customer_w .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    height: auto;
    text-align: center;
}
.swiper-container {
    margin: 0 auto;
        margin-right: auto;
        margin-left: auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.customer_w .customer_list_w {
    margin: 10px auto 10px auto;
}
.customer_w.animated .customer_list_w li {
    -webkit-transition: all 1s .3s;
    transition: all 1s .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    filter: alpha(opacity=100)\9;
}
.customer_w .customer_list_w li {
    display: block;
    min-height: 300px;
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    filter: alpha(opacity=0)\9;
}
.customer_w .swiper-slide {
  
  
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
   
}
.swiper-slide {
    position: relative;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.customer_w .customer_img {
    position: relative;
    text-align: center;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.customer_w.animated .pagination {
    -webkit-transition: all 1s .6s;
    transition: all 1s .6s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    filter: alpha(opacity=100)\9;
}
.customer_w .pagination {
    margin: auto;
    position: absolute;
    z-index: 20;
    left: 0px;
    right: 0;
    text-align: center;
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    filter: alpha(opacity=0)\9;
}
.customer_w .swiper-pagination-switch {
    width: 8px;
    height: 8px;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #6e798b;
    opacity: .4;
    margin: 0 5px;
    -moz-transition: opacity 0.3s ease-in, opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-in, opacity 0.3s ease-out;
    transition: opacity 0.3s ease-in, opacity 0.3s ease-out;
}
.customer_w .swiper-pagination-switch {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background-color: #6e798b;
    margin: 0 5px;
}
.swiper-pagination-switch {
    width: 8px;
    height: 8px;
    display: inline-block;
    cursor: pointer;
    border-radius: 100%;
    background-color: #DDD;
    margin: 0 5px;
}
.customer_w .swiper-active-switch {
    width: 20px;
    background-color: #1f63b8;
    opacity: .8;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}