@charset "utf-8";
/*  @Author-个个 */
*{margin: 0;padding: 0; outline:0; border:0;}
body{font:14px/1.5 'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif; color:#000;}
a{color: #183eeb;text-decoration: none; cursor:pointer;}
a:hover{text-decoration: none; cursor:pointer;}
ul, ol, li{list-style-type: none;margin: 0; padding: 0; }
img{border:0;  margin: 0; padding: 0; vertical-align:top;}
ul, ol, li, h1, h2, h3, h4, h5, h6, table, td, th, form, fieldset, dl, dt, dd{ margin: 0; padding: 0; }
table{border-collapse:collapse;border-spacing:0;} 
textarea, input, button{outline:none;margin:0;padding:0;}
.relative{ position:relative;}

/*清除浮动*/
.clear{ clear:both;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height: 0;}
.clearfix {*zoom:1;}

/*通用原子类 */
.fl{float:left;}
.fr{float:right;}
.fw{font-weight:normal;}
.fs{ font-style:normal;}
.dis{display:inline;}
.tc{ text-align:center;}
.over{ overflow:hidden;}
.relative{position: relative;}
.fb{ font-weight:bold;}

/*font-size*/
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f36{font-size:36px;}
.f56{font-size:56px;}

.w1200{width:1200px; margin: 0 auto;}

/* banner */
.banner{ min-width:1200px; height:100%; position:relative; overflow:hidden;}
/* 中英文 */
.top-box{/*height: 50px;*/position: absolute; width: 100%; top:30px; left: 0; z-index: 100;}
.top{ /*height: 50px; line-height:50px; */font-size: 14px; color: #fff; text-align: right; letter-spacing: 2px;}
.top i{font-style: normal; padding: 0 2px;}
.top span a:hover{ color: #2ca5f9 !important; }
/* 导航 */
.header-main{height:80px;position: absolute; width: 100%; top:50px; left:0px; z-index:100}
.header-float{height:80px;width:100%;position:absolute;left:0px;top:0px;z-index:888888;}
.header-box{height:80px;width:100%;position:absolute;left:0px;top:0px;z-index:999999;min-width:1200px;}
.menu{height: 80px; position: relative;}
.menu .fl{ position: absolute; top:9px}
.menu .fr{font-size: 16px; height:80px; line-height: 80px; color: #fff;}
.menu .fr>ul>li{ float:left;letter-spacing: 1px; padding:0 20px; display: inline-block;}
.menu .fr>ul>li>span{ padding: 0 2px 13px; }
.menu .fr>ul>li span.on,.menu .fr>ul>li:hover span{ border-bottom: 3px solid #183EEB;}
.menu .fr>ul>li.last{padding-right: 0px;}
.menu .fr>ul>li .items{ width: 140px; background: rgba(24,62,235,0.8);  text-align: center;  padding: 10px 0;  color: #000000;  margin-left: -29px;  position: absolute;  /*box-shadow: 0px 0px 15px #dfdfdf;*/}
.menu .fr>ul>li .items>.items-p{ line-height: 45px; }
.menu .fr>ul>li .items>div a{ color: #000000 !important;}
.menu .fr>ul>li .items>div a:hover{ color: #183eeb !important;}
.top a,.menu .fr>ul>li a{ color: #fff !important;}
.menu .fr>ul>li .items>.items-p a,.menu .fr>ul>li .items>.items-p a:hover{color: #fff !important;}
.menu .fr>ul>li .items>.items-p a:hover{text-decoration: underline;}

.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:660px; }
.banner .bd li a{ height:660px; display:block;  }
.banner .hd{ width: 1200px; margin: 0 auto; text-align: center;}
.banner .hd ul{ position: absolute; bottom: 40px; left: 50%; margin-left:-100px;}
.banner .hd ul li{float:left; height:10px; width:60px; line-height: 9999px; margin:0 10px; background:#505050; border-radius: 100px;  cursor:pointer;overflow:hidden; display:inline-block;}
.banner .hd ul .on{ background:#183eeb;}
.banner .hd ul{transition: all .3s ease-in-out; }
.banner .hd ul:hover{transform: scale(1.2); -webkit-transform: scale(1.2);}

.indextit{position: absolute; top: 50%; left: 50%;margin-top: -125px;  margin-left: -600px; animation:fadeInLeftBig 1.5s linear both 0s;-webkit-animation:fadeInLeftBig 1.5s linear both 0s; }
.indextit02{position: absolute; top: 50%; right: 50%;margin-top: -145px;  margin-right: -600px; animation:fadeInRightBig 1.5s linear both 0s;-webkit-animation:fadeInRightBig 1.5s linear both 0s; }

/*产品推荐*/
.mt60{ margin-top:60px;}
.title-box{ text-align: center;}
.title-box span{ float: right; font-size: 18px; color: #183eeb; font-weight: bold; line-height: 85px;}
.title-box h3{ font-size: 34px; color: #000000; font-weight: normal; letter-spacing: 2px;}
.title-box p{ font-size: 14px; color: #8f8f8f;  text-transform: uppercase; }
.line{border-bottom: 4px solid #183eeb; padding-top: 5px; width: 100px; display: inline-block;}
.product-box dl{ float: left; width: 380px; height: 430px; margin-right: 30px; background: #fff; box-shadow: 0 0 20px #d8d8d8; display: inline-block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; overflow: hidden; }
.product-box dl dt{ widows: 380px; height: 242px; display: inline-block;}
.product-box dl dd{ padding: 25px 25px 0;}
.product-box dl dd h5{ font-size: 18px; color: #000000; font-weight: normal; text-align: center;}
.product-box dl dd h5 a{ color: #000;}
.product-box dl dd h5 a:hover{ color: #183EEB;}
.product-box dl dd p{ margin-top: 10px; font-size: 14px; color: #000000; line-height: 28px; text-indent: 2em;  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;}
.product-box dl dd span a{float:right; font-size: 14px; color: #919191;}
.product-box dl dd span a:hover{ color: #183EEB;}
.product-box dl.product_last{ margin-right: 0px;}
.product-box dl:hover{ z-index:1; -webkit-transform: translate(0, -15px); -moz-transform: translate(0, -15px);  -o-transform: translate(0, -15px); transform: translate(0, -15px); cursor: pointer; }
.product-box dl dt img{transition: all .5s; -moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
/*.product-box dl:hover{transform:scale(1.04);-moz-transform:scale(1.04);-webkit-transform:scale(1.04);-o-transform:scale(1.04);}*/

/*公司简介*/
.mt80{ margin-top:80px;}
.mt50{ margin-top:50px;}
.pt50{ padding-top:50px;}
.company_main{ height: 742px; background: url(../images/pic02.jpg) no-repeat center top;}
.company_box .title-box h3,.company_box .title-box p,.company_box .title-box span a{ color: #fff !important;}
.company_box .title-box .line{border-bottom: 4px solid #fff; }
.company_con .fr{ margin-top: 20px; width: 575px; font-size: 16px; line-height: 35px; color: #fff; text-indent: 2em;}
.company_con .link a{ color: #fff; font-size: 16px;  border: 1px solid #fff;  width: 220px;  height: 55px;  line-height: 55px;  text-align: left; margin-top: 30px; display: block;-webkit-transition: 0.4s;  -moz-transition: 0.4s;  -ms-transition: 0.4s; -o-transition: 0.4s;  transition: 0.4s;}
.company_con .link a:hover{background: #183eeb; color: #fff; border:1px solid #183eeb;}
.company_show{transition: all .5s; -moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.company_show:hover{transform:scale(1.04);-moz-transform:scale(1.04);-webkit-transform:scale(1.04);-o-transform:scale(1.04); cursor: pointer;}
/*.company_show{animation:fadeInLeftBig 1s linear both 1s;-webkit-animation:fadeInLeftBig 1s linear both 1s; }*/


/*新闻动态*/
.new-box .fl{ width: 450px;}
.new-box .fl ul li{ height:50px; line-height:50px; font-size: 15px; color: #272727; border-bottom: 1px dashed #b5b5b5;}
.new-box .fl ul li a{ color: #272727;}
.new-box .fl ul li a:hover{ color: #2ca5f9; }
.new-box .fl ul li span{float:right; color: #606060; font-size: 14px;}
.new-box .fl ul li i{ background: #2ca5f9; border-radius: 50%; width: 10px; height: 10px; DISPLAY: INLINE-BLOCK; MARGIN-RIGHT: 10PX;}

.drawBox {width:620px;height:410px;overflow:hidden;float:left;position: relative;}
.drawBox .drawList{width: 100%;}
.drawList li a{display: block;}
.drawList li img {width:620px;height:410px;overflow:hidden;}
.drawList .lb_t{position:absolute;width:100%;height:40px;line-height:40px;padding-left:18px;color:#fff;font-size:16px;
    bottom:0;z-index:999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.drawList .opcity{position:absolute;width:100%;height:40px;bottom:0;opacity:0.5;filter: Alpha(opacity=50);
    background:#000;}
.drawBox .pagination {position: absolute;bottom:4px;right:10px;z-index:33;}
.drawBox .pagination li{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;margin:0 1px;color:#fff;cursor: pointer}
.drawBox .pagination li.current{background-color:#c8000d;color:#fff;font-size:16px;}

/*广告图*/
.ad{ height: 280px; background: url(../images/pic_02.jpg) no-repeat center top;}

/*合作伙伴*/
.cooperative-main ul li{float:left;width:143px;height:166px; margin-right: 67px; display: inline;-webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.customer_list2 li img{ width:100%; height:166px;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.customer_list2 li:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;filter:alpha(opacity=70);opacity:0.7;}
.customer_list2 li .partner_box{/*position:relative;width:143px;*/ padding:0; position: relative;height:166px; z-index: 1;}
.customer_list2 .partner_box .cont1{width:143px;height:166px;position:absolute;top:0px;/*left:10px;*/z-index:2;/*filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;*/}  
.customer_list2 .partner_box .cont2{width:143px;height:166px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;position:absolute;top:0px;/*left:10px;*/z-index:1;transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}  
.customer_list2 .partner_box:hover .cont1{transform:rotateY(180deg);z-index:1;alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.customer_list2 .partner_box:hover .cont2{transform:rotateY(360deg);z-index:2;filter:alpha(opacity=100);-moz-opacity:1;opacity:1 !important;-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}  
.customer_list2 .partner_box:hover .cont2{z-index:2;}  
.customer_list2 .partner_box .cont1{transition:all .5s linear 10ms;} 
.customer_list2 .partner_box .cont2{transition:all .5s linear 10ms;}   

/*footer*/
.footer-main{ height: 308px; background: url(../images/footer_bg.jpg) no-repeat center top; border-top:5px solid #183eeb;}
.footer-box{ padding-top: 50px;}
.footer-box .fl{ width: 700px; border-right: 1px solid #fff; color: #fff;  padding-bottom: 20px; padding-right: 60px;}
.footer-box .fl h4{font-size: 16px; font-weight: normal; margin-bottom: 18px;}
.footer-box .fl h4 span{font-size: 12px; text-transform: uppercase;}
.footer-box .fl i a{float:right; font-size: 16px; font-style: normal; color: #fff; line-height: 35px;}
.footer-box .fl ul{float:left; margin-right: 40px; display: inline-block;}
.footer-box .fl ul li{width: 190px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.footer-box .fl ul li a{ font-size: 14px; line-height: 33px; color: #fff;}
.footer-box .fl ul li a:hover,.footer-box .fl i a:hover{ color: #183EEB;}
.footer-box .fr{ width: 380px;}
.footer-box .fr h4{font-size: 16px; font-weight: normal; margin-bottom: 18px; color: #fff;}
.footer-box .fr p{ font-size: 14px; line-height: 30px; color: #fff;}
.footer-box .fr .index-tel{ margin-top: 20px; background: url(../images/tel.png) no-repeat left 8px; padding-left:75px}
.footer-box .fr .index-tel h6{ font-size: 18px; color: #fff;}

.footer-copyright{ background: #000000; height: 70px; line-height: 70px; color: #fff;}
.footer-copyright a{ color: #fff; padding-right: 40px;}


/****************************************关于我们******************************************/
.about_banner{background:url(../images/about_banner.jpg) no-repeat center top; height:500px;}
.second_title{ color: #fdfdfd; font-size: 38px; padding-top:230px}
.second_title h6{ margin-left: 100px; font-size: 44px; font-weight: normal; text-transform: uppercase;}
.second_title p{ margin-left: 100px; border-bottom: 2px solid #fff; padding-bottom: 10px; display: inline-block;}
.content .site{ font-size: 16px; color: #000000; padding: 30px 0;}
.content .site a{ color: #000;}
.content .site a:hover{ color: #183EEB;}
.content_box .fl{ width: 230px;}
.content_box .fl ul{ border: 1px solid #000;}
.content_box .fl ul li{ height: 59px; line-height: 60px; text-align: center; font-size: 16px; color: #000000; border-top: 1px solid #000;}
.content_box .fl ul li a{ color: #000; display: block;}
.content_box .fl ul li a:hover,.content_box .fl ul li.on a{ background: #000; color: #fff;}
.content_box .fl ul li.first-icon{ background: url(../images/about_icon.png) no-repeat 35px 23px; padding:15px 0; height:auto; line-height: 23px;}
.content_box .fl ul li.first-icon p{padding-left:80px; text-align: left; text-transform: uppercase;}

.content_box .fr{ width: 900px;}
.content_box .fr h4{ font-size: 18px; color: #000000;  line-height: 23px; border-bottom: 1px solid #000000; padding-bottom: 5px; margin-bottom: 30px;}
.content_box .fr h4 i{ font-style: normal; font-size: 14px; font-weight: normal; text-transform: uppercase;}
.content_main{ font-size: 16px; color: #000000; line-height: 28px; text-indent: 2em;}


/****************************************企业荣誉******************************************/
.honor_con dl{ float:left; width: 260px; height: 260px; margin-right: 18px; margin-bottom: 30px; border: 1px solid #000; text-align: center; padding:10px; display: inline-block;}
.honor_con dl dt{ background: #eeeeee; width:260px; height: 220px; text-align: center;}
.honor_con dl dt img{    width: 159px; height: 219px;}
.honor_con dl dd{ height: 40px; line-height: 40px;}
.honor_con a dl dd { color: #000000;}
.honor_con a:hover dl dd { color: #183EEB;}
.pages-box ul { text-align: center;}
.pages-box ul li{ padding:5px 10px; font-size: 16px; color: #000000; border:1px solid #000; margin: 0 5px; display: inline-block;}
.pages-box ul li a{ color: #000000;}
.pages-box ul li.on{ background: #000; color: #fff;}
.pages-box ul li.on a{color: #fff;}


/****************************************新闻动态******************************************/
.news_banner{ background: url(../images/new_banner.jpg) no-repeat center top;  height:500px;}
.content_box .fl ul li.second-icon{ background: url(news_icon.png) no-repeat 35px 23px;}
.mb50{ margin-bottom: 50px;}
.news-box li{ height:50px; line-height:50px; font-size: 15px; color: #272727; border-bottom: 1px dashed #b5b5b5;}
.news-box li a{ color: #272727;}
.news-box li a:hover{ color: #2ca5f9; }
.news-box li span{float:right; color: #606060; font-size: 14px;}
.news-box li i{ background: #2ca5f9; border-radius: 50%; width: 10px; height: 10px; DISPLAY: INLINE-BLOCK; MARGIN-RIGHT: 10PX;}

/****************************************产品中心******************************************/
.product_banner{ background: url(../images/product_center.jpg) no-repeat center top;  height:500px;}
.product-list dl{ margin-top: 50px;}
.mb70{ margin-bottom: 70px;}


/****************************************文章页******************************************/
.detail_title{ padding: 20px 0; text-align: center;  border-bottom: 1px dashed #a5a5a5; overflow:hidden;}
.detail_title h2{ font-size:28px; color: #000000; font-weight: 28px;}
.detail_title p{ margin-top: 10px;}
.detail_title p span{ font-size: 16px; color: #bcbcbc; padding: 0 30px;}
.detail_box{ margin-top: 30px; line-height: 30px; font-size: 16px;}
.next_con{border-top: 1px dashed #a5a5a5;  padding-top: 20px; line-height: 35px; font-size: 16px;}
.next_con span{ color: #183eeb;}
.next_con p a{ color: #000000;}
.next_con p a:hover{color: #183eeb;}


/****************************************合作伙伴******************************************/
.partner_banner{ background: url(../images/partner.jpg) no-repeat center top;  height:500px;}
.cooperative-box dl{float:left;  width: 380px; text-align: center; margin-left:20px; margin-top: 30px; display: inline;}
.cooperative-box dl dt{ width: 378px; height: 166px; /*border:1px solid #000;*/ background: #fff; text-align: center;}
.cooperative-box dl dd{ font-size: 18px; color: #000;     margin-top: 20px;}


/****************************************客户留言******************************************/
.message_banner{ background: url(../images/message.jpg) no-repeat center top;  height:500px;}
.message_box{ width: 1000px; box-shadow: 0 0 20px #d8d8d8; background:#fff; padding: 50px 0; margin: 50px auto 0; }
.message_box .message_input{ width: 560px; margin: 0 auto; line-height: 55px; margin-bottom: 30px;}
.message_box .message_input i{ font-size: 24px; font-style: normal; color: #ff0505; font-weight: bold;margin-right: 5px;vertical-align: middle;}
.message_box .message_input span{    float: left; text-align: right; font-size: 18px; color: #000000;  letter-spacing: 1px;  width: 120px;  margin-right: 10px;     display: inline-block;}
.message_box .message_input input.input-t{    float: left; box-shadow: 0 0 4px #d8d8d8; width: 400px; height: 55px; line-height: 55px; padding-left: 20px; font-size: 16px; color: #000;     display: inline-block;}
.message_box .message_input textarea{    float: left;font-size: 16px; color: #000; box-shadow: 0 0 4px #d8d8d8; padding:5px 0; width: 400px; height: 130px; line-height:23px; padding-left: 20px; font-size: 16px; color: #000;     display: inline-block;}
.message_wz{ width: 560px; margin: 0 auto; padding-left: 260px; font-size: 12px; color: #ababab; }
.input_sex{ width: 25px; height: 25px; vertical-align: top; margin: 16px 12px 0;}
.input-btn input{ background: #183eeb; border-radius: 50px; height: 75px; line-height: 75px; text-align: center; font-size: 24px; color: #fff; width: 460px; display: inline-block;}


/****************************************联系我们******************************************/
.contact_banner{ background: url(../images/contact.jpg) no-repeat center top;  height:500px;}
.contact-box h5{ text-align: center; font-size: 30px; font-weight: bold; color: #000000;}
.contact-main{ width: 540px; margin:30px auto 0;}
.contact-main p{ margin-bottom: 15px; font-size: 20px; color: #000;}
.contact-main p i{ margin-right: 15px;}



/*分页*/
.pagelink {
    clear: both;
    font-size: 12px;
    text-align: center;
    height: 38px;
    margin-top: 30px;
    font-size: 12px;
}

    .pagelink a, div.pagelink span {
        padding: 6px 7px 6px;
        height: 23px;
        color: #4c4c4c;
        border: 1px solid #ddd;
        line-height: 26px;
        text-decoration: none;
        margin: 0 2px;
    }

        .pagelink a:hover {
            color: #3f8402;
            text-decoration: none;
            padding: 6px 7px 5px;
            border-bottom: 2px solid #3f8402
        }

    .pagelink .current {
        color: #3f8402;
        padding: 6px 7px 5px;
        height: 26px;
        border: 1px solid #ddd;
        border-bottom: 2px solid #3f8402;
        font-weight: bold
    }



    /****table****/
    .table-a 
        {
            border-collapse: collapse;
            margin: 0 auto;
            text-align: center;
        } 
.table-a td, table th
        { 
            border: 1px solid #000;
            color: #666;
            height: 30px;
            padding:8px 5px;
            line-height: 28px
        }

.table-a tr:nth-child(odd)
        {
            background: #dcdedd;
        }
.table-a tr:nth-child(even)
        {
            background: #fff;
        }

        #txtCode{width: 230px;}
        .message_input img{vertical-align: middle;padding: 0 10px;}