@charset "utf-8";
/* CSS Document */

*{ font-family:"微软雅黑"; font-size:14px; text-decoration:none; color:black;}
img{ display:block; border:none;}
body{ margin:0; padding:0;}
ul{ margin:0; padding:0;}
li{ list-style:none;}
em{ margin:0; padding:0; /*font-style:normal;*/}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal; font-size:14px;}
p{ padding:0; margin:0;}
input{ border:none;}
dl,dd{ margin:0; padding:0;}
.clearfix{ clear:both;}

/*.logo_bg{ width:100%;}
.logo_cte{ width:90%; margin:20px auto;}
.logo_box{ width:50%; float:left;}
.logo{ float:left;}
.logo{ padding:0 2%;}
.logo_x{ float:left; padding:0 3%; background:url(../images/line.png) left center no-repeat;}
.logo_x li{ font-size:15px; color:#363f53;}
.logo_phone{ width:30%; float:right;}
.logo_phone li{ font-size:24px; color:#01397b; line-height:40px; text-align:right; font-weight:600; padding-left:30px; background:url(../images/phone.png) 40% center no-repeat;}

.banner_bg{}
.banner{ width:100%; height:100%; overflow:hidden; position:relative;}
.btn li{ width:10px; height:10px;border-radius:50%; background-color:#129da0; float:left; margin:0 2%;}
.btn{ width:40%; margin:0 auto; position:absolute; top:90%; left:50%; margin-top:20px;}
.btn .current{ background-color:white;}

.logo_bg{ width:100%; height:80px; background-color:rgba(54,63,83,0.6); position:absolute; left:0; top:0; }
.logo_cte{ width:90%; margin:0 auto;}
.logo{ width:20%; float:left;}
.logo img{ display:block; height:auto; margin-top:18px;}
.nav_bg{ width:75%; float:right;}
.nav_cte{ width:100%; margin:0 auto;}
.nav{ width:100%;}
.nav li{ width:14%; float:left;}
.nav li a{ font-size:14px; color:#fff; line-height:80px; display:block; text-align:center;}
*/

/*.nav_bg{ width:100%; background-color:whte;}
.nav_cte{ width:90%; margin:0 auto; height:80px; border-left:1px #ccc solid; border-right:1px #ccc solid;}
.nav_logo{ width:17%; float:left; height:80px; margin-right:3%; border-right:1px #ccc solid; box-sizing:border-box;}
.nav_logo li{ width:100%;}
.nav_logo li img{ margin-top:20px; padding-left:10%;}
.nav{ width:60%; float:left;}
.nav li{ width:14%; float:left;}
.nav li a{font-size:14px; color:#333; line-height:80px; display:block; text-align:center;}
.nav li a:hover{ background-color:#081660; color:white;}
.nav .current a{ background-color:#081660; color:white;}
.nav_phone{ width:20%; float:left; border-left:1px #ccc solid; box-sizing:border-box;}
.nav_phone li{ font-size:25px; color:#d50009; font-weight:600; text-align:right; padding-right:8%; line-height:80px; background:url(../images/phones.png) 12% center no-repeat; background-size:15%;}

.banner_bg{ position:relative;}
.banner{ margin:0 auto; height:100%; overflow:hidden; position:relative;}
.banner a{ display:none;}
.banner a:first-child{ display:block;}
.banner img{ display:block; margin:0 auto;}
.btn li{ width:10px; height:10px;border-radius:50%; background-color:#003578; float:left; margin:0 2%;}
.btn{ width:40%; margin:0 auto; position:absolute; top:80%; left:48%; margin-top:20px;}
.btn .current{ background-color:white;}

*/

