/**************animate***************/
.article-block {transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0;}
.articleShow {transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: all 1s ease-in-out 0s;}

/***********header*/
.header{width: 100%;height:82px;position: relative; background:#fff;}
.logo{display: block;width: 165px;height:53px;position: absolute;
        left: 6%;top:12px;z-index: 30;
}
nav{width: 55%;margin: 0 auto;}
nav a{display: block; width:calc(100%/8);height:82px;color: #333;position: relative;float: left;line-height:82px;text-align: center; font-size:16px;font-weight: 600;}
nav a:after{content: "|";position: absolute;color: #dddddd;right: -2px;top: 0px;}
nav a:last-child:after{content:'';}
nav a:hover{background: #2864b7;color: white; transition: all .5s;}
nav a:hover:after{content: "";}
.contact{width:340px;height:70px;
    position: absolute;right: 50px;top: 7px;}

.phone_icon{display: inline-block;background: url("../images/phone_icon.png");width:18px;height:16px;
    float: left;vertical-align: middle;margin-top:28px;margin-left:58px;
}
.search_icon{display: inline-block;background: url("../images/search_icon.png") no-repeat; width: 21px;height: 21px;
            margin-top:12px;cursor: pointer;}
			
.c_lt{width: 70%;}
.c_lt h4{color: #d7000f;margin-top:17px;margin-left: 85px; line-height:13px;}
.c_lt p{color: #d7000f;font-size: 18px; margin:0; padding:0;margin-left: 85px; font-weight:bold;}
.c_rt{width: 25%;height:40px;border-left: 1px solid #dddddd;margin-top:14px;text-align: center; display:block;}

.search_box{position: absolute;width: 300px;height: 40px;border-radius: 5px;border: 1px solid #b5b5b5;
            overflow: hidden;   bottom: -45px;z-index: 999;background: white; left:-30px;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
    transition: all .5s;
}
.s_icon{width: 32px;height: 32px;display: inline-block;margin-left: 5px;margin-top: 5px;cursor: pointer;}
.c_icon{width: 32px;height: 32px;display: inline-block;margin-top:5px;cursor: pointer;}

.search_box input{height:40px; line-height:40px; margin-left: 8px;border: none;outline: none;color: #666;}
.in-search{ width:200px;}
.submit-search{ widows:30px;}			

.box_on{transform:translateX(0px);opacity:1;transition: all 1s;}

/***********header_END*/

/**********banner***************/
#banner_slide .swiper-pagination{bottom: 3%;}
#banner_slide .swiper-pagination-bullet{width: 10px;height: 10px; background: white;}
#banner_slide .swiper-pagination-bullet-active{background: #0483c8;width: 25px;border-radius: 20px;}
/**********banner_end***************/

/***********news*******************/
#news_slide{width: 100%;height: 50px;background: #e6ebf1;}

.n_zong{display: block;width: 1200px;  margin:0 auto;overflow: hidden;position: relative;}
.news_art{color: white;font-size: 14px;width: 480px;line-height: 25px;margin-top: 20px;}

.n_time{margin-left: 0%;margin-top: 12px;}
.time_icon{display: inline-block;width: 21px;height: 21px;background: url("../images/news_item_icon.png") no-repeat;vertical-align: middle}
div.n_time i{font-style: inherit;color: #666;font-size: 12px;margin-left: 8px;}

div.n_art{width: 50%;color: #666;margin-top:15px;font-size: 12px;margin-left: 60px;padding-left:60px;border-left:1px solid #666666;}

.more_n{position: relative;transition: all .5s;margin-top: 15px;float: right;margin-right: 20px;}
.more_n:before{content: '|';color: #666;position: absolute;left: -30px;top: 0px;}
.more_n b{color: #666;font-size: 12px;font-weight: inherit;}
.n_zong:hover .more_n{transform:translateX(20px);transition: all .5s;}
/***********news_END*******************/
/***********main**************/

.product{width: 1200px;overflow: hidden;margin-top:25px;}

.p_list{width: 215px;overflow: hidden;}
.p_title{width: 100%;height: 146px;background: #2864b7;overflow: hidden;}

.p_title h2{color: white;margin-left: 25%;margin-top: 15%;font-size: 22px;font-weight: 800;}
.p_title p{color: white;margin-left: 25%;font-size: 18px;}
.p_menu{width: 100%;padding-bottom: 15px;border-bottom:3px solid #2864b7;border-left: 3px solid #2864b7;border-right: 3px solid #2864b7;}
.p_menu ul{ padding-top:15px;}
.p_menu ul li{width: 100%;}
.p_menu ul li a{display: block;width:92%;padding:7px 0 7px 20px;color:#333;text-align: left;border-bottom: 1px solid #eee;margin:0 auto;}
.p_menu ul li:hover{background: #2864b7;transition: all .5s;}
.p_menu ul li:hover a{color:white;  border-color:transparent; transition: all .5s;}

.p_item{width: 960px;margin-left: 15px;}
.p_item ul li{float: left;width: 235px;height:310px;overflow: hidden;margin-right: 6px;margin-bottom: 20px;}
.p_item ul li:nth-child(4n){margin-right: 0px;}
.p_item ul li a{display: block;width: 100%;}
.item_img{width: 235px;height: 250px;border: 1px solid #ddd;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    overflow: hidden;}
.item_img img {
    transition: all .5s;
    vertical-align:middle;
	max-width: 200px;max-height: 220px;
	
}

.lanrenzhijia_r{ width:143px; height:auto; overflow:hidden; position:fixed; right:0; top:100px; z-index:99999;}
.lanrenzhijia_r .top{width:143px; height:69px; }
.lanrenzhijia_r .main{ width:138px; height:auto; overflow:hidden; text-align:left; font-size:12px; padding-left:5px;}
.lanrenzhijia_r .main p{ height:25px; line-height:25px; padding-left:5px;}
.lanrenzhijia_r .bottom{ width:143px; height:17px;}
.lanrenzhijia_m{ width:475px; height:173px; background:url(../images/kf.png) no-repeat; position:fixed; left:50%; top:30%; margin:-72px 0 0 -157px; display:none; z-index:1500;}
.lanrenzhijia_m ul .close{ width:25px; height:25px; display:block; position:absolute; right:-55px; top:8px;}
.lanrenzhijia_m ul .close2{ width:71px; height:25px; display:block; position:absolute; right:161px; top:99px;}
.lanrenzhijia_m ul{width:315px; height:145px; position:relative;}
.lanrenzhijia_m ul a{ display:block; width:70px; height:22px; position:absolute; top:116px;}

.item_art{width: 100%;height: 80px;overflow: hidden;position: relative;}
.item_art h3{margin-left: 1%;color: #333;font-size: 13px;font-weight: 500;margin-top:10px;margin-bottom:1px;z-index:15;position: relative;}
.item_art p{ margin:0;margin-left: 8%;color: #333;font-size: 12px;z-index: 15;position: relative;}

.item_art:after{content: "";position: absolute;width: 100%;height: 100%;background: #2864b7;top: 100%;transition: all .5s;}

.p_item ul li a:hover .item_art:after{top: 0%;transition: all .5s;}
.p_item ul li a:hover .item_img img{transform: scale(1.05);transition:all .5s;}
.p_item ul li a:hover .item_art h3{color: white;transition: all .5s;}
.p_item ul li a:hover .item_art p{color: white;transition: all .5s;}

.p_item2 ul li{float: left;width: 265px;height:300px;overflow: hidden;margin-right: 6px;margin-bottom:14px;}
.p_item2 ul li:nth-child(4n){margin-right: 0px;}
.p_item2 ul li a{display: block;width: 100%;}
.p_item2 ul li a:hover .item_art:after{top: 0%;transition: all .5s;}
.p_item2 ul li a:hover .item_img2 img{transform: scale(1.05);transition:all .5s;}
.p_item2 ul li a:hover .item_art h3{color: white;transition: all .5s;}
.p_item2 ul li a:hover .item_art p{color: white;transition: all .5s;}
.item_img2{width: 265px;height: 250px;border: 1px solid #ddd;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    overflow: hidden;}
.item_img2 img {
    transition: all .5s;
    vertical-align:middle;
	max-width:215px;max-height: 228px;
	
}


.about{width: 100%;height:670px;overflow: hidden;position: relative;margin-top: 35px;}
.a_lt{width: 80%;height:616px;margin: 0px;background: url("../images/a_lt_bg.jpg") no-repeat;position: absolute;left: 0;top: 5%;}
.a_rt{width: 55%;height:670px;background: url("../images/a_rt_bg.png") no-repeat;position: absolute;right: 0;}

.a_lt_title{position: absolute;top: 40px;}
.a_lt_title li{float: left;margin-left: 55px;}
.a_lt_title li:first-child{margin-left: 0px;}
.a_li i{display: inline-block;width: 9px;height: 9px;border-radius: 50%;background: #999999;vertical-align: middle;}
.a_li span{color: #999999;font-size: 12px;margin-left: 12px}
.a_li b{color: #333333;margin-left: 20px;margin-top:1px; font-size:18px;}
.about_img{position: absolute;top: 25%;left: 12%;z-index: 99;
    -moz-box-shadow: 0px 0px 20px #373737; /* 老的 Firefox */
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 1.5s;
    opacity: 0;
}
.hur{
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 1;
    transition: all 1.2s;
}
.active1{transform: translateX(50px);opacity:0;transition: all 1s .3s;}
.active2{transform: translateX(50px);opacity:0;transition: all 1s .5s;}
.active3{transform: translateX(50px);opacity:0;transition: all 1s .7s;}


.active_on{transform:translateX(0px);opacity:1;}

.a_rt{margin: 0px;}
.art_box{position: absolute;right: 226px;top: 85px;text-align: right;overflow: hidden;}
.art_box a{ text-align:left;}
.art_box a:hover{ color:#6CF;}
.a_rt_title h2{color: white;font-size: 40px; font-weight:normal;}
.a_rt_title span{color: white;font-size:30px; padding-left:15px;}
.a_rt_title hr{width:165px;border-color: #5f82b5;margin-right: 0px;border-top: none;border-left:none;border-right:none; }
.a_rt{padding-right: 240px;}
.a_rt_art h3{color: white; margin-top:60px; margin-bottom:15px;font-size: 18px; text-align:left;}
.a_rt_art p {
    display: inline-block;
    color: #fff;
    width: 480px;
    height: 260px;
    overflow: hidden;
    margin: 0px;
    text-align: left;
    font-size: 15px;
	line-height:24px;
}
.a_rt a{display: inline-block;color: white;transition: all .5s; cursor: pointer; text-align:left; width:100%; padding-top:25px;}
.a_rt:hover a{transform: translateX(30px);transition: all .5s;}
.advantage{width: 1200px;overflow: hidden;position: relative;margin-top: 35px;margin-bottom: 40px;}
.ad_lt{width: 50%;overflow: hidden;}
.ad_rt{width: 50%;overflow: hidden;position: relative; margin:60px 0 40px;}
.ad_title{text-align: left;}
.ad_title h3{color: #164d9d;font-size:40px;text-transform: uppercase; height:18px;}
.ad_title p{color: #666666;font-size: 20px;margin-bottom:20px;}
.ad_title hr{width:123px;background: #eee;text-align: left;height:1px; font-size:0;}
.ad_art{margin-top:35px;}
.ad_art h4{color: #164d9d;font-size: 20px;margin-bottom:16px;}
.ad_art p{color: #666;font-size:14px; width:320px; overflow:hidden;margin: 0px;line-height: 18px;}
.ad_art a{display: block;width: 97px;height: 30px;color: white;background: #164d9d;text-align: center;line-height: 30px;
           position: absolute;bottom:15%;left: 0px;text-transform: uppercase;border:1px solid transparent;transition: all .5s;
}
.ad_art a:hover{background: white;color: #164d9d;border:1px solid #164d9d;transition: all .5s;}
.li_hide{ opacity: 0;transform: translateY(80px);position: absolute;}
/*.ad_art ul li:first-child{display: block;}*/
.li_active{
    opacity: 1;
    transform: translateY(0px);
    transition: all 1s;
}
.ad_rt .line{
    z-index: 0;
    position: absolute;
    top: 2%;
    right: 27px;
    width: 1px;
    height: 90%;
    border-right: 1px dashed #a1a1a1;
}
.tr{text-align: right;}
.ad_r_title{color: #164d9d;font-weight: bold;font-size: 16px; padding-right:19px;}
.cap{font-size : 12px;
    -webkit-transform : scale(0.84,0.84) ;
    transform : scale(0.84,0.84);
    color: #999999;
    text-transform: uppercase;
    float: right;
    margin: 0px;
}
.number{
    width: 15px;
    height: 15px;
    font-size: 14px;
    color: #b1b1b1;
    background-image: url(../images/dot.png);
    background-repeat: no-repeat;
}
.number_active{
    background: url("../images/dot_hover.png");
}
.ad_rt_ul{ padding:57px 0;z-index: 5;position: relative;}
.ad_rt_ul ul li{margin-bottom:20px;cursor: pointer;}
.ad_cen{
    width: 580px;
    height: 580px;
    position: absolute;
    left: 50%;
    margin-left: -290px;
    overflow: hidden;
    top:7%;
    text-align: center;
	padding-top:10px;
}
.img_box{
    width: 68%;
    height: 68%;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left:46%;
    margin-left: -30%;
    top:6%;
    text-align: center;
    background-image:url('../images/advantage_img_01.png');
    background-repeat:no-repeat;
    background-position:center left;
}
/*.ad_cen img{width: 100%;height: 100%;}*/
.r_3{
    animation: r_360 100s infinite;
    -moz-animation: r_360 100s infinite;	/* Firefox */
    -webkit-animation: r_360 100s infinite;	/* Safari 和 Chrome */
    -o-animation: r_360 100s infinite;
}
.customer{width: 100%;background: #f5f5f5;overflow: hidden;}
.cu_box{width: 1200px;margin-top:30px;}
.cu_title b{font-size: 48px;color: #164d9d;}
.cu_title span{font-size: 20px;color: #666;margin-left: 30px;}
.item_list{margin-top:15px;margin-bottom:20px;}
.item_list ul li{float: left;width: 363px;margin-left: 55px;cursor: pointer;}
.item_list ul li:first-child{margin-left: 0px;}
.cu_art h4{color: #2864b7;font-size: 16px;margin-top: 15px;margin-bottom: 8px;}
.cu_art p{font-size: 12px;color: #666666;}
.cu_img{width: 100%;height: 265px;overflow: hidden;}
.cu_img img{transition: all .5s;}
.item_list ul li:hover img{transform: scale(1.05);transition: all .5s;}
.sponsor{width: 100%;margin-top:20px;margin-bottom: 30px;}
#s_slide .swiper-wrapper{margin-bottom: 50px;left: 0px;}
#s_slide .swiper-pagination{text-align: center;}
#s_slide .swiper-pagination-bullet{background: #666;}
#s_slide .swiper-pagination-bullet-active{background: #164d9d;}
/**********footer***************/
.footer{width: 100%;background: #333333;overflow: hidden;}

.footer_box{width: 1200px; padding-bottom:15px;}
.footer_box ul{margin-top: 30px;}
.footer_box ul li{float: left;padding:5px 35px;border-right: 1px solid #444444;}

.footer_box ul li:last-child{border-right: none;}
.footer_box ul li h3{font-size: 16px;color:#fff;margin-bottom: 15px;}
.footer_box ul li p{padding:0; margin:0;color: #ccc;}
.footer_box ul li p a{font-size: 13px;color: #ccc;}
.footer_box ul li p a:hover{color: #fff;}
.footer_rt{float: right;}
.footer_img{text-align: right;margin-bottom:15px;}
.footer_rt span{color: white;position: relative;margin-right: 40px; color:#ccc;}
.footer_rt span:hover{ color:#ccc;}
.footer_rt span i{font-style:normal;}
.footer_rt span:after{content: "|";position: absolute;    right: -22px;
    top: 0px;}
.footer_rt b{color: #ccc;font-weight: inherit;}
.footer_rt b a{ color:#ccc;}
/**********footer_END***************/


@keyframes r_360
{
    0%   {
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* IE 9 */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari and Chrome */
        -o-transform:rotate(0deg); /* Opera */
    }
    100% {
        transform:rotate(360deg);
        -ms-transform:rotate(360deg); /* IE 9 */
        -moz-transform:rotate(360deg); /* Firefox */
        -webkit-transform:rotate(360deg); /* Safari and Chrome */
        -o-transform:rotate(360deg); /* Opera */
    }
}

@-moz-keyframes r_360 /* Firefox */
{
    0%   {
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* IE 9 */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari and Chrome */
        -o-transform:rotate(0deg); /* Opera */
    }

    100% {
        transform:rotate(360deg);
        -ms-transform:rotate(360deg); /* IE 9 */
        -moz-transform:rotate(360deg); /* Firefox */
        -webkit-transform:rotate(360deg); /* Safari and Chrome */
        -o-transform:rotate(360deg); /* Opera */

    }
}

@-webkit-keyframes r_360 /* Safari 和 Chrome */
{
    0%   {
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* IE 9 */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari and Chrome */
        -o-transform:rotate(0deg); /* Opera */
    }
    100% {
        transform:rotate(360deg);
        -ms-transform:rotate(360deg); /* IE 9 */
        -moz-transform:rotate(360deg); /* Firefox */
        -webkit-transform:rotate(360deg); /* Safari and Chrome */
        -o-transform:rotate(360deg); /* Opera */

    }
}

@-o-keyframes r_360 /* Opera */
{
    0%   {
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* IE 9 */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari and Chrome */
        -o-transform:rotate(0deg); /* Opera */

    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg); /* IE 9 */
        -moz-transform: rotate(360deg); /* Firefox */
        -webkit-transform: rotate(360deg); /* Safari and Chrome */
        -o-transform: rotate(360deg); /* Opera */
    }
}
/***********main_END**************/

/******************media***************/
@media screen and (max-width: 1700px){
    .contact{right: 0px;transition: all .5s;}
    .logo img{transition: all .5s;}

    .about_img img{width: 100%;}
}
@media screen and (max-width: 1300px) {
    .phone_icon{display: none;}
}
/******************media_END***************/

/*****tool_list*********/
.tool_list{position: fixed;right: 0;bottom: 20%;width: 50px;z-index: 999; overflow: hidden;transition: all .5s;}
.tool_list li{width: 100%;overflow: hidden;cursor: pointer;border-bottom: 1px solid #b4b4b4;}
.i_list{width: 100%;background: #999;color:white;height: 50px;line-height: 50px; padding-left: 8px;}
.i_list a{ color:#fff;}
.i_list b{font-size: 14px;font-weight: 500;margin-left: 15px;}
.tool_list li:last-child{border-bottom: none;}
.erweima{width: 180px;height: 180px;text-align: center;background: #999;margin: 0px;display: none;}

.wx_icon{display:inline-block;width: 32px;height: 32px;background: url("../images/weixin.png") no-repeat;vertical-align:middle;}
.qq_icon{display:inline-block;width: 32px;height: 32px;background: url("../images/qq.png") no-repeat;vertical-align:middle;}
.dh_icon{display:inline-block;width: 32px;height: 32px;background: url("../images/phone.png") no-repeat;vertical-align:middle;}
.top_icon{display:inline-block;width: 32px;height: 32px;background: url("../images/top.png") no-repeat;vertical-align:middle;}

.tool_list:hover {width: 180px;transition: all .5s;}
/*****tool_list_END*********/

/*********product_css***************/
.p_banner{width: 100%;overflow: hidden;}
.p_main{width:1200px;background: white;overflow: hidden;}
.p_main_box{width: 1000px;overflow: hidden;}
.l_href{width: 100%;text-align: right;color: #666;padding: 25px 0;}
.l_href a{color: #666;}
.p_m_menu{width: 100%;margin: 20px 0px; height: 40px;}
.p_m_menu ul li{float:left;color: #000;padding:0 8px;height:44px;line-height:30px;font-size: 13px;position: relative;cursor: pointer;}
.p_m_bg{width: 100%;overflow: hidden;position: relative;}
.ad_show{position: absolute;top: 60px;left: 50px;}
.ad_show span{text-transform: uppercase;color: white;font-size: 38px;font-weight: 500;}
.ad_show b{color: white;font-size: 16px;margin-left: 30px;font-weight: 500;}
.p_m_menu ul li{}
.p_m_menu ul li a{color: #000;}
.p_m_menu ul li:after{content: '|';position: absolute;right: -2px;color: #ccc;}
.p_m_menu ul li:last-child:after{content: '';}
.p_m_menu ul li:hover{border-bottom:2px solid #d7000f;}
.p_item_list{margin-top: 40px; width:100%; overflow:hidden;}
.p_item_list .item_art b{color: #2864b7;font-weight: inherit;float: right;margin-top: -25px;position: relative;z-index: 15;font-size: 12px;}
.p_item_list ul li a:hover .item_art b{color: white;transition: all .5s;}

.p_m_menu ul li.p_li_active{border-bottom:2px solid #dd117a;!important; }


/*内页产品小图*/
.page{text-align:center; padding-top:20px; padding-bottom:20px;}
.page ul{float:left; position:relative; left:50%;padding-bottom:12px;}
.page ul li{position:relative; right:50%; float:left; margin-right:4px; text-align:center; }
.page ul li a{display:block;color:#666;width:40px; height:40px; line-height:40px; text-align:center; border: 1px solid #e1e1e1;transition: 1s;border-radius:5px;}
.page ul li a:hover{background:#d7000f;color:#FFF;width:40px; height:40px; line-height:40px; text-align:center; display:block;border: 1px solid #d7000f;transition: 1s;}
#page-dq{ background:#d7000f;border-radius:5px;}
#page-dq a{color:#FFF;border: 1px solid #d7000f;}
#page-dq a:hover{background: none;}
/*********product_css_END***************/

/***************ArticleList************/
.n_banner{width: 100%;overflow: hidden;}
.img_scale{  -webkit-animation: s_t 1s;
    -o-animation: s_t 1s;
    animation: s_t 1s;}
@keyframes s_t
{
    0%   {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
        transform: scale(1.0);
    }
}

@-moz-keyframes s_t /* Firefox */
{
    0%   {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
        transform: scale(1.0);
    }
}

@-webkit-keyframes s_t /* Safari 和 Chrome */
{
    0%   {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
        transform: scale(1.0);
    }
}

@-o-keyframes s_t /* Opera */
{
    0%   {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
        transform: scale(1.0);
    }
}


.n_main{width: 1200px;overflow: hidden;position: relative;}

.n_title{width: 100%;overflow: hidden;margin-top: 50px;}
.n_title_lt p{color: #444;font-size: 24px;}
.n_title_lt b{font-size: 14px;margin-top: 5px;color: #707070;font-weight: inherit;}

.n_title_rt{margin-top: 14px;}
.n_title_rt ul li{float: left;}

.n_title_rt ul li a{padding: 0 0 0 38px;  color: #999;border: none; font-size: 16px;}
.n_title_rt ul li a:hover{color: #2864b7;transition: all 1s;}
.n_list{width: 100%;margin-top:50px;}
.n_list ul li a{display: block;width: 100%;position: relative;}


.article_lt{margin-left: 7%;margin-top: 30px;}
.article_lt h3{font-size: 15px;color: #383838;margin-bottom: 8px;}
.article_lt p{color: #666;font-size: 13px;margin-bottom:10px;transition: all .5s;}
.article_lt hr{width:0px;position: absolute;left:0;border: none;background: #c6c6c6;height: 1px;top:73px;
    transition: all .5s;
}
.article_lt b{display: inline-block;
    height: 46px; line-height: 26px;font-size: 16px;overflow: hidden;width: 80%;color: #6a6a6a;font-weight: 500;transition: all .5s;
}
.article_rt{overflow: hidden;}
.article_rt img{width: 260px;height: 180px;}
.n_list ul li{margin-bottom: 10px;}
.n_list ul li a:hover hr{width: 80px;transition: all .5s;}
.n_list ul li a:hover p{
    -webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    -o-transform: translateX(-80px);
    transform: translateX(-80px);
    transition: all .5s;
}
.n_list ul li a:hover b{
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
    transition: all .5s;
}

.a_main{width: 1140px;padding: 30px;color: #333333;line-height: 25px; background: #f5f5f5;}
.article_box{width: 100%;}
.back_bt{display: inline-block;float: right; width: 150px;height: 50px;border: 1px solid #2864b7;background: white;text-align: center;line-height: 50px;font-size: 18px;transition: all .5s;margin-right:30px;color: #2864b7;margin-bottom:30px;}
.back_bt:hover{background: #2864b7;color: white;transition: all .5s;}



.i_main{padding: 30px;color: #333333;line-height: 25px; background: #eee;}
.infojj{width:1140px; margin:0 auto; background:#fff; padding:30px; font-size:15px; margin-top:10px;}
.infojj2{width:1140px; margin:0 auto; background:#fff; padding:30px; font-size:15px; margin-top:10px;}
.infojj2 img{ max-width:100%;}
.mbx{ background:url(../images/home.png) left 6px no-repeat; padding:0 0 15px 26px;font-size:12px;}
.navok{ background:#eee;}
.nnav{ margin:0 auto; width:1140px;}
.nnav ul{background:#ccc; }
.nnav ul li{ float:left; width:199px; height:45px; line-height:45px; margin-left:1px;}
.nnav ul li a{ text-align:center; background:#999; display:block;transition: 1s; font-size:16px; color:#fff;}
.nnav ul li a:hover{ background:#d7000f;transition: 1s; color:#fff;}
#dqnav a{background:#d7000f;transition: 1s; color:#fff;}



/*内页新闻详细*/
.main-right-ok-newtou{ font-size:24px; color:#333; text-align:center; font-weight:bold; padding-top:30px;}
.main-right-ok-time{ padding-top:5px; text-align:center; color:#888; padding-bottom:15px; font-size:13px;}
.main-right-ok-nr{ padding:20px; line-height:24px; font-size:15px;border-top:1px solid #eaeaea;}
.main-right-ok-nr a{ color:#F00;}
.main-right-ok-nr a:hover{ color:#000;}
.main-right-ok-nr img{ max-width:100%; padding:10px 0;}

.fh{ height:65px; border-top:1px solid #eaeaea; padding:0 20px;padding-top:8px; }
.fh-left{ float:left; font-size:13px; line-height:24px;color:#666;}
.fh-left a{color:#666;}
.fh-left a:hover{color:#e40f7b;}
.fh-right{ float:right; margin-top:10px;width:124px; height:33px;background:#f4f4f4; text-align:center;}
.fh-right a{ line-height:33px; color:#333; font-weight:bold; font-size:13px; display:block;}
.fh-right a:hover{ line-height:33px;background:#e40f7b;color:#fff;display:block;opacity: 1;transition-duration:1s;}

.msnr{ padding:0 20px;}
.bdsharebuttonbox{ padding-left:20px; float:left; margin-top:-6px;}


.send-mail p{ margin:0; padding:0;}
.send-mail{border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3; background:#FFF; width:1140px; margin:0 auto; background:#fff; padding:50px; font-size:15px; margin-top:10px;}
.send-mail h1{text-align:center;font-size:28px;}
.send-mail .title-box{position:relative;}
.send-mail .title-box div{width:418px;height:27px;border-bottom:2px solid #eb0212;position:absolute;top:5px;}
.send-mail .title-box div em{display:none;width:34px;height:21px;position:absolute;bottom:-1px;}
.send-mail .title-box .left{left:0px;}
.send-mail .title-box .left em{right:20px;}
.send-mail .title-box .right{right:0px;}
.send-mail .title-box .right em{left:20px;background-position:-34px 0px;}
.send-mail .show .title-box .left em{display:block;-webkit-animation:home_left 0.8s 1 linear;animation:home_left 0.8s 1 linear;}
.send-mail .show .title-box .right em{display:block;-webkit-animation:home_right 0.8s 1 linear;animation:home_right 0.8s 1 linear;}
.send-mail p.if{text-align:center;font-size:30px; color:#000; line-height:30px;}
.send-mail p.lybt2{ text-align:center; height:45px; font-size:14px;}
.send-mail input{display:block;width:515px;height:45px;padding:15px 15px;text-indent:5px; border:1px solid #d3d3d3;border-radius:4px;-webkit-border-radius:4px; color:#333;}
.send-mail .cname,.send-mail .company{float:left;}
.send-mail .cemail,.send-mail .phone{float:right;}
.send-mail form p{padding-bottom:50px;}
.lybt2{ text-align:center;}
.send-mail textarea{display:block;width:100%;border:1px solid #d3d3d3;text-indent:5px; padding:0 1%;padding-top:5px;height:191px;border-radius:4px;-webkit-border-radius:4px;}
.send-mail span input{display:block;width:224px;height:38px; margin:30px auto 0 auto;text-align:center;font-size:16px;background-color:#007cc1;color:#FFF;border-radius:4px;-webkit-border-radius:4px;cursor:pointer;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out; transition: all .5s ease-out; border:none;}
.send-mail span input:hover{background-color:#666; border:none; color:#FFF;}











