﻿@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
}
body{
font-family:"microsoft yahei";
font-size:14px!important;
line-height:24px;
color:#616161;
background:#fff;
}
img{
border:none;
}
ul li{
list-style:none;
}
a{color:#616161; text-decoration: none;}

a:hover{color:#005ea6;text-decoration:none;}
@font-face {
	font-family:impact;
	src: url('../fonts/impact.ttf'); }

@font-face {
	font-family:impact;
	src: url('../fonts/impact.otf'); }
	


h1{

float:left;
padding-top:30px;
margin-right:0px;
padding-bottom:30px;
}

.logo{
float:left;font-size:35px; margin-top:35px;padding-left:20px;  color:#000;font-weight:900!important; line-height:30px;}
.logo span{color:#0070b8; }
.logo b{color:#444444; font-size:15px; font-weight:normal; letter-spacing:0.2px; line-height:40px; text-transform:uppercase}

.logo a{
color:#000;}

.en_cn1{float:right;text-align:right;background:url(../images/tel.jpg) no-repeat 72px top; margin-top:25px;}
.en_cn1 span{font-size:30px;font-family:Arial, Helvetica, sans-serif; color:#d30a00;   line-height:35px;}
.en_cn1 b{ font-weight:normal}


/*--------------------index.html start----------------------*/


#head{
width:1263px;
margin:auto;
}


#flash{
width:100%;
float:left;
height:700px;
}


#menu{width:900px; float:right;

}
ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; text-decoration:none;  text-align:center; }
ul.menu li {position:relative;  float:left; }
ul.menu ul {position:absolute;  left:0; display:none; opacity:0; list-style:none;  }
ul.menu ul li {position:relative; border-top:none; width:100%;font-weight:normal;background:#0f5ba9;color:#fff;  border-top:1px solid #fff;}
ul.menu ul li a {color:#fff;font-weight:normal;line-height:45px;}
ul.menu ul li a:hover {color:#fff; background:#e60012; }
ul.menu ul ul { top:0px}
ul.menu .menulink { padding-left:12px; padding-right:12px; height:120px;font-size:17px;_display: inline-block; line-height:120px;  }
ul.menu .menulink:hover, ul.menu .menuhover { color:#fff;  background:#0f5ba9;}
ul.menu .sub {}
ul.menu .topline {}


.yuyan a{ color:#fff;}
.yuyan{ margin-top:38px!important; background:#0f5ba9; width:45px; height:45px; line-height:45px; border-radius:50px; }



#nn1{
width:100%;
float:left;
height:80px;
background:#f0f0f0;
}
#nn{
width:1263px;
margin:auto;
}
#nn .n4{float:left;width:815px; }

#nn .n3{float:left;width:815px; color:#005ea6; font-size:20px; padding-top:18px; font-weight:bold }
#nn .n2{float:left;width:815px; line-height:80px; color:#8f8f8f }
#nn .n2 a{color:#8f8f8f }
#nn .n2 h3{float:left;   font-weight:normal; font-size:16px; text-transform:uppercase; line-height:80px; padding-right:20px; color:#3f3f3f }





#search{
width:280px;
 border-radius:25px;border:#d5d5d5 solid 1px;background:#fff;height:43px; margin-top:20px;
float:right;
}
#search_logo{ padding-top:0px;}


.searchinput{
height:34px;
line-height:34px;
margin-top:5px;
color:#333333;
border:#d5d5d5 solid 0px;
width:210px; margin-left:10px;

float:left;
padding-left:20px;
display:inline;

}







.ab2{width:1263px;margin:auto; padding-top:70px; clear:both;}
.ab2-1{width:468px; float:left; }
.ab2-1 h3{width:468px; float:left;font-size:45px; color:#003171;font-weight:900;line-height:90px; padding-bottom:15px; }
.ab2-1 h3 span{ font-weight:normal; font-size:18px; color:#191818; line-height:30px;}
.ab2-1 h3 p{ font-weight:normal; font-size:25px; color:#191818;line-height:40px; }
.ab2-1 h3 b{ font-weight:normal; font-size:15px; color:#ececec; font-size:70px; text-transform:uppercase;font-family:impact;line-height:60px;  }

.ab2-3{width:440px; float:left; line-height:26px; font-size:14px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; margin-bottom:25px;}


.ab1{width:217px;height:379px; float:left; background:#0f5ba9;writing-mode:vertical-rl; color:#4d7fb1; font-size:25px; line-height:50px; padding-top:30px; padding-right:20px;}
.ab1 b{font-size:40px; font-family:Arial, Helvetica, sans-serif; font-weight:900; text-transform:uppercase}
.ab11{width:558px;height:409px; float:right; overflow:hidden;
}
.ab11 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.ab11 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.m1{ float:left;  font-weight:normal; background:url(../images/m1.jpg) no-repeat; width:330px; height:45px; }
.m1-1{ float:left;  font-size:17px;  width:160px; line-height:45px; color:#000000; text-align:center}
.m1-2{ float:right;  font-size:20px; width:160px; line-height:45px; color:#fff; text-align:center}
.m1-2 a{ color:#fff; }









.pro_1{width:100%; width:100%; float:left; background:#f0f0f0; padding-top:70px; padding-bottom:70px; margin-top:75px;}
.pro_1 h3{width:1263px; float:left; text-align:center;  font-size:50px; color:#000; font-weight:normal; background:url(../images/xx2.png) no-repeat bottom center; line-height:45px;  padding-bottom:20px; }
.pro_1 h3 b{color:#003171; font-weight:900;}


.pro_1 h3 span{width:1263px; text-align:center;  font-size:20px; color:#9f9f9f; font-weight:normal; line-height:55px; }


.pro2{width:1263px; margin:auto;}

.left{width:333px; float:left; background:#222222; padding-bottom:20px;}
.left h3{width:333px; height:110px; line-height:110px; background:#0e518e; float:left; color:#FFFFFF; text-align:center; font-size:35px; font-weight:900;}

.left ul{width:333px;  text-align:left; font-size:17px; padding-top:0px; padding-bottom:0px;}
.left ul li{display:inline;float:left;width:100%;  }
.left ul li a{ float:left; width:333px; width:85%;  line-height:53px; padding-left:15%; color:#fff}
.left ul li:nth-child(even){background:#393939;}
.left ul li a:hover{ float:left;  color:#fff; background:#0c2c6c }

.left img{ padding-left:22px; padding-top:20px; padding-bottom:20px;}

.ship{width:333px; height:80px; line-height:80px; background:#0e518e; float:left; color:#FFFFFF; text-align:center; font-size:30px; font-weight:900;}
.dddh{ background:#393939; line-height:50px; color:#727272; font-size:15px; text-align:center}
.dddh b{  font-size:25px;}
.dddh1{ line-height:40px; color:#727272; font-size:15px; text-align:left; padding-left:20px;}



.pro-right{ width:887px; float:right;  }
.pro-right1{  background:#fff; width:887px; float:right; height:335px;  border: #d4d4d4 1px solid;border-top:#0e518e solid 5px; }

.pro-right1_1{width:429px; float:left; height:335px; }
.pro-right1_1 img{width:429px; float:left; max-height:271px; width:auto; padding-top:30px; padding-left:30px;}

.pro-right1_2 {width:419px; float:left; }
.pro-right1_2 h4{width:419px; float:left; padding-top:50px; font-size:25px; font-weight:normal;}
.pro-right1_21 {width:419px; float:left; padding-top:20px; padding-bottom:20px; }


.imglist ul li:nth-child(6){float:right}
.imglist ul li:nth-child(5){ margin-left:17px; float:left}
.imglist ul li:nth-child(3){float:right}
.imglist ul li:nth-child(2){ margin-left:17px; float:left}
.imglist ul li{text-align:center;float:left;display:inline;width:285px;height:auto; margin:8px 0px;overflow:hidden;background:#e0e0e0;}
.imglist ul li img{width:262px;height:195px; padding:10px; background:#fff;  border: #d4d4d4 1px solid; float:left}
.imglist ul li span{line-height:40px; padding-top:0px;height:40px;text-align:cente;  color:#000000;float:left;width:100%;}






.khq1{width:100%; float:left; background:#0e518e; padding-top:70px; padding-bottom:80px;}
.khq{width:1263px; margin:auto}

.khq h3{width:1263px; float:left; text-align:center;  font-size:40px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; letter-spacing:2px; line-height:70px;}
.khq h3 p{ border-bottom:#FFFFFF solid 1px; border-top:#FFFFFF solid 1px; font-size:70px; color:#FFFFFF; font-family:"microsoft yahei"; line-height:100px; width:600px; margin:auto}
.khq h3 b{ font-size:100px; color:#FFFFFF; font-family:"microsoft yahei"; line-height:10px; }



.dh2-1{width:210px; height:260px; float:left; background:url(../images/b1.jpg) no-repeat; text-align:center; color:#fff; font-size:25px; padding-top:40px; position:absolute; margin-top:50px; }
.dh2-1 img{ padding-top:20px; padding-bottom:20px;}
.dh2-1 p{ font-size:15px; line-height:35px; }

.dh2-2{width:210px; height:260px; float:left; background:url(../images/b1.jpg) no-repeat; text-align:center; color:#fff; font-size:25px; padding-top:40px; position:relative; margin-top:20px; margin-left:200px;}
.dh2-2 img{ padding-top:20px; padding-bottom:20px;}
.dh2-2 p{ font-size:15px; line-height:35px; }


.dh2-3{width:210px; height:260px; float:left; background:url(../images/b2.jpg) no-repeat; text-align:center; color:#fff; font-size:25px; padding-top:50px; font-weight:900 ;position:relative; margin-top:100px; margin-left:100px;}
.dh2-3 img{ padding-top:20px; padding-bottom:20px;}

.dh2-4{width:210px; height:260px; float:left; background:url(../images/b1.jpg) no-repeat; text-align:center; color:#fff; font-size:25px; padding-top:40px; ;position:relative; margin-top:20px; margin-left:100px;}
.dh2-4 img{ padding-top:20px; padding-bottom:20px;}
.dh2-4 p{ font-size:15px; line-height:35px; }


.dh2-5{width:210px; height:260px; float:right; background:url(../images/b1.jpg) no-repeat; text-align:center; color:#fff; font-size:25px; padding-top:40px; position:relative; margin-top:-200px; }
.dh2-5 img{ padding-top:20px; padding-bottom:20px;}
.dh2-5 p{ font-size:15px; line-height:35px; }


#tf1{
width:100%;
height:200px; color:#FFFFFF; 
float:left;
background:url(../images/bbb.jpg) no-repeat top center; margin-top:60px;
}

.tf{
width:1263px; 
margin:auto;
}
.tf span{ text-align:left; font-size:25px; padding-top:50px; line-height:35px; float:right!important; width:350px;}
.tf p{
 font-size:15px;
}





.ysz1{
width:100%;
float:left;

}

.ysz{
width:100%;
float:left;
background:url(../images/bb.jpg) no-repeat top center #000;
height:297px; 
}
.ys{
width:1263px;
margin:auto; 
}
.ys1{ float:right; padding-right:300px; padding-top:80px;
color:#fff; font-size:30px; text-align:right; line-height:50px;}
.ys1 b{font-size:70px;}
.ys1 p{font-size:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif }


.ys11{
width:1263px; float:left; background:url(../images/ys_bb.png) no-repeat 180px 155px; 
}


.nr1{ float:right;width:474px;height:0px; position: relative;clear: both; z-index:100; }
.nr2{float:left; width:474px; margin-top:40px; position: absolute;clear: both;}


.yyp{ width:740px; float:left; padding-top:40px;}
.yyp ul{ width:740px; float:left}
.yyp ul li{ padding-left:80px; float:left; text-align:center; font-size:18px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.yyp ul li:hover{ margin-top:-10px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}




.case1{width:100%; width:100%; float:left; background:#f0f0f0; padding-top:80px; padding-bottom:50px; margin-top:85px;}
.case h3{width:1263px; float:left; text-align:center;  font-size:50px; color:#000; font-weight:normal; background:url(../images/xx2.png) no-repeat bottom center; line-height:45px;  padding-bottom:20px; }
.case h3 b{color:#003171; font-weight:900;}
.case h3 span{width:1263px; text-align:center;  font-size:20px; color:#9f9f9f; font-weight:normal; line-height:55px; }



.honor{
width:1263px; margin:auto; clear:both
}

/* 本例子css */
/*==首页切换大图==*/
.rollBox{ overflow:hidden; width:1263px;margin:0 auto;z-index:-9999; }
.rollBox .Cont{width:1100px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pick{width:301px; height:226px;  float:left;text-align:center;margin-left:10px; margin-right:10px;    
  }
.rollBox .Cont .pic{width:301px; height:226px; float:left;text-align:left; background:#fff; }
.rollBox .Cont .pic img{ width:301px; height:226px;}



.imglist2 ul li:nth-child(4){float:right}
.imglist2 ul li:nth-child(3){ margin-left:17px;float:left}
.imglist2 ul li:nth-child(2){ margin-left:17px; float:left}
.imglist2 ul li{text-align:center;float:left;display:inline;width:301px;height:226px; margin:8px 0px;overflow:hidden;background:#e0e0e0;}
.imglist2 ul li img{width:301px;height:226px; padding:10px; background:#fff;  border: #d4d4d4 0px solid; float:left}




#new1{width:1263px; margin:auto; overflow:hidden; padding-bottom:50px; padding-top:40px;}
#new1 h3{width:1263px; float:left; text-align:center;  font-size:50px; color:#000; font-weight:900; line-height:55px; padding-top:20px; padding-bottom:50px; }
#new1 h3 span{width:1263px; text-align:center;  font-size:18px; color:#363636; font-weight:normal;}
#new1 h3 p{width:200px; margin:auto; position:relative; height:1px; background:#b5b5b5;}

 

.n_left{ float:left; width:770px; }
.n_left_1{ width:770px; height:130px; float:left;border-bottom:#CCCCCC dashed 1px;}
.n_left_1 h4{ width:770px; font-size:20px; height:44px; line-height:44px; font-weight:normal;color:#000000; }
.n_left_1 h4 b{ width:149px; height:44px; background:#0e518e; font-size:20px; color:#FFFFFF; text-align:center; float:left; line-height:44px; margin-right:35px;}
.n_left_1_1{ width:770px; float:left; padding-top:15px;}



.n_left_2{ float:left; width:770px; }
.n_left_2 ul{ width:770px; float:left; padding-top:18px;}
.n_left_2 ul li{ width:770px; float:left;  border-bottom:#CCCCCC dashed 1px; padding-bottom:10px; margin-bottom:15px;}
.n_left_2 ul li img{ width:213px; height:120px; padding-right:30px; float:left}
.n_left_2_1{ width:496px;  float:left; }
.n_left_2_1 h6{ float:left; font-size:20px; color:#000000; line-height:35px;}




.n_left_3{ float:left; width:770px; }
.n_left_3 ul{ width:770px; float:left;}
.n_left_3 ul li{ width:770px; float:left;  font-size:15px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; line-height:43px;}
.n_left_3 ul li:hover{ color:#0066CC;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.sshijian{ float:right }



.n_right{ width:420px; height:570px; border:#dcdcdc solid 1px; float:right; font-size:14px; padding:25px;}
.n_right h4{ width:366px; font-size:25px; color:#0e518e; line-height:35px; }
.n_right h4 span{ float:right; font-size:14px; font-weight:normal}

.n_right img{ width:366px; height:206px; padding-top:20px; }

.n_right ul{ width:366px; float:left; padding-top:18px;}
.n_right ul li{ width:366px; float:left;  font-size:15px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; line-height:50px; border-bottom:#CCCCCC dashed 1px;}
.n_right ul li:hover{ color:#0066CC;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}










#fot1{width:100%;float:left;background:#232324;padding-top:50px;padding-bottom:40px; border-top:#003171 solid 11px;}



.fot{ width:1263px; margin:auto;font-size:14px; padding-bottom:35px;}



.ewm1{ width:250px;float:left; margin-right:40px;}
.ewm{ width:108px;float:left; text-align:center; color:#FFFFFF; font-size:14px; line-height:40px; margin-right:15px; padding-top:25px;}
.ewm p{ width:108px; float:left;  }

.contact{ width:330px; float:left; border-left:#2c2c2d solid 1px; border-right:#2c2c2d solid 1px; padding-left:70px; padding-right:40px; color:#7f7f87; line-height:30px;  }
.contact h3{ width:420px;  float:left;  color:#cfcfcf; line-height:35px; padding-bottom:20px;}





.dh{ width:215px; float:left; padding-left:100px;}
.dh h3{ width:215px;  float:left;  color:#cfcfcf; line-height:35px; padding-bottom:0px;}
.dh ul{ width:215px; float:left; padding-top:18px;}
.dh ul li{ width:215px; float:left;  font-size:15px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; line-height:35px; }
.dh ul li a{ color:#7f7f87}
.dh ul li a:hover{ color:#fff;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}


.dh1{ width:215px; float:right; }
.dh1 h3{ width:215px;  float:left;  color:#cfcfcf; line-height:35px; padding-bottom:0px;}
.dh1 ul{ width:215px; float:left; padding-top:18px;}
.dh1 ul li{ width:215px; float:left;  font-size:15px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; line-height:35px; }
.dh1 ul li a{ color:#7f7f87}
.dh1 ul li a:hover{ color:#fff;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}


.footer1{width:100%;float:left;background:#232324;  border-top:#2c2c2d solid 1px; }
.footer{width:1263px; margin:auto;line-height:25px; text-align:left; padding-top:30px; padding-bottom:30px;}
.zzb07tail{color:#7b7b7b}
a.zzb07link{color:#7b7b7b; text-decoration:none;}

a.zzb07link:hover {color:#7b7b7b;text-decoration:underline;

}

.menu_pc{ display:block}
.menu_wap{ display:none}

.foot_wap{ display:none}
