﻿@charset "UTF-8";
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei","宋体", "Arial"; color: #333333;}
h1,h2,h3,h4,h5,h6,font{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}
.icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
.icon1{background: url(../images/icon1.png) no-repeat; display: inline-block; vertical-align: middle;}
a{color: #333333; text-decoration: none;cursor:pointer;}
a:hover{color: #0060aa; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,
.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
:-moz-placeholder{color: #a6a6a6;}
::-moz-placeholder{color: #a6a6a6;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #a6a6a6;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #a6a6a6;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}





/*top_main*/
.index_top{ position:relative; height:180px;z-index: 11;}
.top_main{position:relative;width:100%;height:19px;line-height:19px;background:#fff;font-size:12px;color:#333;z-index:999; }
.top_main .top_l{opacity:1;filter:alpha(opacity=100);}
.top_main .top_r{margin-right:0px;}
.top_main .top_r .cn a{color:#fff;opacity:1;}
.top_main .top_r .en a{margin-left:12px;margin-right:12px;color:#fff;}
.top_main li{position: relative; float:left;display: inline-block; *display: block; *zoom: 1; text-align: center; width:71px; height:19px; background-position:0px -338px; line-height:18px;}
.top_main li a{color: #333333; display:block; }
.top_main li.contact{ margin-left:-10px;}
.top_main li:hover,.top_main li.hover{background-position:0px -315px;}
.top_main li:hover a,.top_main li.hover a{ color:#fff;}

.header_main{position:relative;width: 100%; height: 100px; z-index: 100; background: #fff; border-bottom:#e9e9e9 solid 1px;}
.header_main .logo{float:left;width:214px;height:59px; display: block; margin-top:19px;}
.header_main .logo img.weblogo{float:left;width:214px;height:59px;display:block;}
.header_main .fr_main{ text-align:right; padding-top:16px;}
.header_main .fr_main .fr_at{ text-align:right;font-size:14px; color:#999; line-height:14px;}
.header_main .fr_main .fr_at a{ display:inline-block; font-size:14px; color:#999; line-height:14px; position:relative; padding-left:10px;}
.header_main .fr_main .fr_at a img{ width:120px; height:0;transition: .9s; position:absolute; left:-60px; top:14px;}
.header_main .fr_main .fr_at a.a1,.header_main .fr_main .fr_at a.a2{ padding-right:10px;}
.header_main .fr_main .fr_at a:hover,.header_main .fr_main .fr_at a.hover{ color:#0060aa;}
.header_main .fr_main .fr_at a:hover img{ height:120px;transition: .9s;}
.header_main .fr_main .search-wrapper { width:348px; height:34px; border:#eaeaea solid 1px; border-radius:5px; margin-top:12px;}
.header_main .fr_main .search-wrapper .s_input{ width:302px; height:34px; line-height:34px; padding-left:16px; color:#a6a6a6; border:none; float:left;}
.header_main .fr_main .search-wrapper .s_btn{ width:21px; height:21px; background-position:-389px 0px; font-size:0; float:left; margin-top:8px;}

.header_main .tel_main{width:292px;margin-top:24px;}

.header_main .tel_main .tel{display:inline-block; width:238px; float:left;padding-left:6px;}
.header_main .tel_main .icon{ width:48px; height:48px; background-position:-51px -189px; display:block; float:left;}
.header_main .tel_main .tel .nt{font-size:14px;color:#333;display: block; line-height:20px; float:left;padding-top: 4px;}
.header_main .tel_main .tel .num{font-size:24px;font-family:Arial;color:#0060aa;display: block; font-weight:bold;float: left; line-height:24px;}
.header_main .tel_main .search-box { position: relative; height: 38px;}
.header_main .tel_main .search-box .butn {display: block; cursor: pointer; width: 37px; height: 30px; margin-top: 8px;}
.header_main .tel_main .search-box .butn i { width: 24px; height: 24px; display: block; background-position: -118px -206px; margin: 0 auto;}
.header_main .tel_main .search-box .butn.hov { background: url(../images/close.png) no-repeat center #b52618;}
.header_main .tel_main .search-box .butn.hov i { display: none;}
.header_main .tel_main .search-box .share-sub { position: absolute; right: 37px;top: 0px;width: 0;height: 48px; overflow: hidden; background: #ededed; border-radius: 5px 0 0 5px;}
.header_main .tel_main .search-box .share-sub .sub-btn { border: none; width: 48px;height: 48px; cursor: pointer; outline: none; background-position: -162px -190px;}
.header_main .tel_main .search-box .share-sub .tex { width: 220px; font-size: 14px; height: 20px;line-height: 20px; padding: 14px 10px; color: #666; border: none; background: #ededed; outline: none;}
.header_main .tel_main .search-box .lang-box { margin-top: 20px; margin-right: 38px;}
.header_main .tel_main .search-box .lang-box a {display: inline-block;text-align: center;font-size: 12px; margin-left: 28px;}
.header_main .tel_main .search-box .lang-box .stt {display: inline-block; line-height: 30px; font-size: 14px; color: #777; margin-right: 4px;}
.fu_t{ padding-top:29px;}

/*header_main*/

.nav_main{width:100%; height:50px; z-index: 11;box-shadow: 0px 0px 11px #eee; }
#nav_main .nav{ height:61px; z-index:12;}
#nav_main .nav li{float: left; z-index: 10; position: relative;  height:50px; text-align:center; background:url(../images/n_03.jpg) right center no-repeat; line-height:50px;width:200px;}
#nav_main .nav li:first-child{margin-left:0px;}
#nav_main .nav li.li7{ padding-right:0; background:none;}

#nav_main .nav li a.aLink{ -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
#nav_main .nav li a.aLink{height:50px;line-height:50px; display: block; position: relative; color: #333; cursor: pointer; overflow: hidden; font-size:16px;}
#nav_main .nav li.li1{ background:none;}
#nav_main .nav li:hover a{ color:#fff; background-color:#0478d1;}
#nav_main .nav li.hover a{ color:#fff; background-color:#0060aa;}
#nav_main .nav li:hover a i,#nav_main .nav li.hover a i{ background-color:#fff;width:100%;}
#nav_main .nav li:hover a em,#nav_main .nav li.hover a em{ display:block;}
#nav_main .nav li ul { position: absolute;  left: 0px; top:50px;  z-index: 199; opacity: 0; visibility: hidden; height: auto; overflow: hidden; width:100%; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0);}
#nav_main .nav li:hover ul { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); text-align:center;}
#nav_main .nav li ul li { display: block; clear: left; width:100%; background: none; height: 45px; background-color: #f8f8f8; border-bottom: #dddddd solid 1px; line-height: 45px; margin: 0; padding:0;text-align: center; }
#nav_main .nav li:hover  ul li a,#nav_main .nav li.hover ul li a{ color:#333;}
#nav_main .nav li:hover ul li a{background-color:#009b4d;background:none;}
#nav_main .nav li ul li a { display: block; font-size: 12px; color: #ddd; height: 45px; line-height: 45px; background: none; padding-right: 0; width: 100%; }
#nav_main .nav li ul li a:hover{ background-color:#0060aa; color:#fff;}
.nav_main.fixed {position:fixed; z-index:1111;box-shadow: 0px 0px 11px #272727;-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out; top:0; left:0;}

/* banner */
#banner_main{ width:1200px;overflow:hidden;margin:0 auto;min-width:1200px; margin-top:10px;}
#banner_main .banner {height:360px;}
#banner{width:1200px;min-width:1200px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{width:100%;overflow:hidden;}
.banner li {width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner li:first-child{display:block;}
.banner li img{width:1200px;display:block;}
#banner .tip {width:200px; height:36px; border-radius:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-100px;bottom:0px;z-index:13; }
#banner .tip span{width:46px;height:3px;margin:0 8px;display:inline-block;font-size: 0;cursor: pointer; background-color:#fff; border-radius:6px; margin-top:10px; }
#banner .tip span.cur{ background-color:#e10f1a;}
#banner #btn_prev,#banner #btn_next{width:45px;height:45px;position:absolute;top:150px;z-index:5;}
#banner #btn_prev{background-position:-50px -0px;left:5%;}
#banner #btn_next{background-position:-100px -0px;right:5%;}
#banner #btn_prev:hover{opacity:.8;filter:alpha(opacity=80);left: 5%;background-position:-0px -0px;}
#banner #btn_next:hover{opacity:.8;filter:alpha(opacity=80);right: 5%;background-position:-150px -0px;}

/*banner end*/



/*footer*/
.friendship_link{ width:100%; height:116px; margin-top:60px;}
.friendship_link .qin1{ height:40px;}
.friendship_link i{ display:block; float:left; width:14px; height:4px; background-color:#dc2821; margin-top:8px; margin-right:6px;}
.friendship_link b{ float:left; display:block; font-size:18px; color:#00519a; line-height:18px;}
.friendship_link b span{ color:#dc2821; display:inline-block;}
.friendship_link .youqin{ height:74px; border-top:#e5e5e5 solid 1px;}
.friendship_link ul{ float:left; display:block; line-height:74px; font-size:14px; color:#333333;}
.friendship_link ul li{float:left; display:block; line-height:74px; font-size:14px; color:#333333; }
.friendship_link ul li a{border-right:#e2e1e1 solid 1px; padding:0 26px;}
.friendship_link ul li a:last-child {border-right:none; } 
.footer{width: 100%; color: #fff; height:410px; background-color:#222222;}
.footer .bNav { width:480px; margin-top:46px; background:url(../images/r15_03.png) right center no-repeat; height:324px; margin-left:66px;}
.footer .contacte { width:254px; margin-top:46px; background:url(../images/r15_03.png) right center no-repeat; height:324px; margin-left:38px;}
.footer .bNav h3{ font-size:18px; color:#fff; font-weight:bold; height:42px; padding-top:10px;}
.footer .bNav i{ display:block; width:178px; height:1px; background:#45474c; margin-top:16px;}
.footer .bNav ul{ display:inline-block;}
.footer .bNav ul li{ font-size:14px; color:#888c95; line-height:16px; margin-top:8px;  padding-left:24px;}
.footer .bNav ul li.li1{ background:url(../images/r15_06.png) left center no-repeat;}
.footer .bNav ul li.li2{ background:url(../images/r15_09.png) left center no-repeat;}
.footer .bNav ul li.li3{ background:url(../images/r15_13.png) left center no-repeat;}
.footer .bNav ul li.li4{ background:url(../images/r15_06.png) left center no-repeat; margin-top:22px;}
.footer .bNav ul li.li5{ background:url(../images/r15_09.png) left center no-repeat;}

.footer .bNav dl{ display:block; padding-bottom:18px;}
.footer .bNav dl dt{ font-size:18px; color:#fff; line-height:18px;}
.footer .bNav dl dd{ font-size:30px; color:#0060aa; line-height:32px; padding-top:8px; font-weight:bold;}

.footer .contacte h3{ font-size:18px; color:#fff; font-weight:bold; height:60px; padding-top:10px;}
.footer .contacte dl{ width:126px; text-align:left; float:left;}
.footer .contacte dl.dl4{ width:56px; text-align:left;}
.footer .contacte dl dt a{ display:block; font-size:16px; color:#8f929a; line-height:16px; padding-bottom:20px;}
.footer .contacte dl dd{}
.footer .contacte dl dd a{ display:block; font-size:14px; color:#7c7c7c; line-height:12px; padding-bottom:20px;}
.footer .contacte dl.dl2 dd a{font-size:16px; color:#8f929a; line-height:16px;}
.footer .contacte dl dd a:hover{ color:#fff;}
.footer .contacte dl.dl3{ padding-left:86px;}
.footer .ewm{ margin-top:136px;}
.footer .ewm dl dd{ float:left; width:120px; text-align:center; margin-right:40px;}
.footer .ewm dl dd b{ display:block; width:119px; height:119px; border:#4e4e4e solid 1px; background-color:#222;}
.footer .ewm dl dd b img{ width:110px; height:110px; display:inline-block; margin-top:4px;}
.footer .ewm dl dd p{ font-size:14px; color:#888c95; padding-top:16px;}

/*copyright*/
.copyright{height:72px; line-height:30px; color: #a1a1a1; font-size: 14px; background: #222; text-align:center;}
.copyright span{margin: 0 6px;}
.copyright a{color: #a1a1a1; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.copyright a:hover{color: #0060aa;}



/********.toolbar1*********/
/********.fixtool*********/
.toolbar{width: 52px; position: fixed; right: 2%; top: 44%; z-index: 999;}
.toolbar dd{width: 51px; height: 51px; margin-bottom: 1px; position: relative;  -webkit-border-radius: 100%; border-radius: 100%; margin-top:4px; background-color:#ededed;}
.toolbar dd i{width: 51px; height: 51px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center;}
.toolbar dd i span{width: 35px; height: 35px; display: block; margin: 9px 0 0 8px; *margin: 7px 0 0 0; background: url(../images/rightFixIcon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block; width: 0; height: 52px; line-height: 52px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: 0; right: 0; overflow: hidden;}
.toolbar .pop{position: absolute; right: 90px; top: -65px; background: #0060aa; display: none;}
.toolbar .pop-code{width: 120px; padding: 20px 20px 0;}
.toolbar .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar .pop-code h3{height: 52px; line-height: 52px; text-align: center; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap;}
.toolbar .qq span{background-position:-0px -47px;}
.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}
.toolbar .qq:hover{background-color:#0060aa; border-radius: 100%;}
.toolbar .qq:hover span{background-position: -36px -47px; }
.toolbar .tel span{background-position:-0px 0; }
.toolbar .tel:hover{background: #0060aa;border-radius:50px;}
.toolbar .tel:hover span{background-position: -36px 0;}
.toolbar .code span{background-position:-0px -95px;}
.toolbar .code:hover{ background-color:#0060aa;  border-radius: 100%;}
.toolbar .code:hover span{background-position:-36px -95px;}
.toolbar .top span{background-position: -0px -142px;}
.toolbar .top:hover{ background-color:#0060aa;  border-radius: 100%;}
.toolbar .top:hover span{background-position: -36px -142px; }
.toolbar dd:hover{}
/*******index css*******/
.in_title{ height:112px; width:100%; height:32px; border-bottom:#dadada solid 1px; position:relative;}
.in_title h3{ font-size:20px; color:#333; line-height:20px; border-left:#0060aa solid 5px; float:left; padding-left:16px;}
.in_title a{ display:block; line-height:20px; color:#999; transition: all .6s ease 0s; float:right;}
.in_title a:hover{ color:#055cbd;}

.floor_1_0{ display:inline-block; width:1200px;}
.floor_1_main{ margin-top:32px;}
.floor_1_main .floor_1_1{ float:left; width:806px;}
.floor_1_x{ width:806px; margin-top:20px;}
.floor_1_x .floor_1_z{ width:340px; height:252px; position:relative; float:left;}
.floor_1_x .floor_1_z .bd{width:340px; height:252px; position:relative;}
.floor_1_x .floor_1_z .bd li{width:340px; height:252px; float:left; display:block; position:relative;}
.floor_1_x .floor_1_z .bd li img{width:340px; height:252px; display:block;}
.floor_1_x .floor_1_z .bd li p{ width:340px; height:40px; background:url(../images/n3_03.png); position:absolute; left:0; bottom:0;}
.floor_1_x .floor_1_z .bd li p span{ display:block; line-height:40px; font-size:14px; color:#fff; padding-left:14px;}
.floor_1_x .floor_1_z .hd{ position:absolute; right:0; bottom:0; height:40px; z-index:2;}
.floor_1_x .floor_1_z .hd ul{ display:inline-block;}
.floor_1_x .floor_1_z .hd ul li{ float:left; width:34px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; display:block;}
.floor_1_x .floor_1_z .hd ul li.on{ background-color:#0060aa;}

.floor_1_x .floor_1_y{ width:446px; height:252px; position:relative; float:right;}
.floor_1_x .floor_1_y .hd{ width:444px; height:38px; background-color:#f7f7f7; border:#eaeaea solid 1px;}
.floor_1_x .floor_1_y .hd ul{ display:inline-block; width:100%;}
.floor_1_x .floor_1_y .hd ul li{ float:left; width:25%; height:38px; text-align:center;}
.floor_1_x .floor_1_y .hd ul li a{ display:block; font-size:16px; color:#333; line-height:38px;}
.floor_1_x .floor_1_y .hd ul li.on a{ color:#fff; background-color:#0060aa;}
.floor_1_x .floor_1_y .bd ul{ display:inline-block; width:100%;}
.floor_1_x .floor_1_y .bd ul dl dt{ display:inline-block; border-bottom:#f1f1f1 solid 1px; padding-bottom:14px;}
.floor_1_x .floor_1_y .bd ul dl dt a p{ font-size:18px; color:#333; line-height:18px; padding-top:24px; font-weight:bold; }
.floor_1_x .floor_1_y .bd ul dl dt a span{ display:block; font-size:14px; color:#999; line-height:24px; padding-top:10px; }
.floor_1_x .floor_1_y .bd ul dl dt a span strong{ color:#df0811;}
.floor_1_x .floor_1_y .bd ul dl dt a:hover p{ color:#0060aa;}
.floor_1_x .floor_1_y .bd ul dl dd a{ display:block; height:14px; margin-top:18px;}
.floor_1_x .floor_1_y .bd ul dl dd a i{ width:4px; height:4px; display:block; float:left; background-color:#0060aa; border-radius:5px; margin-top:6px;}
.floor_1_x .floor_1_y .bd ul dl dd a p{ font-size:14px; color:#666; float:left; line-height:14px; padding-left:14px;}
.floor_1_x .floor_1_y .bd ul dl dd a span{ display:block; float:right; color:#;line-height:14px;font-size:14px; color:#666;}
.floor_1_x .floor_1_y .bd ul dl dd a:hover p{ color:#0060aa;}

.floor_1_main .floor_1_2{ float:right; width:350px;}
.floor_1_main .floor_1_2 .floor_1_x{ background:url(../images/n4_03.jpg) center center no-repeat; width:350px; height:252px; margin-top:20px;}
.floor_1_main .floor_1_2 .floor_1_x p{ padding:30px; color:#fff; height:130px;}
.floor_1_main .floor_1_2 .floor_1_x a{ display:block; margin-left:30px; width:130px; height:32px; background-color:#055cbd; color:#fff; text-align:center; line-height:32px; transition: all .6s ease 0s;}
.floor_1_main .floor_1_2 .floor_1_x a:hover{ margin-left:34px;}

.floor_1_main.floor_2_main .floor_1_1{ width:836px;}
.floor_2_x .hd{ margin-top:20px; height:100px; position:relative;}
.floor_2_x .hd s{ display:block; width:100%; height:1px; background-color:#f0f0f0;position:absolute; left:0; top:88px; z-index:1;}
.floor_2_x .hd ul{ display:inline-block; position:absolute; left:0; top:0; z-index:2; width:836px;}
.floor_2_x .hd ul li{ float:left; width:119px; text-align:center; height:100px;}
.floor_2_x .hd ul li i{ display:block; width:58px; height:50px; margin:0 auto; overflow:hidden;}
.floor_2_x .hd ul li p{ color:#136cb0; font-size:14px; line-height:14px; padding-top:6px;}
.floor_2_x .hd ul li b{ width:9px; height:9px; background-color:#dc0306; border-radius:20px; border:#ddd solid 4px; margin-top:10px; display:none;}
.floor_2_x .hd ul li:hover p,.floor_2_x .hd ul li.on p{ color:#dc0306;}
.floor_2_x .hd ul li:hover b,.floor_2_x .hd ul li.on b{ display:inline-block;}
.floor_2_x .hd ul li.on img,.floor_2_x .hd ul li:hover img { transform: scale(1.06, 1.06); transform: translateY(-140px); filter: drop-shadow(#dc0306 0 140px);}
.floor_2_x .bd { width:836px; display:inline-block; padding-top:4px;}
.floor_2_x .bd ul{ width:105%; display:inline-block;}
.floor_2_x .bd ul li{ width:186px; height:106px; margin-right:30px; overflow:hidden; float:left; position:relative;}
.floor_2_x .bd ul li img{width:186px; height:106px; display:block;transition: all .9s ease 0s;}
.floor_2_x .bd ul li:hover img { transform: scale(1.06, 1.06); transition: all .9s ease 0s;}
.floor_2_x .bd ul li p{ background:url(../images/n6_03.png); width:100%; height:32px; text-align:center; line-height:32px; position:absolute; left:0; bottom:0; color:#fff;}

.floor_1_main.floor_2_main .floor_1_2 { width: 318px;}

.floor_1_o{ margin-top:22px; width:318px; height:210px;}

.floor_1_main.floor_2_main{ padding-bottom:50px;}






