@charset "utf-8";
@font-face{ font-family: myFirstFont; src:url(../font/georgia.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/

/* .full_page{position:relative;width:100%;height: 700px; z-index:0} */
/* #banner{ position: fixed;top:0;left:0; width:100%;height: 700px;z-index:0;overflow: hidden;}
#banner ul.am-slides,#banner ul.am-slides li{height:100%;position:  relative;z-index: 0;}
#banner ul.am-slides li a{ display:block; width:100%; height:100%;}
#banner .am-control-nav{ display:none;}
#banner .botton{margin-top: 145px;position: absolute;left:50%;top: 50%;width:285px;height:53px;z-index: 0;margin-left:-680px;}
#banner .botton i{float:  left;display:inline-block;margin-right: 15px;width:53px;height:53px;line-height:53px;background:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;-moz-transition: all 0.24s ease-in-out;-webkit-transition: all 0.24s ease-in-out;-o-transition: all 0.24s ease-in-out;-ms-transition: all 0.24s ease-in-out;transition: all 0.24s ease-in-out;}
#banner .botton i:before{ display:block; content:""; background:url(../images/jiantou.png) center center no-repeat; width:53px; height:53px; -moz-transition: all 0.24s ease-in-out;-webkit-transition: all 0.24s ease-in-out;-o-transition: all 0.24s ease-in-out;-ms-transition: all 0.24s ease-in-out;transition: all 0.24s ease-in-out;}
#banner .botton i:after{ display:block; content:""; background:url(../images/jiantou_on.png) center center no-repeat; width:53px; height:53px; -moz-transition: all 0.24s ease-in-out;-webkit-transition: all 0.24s ease-in-out;-o-transition: all 0.24s ease-in-out;-ms-transition: all 0.24s ease-in-out;transition: all 0.24s ease-in-out;}
#banner .botton i:hover:before{ margin-top:-53px;}
#banner .botton i:hover:after{ margin-top:0;}
.full_page .top{background:url(../images/banner_top.png) center bottom no-repeat;height:67px;width:100%;position:absolute;left:0;bottom: -2px;z-index:100;}
#banner .botton i:hover{ background:#f08200}
#banner .botton span{ display:inline-block; height:53px; line-height:53px; font-size:12px; color:#000000; text-transform:uppercase;}
#banner.am-slider-default .am-direction-nav a{ width: 23px; height: 41px;}
#banner.am-slider-default .am-direction-nav a.am-prev{ background:url(../images/banner_right.png) center no-repeat; left:25px;}
#banner.am-slider-default .am-direction-nav a.am-next{ background:url(../images/banner_left.png) center no-repeat; right:25px;}
#banner.am-slider-default .am-direction-nav a:before{ display:none}
 */
/* #header{position:absolute;width: 100%;z-index:10000; }
#header .nav { float: right; height: 49px; position: relative;}
#header .nav .navitem:nth-last-child(1) .subnav {left: auto; right: 0; text-align:right;}
#header .nav>li { float: left; font-size: 15px; height: 100%; position: relative;}
#header .nav>li>a{display: block;padding: 0px 20px;height: 68px;line-height: 44px;color: #fff;position: relative;overflow: hidden;}
#header .nav>li>a span {display: inline-block;position: relative;transition: all ease-out .3s;font-weight:  bold;}
#header .nav>li>a>i{ margin-left: 10px; color: #717171; transition: 0.36s ease;}
#header .nav .subnav{position: absolute;width: 198px;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);background-color: #fff;height: auto;z-index: 199;top: 46px;left: 50%;margin-left: -99px; border-top: 2px solid #F08200; overflow: hidden;visibility: hidden;opacity: 0;transition: all .36s ease;}
#header.mini .nav .subnav{top: 66px;}
#header .nav .subnav li{width: 100%;text-align: center;}
#header .nav .subnav li a {font-weight: 500;color: #666;line-height: 22px;display:  block;transition: all .2s ease-in-out;padding: 12px 0;border-bottom: 1px solid #E8E8E8;font-size: 13px;position:relative;}
#header .nav>li:hover .subnav{opacity: 1; visibility: visible}
#header .nav .subnav li a.active,#header .nav .subnav li a:hover {background-color: #f5f5f5;color: #f08200;} 
#header .nav .subnav li a.active,#header .nav .subnav li:first-child {border-top:2px solid #f08200;} 
 #header .nav .subnav li a.active,#header .nav .subnav li:hover {border-top:2px solid #f08200;} 
 #header .nav .on span{border-bottom: #f08200 2px solid;height: 48px;} 
#hcontact { display: none}
#header,.singlescreen #header { box-shadow: none;}
#header{height: 64px;top: 36px;left: 0;padding-top: 20px;}
#header .content{ padding-left: 0;padding-right: 0}
#header #headTop{ float:left; height: 44px; text-align: center;}
#header #headTop a{display: block;width:246px;height:47px; Chrome, Safari, Opera}
#header .content a#logo { float: none; display: inline-block}
#header .content a#logo img { float: none}
#header #navWrapper { float: right; position: relative; z-index: 99;}
#header.mini #navWrapper {}
#header .nav {margin-left: 0;height: 44px;text-align: center;float: none;font-size: 0;}
#header .nav>li { display: inline-block; float: none}
#header.mini {position:fixed;background-color: rgba(255, 255, 255, 1);top: 0;height: 92px;padding-top: 24px;box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.25);}
#header.mini .nav>a{ height:68px;}
#header.mini .nav .on span{ height: 68px;}
#header .nav .subnav li a:after{position:absolute;right:15px;top:50%;margin-top:-5px;color:#999;content:"\f0da";font: normal normal normal 0.75rem/1 FontAwesome,sans-serif;display: none;}
#header.mini .nav>li>a{ color:#3b3b3c}
#header #headTop .img02{ display:none}
#header.mini #headTop .img01{ display:none}
#header.mini #headTop .img02{ display:block} */

/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/






	  .f_pr{position:relative;}
	.f_pa{position:absolute;}
	.header , .content , .footer { width:1200px; margin:0 auto;  }
	em{font-style:normal;}
      .g_top{ height:185px; background:url(../images/topbg.jpg) repeat-x center top;}
      .g_top .tlogo{position: absolute;left:0;top:20px;}
      .m_top{margin-left: 230px;}
      .top_c{height: 115px;}
      .m_top h2{ float:left; height:60px; margin:22px 0 0 0; color: #2c7bde; font-size: 28px; font-weight: bold;}
      .m_top h2 em{ display:block; color:#000000; font-weight:normal; font-size: 18px; padding-top: 6px; }

      .m_top p{ float:right; margin:33px 0 0 0 ; }
      .m_top p b{display: block;padding: 0 0 0 30px; background:url(../images/ttel.jpg) no-repeat left 2px; color:#2e2e2e; font-size:16px;font-weight: normal;height: 22px;}
      .m_top p span{ display:block; font-size:30px; color:#2c7bde;font-weight: bold; margin-top:5px;}


       .g_nav{height:38px; line-height: 38px;border-top: 1px solid #eaeaea;padding-top: 18px; }
        .g_nav li{position: relative; float:left; font-size:16px;}

        .g_nav li a{ display:block;float: left; padding: 0 17px; color:#000000; line-height:38px; text-decoration: none;}
        .g_nav li a:hover,.g_nav .cur a{color: #fff;background:#2c7bde;border-radius: 20px;}
        .g_nav .lastli{background: none;}






.bohui_Product_fenle{width: 100%; height: 220px; background-position:-300px -900px;
		background: url(../images/container01_bg.jpg) no-repeat center;
		transform:translate3d(0,0,0);
		    animation:play 25s linear infinite;
		background-attachment: fixed; overflow:hidden;}

.bohui_Product_fenle .title h3{ font-size:28px; color:#fff; text-transform:uppercase; margin-bottom:10px; text-align:center;}
.bohui_Product_fenle .title p{ font-size:18px; color:#fff; text-align:center;}
.bohui_Product_fenle .title div{ width:60px; height:4px; background:#fff;margin:10px auto; }
 .bohui_Product_fenle .title{margin-top:70px;}



.about_ny .title h3{ font-size:28px; color:#0049a7; text-transform:uppercase; margin-bottom:10px; text-align:center;}
.about_ny .title p{ font-size:18px; color:#333; text-align:center;}
.about_ny .title div{ width:60px; height:4px; background:#f08200;margin:10px auto; }
 .about_ny .title{margin-top:70px;}







#erji{ padding:20px 0 20px; background:#fff; text-align:center; position:relative;}
#erji ul{ font-size:0; width:1200px; margin:0 auto; text-align:center; }

#erji ul li{ display:inline-block; margin:4px 4px; width:140px; height:40px; line-height:40px; border:#d2d2d2 1px solid; text-align:center; }

#erji ul li a{ display:block; font-size:14px; color:#4b4b4b;}

#erji ul li.on{ background:#59a058; border:#59a058 1px solid;}

#erji ul li.on a{ color:#fff}






.container03{ position:relative; z-index:1; height:560px;}

.container04{ position:relative; z-index:2; height:650px; margin-top:-488px;}
.container04 .title{ text-align:center; margin-bottom:40px;}
.container04 .title h3{ font-size:28px; color:#fff; text-transform:uppercase; margin-bottom:10px;}
.container04 .title h5{ font-size:18px; color:#fff}
.container04 .content .left{ float:left; width:595px; height:550px; position:relative; background:#000; overflow:hidden;}
.container04 .content .left img{ width:595px; height:550px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container04 .content .left:hover img{ filter:alpha(opacity:50); opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5}
.container04 .content .left .box{ position:absolute; left:58px; top:110px;}
.container04 .content .left .box h3{ font-size:22px; color:#fff; margin-bottom:6px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; }
.container04 .content .left:hover .box h3{ margin-bottom:12px; margin-top:30px;}
.container04 .content .left .box h5{ font-size:15px; color:#fff; text-transform:uppercase;}
.container04 .content .left .box:before{content:"";width:17px;height:2px;background:#fff;position:absolute;top: 62px;left:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container04 .content .right .box h4{ font-size:16px; color:#fff; margin-bottom:7px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container04 .content .right .box h6{ font-size:12px; color:#fff; text-transform:uppercase;}
.container04 .content .right{ float:right; width:595px;}
.container04 .content .right .box{ position:absolute; left:70px; top:60px;}
.container04 .content .right .con{ float:right; width:595px; height:270px; margin-bottom:10px; position:relative; background:#000; overflow:hidden;}
.container04 .content .right .box:before{content:"";width:17px;height:2px;background:#fff;position:absolute;top:54px;left:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container04 .content .right .con img{ width:595px; height:270px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container04 .content .right .con:hover img{ filter:alpha(opacity:50); opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5}
.container04 .content .right .con:hover .box:before{ width:0;}
.container04 .content .left:hover .box:before{ width:0;}
.container04 .content .right .con:hover .box h4{ margin-bottom:12px; margin-top:30px;}

.container05{position:relative;z-index:1;height:760px;background:#fff /* url(../images/container05_bg.jpg) center top no-repeat */; border:1px solid #f2f2f2; }
.container05 .title{width: 100%;text-align:center;margin-bottom:40px;overflow: hidden; padding:70px 0 0 0}
.container05 .title h3{ font-size:28px; color:#00459c; text-transform:uppercase; margin-bottom:10px;}
.container05 .title h5{ font-size:18px; color:#3b3b3c}
.container05 ul{ width:1246px; margin-bottom:46px; overflow:hidden; margin-top:30px;}
.container05 ul li{ float:left; width:284px; height:239px; margin-right:20px; position:relative; overflow:hidden; margin-top:20px; border:1px solid #eee;}
.container05 ul li img{ width:284px; height:199px; overflow:hidden; }

.container05 ul li .top{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:50px; line-height:50px; text-align:center; padding:0 20px; position:absolute; width:100%; bottom:0; left:0; background:#fff; border-top:1px solid #eee;  font-size:16px; color:#999; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container05 ul li:hover .top{ background:rgba(238,29,35); color:#fff;}
.container05 .more{ text-align:center; overflow:hidden;}
.container05 .more a{ display:inline-block; width:180px; height:48px; line-height:48px; background:#00459c; text-align:center; font-size:14px; color:#fff}
.container05 .more a:hover{ background:#f08200; }




.container06{ position:relative; z-index:1; background:#f2f2f2; padding-bottom:68px;}
.container06 .title{width: 100%;text-align:center;margin-bottom:40px;overflow: hidden; padding:70px 0 0 0}
.container06 .title h3{ font-size:28px; color:#00459c; text-transform:uppercase; margin-bottom:10px;}
.container06 .title h5{ font-size:18px; color:#3b3b3c}
.container06 ul{ width:1230px; margin-bottom:40px; overflow:hidden;}
.container06 ul li{float:left;width:385px;margin-right: 22px;}
.container06 ul li .img{float:left;width:385px;height:275px;position:relative; overflow:hidden;}
.container06 ul li .img .time{ width:125px; line-height:32px; height:32px; background:#2f2f2f; position:absolute; left:0; top:42px; font-size:14px; color:#fff; text-align:center; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container06 ul li:hover .img .time{ background:#f08200;}
.container06 ul li .con{ float:left; width:385px; height:125px; background:#fff; padding:25px 40px;}
.container06 ul li .con h5{ margin-bottom:15px;}
.container06 ul li .con h5 a{ font-size:16px; color:#2f2f2f; }
.container06 ul li .con p{ font-size:14px; color:#888888; line-height:20px; }
.container06 .more{ text-align:center; overflow:hidden;}
.container06 .more a{ display:inline-block; width:180px; height:48px; line-height:48px; background:#f08200; text-align:center; font-size:14px; color:#fff}
.container06 .more a:hover{ background:#00459c}





 .link{width: 100%; background:#fff; position:relative;z-index:1;}
.link dt{height: 74px;line-height: 74px;font-size: 18px;color: #333333;border-bottom: 1px solid #ccc;}
.link dt a{color: #333333; text-decoration: none;}
.link dt em{font-family: arial;}
.link dd{padding: 24px 0 14px 0;overflow: hidden;}
.link dd a{display: block;float: left;font-size: 12px;color: #333333;padding: 0 28px;border-left: 1px solid #e9e9e9;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}








/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

#n_banner{ height:500px; overflow:hidden;}
#n_banner .top{ display:table; width:100%; height:100%; text-align:center;}
#n_banner .top i{ display:table-cell; vertical-align:middle; font-style:normal;}
#n_banner .top i h1{ font-size:44px; color:#ff6801; text-transform:uppercase; font-weight:bold; margin-bottom:5px;}
#n_banner .top i h3{ font-size:22px; color:#fff;}


 #n_banner .n_banner_biaoti{ width:1200px; margin:0 auto;}
 #n_banner .n_banner_biaoti h3{color:#f2f2f2; font-size:34px; font-weight:bold;  margin-top:160px; margin-left:4px;}
  #n_banner .n_banner_biaoti p{color:#f2f2f2; font-size:22px;  font-weight:bold;   margin-top:24px; margin-left:4px;/*  background:#ee1d3e; width:350px;  *//* padding:5px 10px; */}
  #n_banner .n_banner_biaoti h4{color:#f2f2f2; font-size:8px;   margin-top:8px; margin-left:4px;/*  background:#ee1d3e; width:350px;  *//* padding:5px 10px; */}

   #n_banner .n_banner_biaoti a{display:block; color:#ee1d3e; font-size:14px;   margin-top:40px; margin-left:4px; border:1px solid #ee1d3e; width:130px;text-align:center;  padding:10px 0; border-radius:20px;}
.n_main_box{width:100%;}
.n_main_box .w1200{position:relative;width:1200px;height: 65px;margin: 0 auto;}
.n_nav_box{height: 65px;line-height: 65px;position:relative;background: #f3f3f8;}
.n_nav{ position:relative; }
.n_nav a{display:inline-block;height: 65px;font-size: 16px;float:left;line-height: 40px;color: #000;text-align: center;margin-left: -1px;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;margin-right: 54px;}
.n_nav a strong{display:block;color: #000;position:relative;z-index:4;height: 65px;line-height: 65px;font-weight: 100;}
.n_nav .on,.n_nav a:hover{}
.n_nav .on:before{content:"";width: 30px;height: 2px;position: absolute;bottom: 0;left: 50%;margin-left: -15px;background: #00459c;}
.n_nav a:before{content:"";width: 0;height: 2px;position: absolute;bottom: 0;left: 50%;margin-left: -15px;background: #00459c; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_nav a:hover:before{ width:30px;}
.n_up_box{ position:relative;}
.position{position:absolute;height: 65px;line-height: 65px;right:0px;bottom: 0;color: #9c9ca0;padding-left: 21px;font-size: 12px;background: url(../images/home_icon.png) left 25px no-repeat;}
.position span, .position a, .position i{font-size:12px;color: #47474a; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin: 0px 4px;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size:12px;color: #00459c;font-style: normal;}
.position a:hover{color:#00459c;}
.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}

.n_about{ padding: 70px 0 40px;}

.n_licheng{ padding:70px 0 80px;}
.n_licheng .w1200{background:url(../images/n_licheng_bg.png) center  top repeat-y;padding: 0 0 0 0;}
.n_licheng h3 .e{ float: left;width:calc(50% - 20px); text-align:right; font-size:18px; line-height:26px; color:#d8dade; text-transform:uppercase; margin-bottom:104px;}
.n_licheng h3 .z{ float: right;width:calc(50% - 20px); text-align:left; font-size:22px; line-height:26px; color:#f08200; text-transform:uppercase; margin-bottom:104px;}
.n_licheng h3 .z small{ font-size:18px; font-weight:bold}
.n_licheng ul{float:left;width:100%;position:relative;}
.n_licheng ul li{float:left;width:100%;position:relative;margin-top:-44px;}
.n_licheng ul li .licheng{float:  left;width:50%;}
.n_licheng ul li .licheng .year{ float:left; width:95px; text-align:center; font-size: 22px; color:#2b2c2e; font-family:"Microsoft Yahei"; padding-top: 68px;}
.n_licheng ul li .licheng .box{ float:left; width:calc(100% - 95px); background:#f6f7f9 url(../images/box_left.jpg) left top no-repeat; padding:50px;}
.n_licheng ul li .licheng .box:hover{ color:#fff}
.n_licheng ul li .licheng .box:hover p{ color:#fff}
.n_licheng ul li:nth-child(2n-1) .licheng .box:hover{ background:#00459c url(../images/box_left_on.jpg) left top no-repeat;}
.n_licheng ul li:nth-child(2n) .licheng .box:hover{ background:#00459c url(../images/box_right_on.jpg) right top no-repeat !important;}
.n_licheng ul li .licheng .box { font-size: 15px; line-height: 30px; color: #686868;}
.n_licheng ul li .licheng .box p{ font-size: 15px; line-height: 30px; color: #686868;}
.n_licheng ul li .dot{ position:absolute; left:50%; margin-left:-9px; background:#fff; top:70px; width:18px; height:18px; border:#f08200 2px solid; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.n_licheng .more{margin-top:60px;text-align:center;height: 40px;}
.n_licheng .more a{ display:inline-block; width:40px; height:40px; background:url(../images/n_licheng_more.png) center no-repeat; overflow:hidden; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_licheng .more a:hover{ background:url(../images/n_licheng_more_on.png) center no-repeat;}
.n_licheng .more p{display:inline-block;width: 124px;height:40px;line-height: 40px;background:#333;font-size: 14px;color: #fff;}

.n_case{ padding:70px 0 80px;}
.n_case ul{ width:1246px; overflow:hidden;}
.n_case ul li{ float:left; width:265px; height:340px; margin-right:46px; position:relative; overflow:hidden; margin-bottom:40px;}
.n_case ul li img{ width:265px; height:340px;}
.n_case ul li .top{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:60px;line-height:60px;text-align:center;padding:0 15px;position:absolute;width:100%;bottom:0;left:0;background:#2f2f2f;font-size: 16px;color:#fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_case ul li:hover .top{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCF08200', endColorstr='#CCF08200');background:rgba(240,130,0,0.8);}

/*====翻页====*/
.j_pages{margin:0 auto 0 auto}
.j_pages .box{display:inherit;width:100%;padding: 1.5rem 0 0rem;font-size: 0;text-align:  center;}
.j_pages a{padding: 0px 13px;height: 35px;line-height: 35px;display:inline-block;margin: 0 6px 0 0;color: #666666;font-size: 14px;box-sizing: border-box;border:  #dedede 1px solid;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.j_pages a font{font-size:14px;font-family:SimSun;color:#9f9fa7}
.j_pages .on{background: #f08200;color: #fff;border: #f08200 1px solid;}
.j_pages a:hover{background:#f08200;color:#fff!important; border:1px solid #f08200}
.j_pages span{background:#f08200;color:#fff!important;border:1px solid #f08200}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}

.n_news{ padding:70px 0 0;}
.n_news .top ul{ width:1230px; margin-bottom:40px; overflow:hidden;}
.n_news .top ul li{ float:left; width:385px; margin-right:22px;}
.n_news .top ul li .img{float:left;width:385px;height:275px;position:relative; overflow:hidden;}
.n_news .top ul li .img .time{ width:125px; line-height:32px; height:32px; background:#2f2f2f; position:absolute; left:0; top:42px; font-size:14px; color:#fff; text-align:center; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_news .top ul li:hover .img .time{ background:#f08200;}
.n_news .top ul li .con{ float:left; width:385px; height:125px; background: #f3f3f8; padding:25px 40px;}
.n_news .top ul li .con h5{ margin-bottom:15px;color: #2f2f2f;}
.n_news .top ul li .con h5 a{ font-size: 17px; color:#2f2f2f; }
.n_news .top ul li .con p{ font-size: 13px; color:#888888; line-height:20px; height:40px;}
.n_news .bottom{ background:#f3f3f8; padding-bottom:80px;}
.n_news .bottom ul{overflow:hidden;margin-top:30px;margin-bottom: 54px; position:relative;}
.n_news .bottom ul:after{ content:""; width:4px; height:60px; position:absolute; left:50%; margin-left:-2px; top:0; background:#f3f3f8;}
.n_news .bottom ul li{ float:left; width:50%}
.n_news .bottom ul li .box{ position:relative; padding: 60px 30px;box-sizing:border-box;border-bottom: 1px solid #e2e2e7;border-left: 1px solid #e2e2e7;margin-left:-1px;}
.n_news .bottom ul li:nth-child(5) .box,
.n_news .bottom ul li:nth-child(6) .box{ border-bottom:none}
.n_news .bottom ul li .box:hover{ background:#f08200; border-bottom: 1px solid #f08200;border-left: 1px solid #f08200; }
.n_news .bottom ul li:nth-child(5) .box:hover,
.n_news .bottom ul li:nth-child(6) .box:hover{ background:#f08200; border-left: 1px solid #f08200; border-bottom:none}
.n_news .bottom ul li:nth-child(1) .box:hover:after{ content:""; width:3px; height:100%; position:absolute; top:0; right:0; background:#f08200;z-index: 10;}
.n_news .bottom ul li:nth-child(2) .box:hover:after{ content:""; width:5px; height:100%; position:absolute; top:0; left:-1px; background:#f08200;z-index: 10;}
.n_news .bottom ul li .box h5{line-height: 40px;padding-left: 92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #525252;font-size: 17px;} 
.n_news .bottom ul li .box p{font-size: 13px;color:#999;line-height: 20px;height: 40px;overflow:hidden;padding-left: 92px;} 
.n_news .bottom .rq{float:left;font-size:36px;color: #959595;width: 60px;line-height:50px;text-align:center;position:absolute;left:30px;}
.n_news .bottom .rq span{font-size:18px;display:block;line-height: 40px;border-top: 1px solid #dedcdc;}
.n_news .bottom ul li .box:hover h5{ color:#fff}
.n_news .bottom ul li .box:hover .rq{ color:#fff;}
.n_news .bottom ul li .box:hover h5 a{ color:#fff;}
.n_news .bottom ul li .box:hover p{ color:#fff;}
.n_news .bottom ul li .box:hover span{ color:#fff; border-top:1px solid #fff;} 

.n_news_detail{ padding: 70px 0 20px;}
.n_news_detail .left{float:left;width: 815px;}
.n_news_detail .right{float:right;width:320px;border:#e1e1e1 1px solid;}
.n_news_detail .right ul{border-top: #808d97 3px solid;margin-top: -1px;}
.n_news_detail .right ul li{padding: 30px 0;border-bottom: #e1e1e1 1px solid;margin: 0 26px !important;}
.n_news_detail .right ul li h4,.n_news_detail .right ul li h4 a{font-size: 16px;color: #4d4e4e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 15px;}
.n_news_detail .right ul li h4 a:hover{color: #f08200;}
.n_news_detail .right ul li p{font-size: 13px;line-height: 20px;height: 40px;overflow:hidden;color: #9c9f9f;margin: 0 0 8px 0;}
.n_news_detail .right ul li span{font-size: 13px;color: #717474;}
.n_news_detail .right ul li:last-child{ border-bottom:none}
.n_news_detail .right.fixed{right: 50%;margin-right: -600px;position:fixed;top: 162px;}

.n_article .ar_title{padding:10px 0 20px 0;margin-bottom: 20px;}
.n_article .ar_title{padding:0 0 0px 0;position:relative;box-sizing: border-box;border-bottom: #e0e0e0 1px solid;}
.n_article .ar_title h1{font-size: 22px;display:block;text-align: left;line-height:30px;color: #2e2e2f;}
.n_article .ar_title h2{font-size: 14px;position:relative;text-align: left;display:block;height: 40px;color: #919191;line-height: 34px;}
.n_article .ar_title h3{margin-bottom: 15px;}
.n_article .ar_title h3 a{ display:inline-block; width:20px; height:20px; line-height:20px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_article .ar_title h3 a.prev{background: #b3b3b3 url(../images/detail_left.png) 7px 7px no-repeat;}
.n_article .ar_title h3 a.next{background: #b3b3b3 url(../images/detail_right.png) 9px 7px no-repeat;}
.n_article .ar_title h3 a.prev:hover{background:#00459c url(../images/detail_left.png) 7px 7px no-repeat;}
.n_article .ar_title h3 a.next:hover{background:#00459c url(../images/detail_right.png) 9px 7px no-repeat;}
.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}

.n_zizhi{ padding:70px 0 80px;}
.n_zizhi ul{width: 1248px;}
.n_zizhi ul li{float:left;width: 270px;height: 220px;background: #eeeef2;margin: 0px 40px 82px 0;box-sizing:  border-box;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_zizhi ul li .pic_box{width: 100%;height: 220px;display:table;overflow:hidden; text-align:center; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_zizhi ul li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_zizhi ul li .pic_box .box img{ display:inline}
.n_zizhi ul li:hover .pic_box{ box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.25);}
.n_zizhi ul li img{max-width: 127px;max-height: 174px;display:block;}
.n_zizhi ul li h5{font-size: 15px;color: #504e4e;text-align:center;margin:1.5rem 0 1rem;}
.n_zizhi ul li:hover h5{ color:#e84518}
.n_zizhi .j_pages .box{ padding-top:15px}

.n_container{ min-height:400px;}

.n_contact{ padding:95px 0 74px;}
.n_contact .left{ float:left; width:535px; padding-left: 32px;}
.n_contact .left h1{width:100%;height: 90px;line-height: 90px;font-size:42px;color: #fe8a00;background:url(../images/contact-icon.png) left top no-repeat;font-weight: bolder;text-transform: uppercase;margin-bottom: 15px;}
.n_contact .left h3{ font-size:17px; color:#3c3d3d; font-weight:normal; height:50px; line-height:50px;}
.n_contact .left p{float:left;font-size: 16px;color: #565657;font-weight:normal;line-height: 30px;}
.n_contact .left i{ float:left; width:1px; height:52px; background-color:#c2c2c2;}
.n_contact .left p span{ float:left; display:inline-block;}
.n_contact .left p .right{ float:right;display: inline-block;width: 225px;}
.n_contact .left ul{float:left;width:100%;}
.n_contact .left ul li{ float:left; width:170px;}
.n_contact .left ul li img{ width:140px; height:140px;}
.n_contact .left ul li .con{ width:140px; font-size: 14px; color:#8d8d8f; line-height:40px; text-align:center;}
.n_contact .right{float: right;width: 502px;position:relative;}
.n_contact .right .con{float: right;width: 403px;height: 404px;border-radius: 50%;overflow:hidden;position:relative;filter:alpha(opacity:100);opacity:1;-moz-opacity:1;-khtml-opacity:1;margin-right: 82px;}
.n_contact .right .con img{ -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%; overflow:hidden;}
.n_contact .right .zhezhao{position:absolute;left: 0;top: 8px;}
#mapCard_header{ display:none!important;}
.n_contact .right .more{position:absolute;right: 24px;bottom: 14px;width:155px;height:155px;box-sizing:border-box;border:#fff 5px solid;background: #00459c;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_contact .right .more .con_li{display:table;width: 145px;height: 145px;text-align: center;}
.n_contact .right .more .con_li i{display:table-cell;vertical-align: middle;font-style: normal;color: #fff;}
.n_contact .right .more .con_li i h5{ font-size:14px; color:#fff; margin-top:12px;}
.n_contact .right .more:hover{background: #fe8a00;}

.n_product_detail{ padding:70px 0 50px}
.n_product_detail .fl01 h4{ font-size:22px; color:#545455; margin-bottom:40px;}
.n_product_detail .fl01{ text-align:center;}
.n_product_detail .lwy{width:703px;margin: 0 auto;}
.n_product_detail .lwy .slider-for .miso{ position:relative;}
.n_product_detail .lwy .slider-for .miso img{ width:100%}
.n_product_detail .lwy .slider-for .miso-current .miso img{width: 703px;height: 355px;}
.n_product_detail .lwy .slider-for .miso .top{position:absolute;width: 100%;bottom:0;left:0;padding:1.75rem 2.75rem;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#A3212020', endColorstr='#A3212020');background:rgba(33,32,32,0.64);}
.n_product_detail .lwy .slider-for .miso .top h4{font-size: 1rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:1.25rem;}
.n_product_detail .lwy .slider-for .miso .top p{ font-size:0.75rem; color:#cbccd0; line-height:1.375rem; height:2.75rem; overflow:hidden;}
.n_product_detail .lwy .slider-for .miso-prev,
.n_product_detail .lwy .slider-for .miso-next{width: 36px;height: 36px;margin-top:-1rem;z-index: 10; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_product_detail .lwy .slider-for .miso-prev{background:url(../images/n_product_detail_left.png) center no-repeat;background-size:100% 100%;left: -100px;}
.n_product_detail .lwy .slider-for .miso-next{background:url(../images/n_product_detail_right.png) center no-repeat;background-size:100% 100%;right: -100px;}
.n_product_detail .lwy .slider-for .miso-prev:hover{background:url(../images/n_product_detail_left_on.png) center no-repeat;}
.n_product_detail .lwy .slider-for .miso-next:hover{background:url(../images/n_product_detail_right_on.png) center no-repeat;}
.n_product_detail .lwy .slider-nav{margin-top: 4px;margin-left:-5px;margin-right:-5px;}
.n_product_detail .lwy .slider-nav .miso-slide img{ width:100%}
.n_product_detail .lwy .slider-nav .miso-slide .miso{margin:5px;}
.n_product_detail .lwy .slider-nav .miso-slide .miso img{width: 227px;height: 115px;}
.n_product_detail .lwy .slider-nav .miso-current .miso img{border: #f08200 1px solid;}

.n_download{ padding:70px 0 80px;}
.n_download ul{ float:left; width:1250px; margin-bottom:15px;}
.n_download ul li{ float:left; width:575px; height:105px; background:#f1f1f6; position:relative; margin:0 50px 20px 0}
.n_download ul li a{ display:block; padding:28px 30px;}
.n_download ul li .con{ float:right; width:452px;}
.n_download ul li .con h5{ font-size:17px; color:#4b4b4b; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:5px 0 10px 0}
.n_download ul li .con h6{ font-size:13px; color:#969697}
.n_download ul li a:before{ content:""; width:0; height:105px; background:#00459c url(../images/down.png) center no-repeat; position:absolute; right:0; top:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_download ul li:hover a:before{ width:60px;}


/*==========================================内页 结束=============================================*/


aside#top{ }
.online_q {
    position: fixed;
    right: 50px;
    bottom: 40%;
    background: url(../images/r_b.png) 0px bottom no-repeat;
    z-index: 9999; transition:.5s; -webkit-transition:.5s;
}
.online_q.on{right: -60px;}
.online_q .btn-open{width:50px; height:50px; position:absolute !important; left:0; top:0; cursor:pointer; transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); -moz-transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); -ms-transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); -o-transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); -webkit-transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); opacity:0; }
.online_q.on .btn-open{opacity:1;left:-60px;}

.online_q .btn2{width:50px; height:50px; cursor:pointer; position:relative; margin-bottom:10px;}
.online_q .btn2 span{display:block;width:50px; height:50px; position:relative; z-index:999; border-radius:25px; border:1px solid #e5e5e5;  transition:.3s; -webkit-transition:.3s;}
.online_q .btn-open span{background:url(../images/piaofu.png) center no-repeat #fff;}
.online_q .btn-close span{background:url(../images/piaofu.png) center no-repeat #fff; }
.online_q .btn-close{    transform: rotateY(180deg);}
.online_q .btn-qq span{background:url(../images/qq_ico1.png) center no-repeat #fff; }
.online_q .btn-wx span{background:url(../images/qq_ico2.png) center no-repeat #fff;}
.online_q .btn-tel span{background:url(../images/qq_ico3.png) center no-repeat #fff; }
.online_q .btn-tsina span{background:url(../images/qq_ico4.png) center no-repeat #fff; }
.online_q .btn-top span{background:url(../images/qq_ico5.png) center 20px no-repeat #fff;  display:none;}

.online_q .btn-open:hover span{background:url(../images/piaofu_on.png) center no-repeat #2c7bde; }
.online_q .btn-close:hover span{background:url(../images/piaofu_on.png) center no-repeat #2c7bde; }
.online_q .btn-qq:hover span{background:url(../images/qq_ico1_on.png) center no-repeat #2c7bde;}
.online_q .btn-wx:hover span{background:url(../images/qq_ico2_on.png) center no-repeat #2c7bde;}
.online_q .btn-tel:hover span{background:url(../images/qq_ico3_on.png) center no-repeat #2c7bde; }
.online_q .btn-tsina:hover span{background:url(../images/qq_ico4_on.png) center no-repeat #2c7bde;}
.online_q .btn-top:hover span{background:url(../images/qq_ico5_on.png) center no-repeat #2c7bde;}

.btn2:hover span{ border:1px solid #2c7bde; border-radius:25px; color:#fff;}
.online_q .open.pic{ position:absolute; background:#2c7bde; width:100px; height:100px; right:80px; top:50%; margin-top:-50px; text-align:right; border-radius:5px; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:60px;visibility:visible;}

.online_q .open.phone{ position:absolute; right:0; top:0; height:50px; line-height:50px; border-radius:50px; border:1px solid #fff; padding-right:48px; z-index:0; width:0; background:#2c7bde; color:#fff; font-family:arial; font-size:18px; transition:width 0s; -webkit-transition:width 0s; overflow:hidden; opacity:0;}
.online_q .open.phone p{ position:relative; right:-10px; font-size:20px; line-height:50px;}
.online_q .btn2:hover .open.phone{ width:220px; border:1px solid #2c7bde; transition:width .5s; -webkit-transition:width .5s; opacity:1; }