@charset "utf-8";
/* -----------------------------------------------------------
　Base Style Sheet

    Flat
    Base -> Header / content /globalNav / Footer
    clear
------------------------------------------------------------ */

/* Flat
 ============================================================ */
* { font-style: normal;}
html{}
body { margin: 0; padding: 0; border: 0;font-family:"Microsoft YaHei";}
html,body{-webkit-text-size-adjust:none; overflow-x: hidden;}

#con{}

h1, h2, h3, h4, h5, h6, p, form, blockquote { margin: 0; padding: 0; font-size: 1em; line-height: 1.0;}
ul, ol, li, dl, dt, dd { list-style: none; margin: 0; padding: 0; line-height: 1.0;}
table, th, td { margin: 0; padding: 0; border: 0; border-collapse: collapse;}
th, caption { text-align: left; font-weight: normal;}
img, a img { vertical-align: bottom; border: none; background: transparent; text-decoration: none;}
a { outline: 0; text-decoration:none; color:#333;}
fieldset { border: none;}
legend { position: absolute; left: -9999px; font-size: 0;}
form, input, select, textarea { margin: 0; padding: 0; font-size: 1em; font-family: Arial, 宋体, SimSun, 'MS Song', 'MS Mincho', serif;}
hr { display: none;}
.clear{clear:both; float:none; height:0;}

/* Base
 ============================================================ */
/*html, body { height: 100%;}
*/#wrap { text-align: left; width: 1320px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto;}
.hide{ display:none;}
/* Header
 -------------------------------------------------- */
 
#top{ background:#96baec; height:27px;}
#top #wrap{ text-align:right;}
#top h3{ display:inline;}
#top h3 img{ border-right:1px solid #FFF;}
#headSHBtn{display: none;width: 40px;height: 40px;background: #000;line-height: 40px;text-align: center;color: #fff;position: absolute;top: 0;right: -40px;}
.navitem .fa-angle-down {
    color: #9E9E9E;
    margin-left: 8px;
    font-size: 12px;
}
.nav-a i {
    display: inline;
}

#header{width: 100%;height: auto;padding-top: 15px;padding-bottom: 15px;font-size: 14px;transition: all ease .3s;z-index: 99;transition-property: padding, background; background-color: #fff;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); position: relative; z-index: 2}
.nobanner #header{background: rgba(255, 255, 255, 0.9);}
#header.mini{background-color: rgba(0,0,0,.51);padding-top: 10px}
#header.mini ul li.navitem{padding-bottom: 0;}
#header #logo{width: auto;height:65px;display: block;float: left;margin-right: 80px}
#header ul#nav{}
#header ul li.navitem{padding: 0;margin: 0 20px 4px;width: auto;height: 50px;line-height: 40px;float: left;position: relative;}
#header ul li.navitem ul.subnav{transition: all 0.3s ease-out 0s;position: absolute;width: 210px;border-top: #838383 3px solid;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px); left:-69px;}
#header ul li.navitem:hover ul.subnav{opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);border-top: 0px solid transparent;}
#header ul li.navitem a{color: #125aac; font-size: 16px; transition: none ease-out .3s;transition-property: color, background, text-indent, opacity}

#header ul li.navitem a.active, #header ul li.navitem:hover a{color: #3490DC}
#header ul li.navitem ul.subnav li{border-bottom: #E6E6E6 1px solid}
#header ul li.navitem ul.subnav li a{padding: 14px 30px;width: 150px;height: 20px;line-height: 20px;background: #fff;display: block;color: #959595;font-size: 12px;}
#header ul li.navitem ul.subnav li a i{float: right;margin-top: 5px;transition: all ease-out .2s;opacity: 0}
#header ul li.navitem ul.subnav li a:hover{text-indent: 10px;background: #F2F2F2;color: #666}
#header ul li.navitem ul.subnav li a:hover i{opacity: 1}



#header .content{margin: 0 auto;width: 1260px; }
#header ul#nav{float: right; margin-top: 15px;}

#header ul li.navitem a.active strong, #header ul li.navitem:hover a strong{width: 100%;background-color:#3490DC;}

.nobanner #header{background: #fff;}
#header ul li.navitem ul.subnav li.navitem{ margin:0; height: auto}


/*1转4新css开始*//*新首页导航*/
#header ul li.navitem a.active:after, 
#header ul li.navitem:hover a:after{content: '';width: 100%;background-color:#3490DC;left: 0px;position: absolute;top: -40px;;height: 3px;transition: all 0.3s ease 0s;z-index:1;}
#header ul li.navitem:hover ul.subnav li a:after, 
#header ul li.navitem ul.subnav li a.active:after{width: 0px;}
/*banner
-------------------------------------------------- */
.ibanner{ width:1000px; margin:0 auto; height:690px; position:relative;z-index:1;}
.ibanner_con{ width:1920px; height:690px; position:absolute; left:50%; margin-left:-960px; top:0;}

.iservicebg{ width: 100%; height:116px ; background: #125aac; }
.iservice{ width:1320px; margin:0 auto; position:relative; z-index:3;}
.iservice h3{ float:left; display:block; width: 25%; height: 116px; }
.iservice h3.iservice_1,
.iservice h3.iservice_3{ background: #3478c1 }
.iservice h3 img{ padding:30px 0 0 30px; transition: all ease-out .3s;}
.iservice h3:hover img{ padding:30px 0 0 20px; }

.ibottom_box{ width:1000px; margin:0 auto; margin-top:10px; position:relative; z-index:4; margin-top:54px;}
.ibottom_box div{ display:block; float:left;padding:0 22px 0 80px; border-right:1px solid #d4d4d4; width:90px;}
.ibottom_box div img{ float:left; padding-right:20px;}
.ibottom_box div a { display:block; cursor:pointer;}
.ibottom_box div a h3{ color:#191919; font-size:18px;}
.ibottom_box div a p{ color:#555555; font-size:11px; padding-top:10px; display:block; line-height:1.2;}

.ibottom_box div.ibottom_box_con_1{ background:url(../img/icon_yuan_1.jpg) 20px 0 no-repeat;}
.ibottom_box div.ibottom_box_con_2{ background:url(../img/icon_yuan_2.jpg) 20px 0 no-repeat; width:100px;}
.ibottom_box div.ibottom_box_con_3{ background:url(../img/icon_yuan_3.jpg) 20px 0 no-repeat; width:80px;}
.ibottom_box div.ibottom_box_con_4{ background:url(../img/icon_yuan_4.jpg) 20px 0 no-repeat;}
.ibottom_box div.ibottom_box_con_5{ background:url(../img/icon_yuan_5.jpg) 20px 0 no-repeat; border:0; width:120px;}

#banner{ height:200px;}
/* content
 -------------------------------------------------- */
#container { position: relative; padding:60px 0 0 0; min-height: 700px; _height: 700px; width:1230px; margin:0 auto;}
#content{ margin-top:20px;}
#content,#content div,#content p{ font-size:14px; color:#484848; line-height:183%;}
#content img{width: expression(this.width > 700 ? 700 : true); max-width: 700px;}
#content h3{ line-height:183%; font-size: 14px; color:#008000;}
#content h2{ line-height:183%; font-size: 16px; color:#008000;}


#container_l{ width:274px; float:left;}
#container_r{ width:900px; float:right;}

.left_t{ background: #3478c1; padding:30px;; margin-bottom: 1px;}
.left_t .left_t_1{ color: #fff; font-size: 24px; line-height: 40px; }
.left_t .left_t_2{ color: rgba(255,255,255,.3); font-size: 15px; font-family: 'Verdana'}

#left_nav li{}
#left_nav li a{ line-height:52px; padding-left:15px; display:block; 
overflow:hidden;color:#000; font-size:14px; font-weight:bold; border-bottom: 1px solid #ffffff; background: #efefef; transition: all ease .3s; height: 52px; overflow: hidden;}
#left_nav li a:hover,
#left_nav li.current a{background: #dddddd;}

#left_nav_xia{padding:4px 0; display:none;}
#left_nav_xia a{ line-height:27px; height:27px; padding-left:10px; font-size:12px; display:block;}
#left_nav_xia a:hover,#left_nav_xia a.current2{color:#016fc7;}

#left_contact{ position:relative; margin-top:60px; background:url(../img/left_contact.jpg) left no-repeat; width:162px; height:340px;}
#left_contact a{ display:block; cursor:pointer;float:left;}
#left_contact a.qq{ width:54px; height:70px; margin-top:40px; }
#left_contact a.baojia{ width:54px; height:70px; margin-top:40px;}
#left_contact a.contact{ width:54px; height:70px; margin-top:40px;}
#left_contact a.taobao{ width:162px; height:30px; margin-top:10px;}
#left_contact a.why{ width:162px; height:40px; margin-top:10px;}

#position{ padding-bottom: 10px; border-bottom: 1px solid #eaeaea; }
#position h4{ font-size:16px; color:#000; display:block; float:left; width:400px; line-height:30px;}
#position span{ display:block; float:right; width:50%; text-align:right; height:30px;font-size:12px; list-style: 30px; color: #a5a5a5}
#position span img{ height:20px;}

#news_list{}
#news_list li{}
#news_list li a{ border-bottom:1px solid #dedede; background:url(../img/icon_news.png) left no-repeat; line-height:38px; height:38px; display:block; padding-left:44px; color:#1f1f1f; font-size:12px;}
#news_list li a:hover{ color:#000; border-bottom:1px solid #000;}
#news_list li a span{ float:right; font-size:10px; font-family:Arial; line-height:38px;}

#job_list{}
#job_list li{}
#job_list li a{ border-bottom:1px solid #dedede; background:url(../img/icon_job_1.png) left no-repeat; line-height:38px; height:38px; display:block; padding-left:28px; color:#1f1f1f; font-size:12px;}
#job_list li a:hover{ color:#000; border-bottom:1px solid #000;}
#job_list li a span{ float:right; font-size:10px; font-family:Arial; line-height:38px;}
#job_list li a img{ padding-left:60px;}

#case_list{}
#case_list li{ padding-bottom:20px;border-bottom:1px solid #e6e6e6; margin-top:30px;}
#case_list li .pic{ width:145px; float: left; height:90px; overflow:hidden;}
#case_list li .pic img{ width:110px;}
#case_list li .text{ font-size:12px;}
#case_list li .text h4{ font-size:18px; line-height:18px;height:20px; }
#case_list li .text span{ font-size:12px; line-height:18px; height:20px; font-weight:normal;border-left:1px solid #bebebe;padding-left:15px; margin-left:15px;}
#case_list li .text p{ color:#888; line-height:18px; font-size:12px; padding:10px 0;}

#fangan_list{}
#fangan_list li{ width:334px; height:209px; float:left; margin-right:30px; margin-bottom:30px;}
#fangan_list li a{ display:block; width:334px; height:209px; display:block; cursor:pointer;}

#case_nav{ height:34px; margin-top:20px;}
#case_nav a{ width:348px; height:34px; float:left; line-height:34px; text-align:center; font-size:14px; border:1px solid #e5e5e5;}
#case_nav a.current{ background:#96baec; border:1px solid #96baec; color:#FFF;}


.intro{ font-size:16px; color:#008000; font-weight:bold; padding:20px 0;}

h1.title{ font-size:24px; line-height:60px; border-bottom:1px dotted #CCC; text-align:center; font-family:Microsoft YaHei;}
/* pager
 -------------------------------------------------- */
.pager {overflow:hidden;padding: 10px 0 0 0;text-align: center;}
.pager a,
.pager span { display: inline-block; margin: 0 2px; height: 30px; line-height: 30px; font-size: 12px;}
.pager a,
.pager a:active { color: #000; padding: 0 12px; }
.pager a:hover { border-color: #E4393C; text-decoration:none; color: #E4393C; background: #fafafa;}
.pager input { width: 23px; height: 22px; text-align: center; vertical-align: top; display: none;}
.pager span.current { border-bottom: #E4393C 2px solid; color: #E4393C; font-weight:bold; padding: 0 10px; height: 28px; }
.pager span.disabled {border:1px solid #c5c5c5;  padding:0 6px; color:#c0c0c0;background: #fff;display: none;}
/* Footer
 -------------------------------------------------- */
#footer{ text-align: left; margin-top:50px;}
.footer_img{ border-bottom:1px solid #618ac2}
.footer_img_t{ background:#618ac2; height:79px; text-align:center; position:relative;}
.footer_img_t img{ position:absolute; left:50%; margin-left:-84px; top:0}


#con #footer{ background:url(../img/footer_bg.jpg); height:72px;width:100%;}
#con #footer #wrap{ width:1000px;}
#footer p { line-height:60px;color: #3c3c3c; font-size:12px;}
#footer p span{ float:right;}
#footer p a,#footer p a:visited{ color:#3c3c3c;}
#footer p a:hover{ color:#000;}


		.picScroll-left{ width:1001px;  overflow:hidden; position:relative; height:120px; margin:0 auto;}
		.picScroll-left .hd{ overflow:hidden;  height:22px; position:absolute; left:50%; margin-left:-24px; top:auto; bottom:0; z-index:999;}
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:23px; height:22px; margin-right:1px; background:#618ac2; float:left;}
		.picScroll-left .hd ul,.picScroll-left .hd span{ display:none;}
		.picScroll-left .bd{}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ width:143px; height:120px; text-align:center;float:left; _display:inline; overflow:hidden;}
		.picScroll-left .bd ul li img{  width: expression(this.width > 115 ? 115 : true); max-width: 115px; height: expression(this.height > 120 ? 120 : true); max-height:120px;
		background-size:130px;-moz-background-size:130px; /* 老版本的 Firefox */}
		#picScroll-left-url{ width:1001px; height:120px; display:block; cursor:pointer; z-index:20; position:absolute; left:0; top:0;}

/* clear
 ============================================================ */
 
 		.slideBox{ width:1920px; height:690px; overflow:hidden; position:relative;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display:none;}
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:1920px; height:690px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
#baojia{ width:480px; background:#fafafa;border-radius: 15px; border:1px solid #e8e8e8; padding:20px;}
#baojia h3{ color:#1d64c2; font-weight:normal; padding-left:80px; line-height:40px;}
#baojia table{ width:480px;}
#baojia table td{ height:40px; padding-left:10px; line-height:40px;}
#baojia table td span{ padding-left:5px;}
#baojia .intxt{ width:196px; height:24px; line-height:24px; border:1px solid #d4d4d4; background:#FFF; margin-top:7px;}
#baojia textarea{width:90%;height:80px; border:1px solid #d4d4d4; background:#FFF}
#baojia .coolbg{ width:185px; height:39px; background:url(../img/but_tijiao.jpg); border:0; text-indent:-999em; margin-top:20px;}

#right_icon{ position:absolute; left:50%; margin-left:480px; top:-30px; border:0;width:90px; height:120px; background: url(../img/left_contact.jpg) -33px -220px no-repeat;}

.link{ font-size:12px;}


.block{ width: 1320px; margin: 0 auto; padding-top: 40px; }
.video{ width: 370px; float: left; margin-right: 35px;}
.inewslist{ width: 385px; float: left; }
.inewslist li a{ display: block; font-size: 14px; padding-left: 5px; border-bottom: 1px solid #e2e2e2; line-height: 35px; color: #6d6d6d; transition: all ease 0.3s;}
.inewslist li a:hover{ background: #125aac; color: #fff; border-color: #125aac; }
.zhuanti{ width: 494px; float: right; }
.zhuanti li{ display: block; position: relative; height: 247px; overflow: hidden; width: 246px; float: left; margin-right: 1px}
.zhuanti li img{ width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.zhuanti li:hover img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); }
.zhuanti li p{ display: block; padding-left: 10%; line-height: 40px; background: rgba(0,0,0,.5); font-size: 12px; color: #fff; position: absolute; bottom: 0; width: 90%;}
.zhuanti li.zt_2,
.zhuanti li.zt_3{width: 246px; height: 123px; margin-bottom: 1px;height: 123px; margin-right: 0 }

.block h5{ font-size: 18px; color: #000; line-height: 50px;}

#map{ width: 900px; height:800px; position: relative; z-index: 1;}
.mapbox{ position: relative; z-index: 2; width: 900px; height:800px; top: -800px;}
.mapbox_con{ width: 500px; height: 500px; position: absolute; left: 200px; top: 150px; background: #fff;-moz-box-shadow: 0 0 15px rgba(15,15,15,.2); /* 老的 Firefox */box-shadow: 0 0 15px rgba(15,15,15,.2); overflow: auto;}

.topbox{ margin-top: -800px; z-index: 9; background: rgba(0,0,0,.5); }
.mapbox_con .pic{ padding:10px; }
.mapbox_con .txt{ padding:0 15px; line-height: 30px;}
.mapbox_con .txt p { line-height: 30px; }
.mapbox_con .pic img{ width: 480px;}
#close{ padding-right: 15px; padding-top: 10px; text-align: right;}

#pic_list{}
#pic_list li{ width: 40%; float: left; padding:5%;}

#pic_list .pic{ width: 100%;  }
#pic_list .text{ text-align: center; line-height: 40px; font-size: 16px;}
#pic_list .pic img{ width: 100%; max-width: 100%;}


.footer_bar{width:100%;height:auto;background:#787878; margin-top: 50px;}
.footer_bar .footer{width:1320px;padding:20px 0; margin:0 auto; border:none;}
.footer_bar .footer .footer_l{width:auto;height:auto; float: left; margin-right: 80px}
.footer_bar .footer .footer_r{float: left; margin-top: 10px;}
.footer_bar .footer_r ul{}
.footer_bar .footer_r ul li{float:left;}
.footer_bar .footer_r ul li a{line-height:13px; border-right:1px solid #fbfbfb; display:block;color:#fbfbfb; padding-right:10px;margin-right:10px; font-size: 14px;}
.footer_bar .footer_r ul li:hover a{text-decoration:underline;}
.footer_bar .footer_r .footer_add{ margin-top: 15px; }
.footer_bar .footer_add p{font-size:12px;color:#fbfbfb; text-align:left;}
.footer_bar .footer_add span{margin-right:10px;}
.footer_bar .footer_add a{margin-left:10px;color:#fbfbfb;}
.footer_bar .footer_add a:hover{color:#fff; text-decoration:underline;}