@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{font-family:"微软雅黑";background:#e1f4ff;}
img { border:0}
a{ text-decoration:none}
a:hover{  text-decoration:underline}
ul li{ list-style:none}

.fr{ float:right}
.fl{ float:left}
.clr{ clear:both}

.line_2{ width:100%; height:2px; overflow:hidden;}
.line_20{ width:100%; height:20px; overflow:hidden;}
.line_13{ width:100%; height:13px; overflow:hidden;}

.top_box{ width:100%;height:110px;margin:0 auto;}
.top{ width:1200px; height:100%;position:relative;margin:0 auto;}
.top .logo{float:left;}
.top .logo img{width:auto;margin-top: 30px;}

.top .clickseack{position: absolute;right: 0;top: 60px;background:url(images/iphone.png) no-repeat;height: 28px;width: 290px;}

.menu_box{ width: 100%;height: 60px;position: relative;z-index: 999;margin-top: 10px;background: #49a5d5;}
.menu{ width:1200px; height:60px; position:relative;margin:0 auto}
.menu .lm{ width:76px; height:60px; float:left; position:relative;white-space: nowrap;background:url(images/menu_len.png) no-repeat right 5px;}
.menu a{  width:76px; height:60px; line-height:60px; margin:0; text-align:center; color:#fff; float:left; font-size:16px; display:block; font-family:"微软雅黑";width: 100%;text-decoration: none;font-weight: bold;} 
.menu .lm:last-child{background:none;}
.menu .lm:hover{background:#288dc5;}
.menu .lm:hover a{color:#fff;}
.lm div{ width:100%; position:absolute; top:60px;z-index:100; display:none;background:#288dc5;}
.menu .lm div .aa{ width:76px; height:15px;background:url(images/div.png) center 0 no-repeat;}
.menu .lm div ul li{ width:100%; text-align:center;display:block; }
.menu .lm div ul li a:hover{background:#e1f4ff;color:#4e4e4e}
.menu .lm div ul li a{height:50px; line-height:50px; font-size:16px;color:#fff;text-decoration: none;}

.flash{ width:1440px; overflow:hidden; margin: 0 auto;position:relative;}
.flash .tl{position:absolute;top:30%;width: 100%;font-size: 30px;color:#fff;text-align:center;}
.flash .tl span{width:100%;display:block;}
.flash .t2{position:absolute;top:65%;width: 100%;font-size: 18px;color:#eaf3c8;text-align:center;}
.adjecting {
    display: inline-block;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin-x: 50%;
}
.adjecting .front-face, .adjecting .back-face {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.adjecting .front-face {
    position: absolute;
}
.adjecting .back-face {
    position: relative;
	color:#1404ea;

}

.main{ width:1190px; margin:30px auto 30px auto;}
.main .main_right{float:left;width:75%;}
.main .main_right .product{width: 100%;height: 230px;overflow: hidden;}
.main .main_right .product li{width: 193px;
float: left;
height: 200px;
margin: 20px 0;}
.main .main_right .product li a{text-decoration: none;}
.main .main_right .product li:hover span{color:#429bcd}
.main .main_right .product li img{display: block;
width: 90%;
height: 150px;
margin: 0 auto;}
.main .main_right .product li .ss{font-size: 16px;
font-weight: bold;
line-height: 45px;}
.main .main_right .product li span{display: block;
height: 35px;
line-height: 35px;
color: #666;
font-size: 14px;
overflow: hidden;
padding-left: 5%;
width: 90%;}

.more{ position:absolute; right:5px; top:8px; text-indent:0; text-align:left;}
.more a{width:48px; height:12px; background:url(images/more.gif) no-repeat; display:block;}

.title span{ color:#fff; font-size:14px; font-family:'Arial'}

/* 左侧 */
.lefts{ width:355px; float:left;}
.lefts .title{ width:355px; height:29px; line-height:28px; overflow:hidden; text-indent:8px; font-size:14px; color:#FFFFFF; position:relative; background:url(images/center.gif) repeat-x; position:relative;}
.lefts .con{ width:353px; height:205px; color:#000; font-size:14px; background:#f7fef8; border:1px solid #e3f0e5; border-top:0;}
.lefts .con ul.news_list{ margin-top:5px;}


/* 中间 */
.center{ width:475px; float:left; margin-left:23px;}
.center .title{ width:475px; height:29px; line-height:29px; overflow:hidden; text-indent:8px; font-size:14px; color:#FFFFFF; position:relative; background:url(images/center.gif) repeat-x; float:left;}
.center .title .div{ width:72px; height:21px; line-height:22px; margin:7px 0 0 7px; color:#517702; background:#fff;}
.center .con{ width:475px; height:205px; overflow:hidden;background:#f7fef8; border:1px solid #e3f0e5; border-top:0;}
.center .con ul.news_list{ width:95%;margin-top: 3px;}

/* 右侧 */
.right{ width:330px; float:right; overflow:hidden}
.right .title{ width:330px; height:29px; line-height:29px; overflow:hidden; text-indent:8px; font-size:14px; color:#FFFFFF; position:relative; background:url(images/center.gif) repeat-x;}
.right .con{ width:330px; height:205px; float:left; color:#595555; font-size:12px;background:#f7fef8;border:1px solid #e3f0e5; border-top:0;}
.right .gushi{ width:64; height:70px; float:left; margin:9px 9px 5px;}
.right .con ul.news_list{ margin-top: 3px;}

.cp{ width:1190px;}
.cp .title{ width:1190px; height:29px; line-height:29px; overflow:hidden; text-indent:8px; font-size:14px; color:#FFFFFF; position:relative; background:url(images/bottom.gif) no-repeat;}
.cp .title .div{ width:72px; height:21px; line-height:22px; margin:7px 0 0 7px; color:#5e7f19; float:left; background:#fff;}
.cp .con .img a img{ border:1px solid #2c953a;   padding:2px;}
.cp .con .tit{ width:100%; height:30px; line-height:30px; font-size:12px; overflow:hidden; float:left;}
.cp .con .tit a{ color:#000; text-decoration:none;}

/* 左侧栏目 */
.left{ width:20%; float:left; font-family:'微软雅黑';height:auto;margin-bottom: 40px;position: relative;margin-right: 2%;padding:20px 0;}
.left .title{ width:100%; height:63px; line-height:63px; text-align:center; overflow:hidden; text-indent:8px; font-size:20px; color:#FFFFFF; position:relative; background:url(images/left_tit_bg.jpg) no-repeat; position:relative; }
.left .con{ width:100%; color:#595555; font-size:12px;}
.left .column{ height:auto;background:url(images/left.png);border: 2px solid #fff;}
.left .column ul li{ height:auto; line-height:45px;width:80%;float: left;background:url(images/column_li.png) no-repeat left bottom;background-size: 100%;padding:0 10%;}
.left .column ul li a{color:#fff;  font-size:16px;text-decoration:none;display:block;padding-left: 15%;background:url(images/column_li_a.png) no-repeat 15px center;}
.left .column ul li a span{background:url(images/column_li_span.png) no-repeat;display:block;width:4px;height:5px;float:right;margin-top: 20px;}
.left .column ul li a:hover{color:#fff;background:#288dc5;}
.left .column ul li .sanj{padding-left: 10%;display:none;}
.left .column ul li#on .sanj{display:block;}

.left .column ul li.on{background:#288dc5}
.left .column ul .on a{color:#fff;}
.left .left_title{width:80%;padding:0 10%;height:50px;line-height:50px;color:#fff;font-size:25px;text-indent: 10px;font-weight:bold;}

.left .left_seach{background:#78c0cb;float: left;width: 100%;height: 55px;border-radius: 10px;}
.left .left_seach span{float: left;width: 30%;line-height: 55px;text-align: center;color: #fff;font-weight: bold;}
.left .left_seach .keywords{float: left;width: 65%;height: 35px;background: #fff;margin-top: 10px;}
.left .left_seach input{border:none;height: 100%;font-size: 16px;color: #333;float: left;width:120px;}
.left .left_seach .sub{background:url(images/seach.png) no-repeat center center;width: 30px;}


/* 内页右侧 */
.right_n{ width:78%; float:left; min-height:500px; _height:500px;}
.right_n .title{ width:100%; height:35px; overflow:hidden; line-height:30px; font-size:14px; text-indent:9px; background:url(images/right-t.jpg) no-repeat; color:#fff; font-family:'宋体';display:none;}
.right_n .title .position{ float:right; margin-right:20px; font-size:14px; color:#787878; }
.right_n .title .position a{ color:#787878}
.right_n .con{ min-height:450px; line-height:28px; font-size:16px; color:#323232;}
.right_n .con *{ line-height:30px;}
.right_n .con .detail img{max-width:100%;}

.right_n .detail .detail_top{float:left;width:100%;min-height:500px;margin-bottom:40px;}
.right_n .detail .detail_top .detail_top_left{float:left;height:100%;width:62%;margin-right:2%;}
.right_n .detail .detail_top .detail_top_left .bd{height:410px;width:95%;}
.right_n .detail .detail_top .detail_top_left .bd li{display:block;width:100%;height:auto;}
.right_n .detail .detail_top .detail_top_left .bd li a > img{ max-width:701px; max-height: 390px;border:1px solid #ccc;padding:5px;}
.right_n .detail .detail_top .detail_top_left .bd li .zoomdiv img{width:auto;height: auto;max-width: unset;}



.right_n .detail .detail_top .detail_top_left .hd{height:auto;width:100%;margin: 10px 0;}
.right_n .detail .detail_top .detail_top_left .hd li{display:block;width:80px;height:80px;float:left;margin-right:20px;margin-bottom:20px;}
.right_n .detail .detail_top .detail_top_left .hd li.on{border:1px solid #ccc;height:78px;}
.right_n .detail .detail_top .detail_top_left .hd li.on img{filter: blur(0);}
.right_n .detail .detail_top .detail_top_left .hd li img{width:100%;height:100%;filter: blur(2px);}

.right_n .detail .detail_top .detail_top_right{float:left;height:100%;width:35%;overflow: hidden;}
.right_n .detail .detail_top .detail_top_right .desc{font-size: 16px;font-weight: 300;height: 50px;line-height: 50px;}
.right_n .detail .detail_top .detail_top_right .time{font-size:14px;color: #666;padding-left:25px;background:url(images/timg.png) no-repeat left center;background-size: 4%;line-height: 40px;}
.right_n .detail .detail_top .detail_top_right .guige{font-size:14px;color: #666;line-height: 40px;}


.right_n .detail .detail_bottom{width:100%;min-height:300px;float:left;display: none;}
.right_n .detail .detail_bottom .tite{width:100%;height:50px;}
.right_n .detail .detail_bottom .tite span{height: 100%;width: 100px;float: left;display: block;line-height: 50px;
text-align: center;background: #ccc;color: #08c;border-radius: 10px 10px 0 0;}
.right_n .detail .detail_bottom .tite span.on{background: #fff;border-top: 3px solid #08c;height: 47px;}

.right_n .detail .detail_bottom .dses{float:left;width:80%;background:#fff;padding:20px;box-shadow: 0 1px 2px #ccc;}
.right_n .detail .bot_re{clear: both;height: auto;width: 100%;}
.right_n .detail .bot_re .pre{text-decoration: none;color: #fff;float: left;padding: 0 5px;background: #49A5D5;display: block;}
.right_n .detail .bot_re .next{text-decoration: none;color: #fff;float: left;padding: 0 5px;background: #49A5D5;display: block;margin-left:20px;}


/* 应聘表单*/
#runedit .m_title{background: #808080;font-size: 20px;color: #fff;height: 40px;line-height: 40px;text-align: center;}
#runedit .sss{margin-top:30px !important;}
#runedit .form-group,.textarea{margin:10px auto;width:100%;padding:10px 0;}
#runedit .one{background:#f4f2f2;}
#runedit .submit{padding:30px 0;margin:20px 0;}
#runedit .submit .con{margin: 0 auto !important;clear: both;width: 260px;height: 70px;float: none !important;}


#runedit .form-group label{float: left;display: block;width: 75px;text-align: left;text-indent: 10px;margin-right: 10px;height:35px;line-height:35px;font-size:16px;font-weight:normal;margin-bottom:0;color:#616263;}
#runedit .form-group .con{float:left;margin-right:40px;min-height:35px;}
#runedit .form-group .con input{width:250px;background:#fff;border:1px solid #ccc;height:35px;line-height:35px;text-indent:10px;font-size:16px;float:left;}
#runedit .form-group .con span{float:left;margin-left:20px;color:#7b1804;line-height:35px;height:35px;}
#runedit .textarea label{float: left;width: 85px;text-align: left;line-height: 35px;height: 35px;display: block;text-indent: 10px;font-size:16px;font-weight:normal;color:#616263;}
#runedit .textarea .con{float: left;min-height:35px;}
#runedit .con textarea{width:600px;height:40px;background:#fff;border:1px solid #ccc;}
#runedit .form-group .con .city{width:400px;}

#runedit .form-group .con select{min-width: 60px;height: 40px;line-height: 40px;text-align: center;padding: 0 5px;color: #8b8d8e;width: 160px;border: #dedede 1px solid;} 
#runedit .form-group .btn-primary{background:#808080 !important;color:#fff;cursor:pointer;border: none;width: 100%;height: 100%;font-size:24px;}
#runedit .form-group .btn-primary:hover{background: #858585 !important;}


/* 底部 */
.bottom{ width:100%; height:130px;font-size:14px; text-align:center;color:#212121}
.bottom .bottom_conter{width: 1200px;height: auto;margin: 0 auto;line-height: 40px;padding-top: 30px;background:url(images/bottom.png) repeat-x;margin-top: 50px;}

/* 公司动态 */
ul.news_lists{ width:99%; margin:0 auto}
ul.news_lists li{ width:100%; height:28px; line-height:28px; overflow:hidden; font-size:14px; position:relative; text-indent:98px; border-bottom:1px dotted #B3B3B3; background:url(images/dian.gif) 2px center no-repeat; color:#c1bebe }
ul.news_lists li a{ color:#000}
ul.news_lists li a:hover{ text-decoration:underline; color:#f60;}
ul.news_lists li .date{ width:90px; font-size:12px; height:27px; line-height:28px; overflow:hidden; text-align:right; position:absolute; top:0; left:0; text-indent:0; color:#077425;}

/* 企业文化 */
ul.news_listt{ width:100%; margin:0 auto}
ul.news_listt li{ width:100%; height:48px; line-height:58px; overflow:hidden; font-size:14px; position:relative; text-indent:70px; border-bottom:1px dotted #B3B3B3; background:url(images/dot.png) 290px 26px no-repeat #f2f2f2; position:relative;}
ul.news_listt li a{ color:#000}
ul.news_listt li .img{ position:absolute; left:-40px; top:20px;}
ul.news_listt li a:hover{ text-decoration:underline; color:#f60;}

/*产品中心 */
ul.product_list{height:auto;width:100%;overflow:hidden;margin:0 auto}
ul.product_list a{text-decoration: none}
ul.product_list li{width: 20%;float: left;height: 200px;margin: 20px 0;}
ul.product_list li img{display: block;width: 90%;height:150px;margin:0 auto;}
ul.product_list li span{display: block;height: 35px;line-height: 35px;color: #666;font-size: 14px;overflow: hidden;
padding-left: 5%;width: 90%;}
ul.product_list li span.ss{font-size: 16px;font-weight: bold;line-height: 45px;}
ul.product_list li:hover span{color:#429bcd}

/* 新闻列表 */
ul.news_list{ width:95%; margin:0 auto}
ul.news_list li{ width:100%; height:30px; line-height:31px;font-size:14px; position:relative; text-indent:15px; border-bottom:1px dotted #B3B3B3; background:url(images/dian.gif) 2px center no-repeat }
ul.news_list li a{ color:#000}
ul.news_list li a:hover{ text-decoration:underline; color:#f60;}
ul.news_list li .date{ width:90px; font-size:12px; height:25px; line-height:28px; overflow:hidden; text-align:right; position:absolute; top:0; right:0; text-indent:0; color:#000; font-family:"宋体"}

ul.news_listss{ width:95%; margin:0 auto}
ul.news_listss li{ width:100%; height:30px; line-height:31px;  font-size:14px; position:relative; text-indent:15px; border-bottom:1px dotted #B3B3B3; background:url(images/dian.gif) 2px center no-repeat }
ul.news_listss li a{ color:#000}
ul.news_listss li a:hover{ text-decoration:underline; color:#288dc5;}
ul.news_listss li .date{ width:90px; font-size:12px; height:25px; line-height:28px; overflow:hidden; text-align:right; position:absolute; top:0; right:0; text-indent:0; color:#000; font-family:"宋体"}

/* 资料下载 */
ul.news_listss .li_download{width: 100%;height: auto;line-height: 40px;font-size: 14px;position: relative;background: #ccc;border-bottom: 2px solid #999;text-indent: 15px; }
ul.news_listss .li_download h4{line-height:40px;height:40px;width:100%;}
ul.news_listss .li_download h4 img{float: right;z-index: 9999;display: block;width: 16px;height: 16px;margin-top: 12px;margin-right: 10px;}
ul.news_listss .li_download .clider{background:#ddd;padding-left:3%;display: none;}

ul.news_listss .li_download .date .download,.downloads{padding-left:16px;padding-left: 20%;height: 100%;display: block;width: 60%;background:url('images/pdf.png') no-repeat left center}
ul.news_listss .li_download .iphone{display:none;position: absolute;z-index: 100;top: -95px;left: 35%;height: 100px;background: #ccc;border: 1px solid #999;box-shadow: 0px 5px 10px rgba(0,0,0,0.5);width: 300px;}
ul.news_listss .li_download .iphone label{width:100%;display:block;height:30px;font-size:14px;margin-bottom: 5px;position: relative;}
ul.news_listss .li_download .iphone .submit{display: block;height: 30px;width: 50px;font-size: 10px;margin: 0 auto;}
ul.news_listss .li_download .iphone label input{height: 25px;}
ul.news_listss .li_download .iphone label img{position: absolute;right: 35%;top: 15%;}


/* 产品列表 */
ul.piclist li{ margin:20px 25px 0; float:left; width:240px;}
ul.piclist li a.pic{ width:230px; height:190px; overflow:hidden; border:1px solid #999; display:block; text-align:center;}
ul.piclist li a.pic img{ max-width:100%; max-height:100%;}
ul.piclist li a.txt{ width:100%; height:30px; line-height:30px; display:block; text-align:center; font-size:14px; color:#595555}
ul.piclist li a.txt:hover{ text-decoration:none}

/*图片新闻 */
.img_news li{width:25%;height:300px;margin-bottom:50px;float: left;}
.img_news li a{text-decoration:none;}

.img_news li .lists_img{width:90%;height:60%;margin:0 auto;overflow:hidden;}
.img_news li img{width:100%;display:block;height:100%;transform: scale(1);transition:all .7s  cubic-bezier(.4,0,1,1);-moz-transition:all .7s cubic-bezier(.4,0,1,1); /* Firefox 4 */-webkit-transition:all .7s cubic-bezier(.4,0,1,1); /* Safari and Chrome */}
.img_news li:hover img{-webkit-transform: scale(1.02);    -moz-transform: scale(1.02);    transform: scale(1.02);}

.img_news li .lists_ti{width:90%;height:40%;margin:0 auto;overflow:hidden;position: relative;}
.img_news li .lists_ti::after{content: "";width: 0;height: 2px;background: #288dc5;position: absolute;bottom: 0;left: 0;transition: all 1s ease 0s;}
.img_news li .lists_ti span{width: 100%;height: 0;background:rgba(0,0,0,0.1);position: absolute;bottom: 2px;transition: all 1s ease 0s;}
.img_news li:hover .lists_ti span{height:100%;}
.img_news li:hover .lists_ti::after{width:100%;}

.img_news li .lists_ti .til{width:100%;display:block;height:30%;margin:0 auto;color: #000;overflow:hidden;}
.img_news li:hover .til{color:#288dc5;}
.img_news li .lists_ti .info{width:100%;display:block;height:70%;margin:0 auto;color: #333;font-size: 14px;line-height: 26px;text-indent: 30px;}

/*老图片新闻 */
.img_news .img_news_left{height:400px;width:45%;float:left;position:relative;background:#ccc;}
.img_news .img_news_left .bd li img{width:100%;height:360px;float:left;}
.img_news .img_news_left .bd li font{height:40px;display:block;width:100%;line-height:40px;color:#333;float: left;text-indent:10px;}
.img_news .img_news_left .hd{position: absolute;bottom: 40px;width: 80%;height: 25px;right:0;}
.img_news .img_news_left .hd li{width: 5%;height: 100%;background: #ccc;color: #fff;float: left;margin-right: 1%;line-height: 25px;
text-align: center;cursor:pointer;}
.img_news .img_news_left .hd li.on{background:#f00;}

.img_news .img_news_right{height:400px;width:50%;float:right;position:relative;}
.img_news .img_news_right li{height: 43px;width: 100%;display: block;border-bottom: 1px solid #ccc;line-height: 43px;}
.img_news .img_news_right li a{color:#666;text-decoration: none;}
.img_news .img_news_right li a span{float:right;font-size:12px;line-height: 43px;}

/* 分页CSS */
.pg {
    font-size: 12px;
    margin: 20px 0;
    text-align: center;
    width: 100%;
	color:#595555;
}
.pg span {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    display: inline-block;
    height: 20px;
    line-height: 20px!important;
    margin: 0 3px;
    padding: 0 5px;
    text-align: center;
}
.pg a {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #000 !important;
    display: inline-block;
    height: 20px;
    line-height: 20px!important;
    margin: 0 3px;
    padding: 0 5px;
    text-decoration: none;
}
.pub_input{ width:300px; height:20px; border: 1px dotted #999; color: #000000; background-color: #FFFFFF;}
.pub_inputs{padding:0 3px; height:20px;border: 1px solid #999; color: #000000; background-color: #FFFFFF;}
.pub_inputss{ padding:0 3px; height:20px;border: 1px solid #999; color: #000000; background-color: #FFFFFF;}
#Submit{padding:0 10px; height:25px; text-align:center;}