@charset "utf-8";

/*******css commont*************/

/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea{margin:0;padding:0;}

img{border:0;}

ol,ul{list-style:none;}

h1,h2,h3{font-weight:normal;font-size:100%;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}

input,textarea,select{*font-size:100%;}legend{color:#000;}

/*******css reset*************/

body{ background:#fff; color:#333; font-size:14px;font-family:'microsoft yahei','微软雅黑',arial;}

a{color:#333;text-decoration:none; cursor: pointer; transition: all 0.3s;}

a:hover{ text-decoration: none; }

.left{float:left;}

.right{float:right;}

.ovfl{ overflow:hidden;}

.mar{ margin:0px auto;}

.clear{clear:both;}

.hidden{display:none;}

.filter_bg8{ filter: alpha(opacity=80); opacity: 0.8; }

@font-face {

    font-family:zk;

    src:;

}

/*******css*******/

.wrap{margin:0 auto;width:1419px; height: 100%; overflow: hidden;}

#mainbg{ background:#fafafa; padding-bottom: 80px; overflow: hidden;}

/*******css header*******/

#main{ min-width: 1419px; overflow: hidden; position: relative;}

#header{ width: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999;}

.header{ width: 1419px; overflow: hidden; position: relative;  height:110px; transition: all 0.2s;}

.logo{ height: 32px; position: absolute; top: 50%; margin-top: -16px; left: 30px;}

.tel{ position: absolute; top: 50%; margin-top: -16px; left: 50%; margin-left: 385px; height: 32px; line-height: 32px; }

.tel i{ width: 52px; height: 1px; background:rgba(255,255,255,0.2); float: left; margin-top: 16px; transition: all 0.2s;}

.tel img{ float: left; margin-left: 30px; margin-top: 8px; }

.tel span{ float: left; margin-left: 15px; font-size: 16px; font-weight: bold; color: #fff; }

.tel:hover i{ width: 100px; background:rgba(255,255,255,0.6); }

#header.down{  background:#43a0e6;   }

#header.down .header{ height: 60px;}

/*******css nav*******/

.nav{ height:32px; line-height: 32px; position: absolute; top: 50%; margin-top: -16px; left:510px; }

.nav a{ font-size: 15px; float: left; margin-right: 60px; color: #ffffff; }

.nav a:hover{ color: #f2ef0c;}

.nav a.on{ color: #f2ef0c;}

/*******css banner*******/

.banner{height:100%; text-align:center; overflow:hidden; margin:0px auto; min-width: 1200px;}

.slidebtn{ width: 57px; height: 57px; z-index: 66; background: no-repeat; position: absolute; left: 50%; margin-left: -28px; bottom: 188px; }

.page_banner{ height:400px; position: relative; min-width: 1419px; background: no-repeat center; background-size:cover; margin:0px auto;}

.pagets{ width: 100%; position: absolute; bottom: 130px; color: #fff; font-size: 36px; font-weight: bold; text-align: center;}

.pagecs{ width: 100%; position: absolute; bottom:90px; color: #a4cdf3; text-align: center;}

.pagecs a{ color: #a4cdf3; }

.pagecs a:hover{ color: #fff; }



/*******css home*******/

.about{ width:1419px; margin-top:50px; overflow:hidden;}

.about li{ float: left; width: 120px; margin-right: 313px; }

.about li:last-child{ margin-right: 0px; }

.aboutp1{ font-size: 60px; font-weight: bold; font-family:zk;}

.aboutp2{ color: #8a8a8a;}



#case{ background: no-repeat center top; margin-top: 50px; overflow: hidden; min-width: 1200px; }

.case{ width: 1419px; }

.case_p1{ height: 55px; line-height: 55px; text-align: center; margin-top: 70px; font-size: 36px; font-weight: bold; }

.case_p1 a{ color: #fff; }

.case_p2{ color: #bbd9ff; margin-top: 10px; text-align: center; }

.case_p3{ overflow: hidden; margin-top: 20px; text-align: center; }

.case_p3 a{ width: 118px; color: #fff; font-size: 16px; text-align: center; height: 43px; line-height: 43px; border: solid 1px rgba(255,255,255,0.3); display: inline-block; margin: 0px 4px;}

.case_p3 a:hover{ background:rgba(255,255,255,0.3);  }

.casec{ overflow: hidden; width: 1419px; margin-top: 40px; }

.casec li{ float: left; margin-top: 20px; margin-left: 10px; margin-right: 10px; text-align: center; overflow: hidden; position: relative;}

.products_img{ width:452px; height: 339px; overflow: hidden; }

.products_img img{ width:100%; transition: all 0.3s;}

.products_txt{ width:432px; color: #fff; padding: 0px 10px; transition: all 0.1s; background:rgba(20,160,255,0.8); height: 50px; line-height: 50px; bottom: -50px; position: absolute; left: 0px; }

.casec li span{ width: 57px; height: 57px;  transition: all 0.2s; background: no-repeat; position: absolute; top: 50%; margin-top: -28px; left: 50%; margin-left: -28px; opacity: 0; }

.casec li:hover .products_img img{ transform:scale(1.05);  }

.casec li:hover .products_txt{ bottom: 0px; }

.casec li:hover span{ width:30px; height: 30px;opacity: 1; background: no-repeat; margin-top: -15px; margin-left: -15px; }





.hzkh{ width: 1419px; overflow: hidden; margin-top: 80px; }

.hzkh_p1{ height: 55px; line-height: 55px; position: relative; text-align: center; font-size: 36px; font-weight: bold; }

.hzkh_p1 a:hover{ color: #14a0ff; }

.hzkh_p1 span{ width: 26px; height: 1px; position: absolute;  background:#c8c8c8; top: 50%; transition: all 0.1s;}

.hzkh_sp1{ right: 830px; }

.hzkh_sp2{ left: 830px; }

.hzkh_p1:hover span{ width: 60px; background:#14a0ff;  }

.hzkh_p2{ color: #7e7c7c; margin-top: 10px; text-align: center; }

.hzkhc{ overflow: hidden; margin-top: 25px; }

.hzkhc a{ width: 216px; height: 162px; line-height: 162px; background: #fff; text-align: center; float: left; margin: 10px 33px; overflow: hidden;}

.hzkhc a img{ max-width: 100%; max-height:90%; vertical-align: middle; /*-webkit-filter: grayscale(100%);*/

     /*-webkit-filter: grayscale(1);

     filter: grayscale(100%);*/

     filter: ;')

     filter: gray;}

.hzkhc a:hover img{ filter:none; -webkit-filter:none; }

.hzkhul{ margin-top: 50px; height: 125px;}

.hzkhul li{ float: left; text-align: center; }

.hzkhli{ width:110px; }

.hzkhlis{ width: 11px; background: no-repeat; height: 21px; margin-top:30px; margin-left: 21px; margin-right: 21px;}

.hzkh_img{ height: 80px; }

.hzkh_txt{ height: 27px; line-height: 27px; color: #3d3b3b; font-size: 16px; transition: all 0.1s; margin-top: 10px; }

.hzkhul li:hover .hzkh_txt{ color: #14a0ff; margin-top:15px; }



.news{ width: 1419px; margin-top: 50px; }

.news_p1{ overflow: hidden; height: 55px; line-height: 55px; }

.news_a1{ font-size: 36px; font-weight: bold; }

.more_01{ color:#959595; font-size: 16px; }

.more_01:hover{ color: #14a0ff; }

.news_ul{ overflow: hidden; margin-top: 10px; }

.news_ul li{ width: 639px; float: left; margin:30px 60px 0px 10px;}

.news_time{ width: 114px; border-right: solid 1px #ececec; text-align: center;}

.newsp1{ height: 45px; transition: all 0.1s; line-height: 45px; font-size: 50px; font-weight: bold; }

.newsp2{ height: 30px; line-height: 30px; font-size: 16px; color: #a4a3a3; }

.news_c{ width: 500px; }

.newsp3{ height: 26px; transition: all 0.1s; line-height: 26px; overflow: hidden; font-size: 18px;}

.newsp4{ height: 42px; line-height: 21px; overflow: hidden; color: #7e7c7c; margin-top: 5px; }

.news_ul li:hover .newsp3{ color: #14a0ff; }

.news_ul li:hover .newsp1{ color: #14a0ff; }



/*******css footer*******/

#contact{ min-width: 1419px; background:#14a0ff; margin-top: 60px; }

.contact{ width: 1419px; padding: 30px 0px; text-align: center;}

.contact a{ height: 50px; line-height: 50px; display: inline-block; background: no-repeat left center; padding-left: 60px; font-size: 33px; font-weight: bold; color: #fff; }

#footer{ background:#404040; min-width: 1419px; }

.footer{ width:1419px;  color:#c2c2c2; overflow: hidden;  margin:0px auto; padding: 50px 0px 60px 0px;}

.footer a{ color:#c2c2c2; }

.footer a:hover{ text-decoration: underline; color: #fff;}

.footerl{ width: 500px; line-height: 30px; margin-top: 10px; }

.footerm{ margin-left: 115px; }

.footerr{ width: 230px;line-height: 30px; margin-top: 10px; }

.footerr a{ width: 115px; float: left; }



/*******css page*******/

.left_side{ width:250px; float:left; margin-top: 30px;}

.left_sidep1{ height: 40px; line-height: 40px; }

.left_sideul{ width:250px;  padding-top:10px;}

.left_sideul li{ height:45px; overflow:hidden; margin-top:5px; }

.left_sideul li a{ width:210px; padding-left:40px; height:45px; line-height:45px; background:#f8f8f8; font-size:16px; float:left; }

.left_sideul li a:hover{ background-color:#14a0ff; color:#fff;}

.left_sideul li.selectli a{ background-color:#14a0ff; color:#fff;}

.pcontact{ width: 250px; margin-top: 30px; }

.pcontact_01{ padding: 15px 10px; line-height: 28px; }



.right_side{ width:900px; height:100%; overflow:hidden;  float:right; margin-top: 30px;}

#right_title{ background:#fafafa; min-width: 1419px;}

.right_title{ width:1419px; height:72px; text-align: center;}

.right_title a{ height: 50px; line-height: 50px; font-size: 18px; width: 150px; border-radius:15px; border: solid 1px #eee;  display: inline-block; margin:10px 25px 10px 25px; text-align: center;  }

.right_title a:hover{ background:#14a0ff; color: #fff;  }

.right_title a.on{ background:#14a0ff; color: #fff;  }

.right_content{width:1359px; min-height:500px; padding:30px; }



/*******css list*******/

#indexnews{   }

#indexnews li{ height:35px; line-height:35px; border-bottom:#dedede 1px dotted; padding:5px 0px 5px 0px; }

#indexnews li a{ padding-left:15px; float:left;}

#indexnews li span{ float:right;}

#indexnews li a:hover{color:#14a0ff; }

#indexnews li i{ float: left; margin-top: 10px; }



#indexnews1{  }

#indexnews1 li{ border-bottom:#dedede 1px dotted; padding:5px 0px 5px 0px; margin-top: 10px;  }

.indexnews1p1{ height: 40px; line-height: 40px; transition: all 0.2s; font-size: 18px; font-weight: bold; overflow: hidden;}

.indexnews1p2{ height: 35px; line-height: 35px; color: #999; overflow: hidden;}

.indexnews1p2 span i{ margin-right: 5px; }

.indexnews1p3{ height: 84px; line-height: 28px; color: #666; overflow: hidden; padding-top: 5px;}

#indexnews1 li a:hover .indexnews1p1{ color:#14a0ff; }



#indexnews2{  }

#indexnews2 li{ border-bottom:#dedede 1px dotted; padding:5px 0px 12px 0px; margin-top: 10px; height: 100%; overflow: hidden; }

.indexnews2img{ width:220px; height: 165px; overflow: hidden; border-radius: 10px; float: left; text-align: center; background: #f4f4f4;}

.indexnews2img img{ max-width: 220px; }

.indexnews2txt{ width:1100px; float: right; }

#indexnews2 li a:hover .indexnews1p1{ color:#14a0ff;padding-left: 10px;}



#picul{}

#picul li{ float:left; margin:10px 18px; text-align:center; display:inline;}

#picul li .pic_01{ width:300px; height:225px; line-height: 225px; border:1px solid #dedede; overflow: hidden;}

#picul li .pic_01 img{ max-width:300px; transition: all 0.3s;}

#picul li .pic_02{ width:302px; text-align: center; line-height:40px; height:40px; overflow: hidden;}

#picul li a:hover .pic_01 img{ transform:scale(1.05);}

#picul li a:hover .pic_02{ color:#14a0ff; }



#proul{}

#proul li{ float:left; margin:10px 18px; text-align:center; display:inline;}

#proul li .pic_01{ width:300px; height:225px; border:1px solid #dedede; overflow: hidden; position: relative;}

#proul li .pic_01 img{  max-width:300px; transition: all 0.3s;}

#proul li .pic_01 span{ width: 57px; height: 57px;  transition: all 0.2s; background: no-repeat; position: absolute; top: 50%; margin-top: -28px; left: 50%; margin-left: -28px; opacity: 0; }

#proul li .pic_02{ width:282px; text-align: center; line-height:40px; height:40px; overflow: hidden;}

#proul li a:hover .pic_01 img{ transform:scale(1.05);}

#proul li a:hover .pic_02{ color:#14a0ff; }

#proul li a:hover .pic_01 span{ width:30px; height: 30px;opacity: 1; background: no-repeat; margin-top: -15px; margin-left: -15px; }



.mess{ width: 700px; float: left; }





/*******css info*******/

#company_main{ margin:0 auto; line-height:32px; padding:10px; font-size: 16px; }

#company_main img{ max-width:100%; }

#company_main a{ color:#14a0ff;}

#company_main strong{ color:#14a0ff;}

#contact_main{ margin:0 auto; font-size: 16px; overflow: hidden;}

#contact_main a{ color:#14a0ff;}

.contact_main{ width: 800px; float: left; }

.contact_main p{ height: 42px; line-height: 42px; margin-bottom:8px; padding: 0px 20px; border-radius: 8px; background:#f3f3f3; }

.ewm{ float: right; }

.contact_t{ font-size: 30px; font-weight: bold; color: #14a0ff; text-align: center; margin-top: 40px; }



#page_title{ line-height:45px; font-size:25px; text-align:center;}

.page_info{ height:50px; line-height: 50px; margin-top: 15px; color:#666;  border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; }

.page_infoleft { padding-left: 30px; float: left;}

.page_infoleft i{ margin-right: 5px; }

.page_share{ margin-left: 30px; float: left; }

.page_share a{ float: left; margin-top: 6px; margin-left: 10px;}

.page_share a:hover{ animation: swing 1s; }

.page_share span{ float: left; }

.ljdg{ width: 150px; height: 48px; line-height: 48px; background: #14a0ff; color: #fff; text-align: center; float: right; margin-right: 5px; border-radius: 5px; }



#infoimage{ width:100%;text-align:center; margin:15px 0 15px 0;}

#infoimage img{ max-width:100%; padding:3px; border:#dcdcdc solid 1px;}

.page_tit_bg{ height:45px; background:#f8f8f8; border-radius:2px; margin:15px auto;} 

.page_tit_tit{

    width:150px;

    height:45px;

    border-top-left-radius: 2px;

    border-bottom-left-radius: 2px;

    background:#14a0ff;

    color:#ffffff;

    line-height:45px;

    text-align: center;

}



#page_content{ margin:0 auto; line-height:32px; padding:10px; font-size: 16px;}

#page_content img{max-width:100%;}

#page_content table {

    width:100%;

    margin:0 auto;

    border-width:1px;

    color:#333;

    border-color: #f1f1f1 !important;

    border-collapse: collapse;

    box-sizing: border-box;

}

#page_content table th {

    border-width:1px;

    padding:5px;

    border-style: solid;

    border-color: #f1f1f1 !important;

    background-color: #dedede;

}

#page_content table td {

    border-width:1px;

    padding:5px;

    border-style: solid;

    border-color: #f1f1f1 !important;

}

#page_content strong{ color:#14a0ff;}

#page_content table td a { text-decoration:underline; color: #333;}

.page_link{ margin-top: 15px; font-size: 18px; color:#14a0ff;  }

.search_cp{ height: 45px; line-height: 45px; font-size: 16px; }

.search_cp span{ color:#14a0ff; }

/*******css related*******/

.related{ margin-top:15px; }

.related p{ height:35px; line-height: 35px; font-size: 18px; font-weight:bold; border-bottom:solid 1px #f1f1f1;}

.related ul { width:100%; padding:10px 0px;float:left;}

.related ul li{ width:50%; height:30px; line-height:30px; float:left;}

.related ul li b{ float:left;}

.related ul li a{ float:left; margin-left:5px; display:inline; color:#666;}

.related ul li a:hover{ color:#14a0ff;}







/*******css job*******/

#job_ul{}

#job_ul li{

    border-bottom:dashed 1px #cfcfcf;

    padding:10px 0px;

    height: 100%; overflow: hidden;

}

#job_ul li .recruit_info{

    float:left; width: 80%;

}

.job_nam{

    color:#14a0ff;

    font-weight:bold;

}

#job_ul li .recruit_but{

    height:45px;

    float:right;

    margin-top:10px;

    margin-right:22px;

}

.job_ul li .recruit_but a{

    width:150px;

    height:45px;

    line-height:45px;

    background: #1c5fb8;

    border-radius:2px;   

    text-align:center; float: left;

}

.recruit_info_tit_bg{

    height:40px;

    background:#f8f8f8;

    border-radius:2px;

    margin:15px auto;

}

.recruit_info_tit_bg .recruit_info_tit{

    width:140px;

    height:45px;

    border-top-left-radius: 2px;

    border-bottom-left-radius: 2px;

    background:#14a0ff;

    color:#ffffff;

    line-height:45px;

    text-align: center;

}

.recruit_info_main{

    margin:0px auto;

    margin-top:10px;

    margin-bottom:60px;

    padding:5px 20px;

    line-height: 32px;

}

.seek_job{ margin-left: 20px; }

.seek_job li{ padding-top:10px; height: 100%; overflow: hidden;}

.seek_t1{ float: left; font-weight: bold; height: 40px; line-height: 40px; }

.job_nam{ float: left; margin-left: 15px; color:#14a0ff; font-weight: bold; }

.g_inputtext{

    width:300px;

    height:40px;

    line-height:40px;

    border:1px solid #dedede;

    padding:0px 10px;

    float:left;

    border-radius: 2px; margin-left: 15px;outline: none;

}

.g_inputtext:hover{ border:1px solid #14a0ff; }

.g_captcha{

    width:100px;

    height:40px;

    line-height:40px;

    border:1px solid #dedede;

    padding:0px 10px;

    float:left;

    border-radius: 2px; margin-left: 15px;outline: none;

}

.g_captcha:hover{ border:1px solid #14a0ff; }

.g_textarea{

    width:500px;

    height:150px;

    line-height:30px;

    border:1px solid #dedede;

    padding:0px 10px;

    float:left;

    border-radius: 2px; margin-left: 15px;outline: none;

}

.g_textarea:hover{ border:1px solid #14a0ff; }

.g_select{ float: left; border:1px solid #dedede; height: 40px; line-height: 40px; }

.job_radio{ float: left; }

.g_img{ float: left; margin-top: 10px; margin-left: 5px; }

.g_but{

    width:250px;

    height:50px;

    line-height:50px;

    background:#14a0ff;

    border-radius:5px;

    text-align:center;

    color:#fff;

    cursor:pointer;

    transition: all 0.3s;

    float: left;outline: none; border: 0px;font-size: 18px;

}

.g_but:hover{

    background:#000;

}





/*******css prev_next*******/

#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }

#prev_next li{margin: 10px 0;}

#prev_next li i{ margin-right: 5px; }

#prev_next li a:hover{ color: #14a0ff; }



/*css digg style pagination*/

div.digg{ margin:10px auto; text-align:center; float:right; display: inline;}

div.digg a{border:#dedede 1px solid; padding:3px 10px; margin:3px; color:#666; display: inline-block;}

div.digg a:hover{border:#14a0ff 1px solid;color:#fff; background: #14a0ff;}

div.digg a:active{border:#14a0ff 1px solid;color:#fff; background: #14a0ff;}

div.digg span.current{border:solid 1px #14a0ff;padding:3px 15px; font-weight:bold; margin:3px; color:#fff; background-color:#14a0ff; display: inline-block;}

div.digg span.disabled{border:#dedede 1px solid;padding:3px 10px;margin:3px;color:#ddd;  display: inline-block;}

div.digg select{ border:#dedede 1px solid; padding:3px 0px; display: inline-block;}