@charset "utf-8";

/*******CSS commont*************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{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:url(../Image/bg.jpg) center bottom; color:#545353; font-size:14px;font-family:'Microsoft YaHei','微软雅黑',Arial;}

a{color:#545353;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:bahns;

    src:url('../font/bahnschrift.ttf');

}

/*******Css*******/

#wrap{ margin:0 auto; background:url(../Image/bg1.jpg) repeat-x top; }

.wrap{margin:0 auto;width:1400px;  overflow: hidden; position: relative; z-index:2;}

#wraps{ position: relative; overflow:hidden;  }

.wrapsbg{ width: 1660px; border-top-left-radius:60px; background: #fff; position: absolute; left: 50%; margin-left: -700px; top: 0px;}





/*******Css header*******/

.header{ width:1400px; height:125px;  }

.logo{ margin-top:44px;}

.tel{ width: 200px; height: 37px; line-height: 32px; margin-top:44px; margin-right:10px; border: solid 2px #497CA3;}

.tel img{ float: left; margin-top: 8px; margin-left: 18px; margin-right: 15px; }

.tel b{ float: left; color: #fff; font-size: 21px; font-family:Arial; }



/*******Css nav*******/

 

.nav{ height:21px; margin-top: 55px; margin-left:40px;}

.nav a{ width:85px; position: relative; height: 21px; line-height: 21px; font-size: 15px; color: #fff; text-align: center; float: left;  }

.nav a span{ position: relative; z-index: 2;}

.nav a b{ width: 54px; height: 21px; z-index: 1; opacity:0; background: url(../Image/nbg.png) no-repeat; position: absolute; left: 50%;}

.nav a:hover b{ animation:mymove 3s infinite; }

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

.nav a.on b{ position: absolute; left:50%; margin-left: -27px; opacity:0.8;  }

@keyframes mymove{

    0%{opacity:0; margin-left: -40px;}

    50%{opacity:1; margin-left: -20px;}

    100%{opacity:0.8; margin-left: -27px;}

}

.tbs{ width: 100px; height: 32px; font-size: 16px; margin-top:49px; float: left; margin-left: 20px; line-height: 28px; text-align: center; background: #FF841C; color: #fff;  border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-right-radius:20px; }

.tbss{ width: 100px; height: 32px; font-size: 16px; margin-top:47px; float: left; margin-left: 30px; line-height: 28px; text-align: center; background: #FF841C; color: #fff;  border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-right-radius:20px; }

/*******Css banner*******/

.banner{height:575px; text-align:center; overflow:hidden; margin:50px auto 0px; width: 1400px;}

.page_banner{ height:305px; width: 1400px; margin:0px auto; position: relative; overflow:hidden; }

.pban_img1{ position: absolute; bottom: 0px; right: 28px; }

/*******Css home*******/

#products{ height: 465px; position: relative; overflow:hidden;}

.products{ width: 1400px; overflow:hidden; height: 465px; position: absolute; z-index: 1; top: 0px; left: 50%; margin-left: -700px; }

.productsbg{ width: 1660px; height: 465px; border-bottom-left-radius:60px;  background: #fff; position: absolute; top: 0px; left: 50%; margin-left: -700px;}

.productsbg span{ width:1520px; height: 1px; background:#E4E4E4; position: absolute; right: 0px; top: 119px;}

.productst{ height: 119px; line-height: 119px; overflow:hidden; position: relative;}

.productsta1{ margin-left: 60px; color: #000000;}

.productsta1 span{ font-size: 36px; font-weight: bold; float: left;}

.productsta1 b{ float: left; width: 8px; height: 8px; background: #479DBA; border-radius: 50%; margin-top:70px; margin-left: 10px;}

.productsta2{ width: 22px; height: 22px; background: url(../Image/more1.png) no-repeat; position: absolute; right: 0px; top: 50%; margin-top: -11px; }

.productsta2:hover{ background:url(../Image/more11.png) no-repeat; right: 15px; }

.productsul{ margin-top:55px;}

.productsul li{ float: left; margin-left: 37px; width:196px;}

.productsp1{ height: 77px; }

.productsp1 span{ width: 77px; transition: all 0.3s; float: left; border-radius: 50%; text-align: center; font-size: 70px; font-family:bahns; color: #E7E7E7; height: 77px; line-height:80px; float: left; }

.productsp2{ height: 50px; line-height: 50px; transition: all 0.2s; padding-left: 7px; width: 189px; font-weight: bold; font-size: 23px; color: #000; }

.productsp3{ margin-top: 10px; padding-left: 7px; transition: all 0.2s; width: 189px; height: 78px; line-height: 26px; overflow:hidden; color: #939090;  }

.productsul li:hover{ color: #58B8CD; }

.productsul li:hover .productsp1 span{ background:#58B8CD; color:#DFEE67;  }

.productsul li:hover .productsp2{ color: #58B8CD; }

.productsul li:hover .productsp3{ color: #58B8CD; }

.case{ width: 1400px; }

.caset{ height: 143px; position: relative; }

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

.casetp1 span{ font-size: 36px; font-weight: bold; color: #fff; float: left;}

.casetp1 b{ float: left; width: 8px; height: 8px; background:#DFEE67; border-radius: 50%; margin-top:33px; margin-left: 10px;  }

.casetp2{ width: 250px; height: 50px; line-height: 25px; margin-top: 15px; color: #9ae4ff; }

.caseta2{ position: absolute; right: 0px; top: 20px; }

.caseta3{ position: absolute; right: 45px; top: 20px; }

.caseul{ margin-top: 72px; }

.caseul li{ float: left; width: 275px; transition: all 0.3s; margin-left: 6px; position: relative; border-radius: 8px; overflow:hidden; }

.caseul li img{ transition: all 0.3s; float: left;}

.caseul li:first-child{ margin-left:0px; }

.case_txt{ padding: 30px; width: 190px; position: absolute; left: 0px; top: 0px;}

.casep1{ height: 42px; line-height: 42px; margin-top: 10px; font-weight: bold; font-size: 28px; color: #000; overflow:hidden;}

.casep2{ line-height: 26px; color: #666363; }

.casep3{ line-height: 25px; margin-top: 10px; color: #939090; }

.casep4{ color: #939090; margin-top: 15px;}

.casep4 img{transition: all 0.3s;}

.caseul li:hover .casep4 img{ margin-left: 10px; }

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

.caseul li:hover{ transform:translateY(-25px); }

#about{ height:636px; position: relative; overflow:hidden; }

.about{ width: 1400px; overflow:hidden; height: 585px; position: absolute; z-index: 1; top: 0px; left: 50%; margin-left: -700px; }

.aboutbg{ width: 1380px; height: 585px; border-top-right-radius:60px;  background: #fff; position: absolute; top: 0px; left: 50%; margin-left: -960px;}

.aboutbg span{ width:460px; height: 1px; background:#E4E4E4; position: absolute; left: 0px; top: 128px;}

.aboutt{ width: 620px; height: 128px; line-height: 128px;}

.aboutta1{ margin-left: 60px; color: #000000;}

.aboutta1 span{ font-size: 36px; font-weight: bold; float: left;}

.aboutta1 b{ float: left; width: 8px; height: 8px; background:#479DBA; border-radius: 50%; margin-top:81px; margin-left: 10px;}

.about_01{ width: 620px; margin-top: 59px; line-height: 26px; height: 78px; overflow:hidden; color: #6e6d6d;  }

.aboutul{ margin-top: 60px; width: 620px; }

.aboutul li{ float: left; margin-right: 60px; }

.aboutp1{ height: 50px; line-height: 50px; color: #6e6d6d; }

.aboutp1 b{ color: #58B8CD; font-size: 45px; font-family:bahns; margin-right: 5px;}

.aboutp2{ height: 24px; line-height: 24px; text-align: center; color: #6e6d6d; margin-top: 6px; }

.aboutm{ margin-top: 80px; }

.aboutm a{ color: #939090; }

.aboutm a:hover{ margin-left: 15px; color: #58B8CD;}

.aboutta2{ position: absolute; top: 111px; left: 50%; margin-left: -8px; }

.aboutta3{ position: absolute; top: 10px; left: 50%; margin-left: 620px; }

.img6{ position: absolute; bottom:0px; left: 50%; margin-left: -210px; z-index: 1; }

.newsl{ margin-top: 45px; width: 561px; height: 421px; overflow:hidden; border-radius: 8px; }

.newsl img{ max-width: 100%; }

.news_ul{ float: left; margin-top: 45px; }

.news_ul li{ float: left; margin-left: 58px; width: 220px;}

.news_img{ width: 220px; height: 165px; overflow:hidden; border-radius: 8px;}

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

.newsp1{ height:33px; line-height: 33px; transition: all 0.2s; margin-top: 15px; color: #fff; overflow:hidden; font-size: 18px; font-weight: bold;}

.newsp2{ height:120px; line-height: 24px; margin-top: 15px; color: #B8EEFB; overflow:hidden;}

.newsp3{ margin-top: 40px; color: #fff; transition: all 0.2s;}

.news_ul li:hover .news_img img{ transform:scale(1.05); }

.news_ul li:hover .newsp1{ color: #DFEE67; }

.news_ul li:hover .newsp3{ color: #DFEE67; padding-left: 15px; }

#mess{ height: 485px; position: relative; overflow:hidden; margin-top: 130px;}

.mess{ width: 1400px; overflow:hidden; height: 485px; position: absolute; z-index: 1; top: 0px; left: 50%; margin-left: -700px; }

.messbg{ width: 1660px; height: 485px; border-top-left-radius:60px;  background: #fff; position: absolute; top: 0px; left: 50%; margin-left: -700px;}

.messbg span{ width:1520px; height: 1px; background:#E4E4E4; position: absolute; right: 0px; top: 123px;}

.messbg img{ position: absolute; right: 63px; bottom: 0px; }

.messt{ height: 123px; line-height: 123px; overflow:hidden;}

.messta1{ margin-left: 60px; color: #000000;}

.messta1 span{ font-size: 36px; font-weight: bold; float: left;}

.messta1 b{ float: left; width: 8px; height: 8px; background:#479DBA; border-radius: 50%; margin-top:81px; margin-left: 10px;}

.mess_ul{ margin-top: 25px; margin-left: 60px; width: 550px; float: left;}

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

.mess_InputText{ height: 50px; float: left; border: 0px; outline: none; line-height: 50px; color: #666666; background: #EEEEEE; padding: 0px 25px; width: 220px; }

.mess_textarea{ height: 130px; float: left; border: 0px; outline: none; line-height: 30px; color: #666666; background: #EEEEEE; padding: 10px 25px; width: 500px; }

.messbgs{ width: 370px; height: 42px; background: #EEEEEE; float: left;}

.mess_captcha{ width: 120px; border: 0px; background: #EEEEEE; outline: none; height: 42px; line-height: 42px; margin-left: 20px; float: left;}

.mess_img{ float: left; margin-top: 10px; margin-left: 10px; cursor: pointer; }

.mess_But{ width: 174px; transition: all 0.2s; padding-left: 37px; float: right; text-align: left; border: 0px; cursor: pointer; height: 42px; line-height: 42px; background:#58B8CD url(../Image/sub1.png) no-repeat 147px center; color: #fff;}

.mess_But:hover{ background: #DFEE67 url(../Image/sub1.png) no-repeat 147px center; color: #58B8CD; }

.mess_p{ float: left; width: 450px; font-family:Arial; margin-left: 65px; margin-top: 25px; line-height: 55px; color: #888; font-size: 25px; }

.mess_p b{ color:#58B8CD;  }



/*******Css footer*******/

#footer{ height:120px; background:#000; overflow:hidden; min-width: 1200px; margin-top: 30px;}

.footer{ width:1400px; height:280px; color:#fff;  margin:0px auto;}

.footer a{ color:#fff; }

.footerl{ width: 240px; margin-top: 53px; margin-left: 20px; }

.footerlp2{ line-height: 28px; color: #f1f1f1; margin-top:22px;}

.footer .footerlp2 a{ color: #f1f1f1; margin-right: 10px;  }

.footerr{ width: 800px; margin-top: 53px;}

.footerrp1{ height: 20px;  }

.footerrp1 a{ width: 42px; text-align: center;background: url(../Image/bg2.png) no-repeat; height: 20px; line-height: 20px; float: left; margin-right: 70px; }

.footerrp1 a:hover{ background: url(../Image/bg21.png) no-repeat; }

.footerrp2{ margin-top: 20px; line-height: 2; }

#bf{ width: 100%; opacity: 0; height:80px; bottom: 0px; background:rgba(0,0,0,0.9); z-index: 9999; position: fixed; z-index: 999; }

.bf{ width: 1400px; height:80px;  overflow:hidden; }

.bfimg{ float: left; margin-top: 18px; }

.bfa1{ width: 200px; text-align: center; color: #000; font-size:20px; height: 50px; line-height: 50px; background: #FFD800; border-radius: 15px; float: right; margin-top: 15px; margin-right: 20px; }

#bf.show{ opacity: 1; }

.bfc{ float: left; margin-left: 40px; width: 900px; overflow:hidden; height: 40px; margin-top:20px;  }

.bfc a{  height:40px; line-height: 40px; border-radius: 8px; padding: 0px 20px; float: left; margin:0px 10px; background:#28769D; color: #fff;}

.bfc a.on{ background: #FFD800; color: #333; }

/*******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:#58B8CD; color:#fff;}

.left_sideul li.selectli a{ background-color:#58B8CD; 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{ height:50px; line-height: 50px; }

.right_title_left{ margin-top: 30px; padding-left:70px; font-size: 70px; color: #DFEE67; font-weight: bold; }

.right_title_left span{ color: #fff; }

.right_title_right{  margin-top:70px; color: #92DCF8; font-size: 16px; padding-left:70px;}

.right_title_right a{ color: #92DCF8;}

.right_content{ min-height:800px; width: 1280px; overflow:hidden; margin: 50px 60px 110px 60px; }



.com1{ overflow:hidden; position: relative;  }

.com1_p1{ font-weight: bold; font-size: 36px; color: #000;}

.com1_p1 span{ color:#58B8CD;  }

.com1ul{ margin-top: 55px; }

.com1ul li{ float: left; margin-right: 165px; }

.com1p1{ height: 60px; line-height: 60px; color: #6e6d6d; }

.com1p1 b{ color: #58B8CD; font-size: 50px; font-family:bahns; margin-right: 5px;}

.com1p2{ height: 24px; line-height: 24px; text-align: center; color: #6e6d6d; margin-top: 6px; }

.com_img1{ position:absolute; top: 15px; right: 0px; }

.com2{ line-height: 28px; margin-top: 50px; }

.com3{ margin-top: 50px; overflow:hidden; }

.com3_p1{ height: 106px; border-bottom: solid 1px #E4E4E4; }

.com3_txt{ float: left; width: 435px; line-height: 25px; margin-top: 115px;}

.com3_img{ float: right; margin-top: 100px;}

.com4{ margin-top: 60px;  }

.com4_p1{ height: 80px;  border-bottom: solid 1px #E4E4E4; overflow:hidden; }

.com4_p1 span{ font-size: 36px; font-weight: bold; float: left; color: #000;}

.com4_p1 b{ float: left; width: 8px; height: 8px; background:#479DBA; border-radius: 50%; margin-top:30px; margin-left: 10px;}

.pmess_ul{ float: left; width: 750px; margin-top: 60px; }

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

.pmess_InputText{ height: 50px; float: left; border: 0px; outline: none; line-height: 50px; color: #666666; background: #EEEEEE; padding: 0px 25px; width: 320px; }

.pmess_textarea{ height: 160px; float: left; border: 0px; outline: none; line-height: 30px; color: #666666; background: #EEEEEE; padding: 10px 25px; width: 700px; }

.pmessbgs{ width:565px; height: 42px; background: #EEEEEE; float: left;}

.pmess_captcha{ width: 120px; border: 0px; background: #EEEEEE; outline: none; height: 42px; line-height: 42px; margin-left: 20px; float: left;}

.pmess_img{ float: left; margin-top: 10px; margin-left: 10px; cursor: pointer; }

.pmess_But{ width: 174px; transition: all 0.2s; padding-left: 37px; float: right; text-align: left; border: 0px; cursor: pointer; height: 42px; line-height: 42px; background:#58B8CD url(../Image/sub1.png) no-repeat 147px center; color: #fff;}

.pmess_But:hover{ background: #DFEE67 url(../Image/sub1.png) no-repeat 147px center; color: #58B8CD; }

.com_img4{ float: right; margin-top: 65px;}

.jgfwc{ margin-bottom: 70px; overflow:hidden; }

.jgfwcp1{ height: 105px; line-height: 105px; position: relative; overflow:hidden; }

.jgfwcp1 i{ width: 1185px; height: 1px; background: #E4E4E4; position: absolute; bottom: 0px; }

.jgfwcp1 span{ color:#E7E7E7; font-size: 70px; font-family:bahns; }

.jgfwcp1 b{ color: #000; font-size: 36px; line-height:95px; transition: all 0.3s;}

.jgfwl{ width: 610px; margin-top: 45px; }

.jgfwlc{ line-height: 25px; height: 75px; overflow:hidden;  }

.jgfwlm{ overflow:hidden; margin-top: 40px;}

.jgfwlm a{ width: 120px; border-top-right-radius:17px; border-bottom-right-radius:17px; border-bottom-left-radius:17px; margin-right: 20px; float: left; height: 38px; line-height: 38px; color: #fff; background: #4396B5; text-align: center; }

.jgfwlm a.jgfwlma{ background: #145889; }

.jgfwlm a:hover{ background: #f19c15; }

.jgfwlm a.jgfwlma:hover{ background: #f19c15; }

.jgfwr{ width: 648px; margin-top:45px;  }

.jgfwr a{ width: 208px; text-align: center; height:156px; border-radius: 8px;  overflow:hidden; float: left; margin: 0px 4px;}

.jgfwr a img{ max-width: 100%; transition: all 0.3s;  }

.jgfwr a:hover img{ transform:scale(1.05); }

.jgfwc1 .jgfwcp1 span{ float: left; }

.jgfwc1 .jgfwcp1 b{ float: left; margin-left: 35px;}

.jgfwc1 .jgfwcp1 i{ right: 0px; }

.jgfwc1 .jgfwl{ float: left; }

.jgfwc1 .jgfwr{ float: right; }

.jgfwc0 .jgfwcp1 span{ float: right; }

.jgfwc0 .jgfwcp1 b{ float: right; margin-right: 35px;}

.jgfwc0 .jgfwcp1 i{ right: 0px; }

.jgfwc0 .jgfwl{ float: right; }

.jgfwc0 .jgfwr{ float: left; }

.jgfwc1:hover .jgfwcp1 b{ margin-left: 55px; }

.jgfwc0:hover .jgfwcp1 b{ margin-right: 55px; }

.jgfwc:hover .jgfwcp1 span{ color: #4396B5; }

.waterfull{

    margin: 0 auto;

}

.waterfull ul li{

    float: left;

    width: 284px;

    padding:8px 8px 15px 8px;

    margin: 0 7px 10px;

    border-radius: 3px;

    position: relative;

    overflow: hidden;

    border-radius: 8px;

    border:solid 1px #e4e4e4;

}

.waterfull ul li .waterfull_img{

    width: 284px;

    overflow:hidden; 

}

.waterfull ul li .waterfull_img img{

     width: 284px;transition: all 0.3s; height: auto;

}

.waterfull ul li .waterfull_txt{ margin-top: 8px; margin-top:5px; line-height: 22px; }

.waterfull ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.2); }

.waterfull ul li:hover .waterfull_img img{ transform:scale(1.05); }

#imloading{ margin: 30px auto; width: 400px; box-shadow: 0 0 10px rgba(0,0,0,0.2); text-align: center; height: 50px; line-height: 50px; background: #58B8CD; color: #fff; font-size: 16px; border-radius: 25px; }



/*******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:#f80d33; }

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

#indexNews2{  }

#indexNews2 li{ border-bottom:#e4e4e4 1px dotted;  padding:8px 0px 15px 0px; overflow: hidden; margin-top: 15px; }

.indexNews2img{ width:220px; height: 165px; line-height: 165px; overflow: hidden; text-align: center; background: #f4f4f4;}

.indexNews2img img{ max-width: 100%; display: inline-block; vertical-align: middle;}

.indexNews2txt{ width:800px; margin-left:15px;}

.indexNews2p1{ height:45px; line-height: 45px; overflow:hidden; font-size: 18px; font-weight: bold; color: #000;}

.indexNews2p3{ margin-top:10px; line-height: 23px; max-height:92px; overflow:hidden; color: #888;}

.indexNews2time{ width: 100px; }

.indexNews2timep1{ height: 50px; font-size:32px; line-height: 50px; font-family:bahns; }

.indexNews2timep2{ height: 40px; line-height: 40px; font-size: 20px; text-align: center; margin-top:5px;}

.indexNews2timep2 i{ width: 40px; float: left; height: 40px; transition: all 0.3s; line-height: 40px; }

.indexNews2line{ width:35px; height: 1px; background:#BEBEBE; margin-left: 5px; margin-top: 24px; float: left;  transition: all 0.4s; }

#indexNews2 li:hover .indexNews2line{ width: 80px; }

#indexNews2 li:hover .indexNews2timep2 i{ background: #58B8CD; color: #fff; }



#picUL{}

#picUL li{ float:left; margin:7px 8px; text-align:center; display:inline;}

#picUL li .pic_01{ width:280px; height:210px; border:1px solid #dedede; overflow: hidden;}

#picUL li .pic_01 img{ height:210px; max-width:280px; transition: all 0.3s;}

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

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

#picUL li a:hover .pic_02{ color:#58B8CD; }



#proUL{}

#proUL li{ float:left; margin:25px 0px; transition: all 0.3s; width:578px; padding: 15px; border: solid 1px #E4E4E4; border-radius: 15px;}

#proUL li.proli0{ margin-left: 40px; }

#proUL li .pic_img{ width:280px; height:210px; line-height: 210px; float: left; overflow: hidden;}

#proUL li .pic_img img{ max-width: 100%; vertical-align:middle; transition: all 0.3s;}

#proUL li .pic_txt{ width:280px;  float: right;}

.proup1{ max-height:52px; line-height:26px; overflow:hidden; }

.proup1 a{ font-size: 16px; color: #000; font-weight: bold; }

.proup2{ margin-top: 10px; line-height: 23px; max-height:92px; color: #888; overflow:hidden;}

.proup3{ margin-top: 15px; overflow:hidden;}

.proup3 a{ width: 120px; border-top-right-radius:17px; border-bottom-right-radius:17px; border-bottom-left-radius:17px; margin-right: 20px; float: left; height: 38px; line-height: 38px; color: #fff; background: #4396B5; text-align: center; }

.proup3 a.proup3a2{ background: #145889; }

.proup3 a:hover{ background: #f19c15; }

.proup3 a.proup3a2:hover{ background: #f19c15; }

#proUL li:hover .pic_img img{ transform:scale(1.05);}

.proup1 a:hover{ color: #58B8CD; }

#proUL li:hover{ box-shadow:0px 0px 25px rgba(0,0,0,0.2); }

.fwcp{ margin-top: 60px; overflow:hidden; }

.fwcpt{ height: 48px; overflow:hidden;}

.fwcpt span{ width: 120px; font-size: 18px; font-weight: bold; margin-top: 5px; border-top-right-radius:17px; border-bottom-right-radius:17px; border-bottom-left-radius:17px; float: left; height: 38px; line-height: 35px; color: #fff; background: #4396B5; text-align: center; }

.fwcpt p{ float: left; margin-left: 35px; width: 1070px; line-height: 24px; height: 48px; color: #545353; }



/*******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:#58B8CD;}

#contact_main{ margin:50px auto 0px; overflow:hidden;  }

#contact_main a{ color:#58B8CD;}

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

.contact_main p{ width:340px; margin-left: 20px; float: left; height: 50px; line-height:50px; margin-bottom: 10px; padding: 0px 20px; background:#EFEFEF; border-top-left-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}

.ewm{ float: right; }



#allmap{ height: 450px; margin-top: 50px; }

#page_Title{ line-height:45px; font-size:36px; border-bottom: solid 1px #E4E4E4; padding-bottom: 30px; color: #000;}

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

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

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

.page_Share{ margin-right: 10px; float: right; }

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

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

.page_Share span{ float: left; }



#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:#58B8CD;

    color:#ffffff;

    line-height:45px;

    text-align: center;

}



#page_Content{ margin:40px auto 0px; }

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

.page_Content{ line-height:30px; font-size: 15px; }

#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 table td a { text-decoration:underline; color: #333;}

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

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

.search_cp span{ color:#58B8CD; }





/*******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:#58B8CD;}







/*******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:#58B8CD;

    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:#58B8CD;

    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:#58B8CD; 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 #58B8CD; }

.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 #58B8CD; }

.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 #58B8CD; }

.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:#58B8CD;

    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: #58B8CD; }



/*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:#58B8CD 1px solid;color:#fff; background: #58B8CD;}

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

div.digg span.current{border:solid 1px #58B8CD;padding:3px 15px; font-weight:bold; margin:3px; color:#fff; background-color:#58B8CD; 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;}