body{font-size:14px; min-width:1200px; background:#fff;font-family:"微软雅黑"}
*{ margin:0; padding:0;font-family:"微软雅黑"}
img{ border:none;}
ul,li{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
a{ text-decoration:none;}

*{margin:0;padding: 0;}
html body{width: 100%;font-size: 14px;}

.s_width{ width:1280px; margin:0 auto; position:relative}

.head{ height:90px; width:100%;  position: fixed; background:rgba(1,63,150,0.7);  z-index:3; top:0;}
.head .s_width{ position:relative;}
.head .logo,.head .nav_search{ position:absolute}
.head .logo{padding-top:18px;}
.head .logo img{ width:347px; }
.head .nav_search {right:0; width:864px;}
.head .nav_search .in_search{ width:24px; height:24px; overflow:hidden; position:relative;top:33px;}
.head .nav_search .in_search:hover{ cursor:pointer}
.head .nav_search .in_search img{}

.head .nav_search .nav{  width:800px;}
.head .nav_search .nav li{ width:99px; float:left; text-align:center; line-height:90px; position:relative; }
.head .nav_search .nav li a{ font-size:15px; color:#fff; display:block; }
.head .nav_search .nav li a:hover{  color:#fff; font-size:16px;}

.head .nav_search .nav li div {display:none;width:161px;text-align:center;color:#4f4f4f;position:absolute; left:-20px; background:#0e52ae; z-index:9999 }
.head .nav_search .nav li div a {display:block;COLOR: #fff; LINE-HEIGHT:40px; HEIGHT:40px;FONT-SIZE: 14px;font-weight:normal;border-bottom:1px dashed #2061bb; margin-top:0;}
.head .nav_search .nav li div a:hover {color:#fff; border-bottom:1px dashed #3770bd; background:#3770bd; border-top:0; border-right:0; border-left:0;FONT-SIZE: 15px;}

.footer{ padding:21px 0; background:#1c1614; color:#fff; font-size:15px; text-align:center}
.footer a{ color:#fff}

.tre:hover{ height:93px; width:93px;background: rgba(255,255,255,.5);  -moz-border-radius: 93px / 93px;
    -webkit-border-radius: 93px / 93px;
    border-radius: 93px / 93px;}
	
#join .joinb{z-index:0;position:fixed;bottom:-400px;right:-90px}
	
.joinb {
 z-index: 0;
    position: fixed;
    bottom: -400px;
    right: 20px!important;
}
.joinb  img { margin-bottom:100px}



.nei_new{ width: 940px;}
.ny_neirong_body{width:940px; height:180px}
.nei_new_l{height:180px; width:230px; float: left;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; }

.nei_new_r{height:180px; width:660px; float: right; }



.nei_an a{line-height: 30px; width: 110px; text-align: center; display: block; color: #bc2016; border: 1px solid #bc2016; float:right}
.nei_an a:hover{ background:#5bbc5e; color: #FFFFFF; border: 1px solid #54ac56;}

.nei_new_r_t{font-size:16px; color:#1c1614}

.nei_new_r_t a{color:#1c1614;font-size:18px}
.nei_new_r_t a:hover{ color:#9b8348}
.nei_new_r_n{font-size:14px;width:660px; height:100px; line-height:25px;text-align: justify;}

.nei_new_r_n a:hover{ color:#be2017}
.newssplite{
	width:100%;
	height:2px;
	position:relative;
	margin:12px 0;
	background:#cdc6b4;
}
.newssplitebk{
	width:0;
	height:2px;
	background:#ba2016;
	transition:width 0.5s;
}
.espcms_strlistt:hover .newssplitebk{
	width:100%;
}












.mores {
    width: 162px;
    height: 56px;
    position: relative;
}

.mores a:hover .three-d-box{transform: translateZ(-28px) rotateX(90deg); -webkit-transform: translateZ(-28px) rotateX(90deg); -moz-transform: translateZ(-28px) rotateX(90deg); -ms-transform: translateZ(-28px) rotateX(90deg);}
.mores a:hover span.end{ background:#ddaf63;}
.moredown a:hover span i{ transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);}
 .three-d-box{ transform: translateZ(-13px) rotateX(90deg); -webkit-transform: translateZ(-13px) rotateX(90deg); -moz-transform: translateZ(-13px) rotateX(90deg); -ms-transform: translateZ(-13px) rotateX(90deg);}



/*gere*/
.youshi{ padding:40px 0 60px 0}
.youshi .youshi_title{ font-size:36px; color:#303030; text-align:center; line-height:75px;}
.youshi .you_p{ font-size:15px; color:#646464; text-align:center}
.youshi ul{ width:1280px; margin:0 auto; padding:50px 0 0 0}
.youshi li{ float:left; width:320px;}
.youshi li .you_pic{ width:122px; margin:0 auto 15px auto}
.youshi li span{ display:block; font-size:24px; color:#2b2c2c; text-align:center; line-height:56px;}
.youshi li p{ font-size:14px; color:#777777; text-align:center; line-height:22px;}


.gere{ background:url(../images_nei/gerebg.jpg) no-repeat center top; padding:67px 0 17px 0; background-attachment: fixed; background-size:cover; position:relative; overflow:hidden; width:100%;}
.gere h2{ text-align:center; font-size:15px; color:#e8e8e8;   padding:0 0 39px 0}
.gere h2 a{ display:block; font-size:36px; color:#fff; line-height:80px; font-weight:normal;}
.gere h2 p{ font-weight:normal;}
.gere .s_width{ padding:24px 0 60px 0; overflow:hidden;}
.fahuo_con li{float:left; padding:0; width:313px; position:relative; overflow:hidden; background:#fff; margin:0 9px 0 0}

.fahuo_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.fahuo_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}


.fahuo_t_l{ width:313px; height:247px; position:relative; overflow:hidden;}
.fahuo_t_l a{ width:313px; height:247px; position: relative; z-index:3; display:block}
.fahuo_t_l a:hover{ color:#013f96}
.fahuo_t_b{ padding:21px; position:relative }
.fahuo_t_b p{ font-size:16px; color:#333; line-height:20px; z-index:2; position:relative; text-align:center}

.jianchi{ background:url(../images_nei/jianchibg.jpg) no-repeat center top; padding:40px 0 90px 0}
.jianchi .jianchi_t{ background:url(../images_nei/jianchi_line.jpg) no-repeat center bottom; font-size:36px; color:#333333; text-align:center; line-height:75px;}
.jianchi .jianchi_p{ text-align:center; font-size:15px; color:#595959; padding:30px 0; line-height:30px;}
.jianchi_con{ width:1280px; position:relative; margin:20px auto 0 auto; height:384px; overflow:hidden;}
.jianchi_con .jianchi_con_pic{ width:656px; height:384px; position:absolute; left:0; top:0; z-index:2}
.jianchi_con .jianchi_con_text{ width:716px; height:384px; position:absolute; right:0; top:25px; background:url(../images_nei/jianchibg2.png); z-index:1}
.jianchi_con .jianchi_con_text p{ padding:50px 40px 0 140px; font-size:17px; color:#505050; line-height:36px;}
.jianchi_con .jianchi_more{ width:145px; height:45px; border:2px solid #0c499d; margin:40px 0 0 140px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.jianchi_con .jianchi_more a{ padding:0 0 0 20px; display:block; font-size:16px; color:#0c499d; line-height:45px; background:url(../images_nei/jjian.png) no-repeat 100px center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.jianchi_con .jianchi_more:hover{ background:#0c499d; width:160px;}
.jianchi_con .jianchi_more:hover a{ color:#fff; background:url(../images_nei/jjian2.png) no-repeat 110px center;}

.news{ padding:0px 0 50px 0}
.news h2{ width:1260px; margin:0 auto; border-left:4px solid #eab302; font-weight:normal; margin-bottom:35px; padding:0 0 0 20px;}
.news h2 span{ color:#14306a; font-size:34px; display:block; line-height:39px;}
.news h2 p{ color:#616161; font-size:15px; line-height:25px;}
.news_tu{ width:687px;}
.news_tu li{ width:333px; margin:0 15px 0 0 ; background:#f8f8f8; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.news_tu li:nth-child(2n){ margin:0 0 0 0 ;}
.news_tu_t{ padding:25px 15px}
.news_tu_pic{ width:333px; height:218px; position:relative; overflow:hidden;}
.news_tu li .news_tu_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.news_tu li:hover .news_tu_pic img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.news_tu li:hover { background:#2b2b2b}
.news_tu li:hover a{ color:#fff}
.news_tu li:hover .news_date{ color:#fff}

.news_tu_t p a{ font-size:16px; color:#010101; line-height:35px;}
.news_tu_t .news_date{ font-size:14px; color:#7c7c7c; line-height:25px;}
.news_list{ width:570px; margin:0 0 0 0; }
.news_list_con{ background:#f8f8f8; margin:0 0 13px 0;  transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.news_list_con:hover{ background:#2458af;}
.news_list_con:hover .news_list_title h4 a{ color:#fff}
.news_list_con:hover .news_list_date{ color:#fff;}
.news_list_con:hover .news_list_title p{ color:#fff;}

.news_list_con .news_list_date{  color:#ffffff; font-size:18px; text-align:right; padding:28px 25px 18px 24px; background:#2458af; font-family:Impact}
.news_list_con .news_list_date span{ display:block; font-size:26px;  font-family:Impact}
.news_list_con .news_list_title{ width:441px;}
.news_list_con .news_list_title h4{ font-weight:normal; line-height:43px;}
.news_list_con .news_list_title h4 a{  font-size:16px; color:#0f0f0f; }
.news_list_con .news_list_title p{ color:#777777; font-size:14px; line-height:22px;}



/*muqiang*/
.muqiang{ background:#f6f6f6; padding:40px 0 70px 0}
.muqiang .muqiang_title{ font-size:36px; color:#303030; text-align:center; line-height:75px;}
.muqiang .muqiang_p{ font-size:15px; color:#646464; text-align:center}
.muqiang ul{ width:1200px; margin:0 auto; padding:50px 0 0 0}
.muqiang li{ float:left; width:400px; height:306px; position:relative;}
.muqiang li .muqiang_pic{ width:386px; height:306px; overflow:hidden; position:absolute; left:50%; margin-left:-193px; top:0; z-index:1;}
.muqiang li .muqiang_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease}
.muqiang li:hover .muqiang_pic img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}



.muqiang li span{ display:block; font-size:30px; color:#ffffff; text-align:center; line-height:56px; position:absolute; left:50%; margin-left:-193px; top:0; z-index:3; width:386px; top:90px; background:url(../images_nei/lline.png) no-repeat center bottom;}
.muqiang li p{ width:386px; height:56px; font-size:15px; color:#ffffff; text-align:center; line-height:22px; position:absolute; left:50%; margin-left:-193px; top:170px; z-index:3; }
.muqiang li .muqiang_bg{ width:386px; height:306px; background:rgba(0,0,0,0.5); position:absolute; left:50%; margin-left:-193px; top:0; z-index:2;}


/*choose_index*/
#choose_index{ padding:55px 0 40px 0; background:#fff}
#choose_index h1{ height:55px; font-size:36px; font-weight:normal; color:#303030; line-height:55px; text-align:center;}
#choose_index p{ width:1200px; height:38px; font-size:15px; color:#646464; line-height:38px; text-align:center; margin:0 auto;}
#choose_index ul{ width:1200px; margin:0 auto; height:282px; overflow:hidden;}
#choose_index ul li{ float:left; width:399px; padding-right:10px;position:relative; padding:20px 0 0 0}
#choose_index ul li h1{ margin:0 auto; margin:26px 0; width:270px;  height:80px; line-height:80px; font-size:70px; font-weight:bold; color:#e13d3d; text-align:center; position:relative;}
#choose_index ul li h2{ font-size:66px; font-weight:bold; color:#e13d3d; }
#choose_index ul li .h6{ line-height:48px; font-size:48px; font-weight:bold; color:#e13d3d; position:absolute; top:-13px; }
#choose_index ul li .h7{ line-height:30px; font-size:30px; font-weight:bold; color:#e13d3d; position:absolute; top:0; }
#choose_index ul li h3{ margin:0 auto;clear:both; padding-bottom:10px; width:270px;  height:45px; line-height:45px;  font-size:30px; font-weight:normal; color:#333333; text-align:center;}
#choose_index ul li p{ margin:0 auto; width:399px; height:52px; font-size:16px; color:#575757; line-height:22px; text-align:center;}
#choose_index ul li a{ margin:0 auto; height:30px; font-size:18px; color:#e13d3d; line-height:30px; text-align:center; display:block; text-decoration:none;}
#choose_index ul li a:hover{ font-weight:bold;}
#choose_index ul li div.num{float: left; font-size:73px;line-height: 132px; font-weight:bold; color:#d20f0f; font-family:Impact; -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);}
#choose_index ul li div.top{float: left; font-size:73px;line-height: 132px; font-weight:bold; color:#d20f0f; font-family:Impact; -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);}
#choose_index ul li div.choose_xgdiv{ height:132px;margin:0 auto;}
.animate{
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation:play 500ms linear 1;
    -moz-animation:play 500ms linear 1;
    animation:play 500ms linear 1;
}
@-webkit-keyframes play{
    0%  {
        /*
        水平翻转

        -webkit-transform:rotateY(0deg);*/
        /*
        垂直翻转*/
        -webkit-transform:rotateX(0deg);
       /* 顺时针旋转
        -webkit-transform:rotate(0deg);
        逆时针旋转
        -webkit-transform:rotate(0deg);
        */
    }
    100% {
        /* 水平翻转
        -webkit-transform:rotateY(360deg); */
        /* 垂直翻转*/
        -webkit-transform:rotateX(360deg);
        /*顺时针旋转
        -webkit-transform:rotate(360deg);
        逆时针旋转
        -webkit-transform:rotate(-360deg);
        */
    }
}
@-moz-keyframes play{
    0%  {
        /* -moz-transform:rotateY(0deg);
        */
         -moz-transform:rotateX(0deg);
        /* -moz-transform:rotate(0deg);
         -moz-transform:rotate(0deg);
         */
    }
    100% {
        /*-moz-transform:rotateY(360deg);
        */
        -moz-transform:rotateX(360deg);
        /*-moz-transform:rotate(360deg);
        -moz-transform:rotate(-360deg);
        */
    }
}
@keyframes play{
    0%  {
        /*transform:rotateY(0deg);*/
        transform:rotateX(0deg);
        /*
        transform:rotate(0deg);
        transform:rotate(0deg);
        */
    }
    100% {
        /*transform:rotateY(360deg);*/
        transform:rotateX(360deg);
        /*
        transform:rotate(360deg);
        transform:rotate(-360deg);
        */
    }
}

.mufahuo{ background:url(../images_nei/yan_case_bg.jpg) repeat-x left top;; padding:57px 0 60px 0; }
.mufahuo h2{ text-align:center; font-size:15px; color:#e8e8e8;  background:url(../images_nei/yan_case_t.png) no-repeat center 10px; padding:0 0 47px 0}
.mufahuo h2 a{ display:block; font-size:36px; color:#fff; line-height:60px; font-weight:normal;}
.mufahuo h2 p{ font-weight:normal;}
.mufahuo .s_width{ padding:0 0 60px 0; overflow:hidden;}
.mufahuo_con li{float:left; padding:0; width:412px; position:relative; overflow:hidden; background:#fff; margin:0 21px 0 0}

.mufahuo_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.mufahuo_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}


.mufahuo_t_l{ width:412px; height:308px; position:relative; overflow:hidden;}
.mufahuo_t_l a{ width:412px; height:308px; position: relative; z-index:3; display:block}
.mufahuo_t_l a span{ display:block; color:#ffffff; line-height:40px;  width:390px; position:absolute; bottom:0; z-index:99; font-size:15px; text-align:center;}
.mufahuo_t_l a:hover span{ color:#ffd800}
.mufahuo_t_b{ padding:25px; position:relative }
.mufahuo_t_b i{ font-style:normal; color:#555; display:block; line-height:45px; background:url(../images_nei/jiantou.png) no-repeat right center; z-index:2; position:relative; font-size:24px; color:#174791}
.mufahuo_t_b .index_bottom_back{ z-index:1;background:url(../images_nei/yan_f.jpg); opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;}

.mufahuo_more{ width:175px;  margin:0 auto;}
.mufahuo_more a{ line-height:45px; display:block; border:1px solid #2978a4; border-radius:35px;  padding:0 0 0 30px; position:relative; overflow:hidden;}
.mufahuo_more a p{ background:url(../images_nei/quan.png) no-repeat 105px center; font-size:16px; color:#0e63a5;  position:relative; z-index:2 }
.mufahuo_more a .mufahuo_more_back{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:url(../images_nei/yan_f.jpg); opacity:0; border-radius:35px; }

/*pingkai*/
.pingkai{ background:url(../images_nei/ping.jpg) no-repeat center top; padding:50px 0 35px 0; }
.pingkai h2{ text-align:center; font-size:15px; color:#e8e8e8;   padding:0 0 35px 0}
.pingkai h2 a{ display:block; font-size:36px; color:#fff; line-height:80px; font-weight:normal;}
.pingkai h2 p{ font-weight:normal;}
.pingkai .s_width{ padding:24px 0 50px 0; overflow:hidden;}
.pingkai_more{ width:95px; margin:0px auto 0 auto; border-bottom:1px solid #5b84bd; line-height:35px;}
.pingkai_more a{ font-size:18px; color:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pingkai_more a:hover{ line-height:45px; color:#fff}


/*yanqi_pro*/
.yanqi_pro{ width:1200px; margin:55px auto; height:644px; position:relative}
.yanqi_l,.yanqi_r{ position:absolute; height:643px; overflow:hidden;}
.yanqi_l{ left:0; top:0; width: 693px;}
.yanqi_r{ right:0; top:0 ;width:507px;}
.yan_a,.yan_b,.yan_c,.yan_d,.yan_e,.yan_f,.yan_g,.yan_h,.yan_i{ position:absolute;}
.yan_a{ left:0; top:0; width:254px; height:245px; background:url(../images_nei/yan_a.jpg) no-repeat left top;}
.yan_b{ left:0; top:245px; width:254px; height:246px; background:url(../images_nei/yan_b.jpg) no-repeat left top;}
.yan_c{ left:0; bottom:0; width:254px; height:152px; overflow:hidden;}
.yan_d{ left:254px; top:0; width:383px; height:397px; padding:0 28px;}
.yan_e{ width:439px; height:246px; bottom:0; left:254px; background:url(../images_nei/yan_e.jpg) no-repeat left top;}
.yan_f{ left:0; top:0; width:253px; height:246px; background:url(../images_nei/yan_f.jpg)}
.yan_g{ right:0; top:0; width:254px; height:246px; background:url(../images_nei/yan_g.jpg); overflow:hidden;}
.yan_h{ left:0; top:246px; width:507px; height:318px; overflow:hidden;}
.yan_i{ bottom:0; right:0; width:507px; height:80px; background:#4a4a4a}
.yan_i img{ width:28px; height:28px; margin:0 auto; margin-top:20px; display:block}
.yan_a .in_pic{ width:54px; height:36px; margin:0 auto; margin-top:70px; overflow: hidden; position:relative; z-index:2}
.yan_a h2{ color:#fff; font-size:24px;  text-align:center; line-height:75px; position:relative; z-index:2}
.yan_a .index_bottom_back{ z-index:1;background:url(../images_nei/yan_f.jpg); opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;}
.yan_b .in_pic{ width:58px; height:58px; margin:0 auto; margin-top:50px; overflow: hidden; position:relative; z-index:2}
.yan_b h2{ color:#fff; font-size:24px; font-weight:normal; text-align:center; line-height:35px; padding:15px 25px 0 25px; position:relative; z-index:2}
.yan_b .index_bottom_back{ z-index:1;background:url(../images_nei/yan_f.jpg); opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;}

.yan_e .in_pic{ width:55px; height:55px; margin:0 auto; margin-top:60px; overflow: hidden; position:relative; z-index:2}
.yan_e h2{ color:#fff; font-size:24px; text-align:center; line-height:35px; padding:15px 25px 0 25px; position:relative; z-index:2}
.yan_e .index_bottom_back{ z-index:1;background:url(../images_nei/yan_f.jpg); opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;}

.yan_d strong{ padding:30px 0 28px 0; display:block; font-size:38px; color:#0e57b2; line-height:45px;}
.yan_d p{ font-size:16px; color:#474747; font-size:16px; line-height:30px; padding:0 0 35px 0}
.yan_d span{ display:block; font-size:23px; color:#333; line-height:37px;}

.yan_f h2{ color:#fff; font-size:24px; font-weight:normal; text-align:center; line-height:40px; padding:80px 35px 0 35px; position:relative; z-index:2}
.yan_f .index_bottom_back{ z-index:1;background:url(../images_nei/yan_a.jpg); opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;}

.yan_a,.yan_b,.yan_e,.yan_d,.yan_f{ cursor:pointer}

.yan_c img,.yan_h img,.yan_g img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.yan_c:hover img,.yan_h:hover img,.yan_g:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}



/*yanqi anli end*/

/*yanqi kehu*/
.kehu{ padding:70px 0; overflow:hidden;}
.kehu_l{ width:450px; position:relative; left:0; top:0}
.kehu_r{ width: 739px; position:relative; left:0; top:0}
.kehu_r ul{ border-left:1px solid #eaeaea; border-top:1px solid #eaeaea}
.kehu_r li{ float:left; width:122px; text-align:center; padding:27px 0; height:33px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
/*yanqi kehu end*/
/*yanqi end*/






.ren{ height:730px; margin:80px 0 0 0}
.ren h2{ text-align:center; color:#fff; padding:0 0 42px 0}
.ren h2 span{ display:block; font-size:36px; color:#fff; line-height:65px; font-weight:normal;}
.ren h2 span a{ color:#232323;}
.ren h2 span a:hover{ color:#555;}
.ren h2 p{ font-size:14px; line-height:30px; font-weight:normal;}
.ren .s_width{ position:relative;}
.ren .ren_l{ width:640px; height:558px; position:absolute; top:0; left:0}
.ren .ren_r{ width:640px; height:558px; position:absolute; top:0; right:0}
.ren_r_a,.ren_r_b,.ren_r_c,.ren_r_d{ position:absolute; text-align:center; width:320px; height:279px;}
.ren_r_a{ top:0; right:320px; background:url(../images_nei/f_a.jpg); }
.ren_r_b{ top:0; right:0;  background:#dee0df}
.ren_r_c{ bottom:0; right:320px; background:#eeeeee}
.ren_r_d{ bottom:0; right:0;background:url(../images_nei/f_c.jpg); }
.ren h3{ line-height:85px; font-size:26px; font-weight:normal; padding:50px 0 0 0}
.ren_r_a h3{ color:#fff}
.ren_r_d h3{ color:#fff}
.ren .s_width p{ line-height:28px; font-size:17px;}
.ren_r_a p{ color:#fff}
.ren_r_d p{ color:#fff}


.zizhi{padding:55px 0 30px 0; overflow:hidden; }
.zizhi h2{ text-align:center; padding:0 0 40px 0}
.zizhi h2 a{ font-size:36px; text-align:center; display:block; color:#303030; font-weight:normal; }
.zizhi h2 p{ font-weight:normal; font-size:15px; color:#646464; line-height:35px;}

.zizhi .s_width{ width:1280px;  position:relative}
.zizhi_con{ padding:0 0 41px 0; height:312px;}
.zizhi_con li{float:left; padding:0; width:399px; height:310px;  position:relative; overflow:hidden; margin:0 5px 10px 5px; background:#fff}
.zizhi_con li .cp_k{ text-align:center; font-size:17px; color:#424242; line-height:65px;}
.zizhi_con li .cp_k a{ color:#333}
.zizhi_dd{ width:1199px; position:absolute; left:50%; margin-left:-600px; height:312px; overflow:hidden;border-right:1px solid #e0e0e0}

.tupian_zl{ position:absolute; left:-10px; top:130px; width:25px; height:51px; background:url(../images_nei/t_l.jpg)}
.tupian_zr{ position:absolute; right:-10px; top:130px; width:25px; height:51px; background:url(../images_nei/t_r.jpg)}

.ping_lianxi{ height:769px; background:url(../images_nei/ping_lianxibg.jpg) no-repeat center top; position:relative}
.ping_lianxi .ping_l_l{ width:56%; position:absolute;left:0; top:35px; height:700px; background:url(../images_nei/ling_ditu.jpg) no-repeat right center;}
.ping_lianxi .ping_l_r{ width:44%; position:absolute;right:0; top:35px; height:700px; }
.ping_lianxi .ping_l_r .ping_l_con{width:500px; margin:0 0 0 50px;}
.ping_en{ font-family:Impact; font-size:36px; color:#ffffff; text-transform:uppercase; padding:35px 0 0 0}
.ping_cn{ font-size:36px; color:#ffffff}

.ping_lianxi_con{ padding:30px 0 ;}
.ping_lianxi_con li{ float:left; color:#fff; border-bottom:1px solid #524e4d; margin-bottom:18px; padding:0 0 5px 0}
.ping_lianxi_con li span{ color:#d0d0d0; font-size:14px; display:block; line-height:26px;}
.ping_lianxi_con li p{ color:#fff; font-size:16px; display:block; line-height:38px;}

.ping_er span{ color:#d0d0d0; font-size:14px; display:block; line-height:36px;}


/*yimen*/
.yimen{ background:url(../images_nei/yimen.jpg) no-repeat center top; padding:50px 0 55px 0; }
.yimen h2{ text-align:center; font-size:15px; color:#e8e8e8;   padding:0 0 35px 0}
.yimen h2 a{ display:block; font-size:36px; color:#fff; line-height:80px; font-weight:normal;}
.yimen h2 p{ font-weight:normal;}
.yimen .s_width{ padding:24px 0 50px 0; overflow:hidden;}
.yimen_more{ width:150px; margin:0px auto 0 auto; border:2px solid #fff; line-height:45px;}
.yimen_more:hover{  width:180px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.yimen_more a{ display:block; padding:0 0 0 15px; font-size:15px; color:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; background:url(../images_nei/jjian2.png) no-repeat 100px center;}
.yimen_more a:hover{ line-height:45px; color:#fff; background:url(../images_nei/jjian2.png) no-repeat 120px center;}

.shebei{ padding:0 0 65px 0}
.shebei_t{ width:1280px; margin:0 auto; position:relative; height:284px;}
.shebei_t_con{ width:580px; padding:80px 0 0 0; position:absolute; left:0; top:0}
.shebei_t_con .shebei_en{ font-size:36px; color:#09408e; text-transform:uppercase; font-family:Impact; line-height:40px;}
.shebei_t_con .shebei_cn{ font-size:36px; color:#124b9b; line-height:45px; padding:0 0 15px 0}
.shebei_t_con p{ font-size:15px; color:#646464; line-height:45px;}
.shebei_t .lvlv{ width:599px; height:264px; position:absolute; right:0; top:0}

.shebei .s_width{ width:1280px; overflow:hidden;}
.chanpin_con{ padding:40px 0 7px 0}
.chanpin_con li{float:left; padding:0; width:243px;margin-right:15px; margin-bottom:10px; position:relative; overflow:hidden;}
.chanpin_con li a{ color:#fff; text-align:center; line-height:55px; font-size:17px; background:#06F}
.chanpin_con li img{width:210px; height:210px; border-radius:50%; border:5px #fff solid;
-webkit-border-radius: border-radius:50%;
	-moz-border-radius: border-radius:50%;
	-ms-border-radius: border-radius:50%;
	-o-border-radius: border-radius:50%;
	}
.chanpin_con li img:hover{border:5px #0066cc solid;transform: scaleX(1.01) scaleY(1.01);}

.reconmmendtt{
	position:absolute;
    width: 412px;
    height: 315px;
    background: #104c9f;
    border-bottom: 5px solid #f09d1a;
	transform: perspective(100px) rotateX(40deg);
    z-index: 10;
    transform-origin: center bottom 0;
    left: 0;
    opacity: 0;
}
.reconmmendtt_z{ margin: 45px;}
.reconmmendtt_a a{ line-height: 30px; color: #fffc0e; display: block;  font-size: 24px; font-weight: bold;}
.reconmmendtt_a a:hover{ color: #FFFFFF; }
.reconmmendtt_ab{height:2px; width: 60px; background: #fffc0e; margin-top: 16px;}
.reconmmendtt_c{height: 32px; width: 32px; margin: 0 auto; padding-top: 70px;}
.reconmmendtt_d a{ line-height: 29px; color: #FFFDFE; font-size: 16px; display: block; } 
.reconmmendtt_d a:hover{ color: #FFFDFE; } 
.reconmmendtt_e a{ color:#FFFFFF; display: block; font-size: 16px; margin-top: 50px;} 
.reconmmendtt_e a:hover{ font-weight: bold;color:#FFFFFF; }
.tre:hover{ height:93px; width:93px;background: rgba(255,255,255,.5);  -moz-border-radius: 93px / 93px;
    -webkit-border-radius: 93px / 93px;
    border-radius: 93px / 93px;}

.chanpin_con .cp_k{position:relative; height: 58px; width: 260px;z-index: 8888;left:0}
.chanpin_con .cp_k a{ line-height: 38px; width: 260px;color: #ffffff; font-size: 15px;  display: block; text-align: center; background:none; border:1px #ccc solid}
.chanpin_con .cp_k a:hover{font-size: 17px;font-weight: bold;  color: #FFFFFF;}
.cp_m{width:260px;}


.red{ color:#c12117;}
.sy_about{width:1200px; margin:40px auto; text-align:center;}
.sy_gms{font-size:32px; }
.sy_gsm_en{font-size:16px; color:#262626; line-height:30px;font-family:Arial, Helvetica, sans-serif}
.hongtiao{ background:#c12117; height:2px;width:150px; margin:10px auto}
.baitiao{ background:#fff; height:2px;width:150px; margin:10px auto}
.yuemei_zhuti{font-size:16px; color:#909090}

.yuemei_jianjie{width:1200px; margin:30px auto 0 auto} 

.yuemei_left{ float:left;font-size:14px;width:560px; text-align:left;font-size:15px; line-height:30px;}
.yuemei_right{ float:right}

.yuemei_chanpin_bg{ width:100%; height:550px;}
.yuemei_chanpin{width:1200px; margin:0 auto; text-align:center; padding-top:30PX;position:relative;  z-index:33; }
.sy_videoshow{ position:absolute; z-index:11;width:100%; height:550px;min-height:550px;}



.yuemei_news{width:1200px; margin:20px auto; text-align:center}
.weixin_2wm{width:100%; text-align:center; margin:0 auto}



.sy_about_more{font-size:14px; background:#06F; height:40px; line-height:40px;width:120px; text-align:center;margin-top:400px;}
.sy_about_more a{ color:#fff; background:#06F; display:block}
.sy_about_more a:hover{ font-size:15px; font-weight:bold; background:#FC0; display:block}
.advantage{ width:1280px; margin:70px auto ; position:relative; height:447px;}
.advantage .adv_con{ width:578px; position:absolute; left:0; top:30px; height:447px;}
.advantage .adv_con .adv_t{ background:url(../images_nei/adv_bg.jpg) no-repeat left center;; height:89px;; line-height:89px; color:#2f2f2f; font-size:36px;}
.advantage .adv_con p{ font-size:16px; color:#6b6b6b; line-height:36px; padding:30px 0}

.adv_con_more{ width:150px;  border:2px solid #013f96; line-height:45px;}
.adv_con_more:hover{  width:180px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.adv_con_more a{ display:block; padding:0 0 0 15px; font-size:15px; color:#013f96; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; background:url(../images_nei/jjian.png) no-repeat 100px center;}
.adv_con_more a:hover{ line-height:45px; color:#013f96; background:url(../images_nei/jjian.png) no-repeat 120px center;}

.shipin{ width:646px; height:455px; position:absolute; right:0; top:0; background:url(../images_nei/shipinbg.jpg) no-repeat right bottom}



/*发展历程*/
.licheng_bj{ background:url(../images_nei/licheng_bj.jpg) center; height:679px; overflow:hidden;width:100%; background-attachment: fixed; background-size: cover;}
.licheng_bj h2{ text-align:center; font-size:15px; color:#fff;   padding:65px 0 35px 0}
.licheng_bj h2 span{ display:block; font-size:36px; color:#fff; line-height:80px; font-weight:normal;}
.licheng_bj h2 p{ font-weight:normal;}

.licheng{width:1300px; margin:0 auto;  height:240px;}
.licheng_img{width:810px; margin:0 auto; text-align:center}
.showlicheng{
position:absolute;
top:23px;
left:50%;
margin-left:-570px;
width:1120px;
height:180px; background:#FFF; padding:30px 20px; margin-top:20px
}

.licheng_img{width:353px; float:left; text-align:left}
.w48{font-family:"微软雅黑"; line-height:100px}
.showlicheng li{ float:left}
.licheng_date{font-size:48px; font-family: Impact; font-weight:bold; color:#ff0000; float:left; width:190px; border-right:1px solid #737373; margin:39px 0 0 0}
.licheng_ny{ float:left; text-align:left;font-size:16px; color:#555; line-height:30px;width:500px; padding:30px 0 0 60px}

.lichengbtn{
width:30px;
position:absolute;
left:50%;
margin-left:-623px;
overflow:hidden;
top:180px;
height:80px; 
font-family:Verdana, Geneva, sans-serif;
cursor:pointer;font-size:26px; color:#fff;
-webkit-transform: scaleY(1.8);
}
.lichenglist{
width:1000px;
position:absolute;
left:50%;
margin-left:-500px;
overflow:hidden;
top:328px; z-index:2;
}
.li_line{ position:absolute; width:1250px; left:50%; margin-left:-625px; top:345px; z-index:1}
.totallicheng{
width:100%;

overflow:hidden;
color:white; 
}
.childlicheng{
float:left;
}
.childlicheng li{
float:left; 
width:250px;
text-align:center;
font-sizE:30px; font-weight:bold;
}
.childlicheng li span{		
cursor:pointer; font-family: Impact; 
}
.childlicheng li.crnt{
color:red;
}
.showlicheng{
opacity:0;
}

    
    
    
    
    
.youshi_rtt p{font-size: 15px;
	line-height: 30px;
	color: #484848;
	 margin-top: 20px;
	  width: 570px;}









/*xinwen*/
.nxinwen{padding:55px 0; overflow:hidden; background:url(../images_nei/xxxx.jpg) no-repeat center top}
.nxinwen h2{  font-weight:normal; text-align:center; padding:0 0 40px 0}
.nxinwen h2 a{ font-size:30px; text-align:center; display:block; color:#303030; line-height:35px; }
.nxinwen h2 p{ font-size:18px; color:#555; line-height:45px; text-transform:uppercase; background:url(../images/cp_line.jpg) no-repeat center bottom}
.nxinwen h2 a:hover{ color:#f8b213;}
.nxinwen_con{ width:1280px; position:relative; overflow:hidden; margin:0 auto; height:494px;}
.nxinwen_con li{ width:320px; float:left; background:#fff; height:494px; position:relative; }
.nxinwen_con .nxinwen_pic{ width:320px; height:247px; position:absolute; top:0; left:0; overflow:hidden;}
.nxinwen_con .nxinwen_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.nxinwen_con .nxinwen_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.nxinwen_con .nxinwen_text{ width:280px; height:207px; padding:20px; position:absolute; top:247px; left:0}
.nxinwen_dd li:nth-child(2n) .nxinwen_pic{ top:247px}
.nxinwen_dd li:nth-child(2n) .nxinwen_text{ top:0}
.nxinwen_con .nxinwen_text .nxinwen_date{ font-size:14px; color:#9e9e9e; line-height:33px;}
.nxinwen_con .nxinwen_text .nxinwen_title a{ font-size:18px; color:#4d4d4d; line-height:33px;}
.nxinwen_con .nxinwen_text .nxinwen_title a:hover{ color:#222;}
.nxinwen_con .nxinwen_text p{ font-size:15px; color:#727272; line-height:30px;}
.nxinwen_con .nxinwen_text .nxinwen_text_more{ width:115px; border:1px solid #f2c52a; margin:20px 0 0 0 }
.nxinwen_con .nxinwen_text .nxinwen_text_more a{ display:block; color:#f2c52a; background:url(../images_nei/cc_m_jia.png) no-repeat 85px center; line-height:30px; font-size:15px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; padding:0 0 0 20px; text-transform:uppercase;}
.nxinwen_con .nxinwen_text .nxinwen_text_more  a:hover{ background:url(../images/cc_m_jia.png) no-repeat 78px center; font-weight:bold}



/*星座特效*/
#display { z-index: 0; display: block; cursor: default; position:absolute; }
#blachole { position: fixed; top: 60px; right: 60px; width: 120px; height: 120px; }
canvas { width: 100%; height: 100%; }
body{ position: relative; height: 100%; min-height: 600px; }
.bg { height: 100%; width: 100%; background-color: #174c95; background: linear-gradient(-60deg, #174c95 0, #077ce0 100%); /*background-color:#001e32*/}



/*zhaopin*/
/*---  join_us_page  ---*/

.join_us_banner{ width:100%; height:529px; background:url(../images/join_us_bnner_bg.jpg) no-repeat center top;}

.join_us_title{ margin:0 auto; padding-top:20px; width:1200px; height:82px; text-align:center; border-bottom:#d0d0d0 1px solid;}
.join_us_title h1{ height:82px; line-height:82px; font-size:36px; font-weight:bold; color:#e88c1f; display:inline;}
.join_us_title h2{ height:82px; line-height:82px; font-size:36px; font-weight:bold; color:#626161; display:inline;}
.join_us_title h3{ margin-left:20px; height:82px; line-height:82px; font-size:30px; font-weight:bold; color:#bab9b9; display:inline;}

.join_us_content_ul{ margin:0 auto; width:1200px; height:540px;}
.join_us_content_ul p{ margin-top:12px; font-size:14px; text-align:center; line-height:26px; color:#868686;}
.join_us_content_ul ul{ width:1200px; height:400px; padding-top:30px;}
.join_us_content_ul li{ float:left; width:400px; height:414px; color:#666;position:relative; background:#f6f6f6}
.join_us_content_ul li.on{ background:#cde6f9}

.join_us_content_ul li:hover{color:white;}
.join_us_content_ul li h2{ height:80px; font-size:24px; line-height:80px; text-align:center; color:#1f85d3;}
.join_us_content_ul li div.text{ width:100%; height:250px; font-size:15px; line-height:30px; text-align:justify; overflow:hidden;}
.join_us_content_nav{ margin-top:0; width:100%; height:242px; }
.join_us_content_nav ul{ margin-top:0px; width:124px; height:170px;}
.join_us_content_nav li{ float:left; margin-bottom:10px; width:120px; height:30px; line-height:30px; border:#1f85d3 1px solid; text-align:center;  color:#1f85d3;}
.join_us_content_nav li.cover{ border:#1f85d3 1px solid; color:#fff; border:#fff 1px solid;  background:#1f85d3;}
.join_back_div{z-index:1;background:#2c88ce;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;}
.join_detail_div{z-index:10;position:relative;width:280px; margin:0 auto; line-height:30px}
.join_img{width:98px;height:98px;overflow: hidden;margin:60px auto 0 auto; font-size:15px; line-height:30px; }


.join_us_banner_blue_wrap{ padding-top:36px; width:100%; height:160px; background:#369fda;}
.join_us_banner_blue{ margin:0 auto; width:1200px; height:160px; }
.join_us_banner_blue_title{ margin:0 auto; padding-top:25px; width:506px; height:65px; text-align:center; font-size:34px; font-weight:bold; color:#fff; background:url(../images/jion_us_banner2_title_bg.png) no-repeat;}
.join_us_banner_blue_content{ margin:0 auto; width:760px; height:60px; font-size:20px; line-height:60px; font-weight:bold; color:#fff;}

.join_us_position{ margin:0 auto; margin-top:38px; width:800px; }
.join_us_position_title{ width:800px;  border-bottom:#eee 1px solid;}
.join_us_position_title_content{ width:76px; height:; font-size:18px; line-height:40px; font-weight:bold; text-align:center; border-bottom:#9b8348 2px solid; color:#9b8348}

.join_us_position_content ul{}
.join_us_position_content li{ float:left; margin:30px 40px 0 0; padding:30px 0 15px 12px; width:320px; height:144px; border-bottom:1px solid #eee; position:relative; top:20px;}
.join_us_position_content li p{ width:420px; font-size:15px; line-height:33px; color:#666;}
.join_us_position_content li span{ font-size:15px; line-height:30px; font-weight:bold; color:#333;}
.join_us_position_content li span a{ font-size:17px; line-height:30px; font-weight:bold; color:#333;}
.join_us_position_content li .jpc_more{ width:80px; height:80px; background:#1f85d3; border:#dadada 0 solid; position:absolute; right:14px; top:52px;}
.join_us_position_content li .jpc_more a{ width:80px; height:65px; font-size:15px; text-align:center; text-decoration:none; color:#fff; display:block; padding:15px 0 0 0}
.join_us_position_content li .jpc_more a:hover{ color:#fff;}

.join_us_position_nav{ float:right; margin:30px 0; width:220px; height:28px; border:#ddd 1px solid;}

.join_con{ padding:20px 0 0 0}
.join_con h2{ font-weight: bold; font-size: 17px; color: #333; line-height: 60px;}
.join_con ul{ }
.join_con li{ width:530px; float:left; height:30px; line-height:36px; font-size:15px;}
.join_zhiwei{ padding:40px 0 0 0}
.join_zhiwei .zhiwei_t{height:45px; line-height:45px; background:#ececec}
.join_zhiwei .zhiwei_t strong{ line-height:45px; background:#0c499d; width:131px; color:#fff; text-align:center; font-size:16px; display:block}
.join_zhiwei .join_zhiwen_con{ padding:30px 10px ; line-height:33px; font-size:15px;}
.join_con .join_back{ width:100px; margin:0 auto; height:40px; line-height:40px; border:1px solid #dddddd; text-align:center; margin-bottom:50px;}
.join_con .join_back a{line-height:40px; font-size:14px}

.espcms_page_right .join_back{ width:100px; margin:0 0; height:40px; line-height:40px; border:0 solid #dddddd; background:#06C; text-align:center; margin-bottom:50px;}
.espcms_page_right .join_back a{line-height:40px; font-size:14px; color:#fff}





.lng_case{ height:586px; background:url(../images_nei/lng_anli_bg.jpg) no-repeat center top;}
.case_index_list{ margin:30px auto; width:1220px; height:586px;/**/ overflow:hidden;}
.case_index_list ul{width:1220px; height:586px;}
.case_index_list li{ width:400px; height:293px; overflow:hidden; float:left; position:relative}
.case_index_list div{ position: absolute;width:400px;height:293px;background-color: #3f9dca;filter: Alpha(opacity=50);background: rgba(0,0,0,0.7);top:360px;left:0; text-align:center}
.case_index_list div img{ width:53px; height:53px; }
.case_index_list div a{ margin:0 auto; width:340px; line-height:66px; font-size:24px; text-decoration:none; color:#ffffff; display:block; padding:80px 0 0 0; font-weight:bold}




/*fenlei_pro*/
.product{ padding:30px 0 25px 0}
.product h2{ text-align:center; background:url(../images/images/chanpin_t_bg.jpg) no-repeat center top; margin-bottom:33px;}
.product h2 a{ line-height:90px; display:block; font-size:36px; color:#a72a28}
.product h2 a span{ color:#1463a6; padding:0 0 0 10px;}

.pro{ width:1200px; overflow:hidden; margin:0 auto}
.marquee2 li{ float:left; width:390px; background:#ffffff;  margin:0 15px 20px 0}
.marquee2 a{

	text-align:center;
	font-size:15px;
	color: #333;	text-decoration: none;
	position:relative;
}
.marquee2 a:hover{ text-decoration:none;text-decoration: none;}
.marquee2 img{ border:1px solid #e2e2e2}
.marquee2 em{ font-style: normal; text-align:center; line-height:45px; display:block; font-size:16px; color:#fff; background:#3988d0; text-transform:uppercase;}







.pro_more{ width:140px; line-height:37px; margin:-15px auto 0 auto; background:#ba0707; border-radius:25px; text-align:center}
.pro_more a{ color:#fff}
.pro_more a:hover{ color:#fff; font-weight:bold}



/*contact*/
.contact{ background:#ba0707; padding:25px 0 0 0}
.contact h2{ color:#fff; font-size:18px; background:url(../images/images/lianxi_t.jpg) no-repeat left bottom; line-height:44px; width:231px; margin:0 0 0 15px;}
.contact h2 a{ color:#fff; padding:0 0 0 50px;}
.contact h2 a:hover{ color:#f6f3d1;}
.contact h2 a span{ font-size:14px; font-weight:normal; padding:0 0 0 15px; text-transform:uppercase}
.contact p{ line-height:33px; padding:10px 0 10px 60px; color:#fff; font-size:16px;}

/*about*/
/*.about{ background:url(../images/images/jianjie_bg.jpg) no-repeat center top; height:528px;}
.about h2{ background:url(../images/images/jianjie_line.png) no-repeat center bottom; height:56px; padding:50px 0 0 0}
.about h2 a{color:#e1e1e1; font-size:30px; width:270px; line-height:30px; margin:0 auto; display:block; background:url(../images/images/jianjie_en.png) no-repeat right bottom;}
.about h2 a:hover{ color:#fff;}
.about .s_width{ padding:40px 0 0 0}

.about p{ font-size:15px; color:#f7f7f7; line-height:36px; width:655px; padding:0px 0 0 0}
.about p strong{ font-size:20px; color:#ffffff; display:block; line-height:80px;}*/





.meitu{ background:url(../images/images/meitubg.jpg) no-repeat center top; height:487px;}
.meitu h2{ background:url(../images/images/meitu_t.png) no-repeat center bottom; text-align:center; font-size:24px;  line-height:70px; padding:30px 0 0 0}
.meitu h2 a{font-size:24px; color:#e91913; }
.meitu h2 a:hover{color:#b11b17; }






.cage_list{ width:1200px; margin:20px auto 10px auto; height:59px;}
.cage_list li{ width:299px; float:left; text-align:center; border-right:1px solid #1c507a}
.cage_list li a{height:59px; line-height:59px; font-size:15px; color:#fff; display:block; background:#163e5f; text-transform:uppercase}
.cage_list li a:hover{background:#a93131; font-weight:bold; font-size:18px;}




.er_add{ width:1147px; margin:30px auto 0 auto; background:url(../images/images/er_addbg2.jpg) left center; }
.er_add p{ padding:0 0 0 20px; line-height:50px; font-size:18px; color:#c7aa7f;  font-weight:bold}

.er_cage{ width:850px; margin:30px auto 50px auto;}
.er_cage li{ width:260px; float:left; margin:0 15px 0 0; border:1px solid #ccc; line-height:50px; text-align:center}
.er_cage li a{ color:#2f3650; font-size:18px; line-height:50px; display:block}
.er_cage li a:hover{ font-weight:bold}

.er_cage_team{ width:555px; margin:30px auto 50px auto;}
.er_cage_team li{ width:260px; float:left; margin:0 15px 0 0; border:1px solid #ccc; line-height:50px; text-align:center}
.er_cage_team li a{ color:#2f3650; font-size:18px; line-height:50px; display:block}
.er_cage_team li a:hover{ font-weight:bold}


.product_title{ background:url(../images/images/p_tite.png) no-repeat center center; height:55px; line-height:55px; text-align:center;  font-size:36px;   color:#2e6a9c;font-weight:bold;}
.product_title span{ text-transform:uppercase; color:#c63a3a; padding:0 0 0 10px;}
.product_title_p{ line-height:42px; text-align:center; color:#4e4e4e; font-size:15px; }


.erji{  padding:30px 0 0 0}
.erji h2{  text-align:center; color:#000; font-size:24px; text-transform:uppercase}
.erji h2 p{ font-size:33px; color:#08912a; font-weight:bold; line-height:60px;}
.erji h2 p span{ color:#ec0c41}
.cage{ height:50px; padding:15px 0 70px 0; width:998px; margin:0 auto}
.cage li{ width:165px; text-align:center; float:left; margin-right:1px; background:#08912a;}
.cage li a{ line-height:50px; font-size:18px; color:#fff}
.erji .s_width{ margin-bottom:50px;}
.erji .s_width .l{width:601px; position: absolute}
.erji .s_width_r{ width:458px;font-size:20px; color:#333333; font-weight:bold;  position:absolute; background:url(../images/images/welcome.png) no-repeat left 30px; right:0; padding:110px 50px 0 89px; border:1px solid #ccc;}
.erji .s_width_r p{ font-size:14px; color:#2d2d2d; line-height:31px; font-weight:normal; padding:20px 0 55px 0; }
.erji_lv{  padding:20px 0}
.erji_lv p{ line-height:35px;  font-size:15px; color:#333; padding:10px 30px}
.erji_lv_bg{ background:url(../images/images/lvse.jpg) no-repeat center center; height:70px;}

.liuyan_title{ line-height:40px; font-size:18px; text-align:center; color:#444; font-weight:bold}

.lm38_en{width:100%; height:50px; line-height:50px; color:#fff; text-align:center; margin:0 auto;font-size:38px; font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.lm32{width:100%; height:50px; line-height:50px; color:#fff; text-align:center; margin:0 auto;font-size:32px; font-weight:bold; margin-bottom:30px}


/*erjiyemian*/
.main{ padding:30px 0; width:1280px; margin:0 auto}
.main_r{ width:970px;  margin-bottom:50px;}

.t_left{ width:210px; float:left; margin-bottom:50px;}
.fenlei{  background:#ececec }
.fenlei ul{}
.fenlei li{  }
.fenlei li a{ line-height:81px; color:#333; font-size:15px; padding:0 0 0 65px; display:block; border:1px solid #d1d1d1; border-top:0;}
.fenlei li a:hover{text-decoration:none; color:#1076c4;  border-left:2px solid #1076c4}
.fenlei li .hid{}
.fenlei li .hid a{ display:block; padding:0 0 0 70px; height:40px; line-height:40px; color:#181818; font-size:16px;  background:url(../images/images/f_icon.jpg) no-repeat 50px center; }
.fenlei li .hid a:hover{ color:#000}
.fenlei li div{ background:#fcf2e6; line-height:55px; }

.se_pro_con{ padding:40px 0 20px 0}
.se_pro_con ul{ }
.se_pro_con li{ width:300px; float:left; position:relative; overflow:hidden;  cursor: pointer; margin:0 10px; }

.se_pro_t_l{ width:300px; height:220px; position:relative; overflow:hidden; border:1px solid #eee;}
.se_pro_t_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_pro_t_l:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_pro_t_r:hover h3{ color:#0862af}

.se_pro_t_r{ position: relative; z-index: 1000; }
.se_pro_t_r h3{ line-height:40px; font-size:16px; color:#555555; padding:10px 0 0;font-weight:normal; text-align:center}
.se_pro_t_r h3 a{  font-size:14px; color:#333; text-transform:uppercase; }
.se_pro_t_r h3 a:hover{   color:#3988d0; font-weight:bold}
.se_pro_t_r p{ line-height:30px; font-size:14px; color:#666;padding:10px 0 0 }



.se_pro_t_r h4{ line-height:30px; font-size:18px; color:#333; padding:30px 20px 30px 30px; text-align:center}

.se_pro_t_r_con{ line-height:30px; color:#666666; font-size:16px; padding:30px 0;}
.se_pro_t_r_more{ width:150px; line-height:35px; text-align:center; margin:0 auto; }
.se_pro_t_r_more a{ font-size:14px; color:#fff; display:block; background:#a93131; }
.se_pro_t_r_more a:hover{ color:#cb2a2a; font-weight:bold}

.se_pro_con li div.cover_top{position:absolute;top:-350px;left:0;width:370px;height:350px;background: rgba(0,0,0,0.4) ;z-index:900; text-align:center; cursor: pointer}
.se_pro_con li div.cover_top img{ width:265px; height:265px;}
.se_pro_con li div.cover_bottom{position:absolute;bottom:-200px;left:0;width:370px;height:146px;background:#163e5f;z-index:900}


.se_news_con{ padding:20px 0 20px 0}
.se_news_con ul{ }
.se_news_con li{  margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer; margin:0 0 35px 0; position:relative; top:0; border-bottom: 1px solid #ddd;padding: 0 0 30px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.se_news_l{ width:290px; position:relative; overflow:hidden; }
.se_news_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_news_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_news_m{ width:80px; padding:15px; margin-left:50px;position: absolute; overflow:hidden;  font-size:28px; color:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; background:#009a46; z-index:8888}
.se_news_m span{ display:block; font-size:16px; color:#fff; width:37px; overflow:hidden; height:25px;}



.se_news_con li:hover .se_news_m{ background:#06C; color:#fff}
.se_news_con li:hover .se_news_m span{ color:#fff}
.se_news_con li:hover .se_news_r h2 a{color:#00489d;}



/*se_case*/
#se_case_index{  background:#fff;position:relative; background: url(../images/images/erjibg.jpg) no-repeat center top; padding:30px 0 0 0}
.se_case_index_title{height:82px; background:url(../images/case_index_title_bg.png) no-repeat bottom; border-bottom:#e3e3e3 1px solid; }
.se_case_index_title h2 { font-size:33px; color:#08912a; font-weight:bold; line-height:60px; text-align:center}
.se_case_index_title h2 span{ color:#ec0c41}
.se_case_index_nav{ width:668px; height:30px; overflow:hidden; padding:0 0 0 12px; position:absolute;top:130px;left:50%;margin-left:-334px;}
.se_case_index_nav ul{ height:30px;}
.se_case_index_nav li{ float:left; margin-right:12px; min-width:112px; height:30px; }
.se_case_index_nav li span{float:left; width:112px; height:30px; display:block; font-weight:bold}
.se_case_index_nav li a{ font-size:14px; text-align:center; line-height:30px; text-decoration:none; color:#fff; display:block; background:#797979; border-radius: 3px; }
.se_ca_erji{ float:left; padding:0 0 0 10px;}
.se_ca{float:left; height:30px; margin:0 5px 0 0  }
.se_case_index_nav li .se_ca a{background:#d8d8d8; color:#5b5b5b; width:90px; font-size:13px;}

.se_case{ width:1200px; margin:0 auto; padding:10px 0 0 0}
.se_case ul{}
.se_case li{ width:280px;margin:0 10px 20px 10px; height:300px; float:left;position:relative;overflow:hidden;cursor:pointer;background:#eee; }
.se_case_pic{ width:278px; height:200px; text-align:center; margin:0 auto; border:1px solid #eee}
.se_case_name{ width:260px; margin:0 auto;  font-size:18px; color:#ec0c41; line-height:50px; text-align:left; padding:0 0 0 20px; font-weight:bold}
.se_case_name a{ color:#333}
.se_case_hangye{ width:240px; margin:0 auto; padding:0 20px 10px 20px; font-size:14px; color:#333; line-height:40px;}
.se_case_click{ float:right; color:#333; }
.se_case li div.cover_top{position:absolute;top:-205px;left:0;width:280px;height:202px;background-color: red;filter: Alpha(opacity=50);background: rgba(0,0,0,0.4);z-index:900; text-align:center}
.se_case li div.cover_top img{ padding:95px 0 0 0}
.se_case li div.cover_bottom{position:absolute;bottom:-100px;left:0;width:280px;height:99px;background-color: green;filter: Alpha(opacity=50);background: rgba(52,179,70,1);z-index:900}
.se_case .se_case_text{position: relative;z-index:1000;}

.fenye{ padding:0px 0 40px 0; font-size:14px;}
.shangxiaye{overflow: hidden;padding: 15px 0px;}
.shangxiaye li{ line-height:25px; color:#666}
.shangxiaye li a{ color:#666}



/*se_hangye*/
.se_hangye{ width:850px; margin:0 auto}
.se_hangye ul{position:relative; padding:30px 0 0 0}
.se_hangye li{ margin-bottom:20px; padding:10px; border:1px dashed #ccc; position:relative;}
.se_hangye_con{  }
.se_hangye_con_t{ line-height:40px; }
.se_hangye_con_t a{ font-size:18px; line-height:50px; font-weight:bold; color:#333;}
.se_hangye_con_other{ font-size:14px; color:#666; line-height:20px; padding:0 0 10px 0}
.se_hangye_con_t_intro{ font-size:14px; color:#777; line-height:28px;}

.se_date{ line-height:60px; color:#555; font-size:14px; font-weight:normal;}




.list{width: 300px;float: left;}
.intro{width: 100%;min-width:1400px;height:528px;background-image: url(../images/images/about.jpg);background-size: 100% 100%;background-repeat: no-repeat;border-top: 1px solid lightgray;}
.ab_z{width: 1100px;height: 335px;margin:118px auto;}
.ab_zl{height:335px; width:430px; border:1px solid #d4d4d4; float:left;}
.ab_tu{padding:10px; height:315px;}
.ab_r{ height:335px; width:650px; float:right;}
.ab_rt{height:40px; width:650px; border-bottom:#d4d4d4 1px dashed;}
.ab_rl{ height:40px; width:220px; float:left; background:url(../images/images/jianjie.jpg) left center no-repeat;}
.ab_rl a{ height:40px; float:right; display:block;  font-size:16px; color:#c9c9c9; line-height:40px;  font-weight:bold;}
.ab_rr{ height:26px; width:26px; background:#d21e27; float:right;}
.ab_rr a{ height:26px; width:26px; background:#d21e27; display:block; text-align:center; color:#FFF; font-size:14px;}

.an_nr{height:255px; width:650px;}
.an_nr p{ height:32px; line-height:32px; color:#333; font-size:12px; display:block; padding-top:16px}


.why{width: 100%;min-width:1400px;background-image: url(../images/images/bbj.jpg);background-repeat: repeat-x;text-align: center;}
.article{width: 1200px;height: 785px;background-image: url(../images/images/bbii.jpg);background-size: 100% 100%;background-repeat: no-repeat;margin: 0 auto;}
.a1{width: 530px;height: 100px;float: right;margin-top: 60px;}
.a1_t{height:30px; float:left;}
.a1_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; }
.a1_tt{ height:60px; width:530px; float:left;}
.a1_tt a{height:24px; width:350px; line-height:24px; display:block; color:#828282; font-size:14px; text-align:left; }

.a2{width: 450px;height: 100px;clear: both;float:right; margin-top:5px;}
.a2_t{height:30px; float:left;}
.a2_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; margin-left:15px; }
.a2_tt{ height:60px; width:450px; float:left;}
.a2_tt a{height:30px; width:350px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:15px;}

.a3{width: 380px;height: 100px;clear: both;float: right;margin-top:26px}
.a3_t{height:30px; float:left;}
.a3_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; margin-left:15px; }
.a3_tt{ height:60px; width:380px; float:left;}
.a3_tt a{height:30px; width:330px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:15px;}


.a4{width: 360px;height: 100px;clear: both;float: right;margin-top:24px}
.a4_t{height:30px; float:left;}
.a4_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; margin-left:15px; }
.a4_tt{ height:60px; width:380px; float:left;}
.a4_tt a{height:30px; width:320px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:15px;}

.a5{width: 380px;height: 100px;clear: both;float: right;margin-top:18px}
.a5_t{height:30px; float:left;}
.a5_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px;  }
.a5_tt{ height:60px; width:380px; float:left;}
.a5_tt a{height:30px; width:320px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:0px;}


.a6{width:300px;height: 100px;clear: both;float:right; padding-right:165px;}
.a6_t{height:30px; float:left;}
.a6_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px;  }
.a6_tt{ height:60px; width:300px; float:left;}
.a6_tt a{height:30px; width:300px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:0px;}




.news-left{width: 835px;height: 430px;float: left;}
.xinwen{ height:40px; width:835px; background:#1f1f1f url(../images/images/xw.jpg) left center no-repeat;}
.xinwen_z{height:40px; width:300px; float:left;}
.xinwen_z a{height:40px; line-height:40px; display:block; color:#d21e27;  font-size:14px; padding-left:40px;}
.xinwen_z b{ color:#fff;  }
.xinwen_c a{ height:40px; line-height:40px; width:40px; font-size:22px; float:right; color:#FFF;}
.xinwen_n{ height:340px; width:835px;  margin-top:45px;}
.xinwen_nl{height:340px; width:213px; float:left; background:url(../images/images/nnn.jpg) center no-repeat;}
.xinwen_nr{ height:340px; width:600px; float:right;}
.xinwen_nrt{height:100px; width:600px;}
.xinwen_nrtb{ height:30px; width:600px; border-bottom:#d9d9d9 1px dashed; padding-top:10px;}
.xinwen_nrtb a{ height:26px; width:600px; line-height:26px; color: #666; font-size:16px; display:block;}
.xinwen_nrtb a:hover{ height:26px; width:600px; line-height:26px; color:#d21e27; font-size:17px; display:block;}
.bbb{ height:60px; width:600px;}
.bbb p{ height:24px; line-height:24px;  font-size:12px; color:#999; display:block; padding-top:5px;}
.xinwen_liebiao{width:600px; height:220px; padding-top:25px;}
.xinwen_liebiao_l{ height:35px; width:500px; background: url(../images/images/a.gif) center left no-repeat; float:left;}
.xinwen_liebiao_l a{ height:35px; width:500px; line-height:35px; display:block; padding-left:20px; color:#666; font-size:12px;}
.xinwen_liebiao_l a:hover{  color:#d21e27; font-size:12px;}
.xinwen_liebiao_r{height:35px; width:100px; float:right;}
.xinwen_liebiao_r a{ height:35px; width:500px; line-height:35px; display:block; padding-left:20px; color:#666; font-size:12px; }
.xinwen_liebiao_r a:hover{  color:#d21e27; font-size:12px;}

.tupian{ width:1200px; padding-top:200px; margin:0 auto }






.kong{height:40px; width:100%}


.news-right{width:330px;height: 430px;float: right;}
.lx{height:40px; width:330px; float:left;background:#d21e27;}
.lx_z{height:40px; width:280px; float:left;}
.lx_z a{height:40px; line-height:40px; display:block; color:#fff;  font-size:14px; padding-left:40px;}
.lx_z a{height:40px; line-height:40px; display:block; color:#fff;  font-size:14px;}
.lx_z b{ color:#fff;  }
.lx_c a{ height:40px; line-height:40px; width:40px; font-size:22px; float:right; color:#FFF;}
.lx_t{height:148px; width:300px; margin:0 auto; background:url(../images/images/lxt.jpg) center no-repeat; margin-top:60px;}
.lx_n{height:200px; width:300px; padding:15px;}
.lx_nt a{height:40px; width:300px; line-height:40px; display:block; font-size:16px; color:#000; font-weight:bold;}
.lx_nn a{height:30px; line-height:30px; display:block; color:#333; font-size:12px;}
.leftttt{height:100%; width:210px;}
.lixxiwomen{ padding-top:700px; }
.sss{height:380px; width:210px;border:1px solid #c5c5c5}
.lixxiwomen_t{height:40px; width:210px; background:url(../images/images/lxxxx.jpg) center no-repeat;}
.lixxiwomen_t a{height:40px; width:210px; line-height:40px; display:block; font-size:14px; color:#FFF; text-align:center;}
.let{height:94px; width:190px; margin:0 auto; padding-top:18px; background:url(../images/images/aaaa.jpg) center no-repeat;}
.lett p{height:40px; line-height:40px; width:190px; margin:0 auto; display:block; font-size:13px; color:#00; font-weight:bold;}
.lettt p{ height:30px; line-height:30px; font-size:12px; display:block; color:#333; padding-left:10px;}




.right_yeyue{ width:970px; height:100%; float:right;}









/*erjiyemian*/
/*erjiyemian*/
.erji_title{ background:url(../images/images/p_tite.jpg) no-repeat center bottom; height:75px; line-height:75px; text-align:center; color:#474747; font-size:36px; font-weight:bold; }
.erji_title span{ color:#dd1313}
.erji_title_p{ line-height:32px; text-align:center; color:#555555; font-size:16px;width:1200px; margin:0 auto; padding:0 0 35px 0}


.left_lx{width:257px;overflow:hidden; min-height:276px;}
.left_lx .pic{ height:69px; overflow:hidden;}
.left_lx .pic2{ height:42px; overflow:hidden;}
.left_lx .left_lx_con{ width:250px;line-height:24px; min-height:159px; color:#fff; background:#ff7c1c url(../images/lianxibg2.jpg) repeat-x left top;}
.left_lx .left_lx_con p{ padding:19px 0 0 20px;}

/*.zizhi{width:250px;overflow:hidden;}
.zizhi .pic{ height:56px; overflow:hidden;}
.zizhi .zizhi_con{ width:250px;line-height:24px; padding-top:5px;overflow:hidden;min-height:180px; color:#fff; background:#f7f2e8 url(../images/rongyubg.jpg) repeat-x left top;}
.zizhi .zizhi_con img{ margin:2px 0 0 6px; height:38px; overflow:hidden; display:block}
*/
.erjibg{ background:url(../images/weizhi.jpg) no-repeat left top; height:37px;line-height:37px; padding-left:35px; color:#fff}
.erjibg a{ color:#fff;}
.erjibg a:hover{ font-weight:bold;}
.main_content{background:#FFFFFF; line-height:23px; min-height:502px; margin:0 0 10px 0; border:#c5b084 solid 1px;}
.main_content .jianjie{ line-height:30px; font-size:12px; padding:30px 30px 0 30px;color:#000}

.erji_con{ PADDING-top:20PX; padding-left:10px;}

.tiao{ font-size:12px; padding:20px 0 20px 30px;}
.tiao a{ color:#000000; text-decoration:none; font-size:12px;}
.tiao a:hover{ color: #348900;}

.lx p{ line-height:25px; font-size:14px; font-weight:bold;}
.more{ padding:25px;}
.more a{ color:#000; line-height:25px; text-decoration:none; background:url(../images/news_icon.gif) no-repeat left 2px; padding-left:20px;}

.chanpin img{ margin:0 2px;}

.list_photo2{
	margin:0;
	width:790px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.list_photo2 dt{ float:left; width:250px; height:200px; margin-top:15px; }
.list_photo2 dt img{ border:1px solid #dfdfdf; padding:0px; width:210px; height:150px; padding:5px;}
.list_photo2 dt div{ width:240px; height:35px; line-height:35px; text-align:center; overflow:hidden; }
.list_photo2 a{color:#000000;}
.list_photo2 a:hover{color:#f60;}


.news_t{ width:650x; text-align:left; line-height:40px; height:40px; background: url(../Images/index_1888.gif) repeat-x;text-indent:0px; margin:auto; margin-left:40px; margin-right:40px; font-size:14px;}
.news_t ul{  width:650px; line-height:40px;}
.news_t ul li{line-height:40px;}

.news_t a {line-height:40px; color:#4a4a4a; font-size:14px; padding-left:22px; }
.news_t a:hover{color:#4a4a4a; }

.news_p{ width:700px; color:#999999; text-align:left; padding-left:10px; margin-bottom:20px; line-height:25px;}
.news_p a{ color:#999999}
.news_p a:hover{ color:#ff0000}


.newslist{list-style:none;width:500px;background-color:#fff;overflow:hidden;height:500px;}
.newslist .t{float:left;width:250px;}




.se_erji_img img{ width:auto; margin:0 auto}

/*contact page*/
.contact_left{ width:1200px; text-align:left}
.contact_left strong{ display:block; font-size:24px; color:#555; line-height:55px;  margin-bottom:15px;}
.contact_left li{ line-height:40px; color:#555; font-size:17px; padding:10px 0 10px 55px; border-bottom:1px dashed #888}
.contact_left li.on{ line-height:75px; color:#555; font-size:24px;  padding:0 0 0 0; font-weight:bold}
.contact_left .qq{ background:url(../images_nei/qq.png) no-repeat left 10px;}
.contact_left .you{ background:url(../images_nei/you.png) no-repeat left 10px;}
.contact_left .dian{ background:url(../images_nei/dian.png) no-repeat left 10px;}
.contact_left .chuan{ background:url(../images_nei/chuan.png) no-repeat left 10px;}
.contact_left .shou{ background:url(../images_nei/shou.png) no-repeat left 10px;}
.contact_left .dizhi{ background:url(../images_nei/dizhi.png) no-repeat left 10px;}
.contact_left .bian{ background:url(../images_nei/bian.png) no-repeat left 10px;}
.contact_left .web{ background:url(../images_nei/web.png) no-repeat left 10px;}
.contactleft_l{ width:570px; float:left; padding:0 15px; margin-bottom:45px;}

.contact_right{ width:587px; text-align:left; font-size:16px; padding:0 0 0 0; }
.contact_right .content{ background:#f1f1f1}
.contact_right .espcms_bbs_form .title{ display:none;}
.map{ width:100%; overflow:hidden;}



.p_float{ position:fixed; bottom:20px; width:150px; right:0; z-index:9999;}


.prod_nav{width:1200px; margin:0 auto;  border-bottom:#dddddd solid 1px; border-left:#dddddd solid 1px;  margin-top:20px;}
.prod_nav li{width: 600px; text-align:center;  line-height:80px; float:left; background:#f5f5f5; display: block;}
.prod_nav li span{  background:#444; display:inline-block; width:600px; height:80px; color:#fff; font-size:18px; }
.prod_nav li span.on{background:#116fb6; color:#fff; display: block;}








/*about*/
.about_se{height:680px; background:url(../images_nei/about_jian_t.jpg) no-repeat center top;  opacity:0; background-attachment: fixed; background-size: 144%;}
.about_se_t{ padding:180px 0 0 0; text-align:center;color:#fff; position:relative;}
.about_se_t h2{ font-size:30px; line-height:30px; width:280px; margin:0 auto; font-weight:normal; border-left:3px solid #fff; border-right:3px solid #fff; opacity:0; margin-top:100px;}
.about_se_t span{ font-size:18px; display:block; line-height:43px; opacity:0; margin-top:100px;}
.about_se_t strong{ font-size:30px; display:block; line-height:45px; padding:30px 0 55px 0; opacity:0; margin-top:100px;}
.about_se_t p{ font-size:16px; display:block; line-height:30px; opacity:0; margin-top:100px;}

.about_shili{ width:1200px; margin:70px auto; position:relative; height:654px; background:url(../images_nei/jian_c.jpg) no-repeat left top; overflow:hidden;}
.about_shili_a,.about_shili_b,.about_shili_c,.about_shili_d{ position:absolute; height:327px;width:600px; overflow:hidden;}
.about_shili_a{ left:0; top:0}
.about_shili_b{ right:0; top:0; color:#fff}
.about_shili_c{ left:0; bottom:0;}
.about_shili_d{ right:0; bottom:0}
.about_shili_b strong{ padding:55px 33px 0 33px; display:block; font-size:40px; z-index:2; position:relative}
.about_shili_b span{ padding:0 33px; display:block;  font-size:24px; font-weight:bold; z-index:2; position:relative}
.about_shili_b p{ padding:40px 33px 0 33px; font-size:16px; line-height:33px; color:#dff4ff; z-index:2; position:relative}
.about_shili_c p{ padding:40px 38px 0 38px; font-size:16px; line-height:33px; color:#dff4ff; z-index:2; position:relative}
.about_shili_back{ width:100%; height:100%; background:url(../images_nei/yan_a.jpg); position:absolute; top:0; left:0; opacity:0; z-index:1;}
.about_shili_a img,.about_shili_d img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.about_shili_a:hover img,.about_shili_d:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}



.about_jiazhi{ padding:70px 0; background:#fafafa; position:relative; top:0;}
.about_jiazhi h2{ font-size:40px; color:#e13e3e; background:url(../images_nei/jiazhi_t.jpg) no-repeat left center; padding:0 0 0 35px; line-height:65px;}
.about_jiazhi strong{ display:block; font-size:24px; color:#333333; }
.about_jiazhi p{ font-size:17px; color:#333333; line-height:36px; padding:55px 0 0 0}


.about_wenhua{ padding:80px 0 0 0;}
.a_se_title h2{ font-size:30px; line-height:30px; width:280px; margin:0 auto; color:#154aac; border-left:3px solid #154aac; border-right:3px solid #154aac; text-align:center}
.a_se_title span{ font-size:18px; display:block; line-height:43px; color:#154aac; text-align:center; margin-bottom:50px; text-transform:uppercase}
.about_wenhua_con{ width:1200px; height:910px; margin:0 auto; position:relative; overflow:hidden;}
.about_wenhua_left{ width:595px; height:910px; position:absolute; left:0; top:0}

.about_wenhua_left .about_wenhua_a{ width:294px; height:205px; position:absolute; overflow:hidden; left:0; top:0; }
.about_wenhua_left .about_wenhua_b{ width:291px; height:205px; position:absolute; overflow:hidden; left:304px; top:0; }
.about_wenhua_left .about_wenhua_c{ width:595px; height:478px; position:absolute; overflow:hidden; left:0; top:215px; background:#155cac}
.about_wenhua_left .about_wenhua_d{ width:595px; height:205px; position:absolute; overflow:hidden; left:0; bottom:0;  }
.about_wenhua_right{ width:595px; height:910px; position:absolute; right:0; top:0}
.about_wenhua_right .about_wenhua_e{ width:595px; height:478px; position:absolute; overflow:hidden; right:0; top:0; background:url(../images_nei/wenhua_e.jpg) no-repeat left top;}
.about_wenhua_right .about_wenhua_f{ width:595px; height:205px; position:absolute; overflow:hidden; left:0; top:488px; }
.about_wenhua_right .about_wenhua_g{ width:294px; height:205px; position:absolute; overflow:hidden; left:0; bottom:0; }
.about_wenhua_right .about_wenhua_h{ width:291px; height:205px; position:absolute; overflow:hidden; right:0; bottom:0; }

.about_wenhua_left h3{ position: absolute; width:100%; height:100%; text-align:center; line-height:205px; font-size:24px; color:#fefefe}
.about_wenhua_left p{ position: absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); top:215px; left:0}
.about_wenhua_left p strong{ padding:20px 20px 0 20px; line-height:40px; color:#fff; display:block; font-size:18px; font-weight:normal;}
.about_wenhua_left p span{ padding:0 20px 0 20px; line-height:26px; color:#fff; display:block; font-size:14px;}

.about_wenhua_right h3{ position: absolute; width:100%; height:100%; text-align:center; line-height:205px; font-size:24px; color:#fefefe}
.about_wenhua_right p{ position: absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); top:215px; left:0}
.about_wenhua_right p strong{ padding:20px 20px 0 20px; line-height:40px; color:#fff; display:block; font-size:18px; font-weight:normal;}
.about_wenhua_right p span{ padding:0 20px 0 20px; line-height:26px; color:#fff; display:block; font-size:14px;}

.about_wenhua_left .about_wenhua_c{ color:#ffffff;}
.about_wenhua_left .about_wenhua_c h4{ color:#ffffff; font-size:30px; line-height:40px; padding:50px 30px 0 30px; }
.about_wenhua_left .about_wenhua_c h5{ color:#ffffff; font-size:18px; padding:0 30px 0 30px; }
.about_wenhua_left .about_wenhua_c div{ color:#ffffff; font-size:16px; line-height:30px;   padding:50px 20px 0 30px; }

.about_wenhua_right .about_wenhua_e{ color:#1f1f1f;}
.about_wenhua_right .about_wenhua_e h4{ font-size:30px; line-height:40px; padding:50px 30px 0 30px; }
.about_wenhua_right .about_wenhua_e h5{ font-size:18px; padding:0 30px 0 30px; }
.about_wenhua_right .about_wenhua_e div{ font-size:16px; line-height:30px;   padding:30px 20px 0 30px; }
.about_wenhua_right .about_wenhua_e i{ display:block; font-style:normal; font-weight:bold; font-size:16px; line-height:30px;  padding:20px 20px 0 30px; }

.about_wenhua_left h3,.about_wenhua_right h3{ z-index:2;}
.about_wenhua_left p,.about_wenhua_right p{ z-index:3;}
.about_wenhua_con img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; position:absolute; left:0; top:0; z-index:1}
.about_wenhua_a:hover img,.about_wenhua_b:hover img,.about_wenhua_d:hover img,.about_wenhua_f:hover img,.about_wenhua_g:hover img,.about_wenhua_h:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}


.about_licheng{ padding:80px 0 0 0;}
.licheng_t{ background:url(../images_nei/li_title.jpg) no-repeat center top; height:401px; position:relative; top:0}
.licheng_t ul{ width:1200px; margin:0 auto; padding:25px 0}
.licheng_t li{ padding:0 0 0 365px;}
.licheng_t li .l{ width:107px; padding:50px 0 0 0; color:#fff; font-size:36px;}
.licheng_t li .licheng_li{ width:700px; border-left:1px solid #fff; padding:55px 0 10px 0; position:relative}
.licheng_t li .licheng_li p{ position:relative; margin-left:-7px; background:url(../images_nei/li_icon.png) no-repeat left 12px; line-height:33px; padding:0 0 0 50px; color:#fff; font-size:16px;}

.licheng_con{ background:#fafafa; padding:90px 0}
.licheng_con ul{ width:1200px; margin:0 auto;}
.licheng_con li{ }
.licheng_con li .l{ width:107px; padding:50px 0 0 0; color:#444444; font-size:36px;}
.licheng_con li .licheng_li{ width:1040px; border-left:1px solid #d7d7d7; padding:55px 0 10px 0; position:relative}
.licheng_con li .licheng_li p{ position:relative; margin-left:-7px; background:url(../images_nei/li_icon.png) no-repeat left 12px; line-height:33px; padding:0 0 0 50px; color:#444444; font-size:16px;}


.about_yanfa{ padding:80px 0 0 0;}
.about_yanfa_bg{ background:url(../images_nei/yanfa.jpg) no-repeat center top; padding:45px 0;}
.about_yanfa_bg .s_width{ position:relative; overflow:hidden; height:337px;}
.about_yanfa_bg .about_yanfa_con{ left:0; top:0; position:absolute; width:727px; height:337px; background:#125098}
.about_yanfa_bg .about_yanfa_con h2{ font-size:24px; color:#fff; padding:30px 0 30px 30px;}
.about_yanfa_bg .about_yanfa_con p{ font-size:15px; color:#ededed; padding:0px 30px; line-height:30px;}


.about_honor{ padding:80px 0 60px 0; background:#f9f9f9}
.about_honor .a_se_title span{ margin-bottom: 20px;}
.about_honor .a_se_title p{ text-align:center; margin-bottom: 40px; line-height:30px; font-size:15px; color:#666666}
.about_honor .jcarousel-skin-tango .jcarousel-next-horizontal{ background: transparent url(../images_nei/r_lng.png) no-repeat 0 0px; width: 50px;height: 50px;}
.about_honor .jcarousel-skin-tango .jcarousel-prev-horizontal { background: transparent url(../images_nei/l_lng.png) no-repeat 0 0px; width: 50px;height: 50px;}
.about_honor .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background: transparent url(../images_nei/r_lng_h.png) no-repeat 0 0px; }
.about_honor .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background: transparent url(../images_nei/l_lng_h.png) no-repeat 0 0px; }
.about_honor_line{ background:url(../images_nei/zizhi_line.png) repeat-x left top; margin-bottom: 40px;}
.about_honor_line ul{ width:791px; margin:0 auto}
.about_honor_line li{ width:260px; float:left;}
.about_honor_line li a{ display:block; margin:0 auto; width:200px; text-align:center; color:#fff; background:#125098; line-height:40px; font-size:18px;}
.about_honor_line li a:hover{ background:#2e2d33;}


.about_video{ padding:80px 0 60px 0; background:url(../images_nei/shipin_bg.jpg)}
.about_video .s_width{ height:480px; color:#fff}
.shi_a,.shi_b,.shi_c,.shi_d,.shi_e{ position:absolute}
.shi_a{ width:600px; height:480px; top:0; left:0}
.shi_b,.shi_c,.shi_d,.shi_e{ width:300px; height:240px;}
.shi_b{ left:600px; top:0; background:url(../images_nei/shi_d.jpg)}
.shi_c{ right:0; top:0; }
.shi_d{ left:600px; bottom:0; }
.shi_e{ right:0; bottom:0; background:url(../images_nei/shi_d.jpg)}
.about_video .s_width div strong{ display:block; text-align:center; font-size:30px; line-height:60px; padding:70px 0 0 0}
.about_video .s_width div span{ display:block; text-align:center; font-weight:bold; font-size:18px;}



.contact_us_nav{ position:fixed; width:100%; height:0; line-height:60px; background:#095bac; z-index:4; opacity:0;top:0; overflow:hidden;}
.contact_us_nav li{ float:left; width:254px; line-height:60px; border-right:1px solid #06C; text-align:center; }
.contact_us_nav li a{ display:block; font-size:16px; color:#e5f2ff;}
.contact_us_nav li a:hover, li.cu_active{  background:#333; border-left:1px solid #333;}
.contact_us_nav li.cu_active a{font-weight:bold; font-size:16px; font-weight:bold; color:#fff; background:#333;border-left:1px solid #333;}


.se_honor_con{ width:1280px; overflow:hidden;  position:relative; margin:0 auto; padding:50px 0 40px 0}
.se_honor_con ul{ width:1250px; }
.se_honor_con li{float:left; padding:0; width:287px; height:447px; margin-right:17px; margin-bottom:25px;position:relative; overflow:hidden;}

.se_honor_t_l{ width:285px; height:447px; position:relative; cursor: pointer ; border:1px solid #f1f1f1;  overflow:hidden;}
.se_honor_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_honor_con li:hover img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}

.se_honor_t_l a{ width:285px; height:187px; position: absolute; z-index:3; background:url(../images/images/p_more_bg.png) no-repeat center center; text-align:center; font-size:14px; color:#fff; line-height:40px;}
.se_honor_t_l .se_honor_t_laa{opacity:1;}
.se_honor_t_l a span{ display:block; font-size:24px; font-weight:bold; color:#ffffff; line-height:60px; padding:80px 0 0 0; width:212px; margin:0 auto; border-bottom:1px solid #9b968f}
.se_honor_t_r{ text-align:center; width:100%; height:50px; position: absolute; z-index:4; bottom:0}
.se_honor_t_r a{color:#fff; font-size:17px; line-height:50px; display:block; position:relative; z-index:5 }
.se_honor_t_r .cover_bottom{ position:absolute; height:50px; width:100%; background:rgba(13,91,170,0.8); bottom:0; left:-285px; opacity:0; z-index:3}
.se_honor_t_r .se_honor_title{ position:absolute; height:50px; width:100%;  background:rgba(0,0,0,0.6); bottom:0; z-index:3}
.se_honor_t_r a:hover{ color:#fff}

.se_honor_t_r_con{ line-height:30px; color:#666666; font-size:16px; padding:30px 0;}
.se_honor_t_r_more{ width:150px; line-height:35px; text-align:center; margin:0 auto; }
.se_honor_t_r_more a{ font-size:14px; color:#fff; display:block; background:#393a3c; border:1px solid #c9c9c9 }
.se_honor_t_r_more a:hover{ background:#fff; border:1px solid #fff; color:#cb2a2a; font-weight:bold}
.se_honor_con li div.cover_top{position:absolute;top:-367px;left:0;width:295px;height:367px; background: rgba(0,0,0,0.4) ;z-index:1001; text-align:center; cursor: pointer}
.se_honor_con li div.cover_top img{}
.espcms_book .join_back{ width:100px; margin:0 auto; height:40px; line-height:40px; border:0 solid #dddddd; background:#06C; text-align:center; margin-bottom:50px;}
.espcms_book .join_back a{line-height:40px; font-size:14px; color:#fff}


.se_rongyu_con{ width:1200px; overflow:hidden;  position:relative; margin:0 auto; padding:50px 0 40px 0}
.se_rongyu_con ul{ width:1250px; }
.se_rongyu_con li{float:left; padding:0; width:287px; height:237px; margin-right:17px; margin-bottom:25px;position:relative; overflow:hidden; border:1px solid #e2e2e2}

.se_rongyu_t_l{ width:285px; height:187px; position:relative; cursor: pointer ; border:1px solid #f1f1f1;  overflow:hidden;}
.se_rongyu_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_rongyu_con li:hover img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}

.se_rongyu_t_l a{ width:285px; height:187px; position: absolute; z-index:3; background:url(../images/images/p_more_bg.png) no-repeat center center; text-align:center; font-size:14px; color:#fff; line-height:40px;}
.se_rongyu_t_l .se_rongyu_t_laa{opacity:1;}
.se_rongyu_t_l a span{ display:block; font-size:24px; font-weight:bold; color:#ffffff; line-height:60px; padding:80px 0 0 0; width:212px; margin:0 auto; border-bottom:1px solid #9b968f}

.se_rongyu_t_r{ text-align:center; width:100%; height:50px; position:relative}
.se_rongyu_t_r a{color:#333; font-size:17px; line-height:50px; display:block; position:relative; z-index:4 }
.se_rongyu_t_r .cover_bottom{ position:absolute; height:50px; width:100%; background:rgba(13,91,170,0.8); bottom:0; left:-285px; opacity:0; z-index:3}
.se_rongyu_t_r .se_rongyu_title{ position:absolute; height:50px; width:100%;  background:#f1f1f1; bottom:0; z-index:3}
.se_rongyu_t_r a:hover{ color:#fff}

.se_rongyu_t_r_con{ line-height:30px; color:#666666; font-size:16px; padding:30px 0;}
.se_rongyu_t_r_more{ width:150px; line-height:35px; text-align:center; margin:0 auto; }
.se_rongyu_t_r_more a{ font-size:14px; color:#fff; display:block; background:#393a3c; border:1px solid #c9c9c9 }
.se_rongyu_t_r_more a:hover{ background:#fff; border:1px solid #fff; color:#cb2a2a; font-weight:bold}
.se_rongyu_con li div.cover_top{position:absolute;top:-367px;left:0;width:295px;height:367px; background: rgba(0,0,0,0.4) ;z-index:1001; text-align:center; cursor: pointer}
.se_rongyu_con li div.cover_top img{}


.about_honor_line .honor_li a{ background:#333}






.showpic{position:fixed;width:100%;background-color: black;filter: Alpha(opacity=50);background: rgba(0,0,0,0.8);display:none;top:0;left:0;z-index:100000}
.showpic .picdiv{position:absolute;top:33%;left:50%;opacity:0;background:#fff; padding:20px 30px;}
.showpic .picdiv img{}
.showpic .picbtn_l{position:absolute;top:44%;margin-top:-20px;width:32px;height:100px; background:url(/templates/net/images/images/left.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.showpic .picbtn_r{position:absolute;top:44%;margin-top:-20px;width:32px;height:100px; background:url(/templates/net/images/images/right.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.showpic .picbtn_l:hover{ background:url(/templates/net/images/images/left_h.png) no-repeat center top;}
.showpic .picbtn_r:hover{ background:url(/templates/net/images/images/right_h.png) no-repeat center top;}

.showpic .closepic{position:absolute;top:5px;right:5px;background:url(/templates/net/images/images/guan2.png) no-repeat center top;width:60px;height:60px; transition:.4s all;}
.showpic .closepic:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.showpic p{ text-align:center; font-size:18px; padding:20px 0 0 0 }
.head{  background:rgba(1,63,150,0.9); }




.se_anli_con{ width:800px; overflow:hidden;  position:relative; margin:0 auto; padding:20px 0 0px 0;}
.se_anli_con ul{ width:800px; }
.se_anli_con li{float:left; padding:0; width:250px; margin-right:15px; margin-bottom:25px;position:relative; overflow:hidden; background:#f4f3f3; display:block}

.se_anli_t_l{ width:250px; height:210px; position:relative; cursor: pointer ; border:1px solid #f4f3f3; border-bottom:none; overflow:hidden; }
.se_anli_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_anli_con li:hover img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}

.se_anli_t_l a{ width:250px; height:19px; position: absolute; z-index:3; background:url(../images/images/p_more_bg.png) no-repeat center center; text-align:center; font-size:14px; color:#fff; line-height:40px;}
.se_anli_t_l .se_anli_t_laa{opacity:1;}
.se_anli_t_l a span{ display:block; font-size:24px; font-weight:bold; color:#ffffff; line-height:60px; padding:80px 0 0 0; width:250px; margin:0 auto; border-bottom:1px solid #9b968f}
.se_anli_t_r{ text-align:center; padding:0 0 20px 0}
.se_anli_t_r a{color:#2a2a2a; font-size:14px; line-height:35px; position:relative; display:block; z-index:3;}
.se_anli_t_r a span{ display:block; color:#2a2a2a; line-height:35px;  font-size:14px;}
.se_anli_t_r a p{ width:137px; margin:0 auto;  line-height:30px; background:#ffaf04; color:#fff; font-size:14px;}
.se_anli_con li:hover a span{  color:#f00;}
.se_anli_con .cover_bottom{ position:absolute; height:110px; width:100%; background:#1657a7; bottom:0; left:-375px; opacity:0; z-index:2}

.se_anli_t_r_con{ line-height:30px; color:#666666; font-size:16px; padding:30px 0;}
.se_anli_t_r_more{ width:150px; line-height:35px; text-align:center; margin:0 auto; }
.se_anli_t_r_more a{ font-size:14px; color:#fff; display:block; background:#393a3c; border:1px solid #c9c9c9 }
.se_anli_t_r_more a:hover{ background:#fff; border:1px solid #fff; color:#cb2a2a; font-weight:bold}
.se_anli_con li { position: relative;box-sizing:border-box;}
.se_anli_con .line1 {position: absolute;left: 0;
            top: 0;
            width: 0;
            height: 2px;
			z-index: 99;
            background-color: #179b59;}
.se_anli_con .line2 { position: absolute; right: 0;
            top: 0;
            width: 2PX;
            height: 0;
			z-index: 99;
            background-color: #179b59;}
.se_anli_con .line3 { position: absolute;left: 0;
            bottom: 0;
            width: 0;
            height: 2px;
			z-index: 99;
            background-color: #179b59;}
.se_anli_con .line4 { position: absolute; left: 0;
            top: 0;
            width: 2PX;
            height: 0;
			z-index: 99;
            background-color: #179b59;}
.se_anli_con li div.cover_top{position:absolute;top:-367px;left:0;width:295px;height:367px; background: rgba(0,0,0,0.4) ;z-index:1001; text-align:center; cursor: pointer}
.se_anli_con li div.cover_top img{}


.se_anli_t_r_con{ line-height:30px; color:#666666; font-size:16px; padding:30px 0;}
.se_anli_t_r_more{ width:150px; line-height:35px; text-align:center; margin:0 auto; }
.se_anli_t_r_more a{ font-size:14px; color:#fff; display:block; background:#393a3c; border:1px solid #c9c9c9 }
.se_anli_t_r_more a:hover{ background:#fff; border:1px solid #fff; color:#cb2a2a; font-weight:bold}
.se_anli_con li div.cover_top{position:absolute;top:-367px;left:0;width:295px;height:367px; background: rgba(0,0,0,0.4) ;z-index:1001; text-align:center; cursor: pointer}
.se_anli_con li div.cover_top img{}


/*--search modal--*/
.modal { position: fixed; z-index:999999999999999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display: none; }
.modal-dialog { position: absolute; z-index:9999999999; left: 0; top:50%; margin-top:-225px; width: 100%; background:; height:450px; }
.modal-content { width: 1200px; margin:0 auto; position:absolute;left:50%; margin-left:-600px; height:400px; }
.modal-content > div {  }
.modal-content input { border: none; float: left;}
.modal-content .search-logo { width: 408px; padding:80px 0 0 0; position:absolute; left:50%; margin-left:-204px; border-bottom:1px solid #5c5c5c}
.modal-content .search-logo img{ width:100%;}
.modal-content .search-bar { position:absolute; width:850px; left:50%; margin-left:-425px; height:90px; top:210px; }
.modal-content .search-tab .tab { padding: 6px 20px; float: left; font-size: 24px; color: #fff; cursor: pointer; }
.modal-content .search-tab .on { background: #fff; color: #fe0000; }
.modal-content .tab-panel { display: none; }
.modal-content .on { display: block; }
.modal-content .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; }
.modal-content .search-bar .keywords { padding-left: 10px; width: 754px; height: 70px; line-height: 70px; font-size: 16px; background:#eee}
.modal-content .search-bar input[type="submit"] {  width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; margin-left:15px; background:#702516 url(../images/se.png) no-repeat center center}
.modal-content .search-close { width:26px; height:27px; cursor: pointer; transition:.4s all; display:block; position:absolute; right:0; top:0;}
.modal-content .search-close:hover {  color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.modal-open { overflow: hidden; padding-right: 17px; }
.search_cage{ width:930px; position:absolute; left:50%; margin-left:-465px; height:50px; bottom:0;}
.search_cage li{ float:left; width:150px; text-align:center; line-height:50px;}
.search_cage li a{ color:#dddddd; font-size:16px; text-align:center; line-height:50px;}
.search_cage li a:hover{ color:#fff; font-weight:bold;}
.tel400{font-size:18px; font-weight:bold; text-align:left; padding-left:40px;}

.leftnav{background:rgba(255,255,255,0.7) none repeat scroll !important;;width:220px; height:100%;position: fixed;z-index: 999999; -moz-opacity:0.3; }
.leftnav li{width:100%;line-height: 40px;height:40px;text-align: center;position:relative;transition: all 0.5s;cursor:pointer; background:#c12117;width:150px; margin:0 auto; margin-bottom:7px}
.leftnavbk{width:0;height:100%;background:#009944;position: absolute;top:0;z-index:10;transition: all 0.5s; display:block} 
.leftnavitem{position: relative;z-index:100;color:gray;}
.leftnav li a{ color:#fff}
.leftnav li:hover{animation: leftnavli 1s ease-out;transform-origin:bottom}
.leftnav li:hover .leftnavbk{width:150px;}
.leftnav li:hover .leftnavitem{color:white;}
@keyframes leftnavli{
	0%{transform: skew(0deg)}
	20%{transform: skew(30deg)}
	40%{transform: skew(-30deg)}
	60%{transform: skew(10deg)}
	80%{transform: skew(-10deg)}
	100%{transform: skew(0deg);animation-timing-function:ease-out;}
}

.contact_bg{ background:url(../images/contact_bg.jpg) top center repeat-x; background-attachment: fixed; }
.liuyan_bg{ background:url(../images/liuyan_bg.jpg) top center repeat-x; background-attachment: fixed; }
.job_bg{ background:url(../images/job_bg.jpg) top center repeat-x; background-attachment: fixed; }
.honor_bg{ background:url(../images/honor_bg.jpg) top center repeat-x; background-attachment: fixed; }
.chanpin_bg{ background:url(../images/chanpin_bg.jpg) top center repeat-x; background-attachment: fixed; }
.about_bg{ background:url(../images/about_bg.jpg) top center repeat-x; background-attachment: fixed; }
.NEWS_bg{ background:url(../images/NEWS_bg.jpg) top center repeat-x; background-attachment: fixed; }


.news{ width:1200px; margin:0 auto}
.news_line{ height:47px; text-align:center}
.news_con_yanghu{ width:1200px; margin:0 auto; overflow:hidden}
.news_con{ width:580px; position:relative; background:#fff; border:1px solid #ececec}
.news_con h3{ padding:10px 20px 0 20px; font-size:24px; color:#11944b; line-height:54px; font-weight:normal;}
.news_con h3 a{ color:#11944b; font-weight:bold}
.news_con h3 a:hover{ font-weight:bold}
.news_con .news_l_pic { position:relative; overflow:hidden;}
.news_con .news_l_pic img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.news_con .news_l_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.news_con p{ padding:10px 20px 10px 20px; font-size:14px; color:#666666; line-height:28px;}
.news_con .n_date{ padding:0 20px 10px 20px; font-size:14px; color:#666666;}
.news_con .news_l_more{ margin:0 0 30px 20px; width:128px; height:32px; line-height:32px; background:#e27f15; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.news_con .news_l_more a{ font-size:15px; color:#fff}
.news_con .news_l_more a:hover{ color:#fff}
.news_con .news_l_more:hover{ background:#199539; }
.news_r{ width:600px; position:relative}
.news_r_list{ background:#fff; margin:0 0 22px 0}
.news_r_list:hover{ background:#cc2433; margin:0 0 22px 0}
.news_r_list .news_r_pic{ width:180px; height:138px; position:relative; overflow:hidden;}
.news_r_list .news_r_pic img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.news_r_list .news_r_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.news_r_list .news_r_c{ width:400px; padding:0px 15px 0 0}
.news_r_list .news_r_c h3{  font-weight:normal; line-height:35px;}
.news_r_list .news_r_c h3 a{ font-size:18px; color:#5a5a5a;}
.news_r_list .news_r_c h3 a:hover{ color:#e27f15}

.news_r_list:hover .news_r_c h3 a{ color:#fff}
.news_r_list:hover .news_r_c p{ color:#fff}
.news_r_list:hover .news_r_c .news_r_more{ color:#fff}

.news_r_list .news_r_c .news_r_date{ font-size:12px; color:#666666; line-height:20px; padding:0 0 10px 0}
.news_r_list .news_r_c p{ font-size:14px; color:#777777; line-height:24px;}
.news_r_list .news_r_c .news_r_more{ font-size:14px; color:#e27f15; line-height:45px;}

.contact_body{width:960px; margin:0 auto}
.lm48{font-size:36px; padding-top:50px; text-align:center; color:#c12117;font-weight:bold}
.en_lm_bule18{font-size:34px; color:#5bbc5e; line-height:50px; text-align:center}
.ny_path{font-size:15px; color:#555; line-height:60px}

.ny_body{width:100%;  min-height:500px;}

.ny_body_left{ float:left;width:55%}
.ny_body_right{ float:right;width:40%;font-size:15px; line-height:32px; }

.nav_banben{width:180px; margin:0 auto; height:40px; line-height:40px; margin-top:12px; text-align:center;font-size:15px; }
.nav_banben a{font-size:14px; color:#83c0d9; border:2px #83c0d9 solid; display:block;}
.nav_banben a:hover{font-size:14px; background:#296598; color:#fff; display:block; border:2px #296598 solid; }

.shou_back{position:relative;}
.nav_2wm{width:180px; margin:0 auto; line-height:40px; margin-top:12px; text-align:center;font-size:15px; border:2px #83c0d9 solid; color:#83c0d9;}
.zhudacover_top4{position:absolute;  z-index:1; top:-150px; }
.zhuda_cp_img{ margin:0 auto; position:absolute;width:150px}

.n_2wm{width:150px; height:150px; position:absolute; bottom:0; left:0; opacity:0}
.n_2wm img{width:150px; height:150px;}


.joinb {
    z-index: 0;
    position: fixed;
    bottom: -400px;
    right: 20px!important;
}
lib.min.css?t=1…98796203.css:1
.joinb {
    z-index: 0;
    position: fixed;
    bottom: -400px;
    right: 10px;
}

.newsnei{ padding:130px 0 0 0}
.newsnei h2{ width:1260px; margin:0 auto;  font-weight:normal; margin-bottom:35px; padding:0 0 0 20px; text-align:center; }
.newsnei h2 span{ color:#fff; font-size:34px; display:block; line-height:59px;}
.newsnei h2 p{ color:#fff; font-size:15px; line-height:25px;}

.newsnei .s_width{ overflow:hidden;}
.newsnei_con{width:1300px; margin:0 auto}
.newsnei_con li{float:left; padding:0; width:412px; height:380px; position:relative; overflow:hidden; background:#fff; margin:0 21px 0 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.newsnei_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.newsnei_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.newsnei_con_l{ width:412px; height:250px; position:absolute; overflow:hidden; left:0; top:0}
.newsnei_con_l a{ width:412px; height:250px; z-index:3; display:block}
.newsnei_con_l a span{ display:block; color:#ffffff; line-height:40px;  width:390px; position:absolute; bottom:0; z-index:99; font-size:15px; text-align:center;}
.newsnei_con_l a:hover span{ color:#ffd800}
.newsnei_con_b{ width:412px; position:absolute; bottom:0;left:0; height:114px; background:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;
}
.newsnei_con_b i{ font-style:normal; color:#555; display:block; line-height:55px; background:url(../images_nei/jiantou.png) no-repeat right center; z-index:2; position:relative; font-size:18px; color:#174791; margin:0 25px;}
.newsnei_con_b p{ margin:0 25px; line-height:24px; font-size:14px; color:#555; height:0; overflow:hidden;}
.newsnei_con_b .newsnei_con_date{ margin:0 25px; line-height:30px; font-size:14px; color:#777}
.newsnei_con li:hover .newsnei_con_b{ height:170px;}

.newsnei_list_t{ width:1280px; margin:0 auto; padding:160px 0 0 0}
.newsnei_list_t h2{ font-size:26px; color:#f9ac08; font-weight:normal; line-height:35px;}
.newsnei_list_t p{ line-height:65px; font-size:33px; font-weight:bold; color:#fff}
.newsnei_list_t .s_width{ font-size:14px; color:#fff; margin:0 0 20px 0}
.newsnei_list_t .s_width a{ font-size:14px; color:#fff}

.xinwen_list{ border:1px #f2f2f2 solid;width:1200px;}
.xinwen_list ul{ width:1200px; margin:0 auto; padding:10px 0}
.xinwen_list li{ width:150px; float:left; text-align: center; margin-right:20px ; background:url(../images/images/li.png) no-repeat right center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.xinwen_list li a{ line-height:50px; font-size:16px;}
.xinwen_list li:hover{ background:#06C; font-weight:bold; color:#ee800a}
.xinwen_list li:hover a{color:#fff}

.xinwen_list li.honor_li{ background:#06C; }
.xinwen_list li.honor_li a{ color:#fff}

.showpic{position:fixed;width:100%;background-color: black;filter: Alpha(opacity=50);background: rgba(0,0,0,0.8);display:none;top:0;left:0;z-index:100000; }
.showpic .picdiv{position:absolute;top:33%;left:45%;opacity:0;background:#fff; padding:20px 30px;}
.showpic .picdiv img{}
.showpic .picbtn_l{position:absolute;top:44%;margin-top:-20px;width:32px;height:100px; background:url(/templates/net/images/images/left.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.showpic .picbtn_r{position:absolute;top:44%;margin-top:-20px;width:32px;height:100px; background:url(/templates/net/images/images/right.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.showpic .picbtn_l:hover{ background:url(/templates/net/images/images/left_h.png) no-repeat center top;}
.showpic .picbtn_r:hover{ background:url(/templates/net/images/images/right_h.png) no-repeat center top;}

.showpic .closepic{position:absolute;top:5px;right:5px;background:url(/templates/net/images/images/guan2.png) no-repeat center top;width:60px;height:60px; transition:.4s all;}
.showpic .closepic:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.showpic p{ text-align:center; font-size:18px; padding:20px 0 0 0 }
.head{  background:rgba(1,63,150,0.9); }



.sy_cp_lm{width:1300px; margin:0 auto;}

.sy_cp_lm li{ float:left;width:170px; text-align:center; margin:0 5px ; height:40px; line-height:40px; }
.sy_cp_lm li a{ background:#06C; height:40px; line-height:40px; display:block;border-radius:30px; color:#fff}
.sy_cp_lm li a:hover{ background:#ae943a; height:40px; line-height:40px; display:block;border-radius:30px; color:#fff}

.right_menu{  z-index: 999;
    position: fixed;
    top: 17%;
    right: 3%;
	}
.right_menu li{
    line-height: 25px;
    margin: 10px 0;
    padding-left: 22px;
    display: block;
    background: url(../images/dian.png) no-repeat left center;
    height: 25px; 
	font-weight:bold;
    color: #9b8348;
	animation:myfirst 5s;
-moz-animation:myfirst 5s; /* Firefox */
-webkit-animation:myfirst 5s; /* Safari and Chrome */
-o-animation:myfirst 5s; /* Opera */
	}
.right_menu li a{-webkit-border-radius: 5px;
	-moz-border-radius: 4px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-size:18px;}
.right_menu li a:hover{color: #9b8348;transform: scaleX(1.1) scaleY(1.1);}



.cp_menu{  z-index: 999;
    position: fixed;
    top: 17%;
    right: 10%;
	}



.erji_list{width:1240px; margin:0 auto; padding:60px 0 40px 0; text-align:center }
.erji_list div{ max-width:1240px; margin:0 auto}
.erji_list li{ width:125px; float:left; text-align: center; border:1px solid #666; margin:0 10px 10px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.erji_list li a{ line-height:40px; font-size:15px;}
.erji_list li:hover{ background:#06C; border:1px solid #06C;  color:#ee800a}
.erji_list li:hover a{color:#fff}

.erji_list li.honor_li{ background:#06C; border:1px solid #06C;}
.erji_list li.honor_li a{ color:#fff}

.er_about { width:960px; margin:0 auto;  padding:0px 0 0px 0}
.er_about ul{ width:960px;}
.er_about li{float:left; padding:0; width:290px;  margin:0 15px 15px 0; position:relative; overflow:hidden; background:#fff; padding:5px; border:1px #997e4d solid}

.er_about li .p-img{ width:290px;   text-align:center;  position:relative; overflow:hidden }
.er_about li .p-name{ height:40px; line-height:40px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:14px; border-top:1px solid #eee}
.er_about li .p-name:hover{ color:#09C}
.er_about li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.er_about li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.er_about p{ font-size:16px; line-height:35px; color:#666;}
.er_about p span{ font-size:17px;  color:#af1318;}

.zibg{ padding:20px 0 0 0}
.zibg_t{ width:100%; margin:0 auto; border-bottom:1px solid #ccc; line-height:70px; background:url(../images/images/zi_icon.png) no-repeat left top;}
.zibg_t  h2{ font-size:36px; padding:0 0 0 40px;}
.zibg_p{ text-align:center; line-height:35px; font-size:18px; color:#333; padding:40px 0 30px 0; background:url(../images/images/zi_p_bg.png) no-repeat center 30px;}

.liuyan{ padding:70px 0 50px 0; background:#f9f9f9}

.liu_l{ padding:0 0 30px 0; width:790px;}
.liu_l h3{ font-size:24px;}
.liu_l h3 span{ color:#F00}
.liu_l .liu_zi{ line-height:36px; font-size:16px; padding:0 0 18px 0; border-bottom:1px solid #ccc}
.liu_r{ width:400px; background:url(../images_nei/ll.jpg) no-repeat left top; height:390px; padding:30px 0 0 0}
.liu_r strong{ display:block; line-height:33px; font-size:18px; color:#fff; padding:0 0 0 60px;}
.liu_r span{ display:block; line-height:30px; font-size:17px; color:#fff; padding:0 0 10px 60px;}

.ppnei_list_t{ width:1280px; margin:0 auto; padding:180px 0 0 0}
.ppnei_list_t h2{ font-size:40px; color:#fff; font-weight:normal; line-height:65px;}
.ppnei_list_t p{ line-height:65px; font-size:33px; font-weight:bold; color:#fff}
.ppnei_list_t .s_width{ font-size:14px; color:#fff; margin:0 0 20px 0}
.ppnei_list_t .s_width a{ font-size:14px; color:#fff}


.se_pp { width:1240px; margin:0 auto;  padding:30px 0 20px 0}
.se_pp ul{ width:1280px;}
.se_pp li{float:left; padding:0; width:600px; height:406px; margin:0 40px 25px 0; position:relative; overflow:hidden; background:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.se_pp li .p-img{ width:314px; height:366px;  text-align:center;  position: absolute; overflow:hidden; left:20px; top:20px; border-right:1px solid #ededed; background:#fff}
.se_pp li .p-name{ width:200px; height:406px; height:70px; position: absolute; right:30PX; top:0; }
.se_pp li .p-name p{  line-height:30px; font-size:18px; color:#555; text-transform:uppercase; margin:50px 0 50PX 0}
.se_pp li .p-name span{ width:118px; height:35px; background:#013f96; display:block; line-height:35px; text-align:center; color:#fff}
.se_pp li .p-img img{ transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_pp li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_pp p{ font-size:16px; line-height:35px; color:#666;}
.se_pp p span{ font-size:17px;  color:#af1318;}
.se_pp li:hover{ background:#1653a8}
.se_pp li:hover .p-name span{ color:#fff; background:#dd0a0a}
.se_pp li:hover .p-name p{ color:#fff}


.liyou{ background:#fff; padding:50px 0;}
.liyou h2{ font-size:36px; color:#555; text-align:center; line-height:75px; font-weight:normal; margin-bottom:15px;}
.liyou .s_width{ position:relative; overflow:hidden; width:1200px;}
.liyou ul{}
.liyou li{ width:282px; float:left; height:510px; margin-right:26px; background:#f5f5f5; padding:0 0 30px 0; position:relative}
.liyou li .li_pic{ width:282px; height:400px; position:relative; overflow:hidden;  margin:0 0 25px 0}
.liyou li img{ transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.liyou li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.liyou li .li_con{ position:absolute; bottom:15px; width:282px; left:50%; margin-left:-141px; height:109px; background:#f5f5f5; overflow:hidden; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.liyou li:hover .li_con{ height:210px; background:#1b212a}
.liyou li span{ display:block; width:27px; height:1px; background:#1b212a; margin:15px 16px 0 16px;}
.liyou li div{ font-size:18px; color:#363636; line-height:45px; margin:0 16px;}
.liyou li p{ font-size:14px; color:#706f6f; line-height:23px; margin:0 16px;}
.liyou li:hover span{ background:#777;}
.liyou li:hover div{ color:#fff;}
.liyou li:hover p{ color:#fff;}
.liyou li:hover{ cursor:pointer}


.indexbanner{position: relative;float:right;  }
.indexbannerchild{position:absolute;left:0;top:0;opacity:0;transition: all 0.5s;z-index:1;width:100%;overflow: hidden;}
.indexbannerchildbk{width:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:105%;height:100%;transition: all 2.5s;}
.indexbannerlist{position:absolute;left:50%;bottom:20px;z-index:100;background:url(../images/banner_menu.png) center no-repeat;width:500px;height:152px;margin-left:-350px;background-size:100%;}

.indexbannerlist li{float:left;width:75px;height:75px;border:3px solid white;margin:45px 20px;border-radius:50%;background-size:110%;background-repeat: no-repeat;background-position: 50% 50%;cursor: pointer;transition:all 0.5s}
.indexbannerchildanimation{transition: all 2.5s ease-out;background-size:100%}
.indexbannerlist li:hover{border:3px solid red}
.indexbannerlist li.crnt{border:3px solid red}

.banner1left{width:30%;position:absolute;left:-40%;top:20%;transition: all 1s ease-out;}
.banner1left img{width:100%}
.banner1right{width:58%;position: absolute;left:100%;top:-8%;transition: all 1s ease-out;}
.banner1right img{width:100%;}

.news_bg{ background:#ececec; padding:20px 0; margin-top:15px;}

.espcms_piclist_slide {overflow: hidden; margin-top:-50px; width:1280px; margin:0 auto}
.espcms_piclist_slide ul li{float: left;margin:0 15px 15px 0;text-align: center; position:relative; height:320px;overflow:hidden; border-radius:20px}

.espcms_piclist_slide li .pic { width:412px; height:340px;}
.espcms_piclist_slide li .pic a{ font-size:16px;}

.espcms_piclist_slide li .pic img { width:412px; height:340px;}
.espcms_piclist_slide li .cover_top{ text-align:center; line-height:50px; height:50px; font-size:16px;z-index:99;position: absolute; color:#666; bottom:270px; width:100%; background:rgba(0,0,0,0.7)}
.espcms_piclist_slide li .cover_pic{ width:120px; height:120px;position:absolute; left:50%; margin-left:-60px;top:-150px; z-index:100}
.espcms_piclist_slide li .cover_pic a{ font-size:24px; color:#ffea00; font-weight:bold; padding:80px 0 0 0; background:url(../images/images/more.png) no-repeat center 5px; display:block}
.espcms_piclist_slide li  p{ }
.espcms_piclist_slide li  p a{ color:#fff}
.espcms_piclist_slide li  p a:hover{ color:#fff600}



.se_pro_con li:hover .mask_a,.pic:hover .mask_a{
		opacity:0.8;
	}
	
	.leftcon{
		position: absolute;
		top:calc((100% - 68px)/2);
		left:-68px;
		transition: all .4s;
		width: 68px !important;
		height: auto !important;
		z-index: 9999 !important;
	}
	.rightcon{
		position: absolute;
		top:calc((100% - 34px)/2);
		right:-34px;
		transition: all .4s;
		width: 34px !important;
		height: auto !important;
		z-index: 9999 !important;
	}
	.se_pro_con li:hover .leftcon,.pic:hover .leftcon{
		left:calc((100% - 68px)/2)
	}
	.se_pro_con li:hover .rightcon,.pic:hover .rightcon{
		right:calc((100% - 34px)/2)
	}
	
	
/* 产品列表 */
	.se_news_r:hover h2 a,.se_news_r:hover p,.se_news_r:hover div a{color:white !important}
	
	.mask_a{
		width: 100%;
		height: 100%;
		background-color: #555;
		opacity:0;
		transition:  all .4s;
		position: absolute;
		top:0;
		z-index:97
	}
	.se_pro_con li:hover .mask_a,.pic:hover .mask_a{
		opacity:0.8;
	}
	
	.leftcon{
		position: absolute;
		top:calc((100% - 68px)/2);
		left:-68px;
		transition: all .4s;
		width: 68px !important;
		height: auto !important;
		z-index: 9999 !important;
	}
	.rightcon{
		position: absolute;
		top:calc((100% - 34px)/2);
		right:-34px;
		transition: all .4s;
		width: 34px !important;
		height: auto !important;
		z-index: 9999 !important;
	}
	.se_pro_con li:hover .leftcon,.pic:hover .leftcon{
		left:calc((100% - 68px)/2)
	}
	.se_pro_con li:hover .rightcon,.pic:hover .rightcon{
		right:calc((100% - 34px)/2)
	}
	/* 菜单样式 */
	.fix_nav{
		position: fixed;
		width: 250px;
		height: 100%;
		top:0;
		z-index: 98;
		background: transparent;
		background-color: rgba(0,0,0,0.7);
		transition: all .4s;
	}
	.fix_nav.close{
		right:-250px;
	}
	.fix_nav.open{
		right: 0;
	}
	.fix_nav .menu_ul{
		line-height: 35px;
		position: absolute;
		/* top:calc((100% - 35px*4)/2); */
		top:130px;
		left: 100px;
		font-size: 16px;
	}
	.fix_nav .menu_ul li{
		width: 100px;
		white-space: nowrap;
		overflow: hidden;
		margin-left: 40px; line-height:45px
	}
	.fix_nav.close .menu_ul li{
		opacity: 0;
		transition: none; 
	}
	.fix_nav.open .menu_ul li{
		opacity: 1;
		margin-left: 0;
		transition: .4s;
	}
	.fix_nav .cn{
		color: white;
		left:0;
		opacity: 1;
		position: relative;
	}
	.fix_nav .en{
		color: #ff9d00;
		left:100px;
		opacity: 0;
		position: absolute;
	}
/* 结束 */

.mores {
    width: 162px;
    height: 56px;
    position: relative;
		left: 6%;
}

.mores .three-d-box {
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    transform: translatez(-28px);
    -webkit-transform: translatez(-28px);
    -ms-transform: translatez(-28px);
    -moz-transform: translatez(-28px);
    transition: all .32s ease-out;
}
.mores span.defal {
    transform: rotatex(0deg) translatez(28px);
    -webkit-transform: rotatex(0deg) translatez(28px);
    -moz-transform: rotatex(0deg) translatez(28px);
    -ms-transform: rotatex(0deg) translatez(28px);
}
.mores span.end {
    transform: rotatex(-90deg) translatez(28px);
    -moz-transform: rotatex(-90deg) translatez(28px);
    -ms-transform: rotatex(-90deg) translatez(28px);
    -webkit-transform: rotatex(-90deg) translatez(28px);
}
.mores span.defal, .mores span.end {
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    color: #fff;
    font-size: 14px;
    font-family: "Arial";
    background: #e60012;
    text-align: center;
    transition: 0.34s;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.35s;
}

.mores {
    width: 162px;
    height: 56px;
    position: absolute;
		bottom: 22%;
}
.mores a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    perspective: 200px;
    -webkit-perspective: 200px;
}


.peigen_img{ background:url(../images/banner1_bg.jpg) center; height:600px;}


.menuflex{ position:absolute; right:76px; top:87px; z-index:8;z-index: 999;
    position: fixed;}
.menuli{ width:360px;}
.menuli li{ width:150px; float:left; margin-right:1px; position:relative; height:76px; margin-bottom:1px;}
.menuli li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; perspective:400px; -webkit-perspective:400px;}
.menuli li a .three-d-box{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; pointer-events: none; position: absolute;
top:0; left: 0; display:block; width:100%; height: 100%; transform:translatez(-38px); -webkit-transform:translatez(-38px); -ms-transform:translatez(-38px); -moz-transform:translatez(-38px); transition:all .4s ease-out;}
.menuli li a span.defal,.menuli li a span.end{ display:block; width:100%; height:76px; padding-top:24px; height:52px; text-align:center; color:#fff; font-size:14px; font-weight:bold; background:rgba(0,0,0,0.7); background:#000\9; filter:alpha(opacity=70); text-align:center; transition:0.4s; position:absolute; left:0; top:0; transition:0.4s;}

.menuli li a span.defal{ transform:rotatex(0deg) translatez(38px); -webkit-transform:rotatex(0deg) translatez(38px); -moz-transform:rotatex(0deg) translatez(38px); -ms-transform:rotatex(0deg) translatez(38px); }
.menuli li a span.end{ transform:rotatex(-90deg) translatez(38px); -moz-transform:rotatex(-90deg) translatez(38px); -ms-transform:rotatex(-90deg) translatez(38px); -webkit-transform:rotatex(-90deg) translatez(38px); opacity:0; visibility:hidden;}
.menuli li a:hover .three-d-box,.menuli li a.on .three-d-box{transform: translateZ(-38px) rotateX(90deg); -webkit-transform: translateZ(-38px) rotateX(90deg); -moz-transform: translateZ(-38px) rotateX(90deg); -ms-transform: translateZ(-38px) rotateX(90deg);}
.menuli li a:hover span.end,.menuli li a.on span.end{ background:#ac1a1a; opacity:1; visibility:visible;}






.menuli2{ width:150px; margin-top:40px; }
.menuli2 li{ width:150px; margin-right:1px; position:relative; height:76px; margin-bottom:1px;}
.menuli2 li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; perspective:400px; -webkit-perspective:400px; }
.menuli2 li a .three-d-box{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; pointer-events: none; position: absolute;
top:0; left: 0; display:block; width:100%; height: 100%; transform:translatez(-38px); -webkit-transform:translatez(-38px); -ms-transform:translatez(-38px); -moz-transform:translatez(-38px); transition:all .4s ease-out;}
.menuli2 li a span.defal,.menuli2 li a span.end{ display:block; width:100%; height:76px; padding-top:24px; height:52px; text-align:center; color:#fff; font-size:18px; font-weight:bold; background:rgba(0,153,68,0.7); background:#000\9; filter:alpha(opacity=70); text-align:center; transition:0.4s; position:absolute; left:0; top:0; transition:0.4s;}

.menuli2 li a span.defal{ transform:rotatex(0deg) translatez(38px); -webkit-transform:rotatex(0deg) translatez(38px); -moz-transform:rotatex(0deg) translatez(38px); -ms-transform:rotatex(0deg) translatez(38px); }
.menuli2 li a span.end{ transform:rotatex(-90deg) translatez(38px); -moz-transform:rotatex(-90deg) translatez(38px); -ms-transform:rotatex(-90deg) translatez(38px); -webkit-transform:rotatex(-90deg) translatez(38px); opacity:0; visibility:hidden;}
.menuli2 li a:hover .three-d-box,.menuli2 li a.on .three-d-box{transform: translateZ(-38px) rotateX(90deg); -webkit-transform: translateZ(-38px) rotateX(90deg); -moz-transform: translateZ(-38px) rotateX(90deg); -ms-transform: translateZ(-38px) rotateX(90deg);}
.menuli2 li a:hover span.end,.menuli2 li a.on span.end{ background:#ac1a1a; opacity:1; visibility:visible;}





/* 图片呼吸 */
.pbanner figure{ display:block; overflow:hidden; line-height:0; position:relative !important;}
.pbanner figure img{ display:block; width:100%; height:auto; line-height:0; animation:fixed-header infinite 14s; -webkit-animation:fixed-header infinite 14s; -moz-animation:fixed-header infinite 14s; -ms-animation:fixed-header infinite 14s;}
@keyframes fixed-header{
	0%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);       -webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}
	50%{-moz-transform:scale(1.05) rotateZ(0.01deg);-ms-transform:scale(1.05) rotateZ(0.01deg);        -webkit-transform:scale(1.05) rotateZ(0.01deg);transform:scale(1.05) rotateZ(0.01deg)}
	100%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);         -webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}
}
@-moz-keyframes fixed-header{
	0%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);       -webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}
	50%{-moz-transform:scale(1.05) rotateZ(0.01deg);-ms-transform:scale(1.05) rotateZ(0.01deg);        -webkit-transform:scale(1.05) rotateZ(0.01deg);transform:scale(1.05) rotateZ(0.01deg)}
	100%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);         -webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}
}
@-webkit-keyframes fixed-header{
	0%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);       -webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}
	50%{-moz-transform:scale(1.05) rotateZ(0.01deg);-ms-transform:scale(1.05) rotateZ(0.01deg);        -webkit-transform:scale(1.05) rotateZ(0.01deg);transform:scale(1.05) rotateZ(0.01deg)}
	100%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);         -webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}
}
.mores {
    width: 162px;
    height: 56px;
    position: relative;
		left: 6%;
}

.mores .three-d-box {
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    transform: translatez(-28px);
    -webkit-transform: translatez(-28px);
    -ms-transform: translatez(-28px);
    -moz-transform: translatez(-28px);
    transition: all .32s ease-out;
}
.mores span.defal {
    transform: rotatex(0deg) translatez(28px);
    -webkit-transform: rotatex(0deg) translatez(28px);
    -moz-transform: rotatex(0deg) translatez(28px);
    -ms-transform: rotatex(0deg) translatez(28px);
}
.mores span.end {
    transform: rotatex(-90deg) translatez(28px);
    -moz-transform: rotatex(-90deg) translatez(28px);
    -ms-transform: rotatex(-90deg) translatez(28px);
    -webkit-transform: rotatex(-90deg) translatez(28px);
}
.mores span.defal, .mores span.end {
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    color: #fff;
    font-size: 14px;
    font-family: "Arial";
    background: #e60012;
    text-align: center;
    transition: 0.34s;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.35s;
}
.bdown .mores span.end{ display:none\9;}
.bdown .mores a:hover span.defal{ background:#ddaf63\9;}
.mores a:hover .three-d-box{transform: translateZ(-28px) rotateX(90deg); -webkit-transform: translateZ(-28px) rotateX(90deg); -moz-transform: translateZ(-28px) rotateX(90deg); -ms-transform: translateZ(-28px) rotateX(90deg);}
.mores a:hover span.end{ background:#ddaf63;}
.moredown a:hover span i{ transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);}


	/* 呼吸结束 */
	
	
.company {
    width: 50%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    background: #000\; filter:alpha(opacity=50);
    position: absolute;
    left: 40px;
    top: 0;
}

.companywr h2 {
    
    margin-bottom: 20px; margin-top:150px; margin-left:220px;
	
}

.companywr h2 {
    line-height: 1;
    color: #fff;
    font-size: 68px;
    margin-bottom: 45px;
}

.companywr p {
	
    margin-bottom: 20px;margin-left:220px;
    color: #ffffff;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 48px;
    width: 60%; overflow:hidden
}


