﻿@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:Microsoft YaHei,黑体,Verdana,Arial,sans-serif;-webkit-text-size-adjust:none;color:#333;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;transition:all 0.3s;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
textarea,input[type=date],input[type=number]{ resize:none; /*border: none;*/}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u{font-style: normal;font-weight: normal;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.rel{position:relative;}
.min_w{min-width:1200px;}
.container{width:1200px;margin:0 auto;}
.mar30{margin-bottom:30px;}
.mar60{margin-bottom:60px;}
.grey9{color:#999;}

/*header*/
.top_bg{height:100px;background:#0079ac}
.search_box{padding-top:30px;}
.search_btn{width:80px;height:40px;background:#01a0e3 url(../images/search.png) no-repeat center center;border:none;}
.search_inp{width:240px;padding:0 20px;color:#999;height:40px;line-height:40px;background:#fff;border:none;}
.nav_bg{height:60px;background:#333948;}
.nav_list{margin-left:164px;border-left:#fff solid 1px;}
.nav_list li{width:115px;height:60px;line-height:60px;float:left;}
.nav_list li a{display:block;color:#fff;border-right:#fff solid 1px;}
.nav_list li a:hover{color:#0079ac ;background:#fff;}


/* banner */
.banner{ width:100%; height:530px; overflow:hidden; position:relative;margin-bottom:50px;}
.b-img{ height:530px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:530px; float:left;}
.b-list{ height:50px; position:relative; margin:480px auto 0;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:7px; float:left; margin:0 5px; _margin:0 3px;background:#fff;}
.b-list .spcss{width:30px;background:#0079ac;}

/*index*/
.index_tit{background:url(../images/line.jpg) repeat-x left center;margin-bottom:60px;}
.index_tit_text{display:inline-block;padding:0 20px;height:50px;line-height:50px;margin:0 auto;border:#9c9c9c solid 3px;background:#fff;font-size:26px;text-align:center;color:#9c9c9c;}

.solute_list li{width:276px;float:left;margin-left:32px;position:relative;}
.solute_name{position:absolute;left:0;bottom:20px;width:100%;height:90px;padding:10px 20px;box-sizing:border-box;background:rgba(0,0,0,.7);overflow:hidden;color:#fff;transition:all .8s linear;}
.solute_name h3{line-height:70px;font-size:24px;text-align:center;font-weight:normal;margin-bottom:10px;transition:all .5s linear;}
/*.solute_list li:hover .solute_name{background:rgba(0,121,172,.7);}
.solute_list li:hover .solute_name h3{line-height:30px;font-size:18px;font-weight:bold;text-align:left;margin-bottom:0;}*/
.solute_list_left li{width:276px;float:left;position:relative;}
.solute_name_left{position:absolute;left:0;bottom:20px;width:100%;height:90px;padding:10px 20px;box-sizing:border-box;background:rgba(0,121,172,.7);color:#fff;}
.solute_name_left h3{line-height:30px;font-size:18px;font-weight:bold;text-align:left;margin-bottom:0;}

.picScroll-left{ width:924px; position:relative;}
.picScroll-left .hd{ overflow:hidden;0px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{position:absolute;top:50%;margin-top:-30px; display:block;  width:30px; height:60px; overflow:hidden;z-index:9; }
.picScroll-left .hd .prev{left:15px;background:url("../images/btn_left.png") no-repeat center center rgba(0,0,0,.7);}
.picScroll-left .hd .next{right:-15px;background:url("../images/btn_right.png") no-repeat center center rgba(0,0,0,.7);}

.picScroll-left .bd{width:924px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width:276px;float:left;margin-left:32px;position:relative; }

.pro_bg{background:#f3f3f3;padding:50px 0;}
.pro_list{margin-left:-20px;}
.pro_list li{width:385px;height:300px;margin:0 0 20px 20px;background:linear-gradient(to bottom,#fdfdfd,#ccc);line-height:50px;position:relative;overflow:hidden;float:left;}
.pro_list_name{color:#fff;height:50px;overflow:hidden;background:url(../images/pro_arrow.png) no-repeat center 380px;transition:all .5s linear;}
.pro_list_name h3{font-weight:normal;font-size:20px;}
.pro_list li:hover .pro_list_name{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6)url(../images/pro_arrow.png) no-repeat center 200px;border-bottom:#0079ac solid 8px;box-sizing:border-box;}
.pro_list li:hover .pro_list_name h3{padding-top:100px;line-height:40px;font-size:24px;}
.pro_list li:hover .pro_list_text{height:50px;line-height:50px;overflow:hidden;font-size:16px;}
.pro_more{display:block;margin:30px auto 0;width:130px;height:40px;line-height:40px;border:#0079ac solid 1px;color:#0079ac;}
.pro_more:hover{background:#0079ac;color:#fff;}

.company_name{line-height:40px;}
.company_name dt{font-size:24px;}
.company_name dd{color:#999;background:url(../images/line.jpg) repeat-x left center;}
.company_name dd span{display:inline-block;padding:0 20px;background:#fff;}
.company_text{padding:20px 0;line-height:40px;min-height:120px;}
.company_list{margin-top:60px;margin-left:-26px;}
.company_list li{width:280px;float:left;border:#0079ac solid 1px;padding:20px 10px;border-radius:5px;overflow:hidden;transition:all .5s linear;margin-left:26px;box-sizing:border-box;}
.company_list li:hover{box-shadow:0 0 15px #71cff7;transform:translateY(-3px);}
.company_list_text{width:160px;padding:10px 0;line-height:30px;color:#a4a4a4;text-transform:uppercase;}
.company_list_text i{color:#333;}
.company_list li:hover .company_list_text i{color:#0079ac;}
.adv_pic{height:190px;}

.news_pic{ width:530px; height:400px; overflow:hidden; position:relative; }
.news_pic .hd{ height:12px; overflow:hidden; position:absolute; right:15px; bottom:15px; z-index:1; }
.news_pic .hd ul{ overflow:hidden; zoom:1; float:left;  }
.news_pic .hd ul li{ float:left;margin:0 5px;width:12px; height:12px; line-height:12px;background:#fff; cursor:pointer; border-radius:50%;font-size:0;}
.news_pic .hd ul li.on{ background:#0079ac; color:#fff; }
.news_pic .bd{ position:relative; height:100%; z-index:0;   }
.news_pic .bd li{ zoom:1; vertical-align:middle;position:relative;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.news_pic .prev,
.news_pic .next{position:absolute;top:50%; margin-top:-25px; display:block; width:40px; height:50px;}
.news_pic .next{right:0;background:url(../images/btn_right.png) center center no-repeat #000;}
.news_pic .prev{left:0;background:url(../images/btn_left.png) center center no-repeat #000;}
.news_pic .prev:hover,
.news_pic .next:hover{filter:alpha(opacity=100);opacity:1;  }
.news_pic .prevStop{display:none;}
.news_pic .nextStop{display:none;}
.news_name{position:absolute;left:0;bottom:0;padding:0 20px;width:100%;box-sizing:border-box;height:40px;line-height:40px;background:rgba(0,0,0,.5);color:#fff;}
.news_con{height:170px;border-bottom:#ddd dashed 1px;line-height:30px;color:#999;}
.news_con h3{color:#0079ac;line-height:40px;}
.news_date{color:#999;line-height:30px;}
.news_right{width:620px;}
.news_list li{height:45px;line-height:45px;border-bottom:#ddd dashed 1px;}
.news_list li a{display:block;}
.news_list li a:hover{color:#0079ac;}

/*footer*/
.bot_bg{background:#1c1d21;padding:30px 0;border-bottom:#141417 solid 1px;color:#ccc;}
.bot_contact{width:440px;min-height:150px;padding:10px 70px;border-left:#131313 solid 1px;border-right:#131313 solid 1px;line-height:40px;}
.share_icon{margin-top:10px;}
.ewm_bor{border:#ddd solid 1px;margin-top:30px;}
.ewm_pic{padding:2px;}
.ewm_sm{padding:10px 20px;border-left:#ddd solid 1px;}
.copyright{padding:20px 0;background:#1c1d21;border-top:#292a2e solid 1px;color:#ccc;}

/*main*/
.main_left{width:270px;padding-top:20px;}
.main_right{width:890px;}
.main_box{padding:20px 0;}
.type_tit{height:60px;line-height:60px;padding:0 30px;color:#fff;background:#595959;font-size:26px;font-weight:bold;border-bottom:#fff solid 1px;}
.type_list_tit{height:60px;line-height:60px;padding:0 30px;font-size:20px;border-bottom:#fff solid 1px;background:#3283c1 url(../images/sj01.png) no-repeat 250px center;color:#fff;}

.type_list_a{height:50px;line-height:50px;border-bottom:#fff solid 1px;color:#fff;font-size:20px;font-weight:bold;background:#a1a1a1 url(../images/sj01.png) no-repeat 250px center;}
.type_list_a>a{display:block;color:#fff;padding:0 30px;}
.ona{background:#a1a1a1 url(../images/sj02.png) no-repeat 250px center !important;}

.type_list_b{display:none;line-height:50px;background:#ebeaea;}
.type_list_b>a{display:block;padding:0 50px;background:#dedede;font-size:18px;font-weight:bold;}
.type_list_b .onb{background:#3283c1;}

.type_list_c{display:none;color:#3283c1;}
.type_list_c a{display:block;line-height:50px;display:block;background:url(../images/dot.png) no-repeat 50px center;padding:0 30px 0 70px;text-transform:uppercase;font-size:16px;}
.type_list_c a:hover{color:#3283c1;}

.main_news li{padding:20px;transition:all .3s linear;}
.main_news li:hover{background:#f3f3f3;}
.main_date{width:100px;height:100px;padding:10px;line-height:40px;box-sizing:border-box;font-size:20px;background:#f0f0f0;color:#999;transition:all .5s linear;}
.main_news li:hover .main_date{background:#3283c1;color:#fff;}
.main_news li:hover .main_date b{border-bottom:#fff solid 1px;color:#fff;}
.main_date b{display:block;border-bottom:#ddd solid 1px;font-size:24px;color:#3a3a3a;}
.main_news_con{width:720px;line-height:25px;color:#949393;}
.main_news_con b{color:#333;}
.main_page{margin:50px 0;}
.main_page a{display:inline-block;margin:0 5px;border:#ddd solid 1px;padding:0 15px;height:30px;line-height:30px;}
.main_page a:hover{background:#368ae8;color:#fff;border:#368ae8 solid 1px;}


.main_pro_text{min-height:90px;line-height:30px;padding:20px 0;}
.main_pro{margin-left:-30px;}
.main_pro li{position:relative;float:left;width:430px;height:320px;overflow:hidden;margin:0 0 30px 30px;}
.main_pro_name{position:absolute;left:0;top:0;width:100%;height:0%;line-height:30px;color:#fff;font-size:20px;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items: center;justify-content: center;transition:all .5s linear;overflow:hidden;}
.main_pro li:hover .main_pro_name{height:100%;}

.det_top_pic{margin-bottom:20px;}
.det_type{padding:10px 0;border-bottom:#ddd solid 1px;}
.det_type a{float:left;line-height:40px;width:150px;margin-right:20px;background:#ebebeb;}
.det_type a:hover{background:#444444;color:#fff;}
.det_type .on{background:#444444;color:#fff;}
.det_type .det_type_last{float:right;width:210px;margin:0;}
.det_con{display:none;padding:20px 0;min-height:50px;}

.det_xn li{width:385px;margin:0 30px 30px;float:left;}
.det_xn li h3{font-size:20px;color:#000;line-height:40px;}
.det_xn_text{height:88px;line-height:22px;overflow:hidden;margin-bottom:20px;}
.det_xn_pic{border:#333 solid 1px;}

.det_fl_con{width:400px;box-sizing:border-box;line-height:40px;color:#666;}
.det_fl_con h3{font-size:26px;line-height:60px;padding-top:80px;color:#000;}
.det_fl_list{padding:40px 0;margin-left:-60px;}
.det_fl_list>li{width:256px;float:left;margin-left:60px;}
.det_fl_tit{height:40px;line-height:40px;border-left:#3283c1 solid  5px;background:#efefef;padding-left:10px;font-size:22px;color:#000;margin-bottom:20px;}
.det_fl_bor{border:#dfdfdf solid 5px;padding-bottom:20px;}
.det_fl_bor>li{padding:20px 10px;border-bottom:#ddd dashed 1px;}
.det_fl_bor>li h3{font-size:22px;color:#3283c1;line-height:40px;font-weight:normal;text-align:center;}
.det_fl_more{display:block;height:30px;line-height:30px;border:#dfdfdf solid 2px;background:url(../images/jia.png) no-repeat 150px center;}

.main_solute_banner{position:absolute;left:0;bottom:20px;width:100%;background:rgba(0,121,172,.8);line-height:30px;padding:10px;box-sizing:border-box;color:#fff;}

.main_tit{background:url(../images/line.jpg) repeat-x left center;margin-bottom:30px;}
.main_tit_text{display:inline-block;padding:0 20px;height:40px;line-height:40px;margin:0 auto;border:#9c9c9c solid 3px;background:#fff;font-size:22px;text-align:center;color:#9c9c9c;}

.main_solute{margin-left:-30px;}
.main_solute li{width:276px;float:left;margin-left:30px;margin-bottom:30px;position:relative;}
.main_solute_name{position:absolute;left:0;bottom:20px;width:100%;height:90px;padding:10px 20px;box-sizing:border-box;background:rgba(0,0,0,.7) url(../images/sj04.png) no-repeat 240px center;overflow:hidden;color:#fff;transition:all .8s linear;}
.main_solute_name h3{line-height:70px;font-size:24px;text-align:center;font-weight:normal;margin-bottom:10px;transition:all .5s linear;}

.solute_type{line-height:60px;background:#b1b1b1 url(../images/sj06.png) no-repeat 860px center;margin-bottom:30px;}
.solute_type a{display:block;font-size:24px;padding:0 20px;color:#fff;}
.solute_type:hover{background:#3283c1 url(../images/sj05.png) no-repeat 860px center;}
.on{background:#3283c1 url(../images/sj05.png) no-repeat 860px center;}
.solute_con{padding:20px;display:none;}
.solute_pic{width:280px;line-height:30px;color:#666;}
.solute_pic img{border:#333 solid 1px;}
.solute_right{width:550px;line-height:30px;color:#666;}
.solute_right h3{height:30px;line-height:30px;border-left:#3283c1 solid 5px;padding:0 20px;font-size:22px;margin-bottom:10px;}


