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

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

.web_{width:100%;min-width:1200px;margin:0 auto;overflow:hidden;}
.web{width:1200px;margin:0 auto;overflow:hidden;}
.margintop{margin-top:60px;}
.topbg{background:#fff;}

.logo{margin:20px auto;background:url(image/logo.png) no-repeat left center scroll;width:222px;height:50px;}
.logo a{ display:block; width:222px; height:50px; text-indent:-999em;}

.menu_nav{overflow:hidden;}
.menu_nav p{text-align:right;margin:12px 0;}
.menu_nav p a{display:inline-block; font-family:Microsoft YaHei,幼圆,Arial, Helvetica, sans-serif;color:#666;font-size:13px;}
.menu_nav p a:hover{color:#0060aa}
.menu_nav ul {overflow:hidden;line-height:30px;}
.menu_nav ul a{display:inline-block;font-size:17px;color:#222;margin-left:40px;}
.menu_nav ul a:hover{color:#0060aa;}

.bannar{height:600px;}

/*Index Bannar*/
.inbannarbg{height:600px;overflow:hidden;}
.banner{width:100%;min-width:1200px;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:600px; 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:#fff;border:0px solid #009899; 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:#ff0000;border:0px solid #e70012; }


.bannar_home_text{position:absolute;overflow:hidden;bottom:250px;left:0;text-align:left;}
.bannar_home_text_{background:url(image/bgv.png) repeat left center scroll;padding:20px 40px 20px 50px;line-height:1.2;-webkit-border-radius:0px 10px 10px 0px; -moz-border-radius:0px 10px 10px 0px; border-radius:0px 10px 10px 0px; }
.bannar_home_text_ h2{color:#fff;font-size:26px;font-weight:normal;}
.bannar_home_text_ h2 strong{font-size:20px;font-weight:normal;}
.bannar_home_text_ img{display:block;margin-top:15px;}




.nybannar{height:300px;color:#fff;}
.nybannar_text{text-align:right;font-size:24px;border-radius:0px 10px 10px 0px;margin-top:130px;height:60px;line-height:60px;text-shadow: .2rem 0rem .5rem #000,-.2rem 0rem .5rem #000,0rem .2rem .5rem #000,0rem -.2rem .5rem #000;}

.bannar_about{background:url(img/bannar-about.jpg) no-repeat center center scroll;}
.bannar_why{background:url(img/bannar-why.jpg) no-repeat center center scroll;}
.bannar_tech{background:url(img/bannar-tech.jpg) no-repeat center center scroll;}
.bannar_fangshi{background:url(img/bannar-fangshi.jpg) no-repeat center center scroll;}
.bannar_projects{background:url(img/bannar-projects.jpg) no-repeat center center scroll;}
.bannar_contact{background:url(img/bannar-contact.jpg) no-repeat center center scroll;}

/*NewIndex start*/

.newin_box{width:560px;}

.marginright{margin-right:80px;}
.newin_box1{overflow:hidden;}
.newin_box1 p{line-height:30px;font-size:16px;font-weight:normal;margin-top:30px; }
.newin_box1 span{ display:inline-block;margin-top:30px;}
.newin_box1 span a{color:#0060aa; text-decoration:underline;font-size:18px;}
.newin_box1 span a:hover{color:#222;}
.newin_box2{height:328px;overflow:hidden;}

.newinbg{background:#eee;padding:60px 0;}

.newin_box3 h3{background:#0060aa;color:#fff;font-size:24px;line-height:40px;text-align:center;font-weight:normal;border-radius:5px 5px 0 0;}
.newin_box3 ol{width:560px;height:280px;overflow:hidden;}
.newin_box3 ol img{width:560px;height:280px;transition: all 0.6s;}
.newin_box3 ol img:hover{transform: scale(1.2);}
.newin_box3 p{background:#fff;padding:15px 20px;line-height:24px;font-size:15px;border-radius: 0 0 5px 5px;}
.newin_box3 p span{display:block;margin-top:10px;}
.newin_box3 p span a{color:#0060aa; text-decoration:underline;font-size:13px;}
.newin_box3 p span a:hover{color:#222;}

.newin_box_{width:374px;overflow:hidden;margin-right:39px;}
.newin_box_.end{margin-right:0px;}

.newin_box4 h3{background:#0060aa;color:#fff;font-size:18px;line-height:36px;text-align:center;font-weight:normal;border-radius:5px 5px 0 0;}
.newin_box4 ol{width:374px;height:160px;overflow:hidden;}
.newin_box4 ol img{width:374px;height:160px;transition: all 0.6s;}
.newin_box4 ol img:hover{transform: scale(1.2);}
.newin_box4 p{background:#f9f9f9;padding:15px 20px;line-height:24px;font-size:13px;border-radius: 0 0 5px 5px;}
.newin_box4 p span{display:block;margin-top:10px;}
.newin_box4 p span a{color:#0060aa; text-decoration:underline;font-size:13px;}
.newin_box4 p span a:hover{color:#222;}




/*NewIndex end*/

.inboxx{width:358px;margin-right:30px;border:1px solid #e9e9e9;background:#fff;padding:10px;overflow:hidden;}
.inboxxend{margin-right:0;}

.inboxx_img{width:120px;margin-right:10px;}
.inboxx_img img{width:118px;border:1px solid #fff;}
.inboxx_con{width:228px;overflow:hidden;}
.inboxx_con h3{font-size:15px;margin-bottom:5px;}
.inboxx_con h3 a{color:#0060aa;}
.inboxx_con p{line-height:18px;}
.inboxx_con span{display:block;margin-top:5px;}
.inboxx_con span a{color:#0060aa;font-size:14px;}

.inboxx:hover{background:#0060aa;color:#fff; cursor:pointer;animation:fadein 0.6s 1;}
.inboxx:hover a{color:#fff;}
.inboxx:hover img{border:1px solid #fff;}

.inboxy{width:358px;margin-right:30px;border:1px solid #e9e9e9;background:#fff;padding:10px;overflow:hidden;}
.inboxyend{margin-right:0;}
.inboxy_tit{font-size:15px;color:#0060aa;font-weight:bold;margin-bottom:10px;}
.inboxy_con{overflow:hidden;height:140px;}
.inboxy_img{width:120px;margin-right:10px;}
.inboxy_img img{width:118px;height:138px;border:1px solid #fff;}

.inboxy_con_con{width:228px;overflow:hidden;}
.inboxy_con_con p{line-height:18px;}
.inboxy_con_con span{display:block;margin-top:10px;}
.inboxy_con_con span a{color:#0060aa;font-size:14px;}

.inboxy:hover{background:#0060aa;color:#fff; cursor:pointer;animation:fadein 0.6s 1;}
.inboxy:hover a{color:#fff;}
.inboxy:hover img{border:1px solid #fff;}

.inboxy:hover .inboxy_tit{color:#fff;}

.inboxy_news{overflow:hidden;height:140px;}
.inboxy_news hr{height:1px;border:0;background:#eee;margin:10px 0;}
.inboxy_news:hover hr{background:#005495;}

.inboxy_news li{overflow:hidden;}
.inboxy_news li a{display:inline-block;line-height:18px;}
.inboxy_news li:hover a{ text-decoration:underline;}

.inboxy_news span{display:block;margin-top:20px;}
.inboxy_news span a{color:#0060aa;font-size:14px;}

.footbg{text-align:center;height:60px;background:#e6e6e6;padding-top:30px;color:#666;}

.nytit{margin-top:30px;border-bottom:1px solid #ccc;padding-bottom:10px;}
.nytit span{display:inline-block;}
.nytit span.nytit_name{font-size:30px;color:#005495;}
.nytit span.nytit_Loca{color:#666;margin-top:15px;}
.nytit span.nytit_Loca a{color:#666;}
.nytit span.nytit_Loca a:hover{color:#000;text-decoration:underline;}

.nybox{margin-top:30px;min-height:400px;}

.projectlist{overflow:hidden;margin-top:40px;}
.projectlist ul{overflow:hidden;}
.projectlist ul li{ float:left;width:575px;margin-right:50px;overflow:hidden;padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #f1f1f1;}
.projectlist ul li.end{margin-right:0;}
.projectlist ul li dd{float:left;display:block;overflow:hidden;width:140px;height:73px;margin-right:15px;margin-top:3px;}
.projectlist ul li dd img{width:140px;height:73px;transition: all 0.6s;}
.projectlist ul li dd img:hover{transform: scale(1.2);}
.projectlist ul li ol{float:left;display:block;width:420px;}
.projectlist ul li h3{font-size:16px;margin-bottom:5px;color:#0060aa;font-weight:normal;}
.projectlist ul li ol p{line-height:1.5;}

/*
.contact{overflow:hidden;margin-top:40px;}
.contact ul{overflow:hidden;}
.contact ul li{ float:left;width:550px;margin-right:100px;overflow:hidden;padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #f1f1f1;}
.contact ul li.end{margin-right:0;}
.contact ul li dd{float:left;display:block;overflow:hidden;width:180px;height:100px;margin-right:30px;}
.contact ul li dd img{width:180px;height:100px;}
.contact ul li ol{float:left;display:block;width:290px;}
.contact ul li ol h3{font-size:16px;margin-bottom:10px;color:#0060aa;font-weight:normal;}
.contact ul li ol p{line-height:1.5;}
*/


.contact img{width:100%;}





.about img{float:right;margin-left:30px;margin-top:5px;}