@import url("reset.css");
@charset "UTF-8";

.lft{float:left;}
.rgt{float:right;}

.web_{width:100%;margin:0 auto;overflow:hidden;min-width:1300px;}
.web{width:1300px;margin:0 auto;overflow:hidden; }
.padding_top{padding-top:100px;*padding-top:120px;}

.head{position:fixed;width:100%;margin:0 auto;overflow:hidden;min-width:1300px;background:#fff;box-shadow:1px 1px 5px #999;z-index:9999;left:0;*border-bottom:#ddd solid 1px;height:105px;}

.logo{overflow:hidden;margin:30px 0;background:url(image/logo.png) no-repeat left center scroll;width:207px;height:45px;}
.logo a{ display:block; width:207px; height:45px; text-indent:-999em;}

.menu_nav{overflow:hidden;margin:30px 0;width:880px;text-align:center;}
.menu_nav a{display:inline-block;margin:0 15px;font-size:16px;line-height:40px;}

.top_tel{margin-top:30px;margin-right:20px;height:40px;line-height:40px;width:192px;border-left:1px solid #eee;text-align:right;font-size:18px; font-family:Arial, Helvetica, sans-serif;color:#0084c6;}
.top_tel span{display:inline-block;background:url(image/tel.png) no-repeat left center scroll;padding-left:25px;}

/*Index Bannar*/
.inbannar{height:670px;position:relative;}

.banner{width:100%;min-width:1300px;overflow:hidden; position:relative;}
.banner .callbacks_container{ position:relative; z-index:0; width:100%; overflow:hidden;}
.banner ul li{ position:relative; text-align:center; float:left; overflow:hidden;}
.banner ul li a{ display:block;}
.banner ul li span {width:100%;height:670px; display:block;position:relative;}

.banner .smallbanner{ position:absolute; height:30px; line-height:30px; bottom:10px; left:50%; z-index:1;}
.banner .smallbanner li{ display:inline-block;background:#333;border:0px solid #1a5f89; width:15px; height:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-indent:-9999px; overflow:hidden; margin:0 6px; cursor:pointer;}
.banner .smallbanner li.on{ background:#fff;border:0px solid #e70012; }

.inbannar_text{height:670px;position:absolute;z-index:99;top:0;text-align:center;color:#fff;}
.inbannar_text p.text_1{margin-top:150px;font-size:90px;font-weight:bold;letter-spacing:10px}
.inbannar_text p.text_2{font-size:16px;margin-top:20px;line-height:24px;}
.inbannar_text p.text_3{font-size:55px;margin-top:20px; font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.inbannar_text p.text_3 span{display:inline-block;padding-left:60px;background:url(image/in_tel.png) no-repeat left center scroll;line-height:50px;}
.inbannar_text p.text_4{margin-top:40px;}
.inbannar_text p.text_4 a{display:inline-block;margin:0 20px;line-height:40px;color:#fff;}
.inbannar_text p.text_4 a.text_pro{background:#289ccb;padding:0 30px;font-size:15px;-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
.inbannar_text p.text_4 a.text_pro:hover{background:#2085b8;}
.inbannar_text p.text_4 a.text_ab{padding-right:22px;font-size:15px;background:url(image/bnt1.png) no-repeat right center scroll;font-weight:bold;}
.inbannar_text p.text_4 a.text_ab:hover{color:#f1f1f1;}
/*ny Bannar*/

.bannar_ab{height:380px;background:url(img/bg01.jpg) no-repeat center center scroll;position:relative;}
.bannar_ser{height:380px;background:url(img/bg02.jpg) no-repeat center center scroll;position:relative;}
.bannar_pro{height:380px;background:url(img/bg03.jpg) no-repeat center center scroll;position:relative;}
.bannar_case{height:380px;background:url(img/bg04.jpg) no-repeat center center scroll;position:relative;}
.bannar_con{height:380px;background:url(img/bg05.jpg) no-repeat center center scroll;position:relative;}

.bannar_ab_text{position:absolute;width:100%;height:380px;overflow:hidden;color:#fff;text-align:center;}
.bannar_ab_text h1{font-size:36px;font-weight:normal;}
.bannar_ab_text p{font-size:24px;margin-top:120px;line-height:1.5;}

/*Foot Css*/
.ftbg{background:#006ca3;padding:30px 0;}
.foot{text-align:center;color:#fff;line-height:24px;}
.foot a{color:#fff;display:inline-block;margin:0 10px;}
.foot a:hover{color:#003651;}
.foot p{line-height:24px;}
.foot p span{display:inline-block;background:#00527b;-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;padding:0 15px; margin-top:5px;}

/*Left Css*/

@keyframes mymove222
{
from {left:-310px;}
to {left:0px;}
}

@-webkit-keyframes mymove222 /*Safari and Chrome*/
{
from {left:-310px;}
to {left:0px;}
}

@keyframes myout222
{
from {left:0px;}
to {left:-310px;}
}

@-webkit-keyframes myout222 /*Safari and Chrome*/
{
from {left:0px;}
to {left:-310px;}
}

.leftmenu{position:fixed;z-index:99999999;left:20px;top:50%;margin-top:-20px;width:40px;height:40px;text-align:center;border-radius:6px;overflow:hidden;}
.leftmenu a{color:#fff;font-size:15px;display: block;font-weight:bold;text-indent:-999em;line-height:40px;background:#0084c6 url(image/menu.png) no-repeat center center scroll;}
.leftmenu a:hover{background:#0084c6 url(image/menu2.png) no-repeat center center scroll;}

.leftmenucon{display:none;}
.leftmenuclose{display: block;position:fixed;left:-310px;top:0px;width:310px;height:100%; background:#0084c6;z-index:99999999;animation:myout222 0.6s 1;-webkit-animation:myout222 0.6s 1; /* Safari 和 Chrome */overflow-y:auto;}
.leftmenuopen{display:block;position:fixed;left:0;top:0;width:310px;height:100%; background:#0084c6;z-index:99999999;animation:mymove222 0.6s 1;-webkit-animation:mymove222 0.6s 1; /* Safari 和 Chrome */overflow-y:auto;}

.lftmenucon{padding:30px 30px 30px 30px;}

.lft_code{margin-bottom:10px;overflow:hidden;color:#44b3ea;}
.lft_code img{float:left;border:#fff solid 8px;width:200px;}
.lft_code a{float:right;font-size:24px;color:#fff; font-family:Arial, Helvetica, sans-serif;}
.lft_code a:hover{color:#2c8ec4;}

.lft_con{margin-bottom:0px;overflow:hidden;color:#fff !important;font-size:13px;line-height:24px;}
.lft_con h3{font-size:18px;}
.lft_con h4{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#2c8ec4;line-height:16px;margin-bottom:10px;}

.lft_con p{margin:0px 0 5px 0;padding-bottom:15px;border-bottom:#1e6fa0 solid 1px;}
.lft_con span{color:#fff !important;}
.lft_con a{color:#fff;font-family:Arial, Helvetica, sans-serif;}

.lft_pro{overflow:hidden;margin-top:30px;}
.lft_pro h1{margin:10px 0;color:#50c3fd;font-weight:normal;font-size:16px;}

.lft_pro h3{display:block;margin:15px 0 5px 0;overflow:hidden;}
.lft_pro h3 a{display:block;font-size:16px;color:#fff;font-weight:normal;overflow:hidden;}
.lft_pro h3 a:hover{color:#000;}

.lft_pro li{line-height:24px;padding-left:20px;}
.lft_pro li a{display:block;font-size:14px;color:#f8f8f8;}
.lft_pro li a:hover{color:#000;}

.margintop{margin-top:50px;}
.inpro_tit{text-align:center}
.inpro_tit span{display:inline-block;background:url(image/tit_bg.jpg) no-repeat center bottom scroll;font-size:36px;padding-bottom:10px;margin-bottom:40px;font-weight:normal;}

.inpro{overflow:hidden;}
.inpro li{float:left;width:400px;margin-right:50px;margin-bottom:40px;}
.inpro li.end{margin-right:0;}
.inpro li a{display:block;text-align:center;border:1px solid #eee;transition: all 0.3s;}
.inpro li a img{display:block;width:398px;height:300px;}
.inpro li a h3{background:#f8f8f8;line-height:36px;font-size:16px;font-weight:normal;transition: all 0.3s;}
.inpro li a:hover{border:1px solid #0084c6;}
.inpro li a:hover h3{background:#0084c6;color:#fff;}

.inpro_more{text-align:center;margin-top:40px;}
.inpro_more a{display:inline-block;line-height:40px;font-size:18px;font-weight:normal;background:#f6f6f6;color:#666;border:1px solid #ccc;padding:0 20px;transition: all 0.3s;}
.inpro_more a:hover{background:#0084c6;border:1px solid #0084c6;color:#fff;}

.in_about_{overflow:hidden;}
.in_about_l{width:600px;height:380px;}
.in_about_l img{display:block;}

.in_about_r{width:600px;height:300px;background:#f6f6f6;padding:40px;}

.home_about{overflow:hidden;max-height:240px;}
.home_about p{font-size:16px;line-height:30px;margin-bottom:20px;}

.home_bnt{overflow:hidden;margin-top:20px;}
.home_bnt span{display:inline-block;margin-right:30px;}
.home_bnt span a{display:inline-block;padding:0 30px;font-size:18px;border:1px solid #666;line-height:40px;transition: all 0.3s;}
.home_bnt span a:hover{background:#0084c6;color:#fff;border:1px solid #0084c6;}

.incase{overflow:hidden;}
.incase li{float:left;width:280px;margin-right:30px;}
.incase li a{display:block;}
.incase li a dd{width:280px;height:210px;overflow:hidden;}
.incase li a dd img{width:280px;height:210px;display:block;transition: all 0.6s;}
.incase li a:hover dd img{transform: scale(1.4);}
.incase li a h3{text-align:center;line-height:40px;font-size:15px;font-weight:normal;}

#demo {background: #FFF;overflow:hidden;width:1300px;height:210px;}
#indemo {float: left;width:800%;}
#demo1 {float: left;}
#demo2 {float: left;}

.nylist_x{border-bottom:1px solid #ccc;}
.nylist{overflow:hidden;margin:20px auto 15px auto;}
.nylist ul{overflow:hidden;text-align:center;}	
.nylist ul a{display:inline-block;line-height:30px;padding:0 15px;margin:0 20px;font-size:15px;color:#666;}
.nylist ul a.on{background:#eee;color:#0084c6;}
.nylist ul a:hover{background:#eee;color:#0084c6;}

.nybox{margin-top:50px;}
.nybox_tit{font-size:36px;font-weight:normal;margin-bottom:20px;}

.about{min-height:300px;overflow:hidden;}

.case{overflow:hidden;}
.case ul{overflow:hidden;margin-bottom:50px;}
.case ul li{float:left;width:400px;margin-right:50px;}
.case ul li.end{margin-right:0px;}
.case ul li a{display:block;}
.case ul li a div.case_img{width:400px;height:300px;overflow:hidden;}
.case ul li a div.case_img img{width:400px;height:300px;transition: all 0.6s;}
.case ul li a:hover div.case_img img{transform: scale(1.4);}
.case ul li a h3{background:#fff;line-height:36px;font-size:18px;text-align:center;font-weight:normal;}
.case ul li a p{background:#f8f8f8;color:#666;padding:15px 15px;line-height:24px;font-size:15px;border-top:1px solid #ddd;height:72px;overflow:hidden;}

.prolist{overflow:hidden;}
.prolist_lft{float:left;width:220px;padding-right:39px;overflow:hidden;}
.prolist_lft h1{font-size:18px;font-weight:normal;border-bottom:1px solid #ddd;padding-bottom:8px;margin-bottom:20px;}
.prolist_lft h3{font-size:15px;line-height:36px;}
.prolist_lft h3.on a{color:#0084c6;}
.prolist_lft ul{margin-bottom:20px;}
.prolist_lft ul li{line-height:24px;margin-bottom:5px;}
.prolist_lft ul li a{ display:block;padding-left:15px;font-size:13px;}
.prolist_lft ul li a:hover{background:#f8f8f8;color:#0084c6;}
.prolist_lft ul li.on a{background:#f8f8f8;color:#0084c6;}

.prolist_rgt{float:left;width:1000px;min-height:400px;overflow:hidden;border-left:1px solid #ddd;padding-left:40px;}
.prolist_rgt ul{overflow:hidden;margin-bottom:30px;}
.prolist_rgt ul li{float:left;width:320px;margin-right:20px;}
.prolist_rgt ul li.end{margin-right:0;}
.prolist_rgt ul li a{display:block;text-align:center;border:1px solid #eee;transition: all 0.3s;}
.prolist_rgt ul li a img{display:block;width:318px;height:240px;}
.prolist_rgt ul li a h3{background:#f8f8f8;line-height:36px;font-size:18px;font-weight:normal;transition: all 0.3s;}
.prolist_rgt ul li a:hover{border:1px solid #0084c6;}
.prolist_rgt ul li a:hover h3{background:#0084c6;color:#fff;}

.pro_tit{font-size:18px;border-bottom:1px solid #ddd;padding-bottom:8px;margin-bottom:20px;color:#0084c6;}
.pro_tit span{ display:inline-block;margin:0 15px;color:#666;}
.proinfo{overflow:hidden;}


.prorsq_l{float:left;width:700px;min-height:400px;overflow:hidden;border-right:1px solid #ddd;padding-right:29px;margin-right:30px;}
.prorsq_r{float:left;width:240px;}
.prorsq_r img{display:block;width:240px;margin-bottom:20px;}
.prorsq_r li{line-height:30px;text-align:center;margin-bottom:15px;}
.prorsq_r li a{display:block;font-size:15px;background:#f1f1f1;}
.prorsq_r li.on a{background:#0084c6;color:#fff;}
.prorsq_r li a:hover{background:#0084c6;color:#fff;}

.service{border:1px solid #ddd;padding:30px;background:#eee;line-height:2;font-size:18px;}

.servicelist{overflow:hidden;margin-top:30px;}
.servicelist li{float:left;width:630px;overflow:hidden;margin-right:40px;margin-bottom:40px;}
.servicelist li.end{margin-right:0px;}
.servicelist li img{ float:left;display:block;width:240px;height:180px;margin-right:20px;}
.servicelist li ol{float:left;width:370px;}
.servicelist li ol h3{line-height:24px;color:#0084c6;font-size:18px;}
.servicelist li ol p{font-size:15px;line-height:1.8;margin-top:10px;}
.servicelist li ol a{display:inline-block;margin-top:20px;line-height:24px;padding:0 15px;color:#fff;background:#0084c6;}