/*通用样式*/
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0; font-family:"微软雅黑","黑体";}
body,html{ background:#FFF;}
ul,li,ol{ list-style:none;}
img{ border:none;}
a{ text-decoration:none; }
.float_l{ float:left;}
.float_r{ float:right;}
.clear{ clear:both;}



/*头部区域*/
.header{ width:100%; height:100px;background:#fff url(../images/top-line.png) repeat-x center 60px; position:fixed; top:0; left:0; z-index:100;}
.top{ height:60px; width:1100px; margin:0 auto; overflow:hidden;}
.logo{ margin-top:10px;}
.dianhua{ width:220px; height:40px; margin-top:10px; }
.dianhua ul{ width:205px; float:right;}
.dianhua ul li{ float:left;}
.dianhua ul li a{ font-size:12px; padding:0 8px; color:#555; color:#666;}
.dianhua ul li a:hover{ color:#113b85;}
.dianhua p{ font-size:13px; color:#666; width:220px; display:inline-block; margin-top:3px;}
.dianhua p img{ margin-right:5px;}

.nav{ height:40px; width:960px; margin:0 auto;}
.nav li{ float:left; position:relative; }
.nav li a{ color:#777; font-size:16px; height:40px; display:block; line-height:40px; text-align:center; bor der-right:1px solid #666; padding:0 38px;}
.nav li.nav_kg a{ border:none;}
.nav li:hover a{ color:#113b85;}
.nav li span{ height:3px; width:20; display:block; background:#113b85; position:absolute; top:0; left:50%;transition:0.5s;}
.nav li:hover span{ width:100%; left:0;}

#index .nav_index a,#about .nav_about a,#pro .nav_pro a,#news .nav_news a,#service .nav_service a,#rc .nav_rc a,#kg .nav_kg a{ color:#113b85;}

#index .nav_index span,#about .nav_about span,#pro .nav_pro span,#news .nav_news span,#service .nav_service span,#rc .nav_rc span,#kg .nav_kg span{ width:100%; left:0;}



/*海报区域*/
.banner{ width:100%; height:459px; position:relative; overflow:hidden; margin-top:100px;}
.banner a{ position:absolute; top:0; left:50%; margin-left:-960px; display:none;}
.banner .quan{ width:100%;position:absolute; bottom:5px; text-align:center;}
.banner .quan li{ width:10px; height:10px; background:#fff; border-radius:50%; display:inline-block; cursor:pointer;}
.banner .quan li.active{ background:#113b85;}
.banner .btn{ font-size:50px; position:absolute; top:50%; margin-top:-25px; font-family:"宋体"; color:#fff; cursor:pointer; opacity:0; transition:0.3s;} 

.banner .btn_l{ left:50%; margin-left:-500px;}
.banner .btn_r{ right:50%; margin-right:-500px;}

.banner:hover .btn_l{ opacity:1; margin-left:-600px;}
.banner:hover .btn_r{ opacity:1; margin-right:-600px;}



/*产品中心*/
.pro{ width:1250px; height:525px; margin:63px auto 59px;}

/*公共标题*/
.box_title{ width:1100px; height:100px; margin:0 auto; text-align:center; background:url(../images/pro_title_bg.png) repeat-x center 44px; }
.box_title p{ font-size:16px;  margin-bottom:10px; color:#444; }
.box_title h2{ font-size:22px; font-family:Engravers MT;font-weight:100; padding:0 15px; background:#fff; display:inline; color:#444;}
.box_title span{ width:90px; height:25px; color:#444; border:1px solid #ccc; font-size:12px; display:inline-block; text-align:center; line-height:25px; margin-top:12px; cursor:pointer;}
/*公共标题结束*/

/*自己的
.pro_c{ width:1250px; height:425px; position:relative; overflow:hidden;}
.pro_c .btn{ width:30px; height:30px; position:absolute; background:url(../images/btn.png); cursor:pointer;}
.pro_c .left{ top:50%; margin-top:-25px; left:0;}
.pro_c .left:hover{ background-position:left bottom;}
.pro_c .right{ top:50%; margin-top:-25px; right:0; background-position:right top;}
.pro_c .right:hover{ background-position:right bottom;}

.pro_c .center{ width:1100px; margin:48px auto; height:329px; back ground:#399; }
.pro_c .center li{ float:left; width:258px; height:325px; border:1px solid #ccc; border-bottom:3px solid #ccc; margin-right:20px; text-align:center;}
.pro_c .center li.four{ margin:0;}
.pro_c .center li .wenzi{ font-size:18px; color:#444; border-bottom:1px solid #ccc; width:80px; height:60px; line-height:60px; display:inline-block;}
.pro_c .center li .more{ width:98px; height:23px; border:1px solid #999; margin:28px auto; color:#666; font-size:12px; line-height:23px;}
.pro_c .center li:hover{ border:1px solid #113b85; border-bottom:3px solid #113b85;}
.pro_c .center li:hover .wenzi{ color:#113b85;}
.pro_c .center li:hover .more{ background:#113b85; color:#fff;}*/


.friend{height:425px;overflow:hidden;width:1250px;position:relative;}


.friend .btn{ width:30px; height:30px; position:absolute; background:url(../images/btn.png); cursor:pointer;}
.friend .left{ top:50%; margin-top:-25px; left:0;}
.friend .left:hover{ background-position:left bottom;}
.friend .right{ top:50%; margin-top:-25px; right:0; background-position:right top;}
.friend .right:hover{ background-position:right bottom;}


.mr_frUl{height:329px;width:1100px;margin:48px auto; overflow:hidden;}

.mr_frUl ul li{float:left;display:block; height:325px;width:258px;overflow:hidden;position:relative;  border:1px solid #ccc; border-bottom:3px solid #ccc; margin-right:20px; text-align:center;}

.mr_frUl ul li .wenzi{ font-size:18px; color:#444; border-bottom:1px solid #ccc; width:80px; height:60px; line-height:60px; display:inline-block;}
.mr_frUl ul li .more{ width:98px; height:23px; border:1px solid #999; margin:28px auto; color:#666; font-size:12px; line-height:23px;}
.mr_frUl ul li:hover{ border:1px solid #113b85; border-bottom:3px solid #113b85;}
.mr_frUl ul li:hover .wenzi{ color:#113b85;}
.mr_frUl ul li:hover .more{ background:#113b85; color:#fff;}



/*资讯中心*/
.news{ width:1250px; height:670px;  margin:0 auto;overflow:hidden;}
.news_con{ width:1250px; height:612px; background:url(../images/news_bg.png) no-repeat center 25px; position:relative;  }
.news_con .news_con_box{ width:487px; height:158px; position:absolute; background:url(../images/news_con.png); top:0; left:0; cursor:pointer; padding:0 30px;}
.news_con .news_con_box h4{ font-size:16px; color:#666; line-height:3.8em;}
.news_con .news_con_box p{ font-size:12px; color:#666;}
.news_con .news_con_box i span{ font-size:24px; color:#fff; }
.news_con .news_con_box i{ font-size:18px; color:#fff;  margin-top:25px; display:inline-block;font-style:normal;}
.news_con .news_con_box img{ position:absolute; top:122px; left:460px;}
.news_con .news_con_box:hover h4{ color:#113b85;}

.news_con .one{ background-position:left top; top:200px; left:0px; opacity:0; transition:left 0.5s;}
.news_con.active .one{ left:30px; opacity:1;}
.news_con .one:hover{ background-position:left bottom;}
.news_con .two{ background-position:right top; top:80px; left:703px; opacity:0; transition:left 0.5s;}
.news_con.active .two{ left:673px; opacity:1;}
.news_con .three{ background-position:right top; top:332px; left:703px;opacity:0; transition:left 0.5s;}
.news_con.active .three{ left:673px; opacity:1;}
.news_con .two:hover,.news_con .three:hover{ background-position:right bottom;}

.news_con ul{ position:absolute; height:612px; width:12px; top:0; left:50%; margin-left:-6px; }
.news_con li{ width:8px; height:8px; background:#fff;  border-radius:50%; position:absolute; top:0; left:0;border:2px solid #ccc;}
.news_con .li_one{  top:325px;}
.news_con .li_two{  top:211px;}
.news_con .li_three{  top:460px;}

.news_con li.active{ border:2px solid #113b85;}



/*关于我们*/
.about{ width:100%; height:412px; background:url(../images/about_bg.jpg) no-repeat -200px center;   margin-bottom:74px; position:relative; margin-top:30px; overflow:hidden; cursor:pointer;}
.about_con{ width:100%; height:212px; background:rgba(0,0,0,0.5); position:absolute; top:0; left:1350px; padding:100px 65px; transition:0.5s;}
.about_con h3{ color:#fff; font-weight:100; font-size:16px;}
.about_con h3 span{ color:#fff; font-size:20px; font-family:Engravers MT;}
.about_con b{ width:130px; height:1px; background:#fff; display:block; margin-top:35px; margin-bottom:25px;}
.about_con p{ color:#fff; font-size:12px; line-height:1.8em;}

.about.active .about_con{ left:600px;}



/*服务中心*/
.service{ width:1104px; height:328px; margin:0 auto;}
.service_con{ height:228px; width:1104px; margin-top:60px;}
.service_con a{ float:left; width:224px; height:58px; border:1px solid #ccc; display:block; transition:0.3s; padding:20px; padding-left:30px; position:relative; z-index:0}
.service_con a:hover{ -webkit-transform:scale(1.1) ;-moz-transform:scale(1.1); background:#113b85; border:1px solid #113b85; position:relative; z-index:10}
.service_con a h1{ display:inline; font-size:48px; color:#444;  margin-right:18px;}
.service_con a:hover h1,.service_con a:hover p{ color:#fff;}
.service_con a p{ display:inline-block;font-size:12px; color:#444;}
.service_con a p span{ font-size:18px; line-height:2em;}



/*底部区域*/
.footer{ width:100%; height:167px; background:#242527; overflow:hidden;}
.footer_con{ width:1100px; height:112px; margin:28px auto;}
.footer_con_left{ width:600px; height:112px;}
.footer_con_left .lianjie{ width:155px; height:22px; border:1px solid #dedede; font-size:12px; color:#eaeaea; padding:0 15px; line-height:22px; background:url(../images/footer_jiantou.png) no-repeat 170px center; cursor:pointer; margin-bottom:20px;}
.footer_con_left li a{float:left; color:#eaeaea; font-size:12px; border-right:1px solid #eaeaea; padding:0 10px;}
.footer_con_left li.one a{ padding-left:0;}
.footer_con_left li.seven a{ border-right:0;}
.footer_con_left p{ font-size:10px; color:#ccc; display:inline-block; line-height:1.5em; margin-top:12px;}

.footer_con_right{ width:203px; height:112px; position:relative;}
.footer_con_right h5{ font-size:14px; color:#eaeaea; margin-left:5px;}
.footer_con_right i{ font-style:normal; font-size:12px; color:#eaeaea; line-height:1.8em; margin-top:30px; display:block; margin-left:27px;}
.footer_con_right .footer_tel{ position:absolute; top:53px; left:5px;}
.footer_con_right .footer_fax{ position:absolute; bottom:4px; left:5px;}

/*导航固定
.ny_header{width:100%; height:100px;background:#fff url(../images/top-line.png) repeat-x center 60px; position:absolute; top:0; left:0;}*/


/*共同样式  内页海报*/
.ny_banner{ width:100%; height:384px; overflow:hidden; margin-top:100px;}
.ny_banner img{ position:relative; left:50%; margin-left:-1100px;}


/*内页主体内容*/

/*左边侧栏*/
.ny_main{ width:1100px; height:1132px; margin:0 auto; margin-top:48px; over flow:hidden; }
.ny_left{ width:274px; height:752px;background:#f7f7f7;}
.ny_left .ny_left_t{ width:204px; height:115px; background:#113b85; font-family:"方正兰亭超细黑简体"; font-size:28px; color:#fff; padding:35px; line-height:1.2em; }
.ny_left .ny_left_t span{ font-size:22px; margin-top:10px; display:block;}
.ny_left ul a{ line-height:79px; border-bottom:1px solid #eaeaea; display:block; color:#666; padding-left:35px;  font-size:18px; position:relative;}
.ny_left ul a i{ width:7px; height:12px; display:block; background:url(../images/ny_left_tu.png) no-repeat left top; position:absolute; top:50%; margin-top:-6px; left:160px; transition:left 0.3s;}
.ny_left ul a:hover,.ny_left ul a.active{ background:#fff; color:#113b85;}
.ny_left ul a:hover i,.ny_left ul a.active i{ left:180px; background-position:0 bottom;}
.ny_left .ny_left_b{ height:165px; margin-top:99px; padding-left:35px;}
.ny_left_b span{ font-size:15px; color:#555; display:block; line-height:1.5em; text-indent:1.5em; background:url(../images/ny_left_b.png) no-repeat left 2px;}
.ny_left_b i{ font-family:"方正兰亭特黑长_GBK"; font-size:24px; color:#555; font-style:normal; line-height:2em;}
.ny_left_b p{ font-size:14px; color:#555; margin-top:30px;}

/*右边内容 上面标题*/
.ny_right{ width:797px; height:1132px; }
.ny_r_title{ height:69px; line-height:70px; border-bottom:1px solid #eaeaea; }
.ny_r_title h1{ font-size:20px; font-weight:100; color:#00408f; background:url(../images/ny_h1bg.png) no-repeat left center; padding-left:30px; border-bottom:1px solid #00408f; line-height:69px; display:block;}
.ny_r_title .weizhi{ background:url(../images/weizhi.png) no-repeat left center; padding-left:12px; margin-top:27px;}
.ny_r_title .weizhi,.ny_r_title .weizhi a{ font-size:12px; color:#666;}
.ny_r_title .weizhi b{ font-weight:100; color:#113b85;}

/*右边内容 中间内容 产品中心*/
.ny_r_con{ width:797px; height:988px; margin-top:44px; }
.ny_r_con .chanpin{ width:797px; height:925px;}
.ny_r_con .chanpin li a{float:left; width:263px; height:298px; border:1px solid #eaeaea; margin-bottom:12px; margin-right:1px; display:block;}
.ny_r_con .chanpin a:hover{ border:1px solid #113b85;}
.ny_r_con .chanpin .three a,.ny_r_con .chanpin .six a,.ny_r_con .chanpin .nine a{ margin-right:0;}
.ny_r_con .chanpin li .miaoshu{ width:263px; height:37px; background:#eaeaea; text-align:center; color:#113b85; font-size:16px; padding:10px 0;}
.ny_r_con .chanpin li .miaoshu i{ font-size:12px; font-style:normal; display:block; margin-left:90px;}

.ny_r_con .chanpin li:hover .miaoshu{ background:#113b85; color:#fff;}



/*资讯中心*/


.ny_left_news{ width:274px; height:905px;background:#f7f7f7;}
.ny_left .ny_left_b_news{ height:315px; margin-top:99px; padding-left:35px;}
.ny_right_news{ height:1250px;}

.ny_r_con_news li a{ width:755px; height:146px; border-bottom:1px solid #e9e9e9; display:block; margin-top:30px; padding:0 20px;}
.ny_r_con_news li a.one{ margin:0;}
.ny_r_con_news li a .time{ width:60px; height:70px;  margin-top:37px; text-align:center;color:#999;}
.ny_r_con_news li a .time b{ font-size:48px; font-weight:100; line-height:1em; }
.ny_r_con_news li a .time i{ font-style:normal; font-size:12px;}
.ny_r_con_news li a .tex{ width:475px; height:113px; margin-left:25px; margin-top:20px;}
.ny_r_con_news li a .tex h2{ font-size:16px; color:#666; font-weight:900; }
.ny_r_con_news li a .tex p{ font-size:14px; color:#666; margin-top:15px; line-height:1.5em;}
.ny_r_con_news li a img.float_r{ margin-top:13px;}

.ny_r_con_news li a:hover{ border-bottom:1px solid #113b85;}
.ny_r_con_news li a:hover .time,.ny_r_con_news li a:hover .tex h2{ color:#113b85;}







/*关于我们*/
.ny_main_news{ height:1102px;}

.ny_r_title .about_wenzi{ background:url(../images/weizhi.png) no-repeat left center; padding-left:15px; margin-top:0 }
.ny_r_con_about{ width:797px;height:988px;}
.ny_r_con_about .two{ margin:0 19px;}
.ny_r_con_about p{ font-size:14px; color:#666; text-indent:2em; line-height:2.3em; margin-top:35px;}