.banner_bg{ position:relative;}
.banner{ margin:0 auto; height:100%; overflow:hidden; position:relative;}
.banner a{ display:none;}
.banner a:first-child{ display:block;}
.banner img{ display:block; margin:0 auto;}
.btn li{ width:10px; height:10px;border-radius:50%; background-color:#003578; float:left; margin:0 2%;}
.btn{ width:40%; margin:0 auto; position:absolute; top:80%; left:48%; margin-top:20px;}
.btn .current{ background-color:white;}

.head_bg{ width:100%; margin-top:20px; position:absolute; top:0; left:0;}
.head_cte{ width:90%; margin:0 auto;}
.head_cte img{ margin-left:86%;}
.head{ float:right;}
.head li{ float:left; padding-left:10px;}
.head li a{ font-size:14px; color:#fff; line-height:40px;}
.head_phone{}
.head_phone li{ text-align:right; font-size:16px; color:#fff; font-weight:600;}

.nav_bg{ width:100%; background-color:#001a49; position:relative;}
.nav_cte{ width:90%; margin:0 auto;}
.nav{ width:100%;}
.nav li{ width:14.28%; float:left; background:url(../images/line.png) right center no-repeat;}
.nav li a{ font-size:15px; color:white; line-height:45px; display:block; text-align:center;}
.nav li a:hover{ background-color:#ff0103;}
.sub_bg{ position:absolute; left:0; bottom:45px; background-color:white; display:none;}
.sub_cte{ width:90%; margin:0 auto; padding:20px 0;}
.nav .sub_nav{ width:100%; padding:10px 0;}
.nav .sub_nav li{ float:left; width:14%;}
.nav .sub_nav li a{ color:#0867a1; line-height:40px; text-align:left; font-size:15px; font-weight:600;}
.nav .sub_nav li a:hover{ background:none;}
.sub_box{ width:100%; margin:10px auto;}
.sub_web{ width:30%; float:left;}
.sub_web h1{ font-size:20px; color:#333; font-weight:600; line-height:35px;}
.sub_web p{ font-size:14px; color:#888; line-height:26px; margin-top:10px;}
.sub_web h2{}
.sub_web h2 a{ text-transform: uppercase; color:#0867a1; font-weight:600; text-align:left;}
.sub_web h2 a:hover{background:none;}
.sub_pic{ width:27%; float:left; margin:0 1.5%;}
.sub_pic h1{font-size:20px; color:#333; font-weight:600; line-height:35px;}
.sub_pic img{ width:100%; margin-top:10px;}
.sub_pic h2 a{ text-transform: uppercase; color:#0867a1; font-weight:600; text-align:left;}
.sub_pic h2 a:hover{ background:none;}
.spro_nav{ width:30%; float:left; padding:20px 0;}
.spro_nav li{ width:100%; border-bottom:1px #ccc solid;}
.nav .spro_nav li a{ color:#888; line-height:45px; padding-left:5%; font-weight:600; display:inherit; background:none; text-align:left;}
.nav .spro_nav li a:hover{ color:#0867a1;}
.spro_pic{ width:27%; float:left; margin:0 1.5%;padding:20px 0;}
.spro_pic h1{font-size:20px; color:#333; font-weight:600; line-height:35px;}
.spro_pic h2 a{ text-transform: uppercase; color:#0867a1; font-weight:600; text-align:left;}
.spro_pic img{ width:100%;margin-top:10px;}
.spro_pic h2 a:hover{ background:none;}
.nav li:hover .sub_bg{ display:block;}






.new_bg{ width:100%;}
.new_cte{ width:90%; margin:0 auto;}
.new_box{ width:100%; margin:20px auto;}
.com_new{ width:30%; float:left; margin:0 1.5%;}
.new_head{ width:100%; border-bottom:1px #ccc solid;}
.new_title{ float:left;}
.new_title li{ float:left; font-size:18px; color:#081660; font-weight:600; line-height:50px;}
.new_title h1{ float:left; font-size:18px; font-weight:600; line-height:50px; color:#ff0103}
.new_head h2{ float:right;}
.new_head h2 a{ font-size:14px; font-weight:600; color:#333; line-height:50px;}
.new_web{ width:100%; margin-top:15px;}
.new_web img{ width:100%;}
.new_web{ width:100%; margin:15px auto;}
.new{ width:100%; border-bottom:1px #ccc dotted;}
.new li{ width:70%; float:left;}
.new li a{ display:block; width:90%; font-size:14px; color:#333; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.new li a:hover{ color:#0867a1;}
.new h1{ float:right; font-size:13px; color:#666; line-height:40px; background:url(../images/time.png) left center no-repeat; padding-left:15px;}
#ticker { width:90%; margin:0 auto; height:470px; overflow:auto; }
#ticker dt { background:url(../images/wen.png) center left no-repeat; padding:0 10px 5px 25px; border:1px solid #ffffff; border-bottom:none; border-right:none; position:relative; }
#ticker dt a{font-family:"微软雅黑"; font-size:14px;color:#0867a1;line-height:30px;}
#ticker dd { font-family:"微软雅黑"; font-size:12px; color:#969696; background:url(../images/da.png) center left no-repeat; margin-left:0; padding:7px 10px 10px 25px; line-height:20px; border-bottom:1px #ccc dotted; position:relative; }
#ticker dd.last { border-bottom:1px solid #ffffff; }

.pro_bg{ width:100%;}
.pro_cte{ width:90%; margin:0 auto; padding:30px 0;}
.pro_title{ border-bottom:1px #c9c9c9 solid;}
.pro_title img{ margin:0 auto; padding:20px 0;}
.pro_box{ width:100%; margin-top:40px;}
.pro_wen{ width:100%; margin-bottom:20px;}
.pro_wen h2{ font-size:14px; color:#ff0000;}
.pro_left{ width:20%; float:left;}
.left_title{ width:100%; padding:20px 0; background-color:#081660;}
.left_title li{ font-size:20px; color:white; line-height:25px; text-align:center; font-weight:600;}
.left_title h3{ font-size:18px; color:white; line-height:30px; text-align:center;}
.left_box{ width:100%; padding:10px 0; padding-top:0; background-color:#081660;}
.left_nav{ width:95%; margin:0 auto; background-color:white;}
.left_nav li{ border-bottom:1px #ccc dotted;}
.left_nav li a{ font-size:15px; color:#333; line-height:45px; display:block; padding-left:5%;}
.left_nav li a:hover{ background-color:#ff0103; color:white;}
.left_con{ width:100%; margin-top:10px;}
.leftcon_title{width:100%; padding:20px 0; background-color:#555;}
.leftcon_title li{ font-size:20px; color:white; line-height:25px; text-align:center; font-weight:600;}
.leftcon_title h3{ font-size:18px; color:white; line-height:30px; text-align:center;}
.left_con p{ padding:5%; padding:5%;  font-size:15px; color:#333; line-height:25px;border:1px #ccc solid; box-sizing:border-box;}
.pro_right{ width:75%; float:right;}
.pro_tui{ width:100%; border:1px #ccc solid; box-sizing:border-box;}
.pro_tui li{ float:left; padding-left:30px; font-size:20px; font-weight:600; line-height:40px; color:#333;}
.pro_tui h1{ float:right; padding-right:30px;}
.pro_tui h1 a{ font-size:15px; color:#081660; line-height:45px;}
.product_box{ width:100%; margin-top:20px; border:1px #ccc solid;padding:10px 0;}
.pro{ width:30%; float:left; margin:10px 1.5%; }
.pro li{ width:100%;}
.pro li img{ width:100%;display:block;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.pro li img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.pro h1{ font-size:15px; color:#fff; line-height:40px; text-align:center; width:100%; background-color:#081660;}

/*.about_bg{ width:100%;}
.about_cte{}
.about_web{ width:40%; padding:5%; float:left;}
.about_title h1{ font-family:"微软雅黑";font-size: 20px; color:#081660; line-height:40px; font-weight:600;}
.about_title li{ width:50px; height:2px; background-color:#ff0103;}
.about{ width:100%; margin:20px auto; margin-top:40px;}
.about p{ font-size:15px; color:#333; line-height:30px;}
.about li{ margin-top:30px;width:200px; border-radius:20px; background-color:#ff0103;}
.about li a{ font-size:15px; color:white; line-height:40px; display:block; text-align:center;}
.about_pic{ width:40%; padding:5%; background:url(../images/bg.jpg) top center no-repeat; float:right;}
.about_pic img{ width:100%;}
*/
.list_bg{ width:100%; background-color:#f6f6f6;}
.list_cte{ width:90%; margin:0 auto;}
.list_left{ width:55%; padding:2.5%; float:left; background-color:white; margin:30px 0;}
.list_title{}
.list_title h1{ font-size:26px; font-weight:600; color:#081660; line-height:35px;}
.list_title li{ font-size:20px; color:rgba(216,33,40,1);}
.list_box{ width:100%; margin-top:20px;}
.list{ width:22%; float:left; margin:10px 1.5%; background-color:#f2f2f2;}
.list li{ width:80%; margin:10px  auto;}
.list li img{ width:100%; display:block;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.list li img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.list h2{ font-size:14px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; text-align:center; padding-bottom:15px; font-weight:600;}
.list_right{ width:40%; height:100%; float:left; background:url(../images/company.png) top center no-repeat;}
.list_about{ width:90%; margin:0 auto; padding:39.4% 0;}
.list_about h3{ font-size:20px; color:#081660; font-weight:600; line-height:35px;}
.list_about p{ font-size:14px; line-height:35px; color:#fff;}
.list_about li{ width:150px; border:1px #999 solid;background: rgba(255,255,255,0.3);margin-top:20px;}
.list_about li a{ padding: 0px 15px; font-size:15px; color:#333; line-height:45px;display: inline-block;}
.list_about li a:hover{ color:#d8162e;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;}

.about_bg{ width:100%; height:400px; background-color:#005aa1;}
.about_cte{ width:100%;}
.about_left{ width:40%; float:left; background-color:#005aa1;}
.about_top{ width:80%; margin:30px auto;}
.about_top img{ margin:0 auto; display:block;}
.about_top h1{ font-size:20px; color:#fff; line-height:40px; font-weight:600; margin-left:30%; margin-top:10px;}
.about_box{ width:80%; margin:0 auto;}
.about_list{ width:100%;}
.about_list li{ width:45%; float:left; margin:10px 2.5%; border-bottom:1px #fff solid;}
.about_list li a{ display:block; font-size:15px; color:#fff; line-height:45px; background:url(../images/1_11.png) center right no-repeat;}
.about_right{ width:60%; height:400px; overflow:hidden; float:left; background:url(../images/1_8.jpg) top center no-repeat;}
.right_title{ width:70%; margin-left:5%; margin-top:60px;}
.right_title h1{ font-size:25px; color:#fff; font-weight:600; line-height:40px;}
.right_title h2{ font-size:16px; color:#fff; line-height:30px;}
.right_title li{ font-size:12px; color:#fff;}
.right_box{ width:90%; margin:0 auto; margin-top:70px;}
.right_web{width:22%; float:left; margin:0 1.5%;}
.right_nub{ }
.right_nub h1{width:100%; font-size:60px; text-align:center; color:white;}
.right_web p{ font-size:14px; color:white; margin-top:10px;}


.img_bg{ width:100%;}
.img_cte{ width:90%; margin:0 auto;}
.xing_box{ width:100%;}
.scrollleft{width:95%;padding:5px 20px 0px 20px;margin:20px auto;}
.scrollleft li{float:left;margin-right:7px;display:inline;width:320px;text-align:center;line-height:19px}
.scrollleft li span{ font-size:16px; color:#333; line-height:40px; display:block; width:304px;}
.scrollleft img{width:290px; height:auto;padding:6px;border:solid 1px #ddd;}

.foot_bg{ width:100%; background-color:#081660;}
.foot_cte{ width:90%; margin:0 auto; padding:20px 0;}
.left{ width:20%; float:left; border-right:1px #fff solid; box-sizing:border-box;}
.left h1{ font-size:16px; color:white; line-height:35px;}
.left_map{ width:100%;}
.left_map li{ width:50%; float:left;}
.left_map li a{ font-size:14px; color:#f1f1f1; line-height:35px;}
.center{ width:30%; float:left; border-right:1px #fff solid; box-sizing:border-box;}
.c_nav{ width:100%;}
.c_nav h1{ font-size:16px; color:white; line-height:35px; text-align:center;}
.c_nav h2{ font-size:24px; color:white; line-height:25px; text-align:center;}
.c_nav h3{ font-size:12px; color:white; line-height:25px; text-align:center;}
.c_nav li{ width:50%; border:1px #fff solid; border-radius:20px; margin:15px auto 0; text-align:center; font-size:15px; line-height:30px; color:white;}
.right{ width:45%; padding-left:5%; float:left;}
.r_contact{ width:60%; float:left;}
.r_contact p{ font-size:14px; color:white; line-height:30px; text-align:right;}
.r_pic{ width:40%; float:left;}
.r_pic img{ width:70%; margin-left:5%;}

.ban_bg{ width:100%; background-color:#030926;}
.ban_bg p{ font-size:14px; color:#fff; line-height:30px; text-align:center;}
.ban_bg p a{ color:white;}