/*********************************网页公共部分************************************/
@charset "utf-8";
html{font: 14px/24px 'Helvetica Neue','Microsoft Yahei',arial,helvetica,sans-serif;}
*{margin: 0;padding: 0;border:medium none;}
a,img{border: 0;}
img{display: block;}
a{color: #333;text-decoration: none;}
a{transition: all 300ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
a:hover{color: #0771c5;}
li {list-style-type: none;}
.wrapper{width: 1200px;margin:0px auto;position: relative;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
h1,h2,h3,h4,h5{font-size: 100%;font-weight: normal;}



/***********************************page***************************************/
div.page{padding:3px;margin:3px;text-align:center;margin-top: 10px;}
div.page a{border:#38322d 1px solid;padding:2px 5px;margin:2px;color:#38322d;text-decoration:none}
div.page a:hover{border:#38322d 1px solid;color:#000;}
div.page a:active{border:#38322d 1px solid;color:#000;}
div.page span.current{border:solid 1px #38322d;padding:2px 5px;font-weight:bold;margin:2px;color:#fff;background-color:#38322d;}
div.page span.disabled{border:#38322d 1px solid;padding:2px 5px;margin:2px;color:#38322d;}

/***********************************banner***************************************/
.banner{width:100%;height:515px;white-space:nowrap;margin:0 auto;overflow:hidden;position:relative;z-index:1;}
.banner_m{width:50%;height:515px;display:inline-block;position:relative}
.banner_son{width:1920px;height:515px;display:inline-block;position:relative;left:-967px}
.box_skitter{position:relative;background:0 0}
.box_skitter ul{display:none}
.box_skitter .container_skitter{overflow:hidden;position:relative}
.box_skitter .images{overflow:hidden}
.box_skitter .image img{display:none}
.box_skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20}
.box_skitter .box_clone img{position:absolute;top:0;left:0;z-index:20}
.box_skitter .prev_button{position:absolute;top:40%;left:14%;z-index:100;width:60px;height:60px;overflow:hidden;text-indent:-9999em;margin-top:0;background:url(../images/left.png) no-repeat left top!important;background-size: 60px !important;}
.box_skitter .next_button{position:absolute;top:40%;right:14%;z-index:100;width:60px;height:60px;overflow:hidden;text-indent:-9999em;margin-top:0;background:url(../images/right.png) no-repeat left top!important;background-size: 60px !important;}
.box_skitter .label_skitter{z-index:150;position:absolute;display:none}
.loading{position:absolute;top:50%;right:50%;z-index:10000;overflow:hidden;background:url(../images/loading.gif)no-repeat center center;width:100px;height:100px;background-size: 100px;transform: translate(50%,-50%);-webkit-transform: translate(50%,-50%);}
#slideshow{width:1920px;height:515px;}
#slideshow ul{display:none}
/*********************************header************************************/

.header{height: 120px;overflow: hidden;position: relative;}
.header .top{height: 30px;line-height: 30px;color: #6b6b6b;font-size: 12px;}
.header .top a{color: #6b6b6b;}
.header .logo{width: 500px;height: 90px;position: relative;}
.header .logo img{max-height: 100%;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.header .tel{padding-right: 70px;height: 56px;background: url('../images/tel.jpg')no-repeat right center;text-align: right;margin-top: 15px;}
.header .tel span{display: block;font-size: 16px;color: #595959;}
.header .tel b{display: block;color: #0771c5;font-size: 28px;}


.header-nav{width: 100%;background-color: #0771c5;}
.header-nav>.wrapper>ul{/*overflow: hidden;*/}
.header-nav>.wrapper>ul>li{float: left;position: relative;}
.header-nav>.wrapper>ul>li>a{display: block;color: #fff;width: 170px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;}
.header-nav>.wrapper>ul>li:hover{background-color: #2dad43;}
.header-nav>.wrapper>ul>.selected{background-color: #2dad43;}
.header-nav>.wrapper>ul>li>ul{position: absolute;z-index: 9999;top: 100px;opacity: 0;visibility: hidden;transition: all 300ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
.header-nav>.wrapper>ul>li>ul>li{line-height: 40px;background-color: #2d8dd9;width: 170px;text-align: center;transition: all 300ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
.header-nav>.wrapper>ul>li>ul>li:hover{background-color: #2fb2e3;}
.header-nav>.wrapper>ul>li>ul>li>a{color: #fff;}
.header-nav>.wrapper>ul>li:hover ul{opacity: 1;visibility: visible;top: 50px;}


/*********************************footer************************************/
.footer{width: 100%;background-color: #0771c5;color: #fff;overflow: hidden;}
.footer a{color: #fff;}
.footer-nav{height: 50px;line-height: 50px;border-bottom: 1px solid #4f9ad5;overflow: hidden;margin-bottom: 7px;}
.footer-nav ul li{float: left;width: 150px;text-align: center;}
.footer .box01{width: 200px;height: 200px;position: relative;}
.footer .box01 img{width: 200px;max-height: 200px;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.footer .box02{margin-left: 30px;padding-top: 40px;width: 590px;}
.footer .box02 ul li{line-height: 24px;}
.footer .box02 ul li:nth-child(5):after{display: block;content: " ";width: 100%;height: 1px;background-color: #4f9ad5;margin: 10px auto;}

.footer .box03{width: 200px;height: 270px;background: rgba(0,0,0,0.5);overflow: hidden;text-align: center;}
.footer .box03 b{display: block;font-size: 24px;padding-top: 22px;height: 24px;line-height: 24px;}
.footer .box03 span{display: block;font-size: 14px;padding: 5px 0px 5px 0px;}
.footer .box03 img{width: 150px;height: 150px;margin: 0 auto;}

/*********************************sidebar************************************/
.sidebar{width: 276px;}
.sidebar .title{width: 100%;text-align: center;height: 80px;line-height: 80px;color: #fff;background-color: #0771c5;}
.sidebar .title b{font-size: 22px;}
.sidebar .title span{font-size: 16px;}
.sidebar ul{background-color: #2d8dd9;}
.sidebar ul li{position: relative;}
.sidebar ul li:hover{background-color: #2fb2e3;transition: all 300ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
.sidebar ul li a{color: #fff;display: block;line-height: 50px;height: 50px;text-indent: 45px;font-size: 16px;}
.sidebar ul li:before{display: block;content: " ";height: 5px;width: 5px;background-color: #fff;position: absolute;left: 25px;top: 50%;transform: translateY(-50%);}
.sidebar_lxwm{width: 276px;height: 130px;background: url('../images/sidebar01.png')no-repeat center center;text-align: center;color: #fff;overflow: hidden;}
.sidebar_lxwm span{display: block;font-size: 20px;padding-top: 9px;}
.sidebar_lxwm small{display: block;font-size: 14px;}
.sidebar_lxwm b{display: block;font-size: 24px;padding-top: 10px;}

/*********************************index************************************/
.index_search{width: 100%;height: 70px;line-height: 70px;border-bottom: 1px dashed #bbbbbb;color: #515151;font-size: 16px;}
.index_search a{margin-left: 30px;color: #515151;}
.index_search a:hover{color: #0771c5;}
.search{padding-top: 20px;}
#search_text{height: 32px;border: 1px solid #CCCCCC;width: 200px;text-indent: 20px;float: left;}
.search-btn{height: 34px;width: 37px;background:url('../images/search.png')no-repeat center center #0771c5;background-size: 30px;float: left;border: 0px;cursor: pointer;}


.index-product{padding: 40px 0px 40px 0px;overflow: hidden;}
.index-product .right{width: 900px;}
.index-product .article{width: 100%;height: 70px;line-height: 70px;background-color: #e1e1e1;margin-bottom: 30px;}
.index-product .article .left_bitao{width: 180px;height: 70px;font-size: 24px;color: #fff;background-color: #0771c5;text-align: center;float: left;}
.index-product .article .right_biaoti{float: right;} 
.index-product .article .right_biaoti a{display: block;width: 100px;text-align: center;}
.index-product-img ul li{float: left;margin-right: 20px;transition: all 600ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;box-shadow: 0px 0px 1px 1px #eee;}
.index-product-img ul li:last-child{margin-right: 0px;}
.index-product-img ul li:hover{box-shadow: 0px 0px 3px 3px #eee;}
.index-product-img ul li img{width: 210px;height: 210px;}
.index-product-img ul li span{display: block;width: 100%;line-height: 40px;height: 40px;text-align: center;font-size: 16px;color: #333;}


.line01{width: 1200px;height: 200px;background: url('../images/line01.jpg')no-repeat center center;position: relative;}
.line01 a{display: block;width: 174px;height: 40px;position: absolute;right: 157px;top: 109px;}


.index-company{width: 100%;height: 705px;background: url('../images/company_bg.png')no-repeat center center;margin: 50px auto 0px;position: relative;z-index: 1;}
.index-company .img{width: 530px;height: 705px;position: relative;}
.index-company .img img{position: absolute;left: 0px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index-company .intro{width: 630px;padding: 60px 0px 100px 0px;}
.index-company .intro b{font-size: 30px;color: #67ce78;display: block;height: 30px;line-height: 30px;padding-bottom: 40px;}
.index-company .intro ul{width: 100%;height: 40px;overflow: hidden;}
.index-company .intro ul li{float: left;line-height: 40px;height: 40px;width: 100px;margin-right:70px;}
.index-company .intro ul li:last-child{margin-right: 0px;}
.index-company .intro ul li a{color: #fff;font-size: 16px;display: block;text-indent: 30px;}
.index-company .intro ul li a:hover{font-weight: bold;}
.index-company .intro ul li:nth-child(1){background: url('../images/fangzi.png')no-repeat 0px center;background-size: 24px;}
.index-company .intro ul li:nth-child(2){background: url('../images/qizi.png')no-repeat 0px center;background-size: 24px;}
.index-company .intro ul li:nth-child(3){background: url('../images/rongyu.png')no-repeat 0px center;background-size: 24px;}
.index-company .intro ul li:nth-child(4){background: url('../images/fazhang.png')no-repeat 0px center;background-size: 26px;}
.index-company .intro p{color: #fff;font-size: 16px;line-height: 30px;padding: 30px 0px 30px 0px;height: 300px;overflow: hidden;text-align: justify;}
.index-company .intro a{float: right;font-size: 16px;color: #fff;}
.index-company .intro a:hover{font-weight: bold;}

.index-youshi{width: 1200px;background: url('../images/youshi_bg.png')no-repeat center center;height: 1052px;margin-top: -170px;}
.index-youshi .title{text-align: center;font-size: 40px;color: #0771c5;font-weight: bold;padding-top: 280px;height: 37px;text-indent: 18px;margin-bottom: 90px;}
.index-youshi ul li{overflow: hidden;margin-bottom: 20px;}
.index-youshi ul li .box{width: 540px;height: 190px;overflow: hidden;}
.index-youshi ul li .box b{font-size: 18px;color: #2dad43;line-height: 30px;}
.index-youshi ul li .box b:after{display: block;content: " ";width: 100%;height: 8px;background: url('../images/blx.png')no-repeat left center;margin: 10px auto;}
.index-youshi ul li .box p{line-height: 26px;color: #6d6d6d;font-size: 14px;padding-left: 35px;background: url('../images/dian.png')no-repeat 10px 12px;}



.line02{width: 100%;height: 240px;background: url('../images/line02.jpg')no-repeat center center;color: #fff;}
.line02 .box01{width: 485px;height: 110px;position: absolute;left: 424px;top: 69px;text-align: center;}
.line02 .box01 span{display: block;font-size: 18px;line-height: 36px;height: 36px;}
.line02 .box01 b{display: block;font-size: 30px;height: 30px;line-height: 30px;margin-top: 20px;}
.line02 .box02{width: 245px;position: absolute;right: 0px;top: 84px;}
.line02 .box02 span{display: block;font-size: 16px;line-height: 16px;height: 16px;}
.line02 .box02 b{display: block;font-size: 30px;height: 30px;line-height: 30px;margin-top: 7px;margin-bottom: 7px;}
.line02 .box02 a{display: block;content: " ";width: 150px;height: 30px;line-height: 30px;color: #fff;text-align: center;border: 1px solid #fff;}


.index-news-honor{padding: 10px 0px 40px 0px;overflow: hidden;}
.index-news-honor .title{line-height: 78px;height: 78px;}
.index-news-honor .title b{font-size: 24px;color: #464646;float: left;}
.index-news-honor .title b small{font-size: 14px;color: #919191;}
.index-news-honor .title a{float: right;display: block;color: #919191;}
.index-news-honor .index-news{width: 850px;}
.index-news .box{padding-left: 280px;background: url('../images/new_img.jpg')no-repeat 0px center;height: 319px;}
.index-news .box .news-a{overflow: hidden;margin-bottom: 5px;}
.index-news .box .news-a a{display: block;color: #fff;font-size: 16px;width: 110px;height: 40px;line-height: 40px;text-align: center;float: left;}
.index-news .box .news-a a:nth-child(1){background-color: #0771c5;}
.index-news .box .news-a a:nth-child(2){background-color: #2dad43;}
.index-news ul li{overflow: hidden;height: 90px;border-bottom: 1px dashed #ccc;}
.index-news ul li .left{width: 450px;height: 50px;padding-left: 10px;float: left;padding: 10px 0px 10px 0px;}
.index-news ul li .left b{display: block;font-size: 16px;color: #606060;height: 24px;transition: all 300ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
.index-news ul li .left span{display: block;font-size: 14px;color: #7d7d7d;height: 48px;}
.index-news ul li .right{float: right;width: 70px;text-align: center;}
.index-news ul li .right b{display: block;font-size:42px;color: #606060;height: 42px;line-height: 42px;padding: 10px 0px 5px 0px;font-weight: 100;}
.index-news ul li .right small{display: block;font-size: 16px;color: #606060;height: 24px;}
.index-news ul li:hover .left b{color: #00a7b7;}
.index-honor{width: 320px;}
.index-honor .box{width: 320px;height: 319px;overflow: hidden;}
.index-honor .box img{width: 320px;height: 319px;}
/*********************************内页************************************/


#main{margin:0 auto;padding-bottom:50px;padding-top:50px;width:1200px;min-height:200px;}
#main:after{display: block;content: " ";clear: both;}
#main .left_zuo{float:left;width:276px;}
#main .right_you{float:right;width:900px;}
#main .right_you .article{width:900px;height:80px;line-height: 80px;margin-bottom: 20px;background-color: #e1e1e1;}
#main .right_you .article .left_bitao{width: 180px;height: 80px;font-size: 24px;color: #fff;background-color: #0771c5;text-align: center;float: left;}
#main .right_you .article .right_biaoti{float:right;height:80px;font-size:14px;margin-right: 10px;}



.product-img ul li{float: left;margin-right: 20px;transition: all 600ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;box-shadow: 0px 0px 1px 1px #eee;margin-bottom: 20px;}
.product-img ul li:hover{box-shadow: 0px 0px 3px 3px #bcbcbc;}
.product-img ul li:nth-child(4n){margin-right: 0px;}
.product-img ul li img{width: 210px;height: 210px;}
.product-img ul li span{display: block;width: 100%;line-height: 40px;height: 40px;text-align: center;font-size: 16px;color: #333;}



.case-img ul li{float: left;margin-right: 30px;transition: all 600ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;margin-bottom: 30px;box-shadow: 0px 0px 1px 1px #eee;}
.case-img ul li:hover{box-shadow: 0px 0px 3px 3px #bcbcbc;}
.case-img ul li:nth-child(3n){margin-right: 0px;}
.case-img ul li img{width: 280px;height: 250px;}
.case-img ul li span{display: block;width: 100%;line-height: 40px;height: 40px;text-align: center;font-size: 16px;color: #333;}



.honor-list ul li{position: relative;width: 280px;height: 350px;margin-right:26px;float: left;overflow: hidden;margin-bottom: 26px;}
.honor-list ul li:nth-child(3n){margin-right: 0px;}
.honor-list ul li img{width: 280px;height: 350px;transition: all 1000ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
.honor-list ul li:hover img{transform: scale(1.1);}
.honor-list ul li .txt{position: absolute;top: 350px;width: 100%;height: 100%;background: url('../images/eyes.png')no-repeat center 80px rgba(0,0,0,0.5);text-align: center;color: #fff;font-size: 18px;line-height: 350px;transition: all 300ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
.honor-list ul li:hover .txt{top: 0px;}


/*新闻列表*/
.new_right{width: 900px;}
.new_right li{clear: both;overflow: hidden;border-bottom: 1px dotted #ccc;padding: 28px 0;}
.new_right li>span{display: block;float: left;text-align: center;font-size: 36px;color: #666;border-right: 1px solid #666;padding: 20px 20px 10px 0;position: relative;}
.new_right li>span b{position: absolute;width: 0;height: 0;border-top: 8px solid transparent;border-left: 8px solid #666;border-bottom: 8px solid transparent;right: -8px;top: 34px;}
.new_right li>span small{display: block;font-size: 14px;}
.new_right li>a{display: block;float: right;width:770px;color: #666;}
.new_right li>a:hover{color: #0771c5;}
.new_right li>a span{display: block;font-size: 14px;color: #707070;padding-top: 5px;}

/*新闻详情*/
.news_title{font-size: 18px;color: #333;text-align: center;display: block;margin: 10px auto;}
.username_click{width: 100%;height: 30px;line-height: 30px;text-align: center;background-color: #eee;margin: 20px auto;}
.xq{max-width: 900px;font-size: 16px;line-height: 30px;text-align: justify;}
.xq img{max-width: 900px;display: block;margin: 5px auto;}
.xq table{border: 1px solid #808080;width: 98%;border-collapse: collapse;}
.xq table td {border: 1px solid #808080;}


#prev_next{margin-top: 30px;}
#prev_next li{line-height:40px;text-indent: 20px;width: 100%;font-size: 14px;}
#prev_next li:nth-child(1){background: url('../images/up.png')no-repeat 0px 15px;border-top: 1px solid #CCCCCC;}
#prev_next li:nth-child(2){background: url('../images/down.png')no-repeat 0px 15px;border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}



.return{float:right;width:120px;height:40px;background-color:#0771c5;color:#fff;text-align:center;line-height:40px;margin-top: 20px;}
.return:hover{background-color:#d83a2a;}




.content_p {margin-top: 40px;}
.content_p span.sp {display: block;background-color: #dddddd;color: #ffffff;margin-bottom: 20px;overflow: hidden;}
.content_p span.sp small {background: #0771c5;display: block;float: left;text-align: center;line-height: 40px;width: 120px;}



#zhutu{max-width:900px;margin: 10px auto;display: block;border: 1px solid #ddd;}


/*在线留言详情页*/
.info_content{padding-bottom: 30px;}
.input-group{margin-bottom: 10px; clear: both;}
.input-group:after{display: block; content: ''; clear: both;}
.input-group label{width: 70px; font-size: 15px; display: inline-block; text-align-last: justify; color: #606060; font-weight: bold;}
.input-group input[type=text]{border: 1px solid #aaa;border-radius: 2px;line-height: 30px;height: 30px;width: 276px;text-indent: 1em;font-family: "microsoft yahei", "sans-serif";transition: 300ms;-webkit-transition: 300ms;outline: none;}
.input-group input[type=text]:focus{width: 300px; box-shadow: 0 0 5px #333; border: 1px solid #333;}
.input-group textarea:focus{width: 440px; box-shadow: 0 0 5px #333; border: 1px solid #333;}
.input-group input[type=text]#captcha:focus{width: 90px; box-shadow: 0 0 5px #015cb5; border: 1px solid #015cb5;}
.input-group textarea{transition: 300ms;-webkit-transition: 300ms;width: 420px;border: 1px solid #aaa;border-radius: 2px;text-indent: 1em;padding-top: 5px;font-family: "microsoft yahei", "sans-serif";outline: none;margin-left: 5px;}
#submit{display: block; clear: both; width: 80px; line-height: 30px; background: #0771c5; border: 0; color: #ffffff; font-size: 14px; margin-left: 74px;}
#submit:hover{background: #2d8dd9;cursor: pointer;}


/*CONTACT 地图大小*/
#allmap{width: 100%;height: 500px;}




.online-content{position: fixed;left: -175px;z-index: 9999;top: 200px;width: 225px;float: left;transition: all 500ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
.online-content i{display: block;width: 50px;height: 50px;background: url('../images/on_line.png')no-repeat center center #0771c5;background-size:40px;position: absolute;right: 0px;top: 0px;cursor: pointer;}
.online-content span{display: block;width: 175px;height: 50px;line-height: 50px;background-color: #0771c5;color: #fff;font-size: 18px;text-align: center;}
.online-content .box{background-color: #2d8dd9;width: 175px;text-align: center;font-size: 18px;padding-bottom: 20px;}
.online-content .box a{display: block;width: 100%;height: 60px;line-height: 60px;background: url('../images/i_qq.png')no-repeat 10px center;color: #fff;border-bottom: 1px solid #fff;}
.online-content .box p{color: #fff;line-height: 40px;}
.online-content .box img{display: block;margin: 20px auto 0px;}