@charset "utf-8";


body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
input,button,textarea,p,blockquote,th,td {margin:0; padding:0; }
body {background:#fff; color:#000; font-size:14px; font-family: 'Microsoft yahei', Arial; }
a { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; padding: 0;}
p{margin:0px; padding:0px;}
.clear{ height:0px;font-size:0;clear:both;}

/*头部*/
.top{width: 1200px;margin: 0 auto;height: 100px;}
.logo{float: left;}
.top_rig{float: right;line-height: 100px;font-size: 14px;}
.top_rig a{color: #666666;}
.top_rig a img{vertical-align: middle;display: inline-block;padding: 0 5px;} 
/*导航*/
.nav{width: 100%;height: 50px;background: url(../images/nav_bg.jpg) repeat-x;}
.nav_con{width: 1200px;margin: 0 auto;}
.nav_con ul{width: 100%;}
.nav_con ul li{width: 12.5%;float:left;line-height: 50px;text-align: center;font-size: 20px;position: relative;}
.nav_con ul li a{color: #ffffff;padding-bottom: 5px;}
.nav_con ul li.current a{border-bottom: 3px solid #fff;}
.nav_con ul li:hover > a{border-bottom: 3px solid #fff;}
.down{display: none;background: #015e91;position: absolute;z-index: 99;width: 100%;}
.down a{display: block;padding-bottom: 1px;}
.nav_con ul li:hover .down{display: block}
/*lunbo*/
.focusBox { position: relative; width:100%; height:auto; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:100%; height:auto; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
	display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;
}
.focusBox .hd .on{ background-position:0 0; }
.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }

.in_advantage{width: 1200px;margin: 30px auto;height: auto;}
.in_advantage_tit{width: 550px;margin: 0 auto;border-bottom: 1px solid #000000;position: relative;}
.in_advantage_tit p{text-align: center;font-size: 24px;color: #444444;padding-bottom: 10px;font-weight: 500;}
.in_advantage_tit span{width: 90px;height: 5px;background: #007ec6;display: block;margin: 0 auto;
	position: absolute;bottom: -3px;left:50%;margin-left: -45px;}
.in_advantage_con{width: 100%;margin-top: 90px;}
.in_advantage_con li{width: 33%;float: left;position: relative;}
.in_advantage_con_img{width: 260px;height:260px;border-radius: 50%;border: 1px solid #ccc;
	text-align: center;position: relative;}
.in_advantage_con_img img{display: block;width: 155px;height: 155px;position: absolute;
	left: 50%;top: 50%;margin-left: -77.5px;margin-top: -77.5px;}
@font-face {
  font-family: 'Pencils';
  src: url('../font/Pencils.eot');
  src: url('../font/Pencils.eot?#iefix') format('embedded-opentype'),
  url('../font/Pencils.woff') format('woff'),
  url('../font/Pencils.ttf') format('truetype'),
  url('../font/Pencils.svg#Pencils') format('svg');
}
.in_advantage_con_tit{
  font-family:"Pencils" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  font-size: 46px;text-align: center;width: 260px;position: absolute;top: -25px;z-index: 99;
}
.in_advantage_con_tit p{width: 100px;margin: 0 auto;background: #fff;font-weight: bold;color: #444444;}
.in_advantage_con_p{width: 260px;text-align: center;}
.in_advantage_con_p p{font-size: 14px;color: #5b5b5b;line-height: 32px;}
.in_advantage_con_p h3{font-size: 20px;color: #007ec6;font-weight: normal;margin: 35px 0 30px;}
.in_advantage_li{width: 260px;margin: 0 auto;}

.in_product{width: 1200px;margin: 0 auto;}
.in_product_con{width: 100%;height: auto;margin-top: 58px;margin-bottom: 30px;}
.in_product_left{width: 410px;float: left;border: 1px solid #ccc;background: #f0f4f6;}
.in_product_left_img{width: 100%;position: relative;}
.in_product_left_img p{position: absolute;bottom: 0px;height: 50px;text-align: center;
	background: #007ec6;width: 100%;font-size: 24px;line-height: 50px;display: none;}
.in_product_left_img p a{color: #fff;}
.in_product_left_img:hover p{display: block}

.in_product_mid{width: 100%;float: left;text-align: center;}
.in_product_mid ul{margin: 0 auto;display: inline-block;width: 930px;}
.in_product_mid ul li{width: 295px;border: 1px solid #ccc;background: #f0f4f6;
  position: relative;float: left;margin: 10px 0 20px 18px;}

.in_product_mid ul li:hover .in_product_mid_hov{display: block;}
.in_product_mid ul li > img{width: 100%;}

.in_product_rig{width: 370px;float: left;}
.in_product_rig ul{margin: 0;}
.in_product_rig ul li{width: 100%;border: 1px solid #ccc;background: #f0f4f6;position: relative;}
.in_product_rig ul li:first-child{margin-bottom: 20px;}
.in_product_rig ul li > img{width: 100%;}
.in_product_mid_hov span{display: block;text-align: center;vertical-align: middle;margin-top: 80px;}
.in_product_mid_hov span img{vertical-align: middle;}
.in_product_mid_hov{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;
	background: url(../images/in_product_bg.png);text-align: center;}
.in_product_mid_hov a{text-align: center;font-size: 18px;color: #fff;margin-top: 22px;display: inline-block;}
.in_product_rig ul li:hover .in_product_mid_hov{display: block;}

.in_serve{width: 1200px;margin: 0 auto;}
.in_serve_con{width: 100%;}
.picScroll-left{ width:100%;  overflow:hidden; position:relative;   }

.picScroll-left .bd{ padding: 10px 0;margin: 25px 0;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;
	position: relative; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:380px; height:auto; display:block;padding:1px; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:30px;position: absolute;bottom: 0px;left: 0.5%; 
	background: url(../images/in_serve_con.png); width: 99%;height: 40px;font-size: 18px; transition: all 0.8s;
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;}
.picScroll-left .bd ul li .title a{color: #fff;}
.picScroll-left .bd ul li .title p{color: #fff;font-size: 14px;width: 80%;margin: 0 auto;}
.picScroll-left .bd ul li:hover .title{height: 100%;
transition: all 0.8s;
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;}
.picScroll-left .bd ul li:hover .title a{display: block;margin: 15px 0;
transition: all 0.8s;
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;}
.picScroll-left .bd ul li:hover .title p{width: 80%;margin: 0 auto;font-size: 14px;color: #fff;}

.in_news{width: 1200px;margin: 0 auto;}
.in_news_left{width: 520px;float: left;}
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; border:1px solid #ddd;
	padding-bottom: 80px;font-size: 0;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; bottom:40px; z-index:1;
	margin-left:-50px; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;margin: 0;  }
.slideBox .hd ul li{ float:left; margin-right:20px;  width:15px; height:15px; line-height:14px; 
	text-align:center; background:#fff; cursor:pointer; background: #cccccc}
.slideBox .hd ul li.on{ background:#007ec6; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }
.in_news_rig{width: 648px;float: right;}
.in_news_rig ul li{margin-bottom: 25px;}
.in_news_rig ul li h4{font-size: 20px;font-weight: 500;}
.in_news_rig ul li h4 a{color: #444444;} 
.in_news_rig ul li span{font-size: 12px;color: #666;display: inline-block;margin: 10px 0;}
.in_news_rig ul li p{text-indent: 2em;font-size: 14px;color: #333333;line-height: 28px;width: 95%;}
.in_news_rig ul li:hover h4 a{color: #007ec6}

.foot{width: 100%;background: #00456d;overflow: hidden;}
.footer{width: 1200px;margin: 25px auto 0;}
.footer_top{width: 100%;background: url(../images/in_foot_bg.jpg) bottom repeat-x;padding-bottom: 40px;}
.foot_left{width: 1000px;float: left;}
.foot_left ul li{width: 14%;float: left;}
.foot_left ul li h4{font-size: 18px;margin-bottom: 20px;}
.foot_left ul li h4 a{color: #fff;}
.foot_left ul li p{font-size: 14px;text-indent: 5px;line-height: 28px;}
.foot_left ul li p a{color: #fff;}

.foot_rig{width: 150px;float: right;}
.foot_rig_img{width: 100%;font-size: 14px;text-align: center;color: #fff;margin-top: 15px;}
.foot_bot{width: 100%;text-align: center;}
.foot_bot p{font-size: 14px;color: #fff;line-height: 50px;}

/*banner*/
.banner{width: 100%;}
.banner img{width: 100%;display: block;}
/*主体*/
.content{width: 1200px;margin:20px auto 0;}
.con_nav{width: 200px;float: left;}
.con_nav_tit{width: 100%;font-size: 20px;color: #006eb5;border-bottom: 1px solid #006eb5;line-height: 50px;}
.con_nav_sub{width: 100%;margin-top: 10px;}
.con_nav_sub ul li{line-height: 40px;text-indent: 10px;border-radius: 10px;}
.con_nav_sub ul li a{font-size: 14px;color: #3c3c3c;}
.con_nav_sub ul li.current a{background: url(../images/con_nav_sub_1.jpg) no-repeat center right 12px;display: block;color: #006eb5;}
.con_nav_sub ul li.current{background: #eeefef;}
.con_nav_sub ul li:hover a{background: url(../images/con_nav_sub_1.jpg) no-repeat center right 12px;display: block;color: #006eb5;}
.con_nav_sub ul li:hover{background: #eeefef;}

.con_rig{width: 970px;float: right;}
.catpos{width: 100%;text-align: right;}
.catpos a{line-height: 50px;background: url(../images/catpos_1.jpg) no-repeat center right;padding-right: 20px;color: #666666;font-size: 14px;}
.catpos a:last-child{background: none;}

.con_sub{width: 100%;}

.con_zizhi{width: 100%;}
.con_zizhi ul li{width: 300px;margin-left: 20px;float: left;}
.con_zizhi_img{width: 100%;border: 1px solid #ccc;}
.con_zizhi_img img{padding: 10px 5px;display: block;margin: 0 auto;width: 95%;}
.con_zizhi_p{width: 100%;text-align: center;font-size: 18px;line-height: 80px;}
/*分页*/
.pages{width: 100%;text-align: center;margin: 20px 0;}
.pages a{display: inline-block;border: 1px solid #ccc;padding: 5px 10px;font-size: 12px;color: #4b4b4b;margin: 0 5px;}
.pages span{display: inline-block;border: 1px solid #0068a4;padding: 5px 10px;font-size: 12px;color: #fff;background: #0068a4;margin: 0 5px;}
.pages a:hover{display: inline-block;border: 1px solid #0068a4;padding: 5px 10px;font-size: 12px;color: #fff;background: #0068a4}


.certificatecover{display: none;position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 100;top: 0;left: 0;right: 0;}
.imgbox2{border: 10px solid white;width: 0px;height: 0px;background: white;top: 50%;left: 50%;position: absolute;z-index: 998;border-radius: 10px;-moz-border-radius:10px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70);-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70);-moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70);
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
.imgbox2>img{
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
#cprev{width: 32px;height: 100px;background: url(../images/cprev.gif) no-repeat;display: inline-block;position: absolute;left: -42px;top: 50%;z-index: 999;margin-top: -50px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
#cnext{width: 32px;height: 100px;background: url(../images/cnext.gif) no-repeat;display: inline-block;position: absolute;right: -42px;top: 50%;z-index: 999;margin-top: -50px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
#close{width: 24px;height: 24px;background: url(../images/close.gif) no-repeat;display: inline-block;position: absolute;right: 0px;top: 0px;z-index: 999;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}

.activity{width: 100%;position: relative;padding-bottom: 100px;}
.activity_1{width: 100%;position: relative;}
.activity_1_left{width: 45%;float: left;position: absolute;height: 100%;border-right: 1px solid #999999;margin:0 45px;}
.activity_1_left img{position: absolute;right: -10px;top: -10px;}
.activity_1_rig{width: 40%;float: right;margin:0 45px;}
.activity_1_rig h3{font-size: 20px;color: #024a71;font-weight: 500;}
.activity_1_rig span{display: block;font-size: 16px;color: #333333;margin: 10px 0 20px;}
.activity_1_rig p{font-size: 14px;color: 3333333;line-height: 24px;margin-bottom: 20px;}


.activity_2{width: 100%;position: relative;}
.activity_2_rig{width: 45%;float: left;position: absolute;height: 100%;border-right: 1px solid #999999;margin:0 45px;}
.activity_2_left{width: 40%;float: left;margin:0 45px;text-align: right;}
.activity_2_left h3{font-size: 20px;color: #024a71;font-weight: 500;}
.activity_2_left span{display: block;font-size: 16px;color: #333333;margin: 10px 0 20px;}
.activity_2_left p{font-size: 14px;color: 3333333;line-height: 24px;margin-bottom: 20px;}
.activity_2_rig img{position: absolute;right: -10px;top: -10px;}

.activity_end{position: absolute;left: 50%;margin-left: -19px;width: 34px;height: 34px;}
.activity_end img{width: 34px;height: 34px;}

.pdoduct_tit{width: 100%;}
.pdoduct_tit h4{font-size: 20px;font-weight: normal;color: #333333;margin-bottom: 25px;}
.pdoduct_tit p{font-size: 14px;color: #333333;text-indent: 30px;line-height: 32px;}

.product_li{width: 100%;}
.product_li ul{overflow: hidden;margin: 25px 0;}
.product_li ul li{width: 295px;margin: 35px 15px 0;border: 1px solid #cccccc;position: relative;overflow: hidden;float: left;}
.product_li_img{width: 100%;}
.product_li_p{width: 100%;position: absolute;bottom: 0;text-align: center;color: #000;
  transition: all 0.8s;
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;}
.product_li_p h4{color: #000;font-size: 18px;line-height: 30px;}
.product_li ul li:hover .product_li_p{width: 100%;position: absolute;bottom: 0 !important;text-align: center;height: 100%;background: url(../images/product_bg.png);
transition: all 0.8s;
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;}
.product_li ul li:hover .product_li_p h4{font-size: 18px;font-weight: normal;color: #fff;display: inline-block;padding: 10px 5px;border-bottom: 1px solid #fff;
  margin-bottom: 20px;margin-top: 20px;}
.product_li_p p{width: 80%;margin: 0 auto;font-size: 14px;color: #fff;line-height: 32px;
transition: all 0.8s;
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;}

.product_det{width: 100%;padding-bottom: 100px;}
.product_det_tit{font-size: 20px;color: #333333;margin-bottom: 20px;}
.product_det_tit h4{font-weight: normal;}
.product_det_img{border: 1px solid #ccc;width: 360px;float: left;}
.product_det_img img{display: block;margin: 0 auto;}
.product_det_des{width: 500px;float: left;margin-left: 35px;}

.service{width: 100%;}
.service ul li{width: 266px;margin:  0 0 35px 75px;float: left;}
.service_p{width: 100%;}
.service_p h4{font-size: 20px;color: #0075bc;font-weight: normal;margin: 35px 0;text-align: center;}
.service_p p{font-size: 14px;width: 100%;color: #333333;line-height: 30px;}

.implementation{width: 100%;}
.implementation ul li{width: 470px;float: left;margin-left: 30px;background: #efefef;margin: 0 0 25px 30px;}
.implementation_img{width: 125px;float: left;margin: 45px 0;}
.implementation_img img{width: 110px;margin: 0 auto;display: block;}
.implementation_p{width: 340px;float: left;margin-bottom: 20px;}
.implementation_p h4{font-size: 24px;color: #333;margin: 20px 0;}
.implementation_p p{font-size: 12px;color: #333;line-height: 22px;}
.implementation_bot{width: 100%;background: #007fc7;height: 20px;}

.case{width: 100%;}
.case_top{width: 90%;margin: 0 auto;}
.case_top_tit{width: 100%;}
.case_top_tit h4{width:545px;margin: 25px auto;font-size: 24px;line-height: 48px;}
.case_top_tit h4 span{display: inline-block;padding: 0 10px;}
.scrollBox{ width:100%;position:relative; }
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:758px;left:60px}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{float:left; display:inline; width:242px;background:#fff;margin-right:10px;position: relative;font-size: 0;}
.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
.scrollBox .pageBtn span{display:block;width:37px;height:59px;position:absolute;top:45px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{left:20px;background:url(../images/case_top_left.png) no-repeat;}
.scrollBox .pageBtn .next{right:20px;background:url(../images/case_top_right.png) no-repeat;}
.case_lb_1{width: 100%;position: absolute;left: 0;top: 0;height: 100%;display: none;background: url(../images/case_top_bg.png);}
.scrollBox .piclist li:hover .case_lb_1{display: block;}
.case_lb_1 h4{font-size: 18px;color: #fff;text-align: center;font-weight: 500;margin: 10px 0;}
.case_lb_1 p{font-size: 12px;color: #fff;width: 85%;margin: 0 auto;}
.scrollBox .piclist li img{width: 100%;}

.case_li{width: 100%;}
.case_li ul li{width: 100%;background: #efefef;position: relative;font-size: 0;margin-bottom: 30px;}
.case_li_img{width: 360px;float: left;}
.case_li_p{width: 560px;float: left;margin-left: 25px;}
.case_li_p h4{font-size: 18px;color: #333333;margin-top: 10px;}
.case_li_p span{font-size: 14px;display: block;margin: 10px 0 25px;}
.case_li_p p{width: 530px;font-size: 14px;line-height: 24px;}
.case_li_p a{display: inline-block;padding: 10px 15px;float: right;background: #007dc5;color: #fff;text-align: center;position: absolute;
  bottom: 0;right: 0;font-size: 14px;}

.case_det{width: 100%;}
.case_det_tit{width: 100%;}
.case_det_tit h4{font-size: 24px;text-align: center;font-weight: 500;margin: 10px 0;}
.case_det_tit p{text-align: center;font-size: 12px;}

.case_det_con{width: 100%;margin-top: 15px;}

.news{width: 100%;}
.news ul li{width: 100%;margin: 25px auto;border-bottom: 1px solid #999999;padding-bottom: 25px;}
.news_img{width: 350px;float: left;}
.news_img img{width: 100%;}
.mews_p{width: 540px;float: left;margin-left: 18px;}
.mews_p h4{font-size: 18px;font-weight: 500;margin-bottom:10px; }
.mews_p h4 a{color: #333333;font-size: 18px;}
.mews_p span{font-size: 12px;color: #999999;display: block;margin: 5px 0 30px;}
.mews_p p{font-size: 14px;color: #666;line-height: 28px;margin: 0 0 25px;}
.mews_p a{font-size: 14px;color: #007ac0;}

.contact{width: 100%;margin-bottom: 40px;}
.contact_left{width: 376px;float: left;}
.contact_rig{width: 545px;float: right;}

.message{width: 100%;}
.message h4{font-size: 20px;font-weight: 500;}
.message_con{width: 100%;margin: 25px 0;}
.message_con p{margin-bottom: 45px;}
.message_con p span{width: 110px;display: inline-block;font-size: 16px;}
.input_1{width: 500px;line-height: 45px;}
.input_2{width: 500px;height: 270px;}
.input_3{padding: 5px 20px;margin-right: 20px;font-size: 16px;color: #fff;background: #006fb0;border: none;}