/*****Reset Css  2014.5.29 by Changl*****/
body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0;padding:0;}
body{ font:12px/1.5 arial,"Microsoft Yahei";color:#333;}img{vertical-align: middle;border:none;}
ul,ol{list-style:none outside none;}table{border-collapse:collapse;border-spacing:0;}
button, input, select, textarea {font-size: 100%;vertical-align:middle;}
a{ color:#333;text-decoration:none;blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none;}a:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%;}em,i{ font-style:normal;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}

/***** common css *****/
.clearfix:after{ content:".";clear:both;height:0;visibility:hidden;display:block;}.clearfix{*zoom:1;}
.text{ border:none;}.btn{ cursor:pointer;border:none;}
.core{ color:#9b0a00;}

/* head */
.head{ height:68px;padding:10px 0;background:#f9f9f9}
.head_inner{ width:1100px;margin:0 auto;position: relative;}
.head_inner h1{ float:left;}
.head_inner .head_right{ width:780px;float:right;}

.nav{clear:both;margin-top:5px}
.nav li{float:left;position:relative;height:60px;width:120px}
.nav li a{ font-size:16px;height:58px;line-height:58px;display:block;padding:0 3px;border-bottom:2px solid #f9f9f9;webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;position:relative;width:82px;margin:0 auto;display:block;text-align:center;}
.nav li a:after{ content: '';position: absolute;width: 100%;height: 2px;background: #0476bf;position: absolute;
left: 0;bottom: 15px;opacity: 0;filter:alpha(opacity=0);-webkit-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.nav li a:hover{color:#0476bf;}.nav li a:hover:after{bottom: -2px;opacity: 1;filter:alpha(opacity=100);}
.nav li .subnav{position:absolute;background:url(images/navbj.png) left top;left:-46px;top:60px;z-index:9999;width:220px;display:none;}
.nav li .subnav a{ width:100%;height:39px;line-height:39px;border-bottom:none;text-align:center;font-size:14px;padding:0;color:#fff;}
.nav li .subnav a:hover{ background:#0877bc;}
.nav li .subnav a:hover:after{ border:none;height:0;}

.head_inner .btn_apply{position:absolute;width:88px;right: 0;top:20px}
.head_inner .btn_apply a{height:30px;display:block;background-color:#00A2E9;font-size:13px;text-align:center;line-height:30px;color:#FFFFFF;border-radius:5px}
.head_inner .btn_apply a:hover{background-color: #004EA1;}

.phnav{ background:url(images/navph.png) left top no-repeat;display:nono;width:23px;height:25px;position:absolute;right:10px;top:48px;}
#phone{ width:100%;position:absolute;background:#0082ce;left:0;top:68px;z-index:9; z-index:999999;margin:0;display:none;}
#phone li{ height:38px;line-height:38px;text-align:center;float:none;width:100%;margin:0;}
#phone li a{ display:block;color:#fff;font-size:14px;text-align:center;background:none;}
#phone li a:hover{background:#0073C0;}

.phone{ display:none;}

.flexslider {position: relative;width: 100%;height: 100%;margin:0 auto;overflow:hidden;}
.slides li .banner_img{ width:100%;height:100%;}
.slides li img{ width:100%;height:auto;}
.slides li{ position:relative;overflow:hidden;}
.banner1_box{ width:1200px;position:absolute;left:50%;margin-left:-600px;z-index:999999;text-align:center;height:95px;overflow:hidden;top:50%;margin-top:-42.5px;}
.slides li .banner1_box img{ width:416px!important;height:95px!important;overflow:hidden;}
.slides li .banner3_box  .box_pic4{ width:1049px!important;height:607px!important;overflow:hidden;}
.flex-direction-nav{display:none;}
.flex-control-nav {position:absolute;left:50%;bottom:16px;z-index:9999;text-align:right;width:1100px;margin-left:-550px}
.flex-control-nav li{  margin:0 3px;cursor:pointer;*display:block;*zoom:1;display:inline-block;}
.flex-control-nav li a {background:#fff;width: 12px;height: 12px;display: block;font-size: 0;
text-indent: -9999px;border-radius:12px;float:left;}
.flex-control-nav li a.flex-active{ background:#e42700;width:30px;transition:all 0.6s ease 0s;}

/* foot */
.foot{background:#0268A9}
.foot_inner{ width:1100px;margin:0 auto;padding:33px 0;}
.foot_bottom{ margin:18px 0 0 0;}
.footer_left{float:left;}
.footer_left .foot_nav{line-height:36px;}
.footer_left .foot_nav li{ float:left;margin-right:35px;}
.footer_left .foot_nav a{ font-size:14px;color:#fff;}
.add { clear:both;}
.add p{ line-height:26px;color:#fff;}
.add a{ color:#fff;margin-left:7px;}
.footer_right{ width:98px;float:right;text-align:center;margin-right:22px;}
.footer_right img{ width:98px;height:98px;overflow:hidden;}
.foot_bottom a:hover{ text-decoration:underline;}

/* index */
.index_about{ width:1100px;margin:0 auto 38px;}
.index_tit{ text-align:center;padding:80px 0 80px 0;}
.index_tit img{ height:auto;width:auto;max-width:100%;}

.nexus{float:left;margin-right:55px;height:410px;overflow:hidden;}
.nexus .newxu_pic{ width:554px;height:283px;overflow:hidden;display:block;}
.nexus .newxu_pic img{overflow:hidden;transition:all 0.5s ease 0s;}

.index_about .brief{ width:350px;float:left;margin-left:20px;height:410px;overflow:hidden; margin-top: 10px;}
.index_about .brief p{ line-height:24px;color:#333;font-size:15px;margin-bottom:20px;text-indent:2em;}
.brief p span{ color:#0681cf;}

.brief a.about_more{width:98px;height:35px;background:#047ac6;line-height:35px;text-align:center;display:block;color:#fff;font-size:14px;margin-top:5px;border:1px solid #047ac6;}
.brief a.about_more:hover{ background:none;color:#047ac6;transition:all 0.5s ease 0s;border:1px solid #047ac6;}

/* product */
.index_product{background:#F3F7FA url(images/core.jpg) center bottom no-repeat;}
.product_inner{ width:1100px;margin:0 auto;}
.product_inner .business{ width:25%;float:left}
.bus_banner{width:120px;height:120px; line-height: 120px; text-align: center; margin:0 auto 7px;border-radius:120px; overflow: hidden;background-color:#F0F1F2;}
.bus_banner img{ width:55px;height:55px;margin-left:6px;}
.business .bus_tit{font-size:16px;height:40px;color:#000;line-height:40px;display:block;overflow:hidden;text-align:center;}
.business .bus_tit:hover{ color:#0476bf;}
.business p{overflow:hidden;font-size:14px;line-height:24px;color:#aaa;margin:0 15px 50px;text-align:center;}

/* cases */
.index_cases{ }
.cases_inner{ width:1100px;margin:0 auto;}
.cases_box{ width:1100px;overflow: hidden;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto}
.cases_box ul{ margin: 0 -15px 60px;overflow: hidden;}
.cases_box ul li{float:left;width:267px;margin-left:15px;margin-bottom:40px;}
.cases_box .core_div{width:264px;height:175px;overflow:hidden;margin-bottom:6px;background: #eee}
.cases_box li:hover img{ transform:scale(1.2,1.2)}
.cases_box .core_div img{transition:all 0.6s ease 0s;}
.cases_box span{ display:block;height:40px;line-height:40px;font-size:15px;color: #000;}
.cases_box li:hover span{color:#0476bf}
.cases_box li p{width:267px;color:#aaa;font-size: 14px;}

/* index_news */
.index_news{background:#F3F7FA;overflow:hidden;}
.news_inner{ width:1100px;margin:0 auto 100px;}
.press_left{ width:480px;height:364px;overflow:hidden;float:left;padding:2px;border:1px solid #bec5ca;}
.news_banner img{ width:480px;height:364px;overflow:hidden;}
.press_right{ width:589px;float:right;}
.press_right dl{height:123px;border-top:1px dotted #d2cdcc}
.press_right dl:first-child{border-top:none}
.press_right dt{width:78px;float:left;text-align:center}
.press_right dt span{display:block;font-size:58px;color:#c8c8c8}
.press_right dt em{display:block;font-size:18px;color:#c8c8c8;position:relative}
.press_right dd{padding-top:20px;width:480px;float:right}
.press_right dd h3{font-size:16px;color:#333333;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.press_right dd h3 a{color:#333333;text-decoration:none;font-weight: bold;}
.press_right dd p{line-height:24px;color:#aaa;font-size:14px;margin-top:12px;height:48px;text-overflow:ellipsis}
.press_right dd:hover h3 a{color:#f26a20;font-weight:bold}


/* about */
.wrap{ width:1100px;margin:0 auto;}
.catalog{ float:left;margin-top:47px;width:250px;}
.catalog h3{ height:65px;background:#0680ce;font-weight:normal;line-height:65px;}
.catalog h3 span{ font-size:26px;color:#fff;margin:0 10px 0 12px;}
.cata_ul a{ display:block;background:url(images/catali.jpg) left top no-repeat;height:55px;line-height:60px;font-size:14px;text-indent:35px;margin-top:2px;overflow:hidden;}
.cata_ul{ background:url(images/cata.png) left bottom no-repeat;padding-bottom:6px;}
.cata_ul a:hover,.cata_ul a.for{background:url(images/catali1.jpg) left top no-repeat;color:#0680ce;}

.details{ float:right;width:808px;margin-top:52px;min-height:700px;}
.deta_tit{ height:34px;line-height:34px;border-bottom:1px solid #dcdcdc;}
.deta_tit .current{ font-family:'宋体'; float:left;font-size:15px;background:url(images/dete.jpg) 7px center no-repeat;padding-left:17px;}
.deta_tit .current a{margin-right: 6px;}
.deta_tit .current a:hover,.deta_tit .current .blue{color:#0680ce}
.atricle{ font-size:15px;line-height:28px;color:#333;padding:30px 0 60px 0;}

/* news */
.news_dl{ padding:30px 0 20px 0; border-bottom: 1px solid #eee}
.news_dl dt{ float:left;padding:2px;border:1px solid #d4d4d4;margin-right:23px;width:157px;height:119px;}
.news_dl dt img{ width:157px;height:119px;overflow:hidden;}
.news_dl dd{ float:left;width:622px;padding-top:22px;}
.news_dl dd .news_tit{width:380px;height:26px;line-height:26px;overflow: hidden; text-align: center; color:#fff;display:block;background:#0680ce;font-size:16px;margin-bottom:6px;border:1px solid #0680ce;}
.news_dl dd p{ height:46px;font-size:14px;color:#666;overflow:hidden;line-height:25px;}
.news_dl dd .news_see{ display:block;color:#e55205;float:right;}
.news_dl dd .news_see:hover{ text-decoration:underline;}
.news_dl dd .news_tit:hover{ background:none;color:#0680ce;transition:all 0.4s ease 0s;}

.news_ul li{ height:55px;border-bottom:1px solid #f4f4f4;line-height:55px;background:url(images/newsli1.jpg) 2px center no-repeat;padding-left:18px;}
.news_ul li a{ display:block;float:left;width:70%;color:#666;font-size:14px;}
.news_ul li span{ display:block;width:20%;float:right;text-align:right;color:#b9b9b9;}
.news_ul li:hover{background:url(images/newsli.jpg) 2px center no-repeat;}
.news_ul li:hover a,.news_ul li:hover span{color:#0680ce;}

/* show */
.news_info .release{padding:38px 0}
.news_info .release h1{font-weight:normal;font-size:22px;text-align:center;line-height:40px;border-bottom:1px dashed #e2e2e2;overflow:hidden; padding-bottom: 20px;}
.news_info .release span{ height:30px;line-height:30px;display:block;text-align:center;color:#666666;border-bottom:1px dashed #e2e2e2;overflow:hidden}
.news_word{font-size:14px;line-height:26px;color:#666666}
.return{ font-size:14px;display:block;float:right;width:92px;height:28px;line-height:28px;text-align:center;border:1px solid #d2d2d2;clear:both;margin:40px 0;color:#666}
.return:hover{background:#0680ce;color:#fff;border:1px solid #0680ce;transition:all 0.4s ease 0s}

/* cases */
.bus_dl{ background:#f6f6f6;height:160px;margin-top:40px;border-radius:173px 0 0 173px;}
.bus_dl dt{ float:left;width:173px;height:173px;margin:-4px 0 0 -4px;overflow:hidden;}
.bus_dl dt img{ width:173px;height:173px;overflow:hidden;border-radius:173px;}
.bus_dl dt:hover img{ opacity:.6;}
.bus_dl dd{ float:right;width:600px;margin-right:12px;padding-top:9px;}
.bus_dl dd .bus_title{ font-size:16px;display:block;height:70px;line-height:70px;overflow:hidden;}
.bus_dl dd p{ height:45px;overflow:hidden;line-height:25px;font-size:14px;color:#999;}
.bus_dl dd a:hover{ color:#0476bf}

/* pages */
#pages{border-radius:4px;padding:30px 0;text-align:center;display:block;clear:both}
#pages li{display:inline;font-family:'\5B8B\4F53';margin-left:-1px}
#pages li a,#pages li span{display:inline-block;padding:6px 12px;line-height:1.428571429;border:1px solid #ddd;background:#FFF}
#pages li:first-child a,#pages li:first-child span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
#pages li:last-child a{border-top-right-radius:4px;border-bottom-right-radius:4px}
#pages li a:hover,#pages li a:focus{background-color:#eee}
#pages .active span{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}
#pages .disabled a,#pages .disabled a:hover{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}

/* sidebar */
.drop {display:none}
.drop a{ background:url(images/muen.jpg) left top no-repeat;height:42px;line-height:42px;font-size:14px;text-indent:78px;}
.drop a:hover,.drop a.on{ background:url(images/nume.jpg) left top no-repeat;color:#0680ce;}
.infrom { display:none;}
.infrom a{ height:42px;line-height:42px;background:none;text-indent:87px;}
.infrom a:hover,.infrom a.up{ background:#f6f6f6;color:#0680ce;}








.index_tit .into{-webkit-animation:fadeInDown 0.8s linear 0.2s both;animation:fadeInDown 0.8s ease 0.2s both;}
@-webkit-keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translateY(-20px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
	0%{opacity:0;-moz-transform:translateY(-20px)}
	100%{opacity:1;-moz-transform:translateY(0)}
}

.into .brief{-webkit-animation:fadeInLeft 1s linear 0.2s both;animation:fadeInLeft 1s ease 0.2s both;}
.into #left{-webkit-animation:fadeInLeft 1s linear 0.2s both;animation:fadeInLeft 1s ease 0.2s both;}
.into #right{-webkit-animation:fadeInRight 1s linear 0.2s both;animation:fadeInRight 1s ease 0.2s both;}
@-webkit-keyframes fadeInLeft{
	0%{opacity:0;-webkit-transform:translateX(-30px)}
	100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
	0%{opacity:0;-moz-transform:translateX(-30px)}
	100%{opacity:1;-moz-transform:translateX(0)}
}

.into .nexus{-webkit-animation:fadeInRight 1s linear 0.2s both;animation:fadeInRight 1s ease 0.2s both;}
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translateX(30px)}
	100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
	0%{opacity:0;-moz-transform:translateX(30px)}
	100%{opacity:1;-moz-transform:translateX(0)}
}

.into .press_left {-webkit-animation:fadeInLeft 1s linear 0.2s both;animation:fadeInLeft 1s ease 0.2s both;}
.into .press_right{-webkit-animation:fadeInRight 1s linear 0.2s both;animation:fadeInRight 1s ease 0.2s both;}
@-webkit-keyframes bounceIn{
	0%{opacity:0;-webkit-transform:scale(.6)}
	100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
	0%{opacity:0;-moz-transform:scale(.6)}
	100%{-moz-transform:scale(1)}
}

.into .business:nth-child(1){-webkit-animation:up 0.4s linear 0.4s both;animation:up 0.4s linear 0.4s both;}
.into .business:nth-child(2){-webkit-animation:up 0.4s linear 0.6s both;animation:up 0.4s linear 0.6s both;}
.into .business:nth-child(3){-webkit-animation:up 0.4s linear 0.8s both;animation:up 0.4s linear 0.8s both;}
.into .business:nth-child(4){-webkit-animation:up 0.4s linear 1.0s both;animation:up 0.4s linear 1.0s both;}
.into .business:nth-child(5){-webkit-animation:up 0.4s linear 1.2s both;animation:up 0.4s linear 1.2s both;}
.into .business:nth-child(6){-webkit-animation:up 0.4s linear 1.4s both;animation:up 0.4s linear 1.4s both;}
.into .business:nth-child(7){-webkit-animation:up 0.4s linear 1.6s both;animation:up 0.4s linear 1.6s both;}
.into .business:nth-child(8){-webkit-animation:up 0.4s linear 1.8s both;animation:up 0.4s linear 1.8s both;}

.into .cases_box ul li:nth-child(1){-webkit-animation:up 1s linear 0.2s both;animation:up 1s linear 0.2s both;}
.into .cases_box ul li:nth-child(2){-webkit-animation:up 1s linear 0.2s both;animation:up 1s linear 0.2s both;}
.into .cases_box ul li:nth-child(3){-webkit-animation:up 1s linear 0.2s both;animation:up 1s linear 0.2s both;}
.into .cases_box ul li:nth-child(4){-webkit-animation:up 1s linear 0.2s both;animation:up 1s linear 0.2s both;}
.into .cases_box ul li:nth-child(5){-webkit-animation:up 1s linear 0.2s both;animation:up 1s linear 1.0s both;}
.into .cases_box ul li:nth-child(6){-webkit-animation:up 1s linear 1.0s both;animation:up 1s linear 1.0s both;}
.into .cases_box ul li:nth-child(7){-webkit-animation:up 1s linear 1.0s both;animation:up 1s linear 1.0s both;}
.into .cases_box ul li:nth-child(8){-webkit-animation:up 1s linear 1.0s both;animation:up 1s linear 1.0s both;}


.into .oper_div{-webkit-animation:up 1s linear 0.2s both;animation:up 1s ease 0.2s both;}
@-webkit-keyframes up{
	0%{opacity:0;-webkit-transform:translateY(20px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes up{
	0%{opacity:0;-moz-transform:translateY(20px)}
	100%{opacity:1;-moz-transform:translateY(0)}
}


.banner3_box .box_pic5{ position:absolute;left:-100px;top:80px;z-index:9999999;width:252px;height:67px;}
.banner3_box{ width:1200px;position:absolute;left:50%;margin-left:-600px;z-index:999999;text-align:center;height:607px;top:50%;margin-top:-303.5px;}

.flex-active-slide .banner1_box img{ animation:zuo 1s ease 0.2s both;-webkit-animation:zuo 1s linear 0.2s both;}
.flex-active-slide .banner3_box .box_pic4{animation:fadeInLeft 0.8s ease 0.2s both;-webkit-animation:fadeInLeft 0.8s linear 0.2s both;}
.flex-active-slide .banner3_box .box_pic5{-webkit-animation:fadeInRight 0.8s linear 0.2s both;animation:fadeInRight 0.8s ease 0.2s both;}

@-webkit-keyframes zuo{
	0%{opacity:0;-webkit-transform:translateX(-50px)}
	100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes zuo{
	0%{opacity:0;-moz-transform:translateX(-50px)}
	100%{opacity:1;-moz-transform:translateX(0)}
}
@-webkit-keyframes shang{
	0%{opacity:0;-webkit-transform:translateY(50px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes shang{
	0%{opacity:0;-moz-transform:translateY(50px)}
	100%{opacity:1;-moz-transform:translateY(0)}
}
@-webkit-keyframes fadeIn{
	0%{opacity:0}
	4%{opacity:0.4}
	80%{opacity:0.8}
	100%{opacity:1}
}
@-moz-keyframes fadeIn{
	0%{opacity:0}
	4%{opacity:0.4}
	80%{opacity:0.8}
	100%{opacity:1}
}

.begin .slides li .banner3_box .box_pic4{height:410px!important;width:auto!important;}
.begin .banner3_box{height:410px;margin-top:-205px;}
.begin .slides li .banner2_box .index_pic1{margin-top:50px;}
.begin .banner3_box .box_pic5{right:185px!important;top:10px!important;}

.main_inner{position:relative;}
.main_inner .main_scroll{width:1100px;position:absolute;left:0;top:0;overflow:hidden;height:414px;overflow:hidden;}

.begin .slides li .banner2_box .index_pic1{ margin-top:45px;}
.begin .slides li .banner2_box{ height:374px;margin-top:-187px;top:50%;}
.begin .banner3_box .box_pic5{ left:-10px!important}