﻿@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:#404040;}
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:#404040;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;}
.f22{font-size:22px;}
.rel{position:relative;}
.min_w{min-width:1200px;}
.container{width:1200px;margin:0 auto;}
.mar50{margin-bottom:50px;}
.grey9{color:#999;}

/*header*/
.top_bor{height:90px;border-bottom:#ddd solid 1px;}
.top_tel{margin-top:30px;height:30px;padding-left:30px;background:url(../images/tel.png) no-repeat left center;}
.top_tel span{color:#0068b7;font-family:impact;font-size:24px;padding-left:10px;}
.nav_list{width:770px;height:70px;}
.nav_list li{width:96px;float:left;line-height:70px;}
.nav_list li a{display:block;}
.nav_list li a:hover{background:#0068b7;color:#fff;}

.search_bor{width:360px;height:40px;margin-top:15px;border:#ddd solid 1px;border-radius:20px;overflow:hidden;}
.search_inp{padding:0 20px;width:300px;height:40px;line-height:40px;border:none;box-sizing:border-box;border-radius:20px;color:#666;font-family:"微软雅黑";}
.search_btn{width:60px;height:40px;line-height:40px;border:none;background:url(../images/search.png) no-repeat center center;}

/* banner */
.banner{ width:100%; height:375px; overflow:hidden; position:relative;}
.b-img{ height:570px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:375px; float:left;}
.b-list{ height:50px; position:relative; margin:325px auto 0;z-index:1;text-align:center;}
.b-list span{ display:inline-block;block;cursor:pointer; width:8px; height:8px; border-radius:4px; margin:0 5px; _margin:0 3px;background:#fff;}
.b-list .spcss{width:70px;background:#fff;}

/*index*/
.index_tit{line-height:1.5;padding-bottom:20px;background:url(../images/tit_bg.png) no-repeat center bottom;font-size:26px;text-transform:uppercase;}
.index_tit b{color:#0068b7;padding-right:20px;}
.index_tit_text{line-height:60px;color:#999;}

.type_bg{height:650px;padding:50px 0;box-sizing:border-box;background:url(../images/type_bg.jpg) no-repeat center top;}
.type_list{margin-left:-24px;padding-top:30px;}
.type_list li{width:384px;float:left;margin-left:24px;}
.type_list_pic{width:384px;height:215px;overflow:hidden;border-bottom:#0068b7 solid 6px;}
.type_list_pic img{transition:all .8s linear;}
.type_list li:hover .type_list_pic img{transform:scale(1.1);}
.type_list_tit{width:260px;height:50px;line-height:50px;border:#ddd solid 1px;border-radius:25px;margin:20px auto;transition:all .3s linear;}
.type_list li:hover .type_list_tit{background:#0068b7;color:#fff;}
.type_list_text{height:60px;line-height:30px;overflow:hidden;color:#999;}

.type_list_pos{position:absolute;left:0;top:0;width:384px;height:0;padding:0 15px;box-sizing:border-box;overflow:hidden;background:rgba(0,0,0,.5) url(../images/icon01.png) no-repeat center center;transition:all .5s linear;}
.type_list_bor{width:354px;height:185px;border:#a1a1a1 solid 1px;}
.type_list li:hover .type_list_pos{height:215px;padding:15px;}

.about_bg{height:810px;padding:50px 0;box-sizing:border-box;background:url(../images/about_bg.jpg) no-repeat center top;}
.about_con{width:600px;}
.about_name{height:60px;line-height:60px;position:relative;font-size:22px;}
.about_name:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;line-height:1;background:#0068b7;}
.about_text{margin:20px 0;line-height:40px;height:160px;overflow:hidden;color:#999;}
.about_more{width:120px;height:35px;line-height:35px;border:#ddd solid 1px;background:url(../images/more.png) no-repeat center center;border-radius:18px;}
.about_more:hover{border:#666 solid 1px;}
.about_list{padding-top:40px;margin-left:-160px;}
.about_list li{width:520px;margin-left:160px;float:left;margin-bottom:60px;}
.about_list_con{width:390px;color:#999;line-height:25px;}
.about_list li:hover .about_list_con{color:#0068b7}
.about_list_con h3{height:30px;line-height:20px;border-bottom:#ddd solid 1px;margin-bottom:10px;color:#333;transition:all .3s linear;}
.about_list li:hover .about_list_con h3{border-bottom:#0068b7 solid 1px;}

.pro_bg{height:810px;padding:50px 0 0;box-sizing:border-box;background:url(../images/pro_bg.jpg) no-repeat center top;}
.pro_type{margin:30px 0;}
.pro_type ul{display:inline-block;background:#0068b7;padding:0 20px;}
.pro_type li{display:inline-block;}
.pro_type li a{display:block;color:#fff;line-height:40px;padding:0 20px;}

.pro_list{width:900px;}
.pro_list li{width:290px;float:left;margin:0 10px 10px 0;position:relative;}
.pro_list_pos{position:absolute;left:0;top:0;width:100%;height:0;overflow:hidden;background:rgba(0,104,183,.9);color:#fff;transition:all .3s linear;box-sizing:border-box;}
.pro_list_tit{height:40px;line-height:40px;}
.pro_list_text{height:40px;line-height:20px;border-left:#fff solid 3px;margin:40px;padding-left:15px;}
.pro_list_more{width:100px;height:30px;line-height:30px;background:#fff;margin:59px auto 0;color:#666;}
.pro_list li:hover .pro_list_pos{height:100%;}
.pro_big:hover .pro_list_pos{height:100%;padding-top:120px;}
.case_bg{height:710px;padding:50px 0;box-sizing:border-box;background:url(../images/case_bg.jpg) no-repeat center top;}
.case_list li{width:288px;float:left;border:#ddd solid 1px;border-top:#0068b7 solid 4px;background:#fff;margin:0 5px;}

.case_list{width:1200px;position:relative;margin-top:30px;}
.case_list .hd{ overflow:hidden;}
.case_list .hd .prev,.case_list .hd .next{position:absolute;top:150px;width:30px;height:50px;background:url(../images/btn_left.png) no-repeat;z-index:9;cursor:pointer;}
.case_list .hd .prev{left:-50px;background:url(../images/btn_left.png) no-repeat;}
.case_list .hd .next{right:-50px;background:url(../images/btn_right.png) no-repeat;}
.case_list .bd ul{ overflow:hidden; zoom:1; }
.case_list .bd ul li{width:278px;float:left;border:#ddd solid 1px;border-top:#0068b7 solid 4px;background:#fff;margin:15px 10px;transition:all .5s linear;}
.case_list .bd ul li:hover{box-shadow:0 0 15px #bbb;}
.case_box>div{display:none;}
.case_con{padding:20px;}
.case_con h3{height:50px;line-height:40px;font-size:16px;position:relative;}
.case_con h3:after{content:"";position:absolute;left:50%;bottom:0;margin-left:-20px;width:40px;height:2px;background:#0068b7;}
.case_text{margin:20px 0;height:50px;line-height:25px;overflow:hidden;color:#999;}
.case_dot{padding-bottom:20px;}
.case_dot span{display:inline-block;width:9px;height:9px;border:#d2d2d2 solid 1px;background:#d2d2d2;border-radius:50%;margin:0 10px;cursor:pointer;}
.case_dot .on{background:#fff;border:#0068b7 solid 1px;}
.case_more{padding:30px 0;line-height:30px;}
.case_more a:hover{color:#0068b7;}

.news_bg{height:740px;padding:50px 0;box-sizing:border-box;background:url(../images/news_bg.jpg) no-repeat;}
.news_list{margin-left:-20px;padding-top:30px;}
.news_list li{width:590px;height:150px;margin-left:20px;margin-bottom:20px;padding:15px;box-sizing:border-box;background:#fff;float:left;transition:all .3s linear;}
.news_list li a{display:block;}
.news_list li:hover{background:none;}
.news_list_con{width:370px;}
.news_list_con h3{height:40px;line-height:40px;border-bottom:#ddd solid 1px;margin-bottom:10px;}
.news_list_text{height:50px;line-height:25px;color:#666;}

.adv_pic{height:350px;}
.contact_box{padding:50px 0;}
.contact_con{width:510px;}
.map_con{width:630px;}
.contact_tit{height:60px;line-height:40px;font-size:26px;margin-bottom:30px;position:relative;}
.contact_tit img{margin-right:20px;}
.contact_tit:after{content:"";position:absolute;left:0;bottom:0;width:90px;height:2px;background:#ddd;}
.contact_inp{width:100%;height:55px;padding:0 20px;box-sizing:border-box;background:#eee;border:none;margin-bottom:20px;font-family:"微软雅黑";}
.contact_submit{width:180px;height:50px;line-height:50px;background:#0068b7;color:#fff;font-size:16px;font-family:"微软雅黑";border:none;}
.map_text{border:#ddd solid 1px;padding:15px 0;line-height:30px;height:60px;}

/*footer*/
.bot_bg{padding:10px 0;background:#1b1b1b}
.link_list{padding:20px 0;line-height:30px;border-bottom:#444 solid 1px;}
.link_list span{display:inline-block;padding-right:20px;color:#fff;}
.link_list span a{display:inline-block;padding:0 20px;color:#ccc;}
.link_list span a:hover{color:#fff;}
.copyright{padding:20px 0;line-height:30px;color:#999;}

/*main*/
.main_box{padding:50px 0;}
.main_left{width:220px;}
.main_right{width:940px;}
.main_type_tit{height:60px;line-height:60px;border-bottom:#0068b7 solid 2px;}
.main_type_tit a{padding:0 10px;}
.main_type_tit a:hover{color:#0068b7;}
.main_type{border:#ddd solid 1px;}
.main_type li{height:60px;line-height:60px;border-bottom:#ddd solid 1px;}
.main_type li:last-of-type{border-bottom:none;}
.main_type li a{display:block;}
.main_type li a:hover{background:#eee;}
.main_con{padding:20px 0;line-height:40px;color:#666;}

.main_pro{margin-left:-20px;}
.main_pro li{width:220px;margin-left:20px;margin-bottom:20px;transition:all .3s linear;float:left;}
.main_pro li:hover{box-shadow:0 0 15px #bbb;}
.main_pro_pic{width:220px;height:180px;overflow:hidden;}
.main_pro_pic img{transition:all .5s linear;}
.main_pro li:hover .main_pro_pic img{transform:scale(1.1);}
.main_pro_con{border:#ddd solid 1px;line-height:50px;}
.main_page{margin:30px 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:#0068b7;color:#fff;border:#0068b7 solid 1px;}

.main_news li{padding:20px;line-height:30px;border:#ddd solid 1px;transition:all .3s linear;margin-bottom:20px;}
.main_news li:hover{box-shadow:0 0 10px #bbb;}
.main_news_con{width:660px;padding-right:20px;color:#999;}
.main_news_con h3{line-height:40px;font-size:18px;color:#333;margin-bottom:10px;}


.main_solute{ overflow:hidden; zoom:1; }
.main_solute li{width:278px;float:left;border:#ddd solid 1px;background:#fff;margin:15px;transition:all .5s linear;}
.main_solute li:hover{box-shadow:0 0 15px #bbb;}

.scx_list li{margin-bottom:20px;}
.scx_list_con{width:260px;height:430px;border:#ddd solid 1px;padding:20px;box-sizing:border-box;background:url(../images/bg01.jpg) no-repeat right bottom;}
.scx_list_con h3{height:50px;/*line-height:80px;*/color:#3f80c1;font-size:19px;position:relative;}
.scx_list_con h3:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;line-height:1;background:#3f80c1;}
.scx_list_text{margin:20px 0;line-height:40px;height:200px;overflow:hidden;}
.scx_list_more{width: 100px;
    height: 30px;
    line-height: 30px;    margin-left: 26%;
    margin-top: 22%;color:#3f80c1;border:#3f80c1 solid 1px;border-radius:25px;}
.scx_list_pic{width:680px;}
.scx_list_pic span{margin:0 0 10px 10px;float:left;}

.tjj_list{margin-left:-20px;}
.tjj_list li{width:460px;height:160px;border:#ddd solid 1px;padding:10px;box-sizing:border-box;margin-left:20px;margin-bottom:20px;float:left;}
.tjj_list_con{width:240px;}
.tjj_list_con h3{color:#0068b7;font-size:16px;}

.tjj_type li{padding-bottom:10px;}
.tjj_type li>a{display:block;padding:10px 0;line-height:30px;border-bottom:#eee solid 1px;}
.tjj_type_meau{display:none;padding:10px;border-bottom:#eee solid 1px;}
.tjj_type_meau a{display:block;line-height:40px;background:url(../images/m01.png) no-repeat 20px center;padding-left:40px;}
.tjj_type_meau a:hover{background:url(../images/m02.png) no-repeat 20px center;color:#0068b7;}

.solute_pro li{padding:20px;border:#ddd solid 1px;margin-bottom:20px;background-position:right top;transition:all .4s linear;}
.solute_pro li:hover{box-shadow:0 0 15px #bbb;background:url(../images/m03.jpg) no-repeat right top;}
.solute_pro_con{width:680px;line-height:30px;color:#999;}
.solute_pro li h3{width:360px;margin:0 auto;font-size:18px;height:50px;line-height:40px;color:#333;margin-bottom:20px;border-bottom:#ddd solid 1px;position:relative;text-align:center;}
.solute_pro li h3:after{content:"";position:absolute;left:50%;bottom:-1px;margin-left:-30px;width:60px;height:3px;line-height:1;background:#0068b7;}
