body{width: 100%;height: 100%;min-width:1200px;overflow-x: hidden;overflow-y: scroll; font-size:14px; font-family:'Microsoft Yahei',Arial,sans-serif;}
input,textarea{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:middle}
body,button,dd,dl,form,h1,h2,h3,h4,h5,ol,p,ul,menu{margin:0}
ol,ul,menu,li{padding-left:0;list-style-type:none}
h1,h2,h3,h4,h5,h6,font {font-size:14px;}
ul,ol { list-style-type:none; vertical-align:bottom; }
a{ color:#333; text-decoration:none;}
a:hover{ color:#1857A4; text-decoration:none;}
img,input{border:0px; vertical-align:middle; outline:none;}
ul,ol,li{list-style:none;}
table,th,td{border-collapse:collapse;}
.fl,.left{ float:left;}
.fr,.right{ float:right;}
.clear,.c{clear:both; height:0px; font-size:0px; overflow:hidden;}
.c10{clear:both; height:10px; font-size:0px; overflow:hidden;}
.c20{clear:both; height:20px; font-size:0px; overflow:hidden;}
.c30{clear:both; height:30px; font-size:0px; overflow:hidden;}
.c40{clear:both; height:40px; font-size:0px; overflow:hidden;}
.c50{clear:both; height:50px; font-size:0px; overflow:hidden;}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%;top:0;left:0;}
.w1200{width:1200px; margin:0 auto; position:relative;}
.huanyingbj{ height:30px; width: 200px;position: absolute;z-index: 999;right: 380px}
.huanying{ width:1200px; margin:0 auto; height: 30px; line-height:30px; color:#868686; font-size:13px;}
.huanying .top_left{float:left;}
.huanying .top_right{color:#333; float: right;}
.huanying .top_right a{color:#fff; padding:0px 8px;    width: 90px;height: 30px; display: block;line-height: 30px;font-size: 16px;text-align: center;float: left;background: #000; margin: 0 1px;}

.hearder{width:100%; height:185px;background:url(../images/top_bg.png) repeat-x; position:relative; z-index:100;}
.hearder .logo,.hearder .logo img{float:left;}
.hearder .logo{padding-top:16px}
.hearder .top_right{width:949px; float:right;}
.hearder .top_welcome{height:125px; background:url("../images/logo.jpg") no-repeat left top;}
.hearder .top_welcomeen{height:125px; background:url("../images/logo_en.jpg") no-repeat left top;}
.top_desc{float:left; display:block; width:360px; padding-left:54px; padding-top:30px;}
.top_desc h3{ font-size:20px; color:#333333;display:block; font-weight:bold; height:60px; line-height: 30px;}
.top_desc h4{font-size:16px; color:#999; display:block;}
.top_tel{float:right;  background:url(../images/tel1.jpg) no-repeat left 35px;padding-left:60px;padding-top:30px; line-height:28px; font-size:24px; color:#000; text-align:left;margin-top:17px}
.top_tel span{ display:block; color:#666; font-size:16px;  clear:both;}

.hearder .menu{width:1200px; clear:both; height:60px; line-height:60px; font-size:16px; color: #fff;}
.hearder .menu li{width:14.25%; float:left; list-style:none; text-align:center;}
.hearder .menu li a{font-size:16px; color: #fff; display:block; text-transform:uppercase;}
.hearder .menu li a:hover{color:#40C5EE}
.hearder .menu li a:after{content: "|"; float:right; line-height:60px; color:#fff; width:1px;}
.hearder .menu li:last-child a:after{content: ""; display:none;}

.banner-inner{ height: 430px;}

.cp_class{width:100%; margin:0 auto; padding-bottom:10px;}
.cp_class ul{padding:0px;}
.cp_class li{width:25%; height:40px; overflow:hidden; margin:5px 0; float:left; text-align:center;}
.cp_class li a{font-size:16px;height:40px;width:96%; margin:0 auto; line-height:40px;background:#e2e2e2; color:#111; display:block;transition:all 0.4s;}
.cp_class li a:hover{background:#0366BB;color:#fff;}
.cp_class li a.hover{background:#0366BB;color:#fff;}

/*banner*/
.fullSlide{width:100%;position:relative;height:600px; top:-38px; z-index:10; room:1; clear:both;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:600px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:40px;height:8px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;transition:all 0.6s;}
.fullSlide .hd ul .on{background:#da251c;width:70px;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:40%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

.wordkey{width:100%; height:56px; line-height:56px; font-size:16px; background:#f3f3f3; margin-top:-38px;}
.wordkey strong{font-size:16px;float:left; color:#1496ca; margin-right:20px}
.wordkey a{float:left; font-size:16px; padding-right:15px;}
.wordkey .search_top{float: right;height: 55px;}
.wordkey .search_top .txt{background: #fff;height: 35px; line-height: 35px; color:#333;  width: 250px; border-radius: 20px;padding-left: 35px;margin-top: -4px;}
.wordkey .search_top .submit{width:50px; background:url(../images/submit_bg.png) no-repeat center; margin-left:-50px}

.product{width:100%; background:#dfe2eb; padding:50px 0 5px 0;}

.title{height:50px; text-align:center; width:100%; display:block; font-size:32px; color:#333;}

.con_right{width:910px; float:right;display:block; overflow: hidden;}
.index_cp{width:100%;display:block; overflow: hidden;}
.index_cp ul {margin:0;padding:0; clear:both; overflow: hidden;}
.index_cp li {float:left; width: 285px;  margin-bottom:30px; text-align:center;border-collapse: collapse;margin-right:20px;transition:0.2s; overflow:hidden;background:-webkit-linear-gradient(#12121e,#404156);}
.index_cp li:nth-child(3n){margin-right:0;}
.in li:nth-child(4n){margin-right:0;}
.in li:nth-child(3n){margin-right:20px}
.index_cp li a{display:block;font-size:16px; transition:all .5s}
.index_cp li a:hover{*-webkit-box-shadow:0px 10px 20px #CCC;-moz-box-shadow:0px 10px 20px #CCC;-ms-box-shadow:0px 10px 20px #CCC;-o-box-shadow: 0px 10px 20px #CCC;box-shadow:0px 10px 20px #CCC; }
.index_cp li a .cp_name{display: block; width:285px; height:285px;color: #555;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden;}
.index_cp li a:hover span{ color:#fff;}
.index_cp li a img{width: 285px; max-height:300px; vertical-align:middle;object-fit: cover; margin:0 auto}
.index_cp li span{height:50px; line-height:50px; display:block; clear:both; font-size:22px; overflow:hidden; color:#fff;}
.index_cp li span b{font-weight:normal;font-size:18px;}
.index_cp li a:hover img { transform: scale(1.1, 1.1);}
.index_cp li a img{transition:transform 1s ease 0s}

.path{height:50px; line-height:50px; padding:0px; background:#f5f5f5;}
.path h2{float:left; font-weight:normal; font-size:20px; background:#14ADFD; height:50px;line-height:50px; padding:0px 30px; color:#fff; border-left:5px solid #333;}
.path span{float:right; padding-right:10px;background:url(../images/home.png) no-repeat 0px center; text-indent:25px; font-size:14px;}

.left_b{height:24px;background:url(../images/bt_bg.jpg) no-repeat center;}
.pt_left{ width: 266px; float: left; overflow: hidden; margin-bottom:10px; border-top:5px solid #333;}
.pt_left .hd{ height:120px;font-size:28px; color:#fff; text-align:left;background:#14ADFD; text-indent:35px; padding-top:25px;overflow: hidden;}
.pt_left .hd h3{font-size:28px; display:block;height:30px; line-height:30px;}
.pt_left .hd span{font-size:22px; height:30px; line-height:30px;display:block; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase;}
.pt_left .bd{ width:260x; border:1px solid #eaeaea; background:#EBEBED;  border-top: none; padding-bottom:10px;}
.pt_left .bd ul{ width: 240px; margin: 0 auto; padding-top:6px;padding-bottom:16px; overflow: hidden;}
.pt_left .bd ul li{ width:100%; padding:0px 0%; text-align:left;height:36px;line-height:36px; overflow: hidden;background:#FFF url(../images/cp04.png) no-repeat 23px 12px; margin-top:8px; margin-bottom:4px;/* border-bottom:1px solid #e2e2e2;*/}
.pt_left .bd ul li:last-child{border-bottom:none;}
.pt_left .bd ul li:hover{color:#14ADFD; background:#e2e2e2 url(../images/cp04.png) no-repeat 23px 12px;}
/*.plist .bd ul p{width: 94%; margin: 0 auto;text-align:left; background:url(../images/jiao.png) no-repeat 10px 10px; text-indent:24px; height:28px; line-height:28px; overflow:hidden; margin-bottom:5px;}
.plist .bd ul p a{display:block;}*/
.pt_left .bd ul li a{display: block;height: 40px; margin:0 auto; font-size:16px;color: #333; text-indent:45px;}
.pt_left .bd ul li a:hover{ color: #14ADFD;}
.pt_left .bot{margin-top:0px; border: 1px solid #eaeaea; border-top:0px;}
/*.pt_left .bot .hd{background:#14ADFD; height:80px;}*/
.pt_left .bot ul{padding: 20px 15px; line-height:28px;font-size: 15px;}
.pt_left .bot ul h3{color: #000; font-weight: 700; font-size: 18px;}
.left_lx{width:264px; border:1px solid #eaeaea; height:100px; padding-top:166px; background:#f6f6f6 url(../images/left_lxwm.png) no-repeat left top; position:relative; display:none;}
.left_lx a span{font-size:20px; display:block;}
.left_lx a{width:100%; display:block; height:80px; padding:8px 0;background: rgba(0,0,0,.4); font-size:32px; color:#fff; line-height:40px; text-align:center; position:absolute; bottom:0px;}
.pztype{width:100%; display:none;}

.ad1{width:100%; background:url(../images/ad1_bg.jpg) no-repeat; height:292px;}
.ad1 ul{clear:both; padding:50px 0;}
.ad1 li{width:25%; text-align:center; color:#fcfcfe; float:left;}
.ad1 li .num{display:block; text-align:center; position:relative;}
.ad1 li .num i{font-style:normal; font-size:60px; line-height: 120px; font-family:Eras Medium itc,Impact; padding-right:10px;}
.ad1 li .num em{position:absolute;height:50px; line-height:44px; top:40px; font-style:normal; background:url(../images/zi.png) no-repeat;}
.ad1 li .aden{ height:15px; line-height:15px; text-transform:uppercase;font-size:8px;}
.ad1 li .adcn{font-size:14px; height:25px; line-height:25px;}

.class_cp{width:100%; clear:both;background:url(../images/bg2.jpg) no-repeat center top; height:840px; padding-top:50px;}
.inclass_left{width:390px; float:left; background:url(../images/left_bg.png) repeat-y; padding:30px 0;}
.inclass_left li{background:url(../images/banyuan.jpg) no-repeat; width:290px; height:72px; overflow:hidden; margin:12px 0 12px 44px;transition:all 0.6s;/* box-shadow:0px 0px 10px #4b97bb;*/}
.inclass_left li:hover{width:356px;}
.inclass_left li.on{width:356px;}
.inclass_left li a{display:block; padding-left:0px;height:72px; line-height:72px; font-size:20px; color:#333;}
.inclass_left li a span{float:left;padding:0px; margin-top:-3px;}
.inclass_left li a span img{width:72px; height:72px; outline:none; border-radius:10em; margin-right:20px;}
.inclass_right{width:800px; float:right; position:relative; background:url(../images/tuopan.png) no-repeat 10px bottom; height:630px; padding-top:30px;}
.right_img{position:absolute;bottom:100px;left:10px; z-index:10;}
.right_cp{position:absolute; right:0px; top:120px; z-index:20; text-align:right;color:#fff;}
.right_title{display:block;}
.right_title h3{font-size:36px; line-height:40px;}
.right_title span{font-size:12px; line-height:20px;}
.right_cp ul{clear:both;background:url(../images/cp_li.png) no-repeat right 9px; padding-right:30px;}
.right_cp li{line-height:50px; height:50px; overflow:hidden;}
.right_cp li a{font-size:16px;color:#fff;}
.right_anniu{position:absolute; top:470px; right:-30px; width:174px; height:50px; line-height:50px; font-size:18px; text-align:center;  border-radius:10em;}
.right_anniu a{ font-size:18px; color:#fff; display:block;}

.about{width:100%; height:630px;}
.about_left{float:left; padding-top:80px; height:430px; width:470px;}
.about_left em{height:2px; font-style:normal; display:block; background:#3e5b69; width:30px;transition:all 0.6s;}
.about_left:hover em{width:100px;}
.about_left .about_con{clear:both; width:100%;}
.about_con p{display:block; padding-top:17px; padding-bottom:17px; font-size:16px; line-height:30px; text-align:justify;}
.about_anniu{width:170px; height:40px; line-height:40px;  text-align:center;}
.about_anniu a{display:block; font-size:16px;color:#fff;background:#14adfd;}
.about_anniu a:hover{background:#1E7CEF;}
.about_right{float:right; padding-top:80px; width:690px;}
/*企业实力*/
.shili{width:100%; min-height:400px; background:#f8f8f8; clear:both;}
.index_shili{width:1200px; margin:0 auto;display:block; overflow: hidden;}
.index_shili ul {margin:0;padding:0; clear:both; overflow: hidden;}
.index_shili li {float:left; width: 390px; height:390px; margin-bottom:20px; overflow: hidden;text-align:center;border-collapse: collapse;margin-right:15px;transition:0.2s; overflow:hidden;background:-webkit-linear-gradient(#12121e,#404156);}
.index_shili li .shili_img{width:390px; height:340px;display: table-cell;text-align: center; /* 实现水平居中 */ vertical-align: middle; overflow:hidden; background:#ccc}
.index_shili li .shili_img img{width:100%;max-height:340px;}
.index_shili li:nth-of-type(2),.index_shili li:nth-of-type(5){margin-right:0;}
.index_shili li:nth-of-type(2){width:795px;}
.index_shili li:nth-of-type(2) .shili_img{width:795px;}
.index_shili li a{display:block;font-size:16px;}
.index_shili li a:hover{/*-webkit-box-shadow:0px 10px 20px #CCC;-moz-box-shadow:0px 10px 20px #CCC;-ms-box-shadow:0px 10px 20px #CCC;-o-box-shadow: 0px 10px 20px #CCC;box-shadow:0px 10px 20px #CCC;*/}
.index_shili li a .cp_name{display: block; width:386px; height:320px;color: #555;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden;}
.index_shili li a:hover span{ color:#fff;}
.index_shili li a img{width: 386px; max-height:320px; vertical-align:middle;object-fit: cover;}
.index_shili li span{height:50px; line-height:50px; display:block; clear:both; font-size:18px;overflow:hidden; color:#fff; background:#313131}
.index_shili li span b{font-weight:normal;font-size:16px;}
.index_shili li a:hover img { transform: scale(1.1, 1.1);}
.index_shili li a img{transition:transform 1s ease 0s}
/*资质荣誉*/
.rogyu{width:100%; min-height:400px; background:#0fa0fb; clear:both;}
.index_rogyu{width:1200px; margin:0 auto;display:block; overflow: hidden;}
.index_rogyu ul {margin:0;padding:0; clear:both; overflow: hidden;}
.index_rogyu li {float:left; width: 285px; height:189px; margin-bottom:10px; overflow: hidden;text-align:center;border-collapse: collapse;margin-right:20px;transition:0.2s; overflow:hidden;background:-webkit-linear-gradient(#12121e,#404156);}
.index_rogyu li a{display:block;font-size:16px;}
.index_rogyu li a:hover{/*-webkit-box-shadow:0px 10px 20px #CCC;-moz-box-shadow:0px 10px 20px #CCC;-ms-box-shadow:0px 10px 20px #CCC;-o-box-shadow: 0px 10px 20px #CCC;box-shadow:0px 10px 20px #CCC;*/}
.index_rogyu li a .cp_name{display: block; width:285px;color: #555;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden;}
.index_rogyu li a:hover span{ color:#fff;}
.index_rogyu li a img{width: 285px; vertical-align:middle;object-fit: cover;}
.index_rogyu li span{height:50px; line-height:50px; display:block; clear:both; font-size:18px;overflow:hidden; color:#fff;}
.index_rogyu li span b{font-weight:normal;font-size:16px;}
.index_rogyu li a:hover img { transform: scale(1.1, 1.1);}
.index_rogyu li a img{transition:transform 1s ease 0s}
/*新闻中心*/
.news{min-height:500px; width:1200px; margin:0 auto; padding:20px 0;}
.inews_list { width:640px;float:left;clear:both; }
.inews_list li{ margin-top:40px; width:100%; float:left;}
.inews_list li:nth-of-type(1){margin-top:15px}
.inews_list .newscon { width:100%; height:90px; float:right; background:#fff;}
.inews_list .newscon .newtime{ float:left; color:#fff; height:65px; padding:0 10px; text-align:center; background:#005bb8; margin-top:10px}
.inews_list .newscon .newtime span{ font-size:14px; color:#fff;height:30px; line-height:20px;}
.inews_list .newscon .newtime h3{ font-size:30px; height:40x; line-height:40px; color:#fff;padding:0px 5px; margin:0px;}
.inews_list .newscon .newfloat{ background:#fff; width:530px; height:80px; float:right; }
.inews_list .newscon .newfloat span{ color:#888888; font-size:14px;padding:0; float:right; text-align:left; height:580px; line-height:25px; overflow:hidden; width:530px;}
.inews_list .newscon .newfloat h3{font-size:18px;padding:px 0px 0px; height:30px; line-height:30px; overflow:hidden; color:#000}
.inews_list .newfloat a,.hyfocus .newfloat a{ color:#666666;}
.inews_list .newfloat a:hover,.hyfocus .newfloat a:hover{ color:#EA1717;}

.news_right{float:right; width:472px;}
.news_pic{width:472px; height:168px; padding:2px; border:1px solid #e2e2e2; margin:10px 0;}
.news_right li{height:44px; line-height:44px; padding-left:10px; overflow:hidden; font-size:14px; border-bottom:1px solid #f0f0f0;}
.news_right a{ font-size:16px; color:#000;}

.footer{background:#333 url(../images/foot_bg.jpg) repeat-x; min-height:714px;}
.map{width:564px; margin:0 auto; height:150px; background:url(../images/map.jpg) no-repeat center; clear:both; margin-top:40px; margin-bottom:20px;}
.map_address{width:564px; height:150px; background:rgb(0,0,0,.6); border-radius:10px;}
.icomap{ width:56px; height:56px; margin:0px auto; border:1px solid #e2e2e2; border-radius:10em; display:block; text-align:center; line-height:46px;}
.icomap img{height:40px;}
.map_address span{color:#fff; font-size:20px; text-align:center; line-height:50px; display:block;}
.map_text{width:1200px; margin:0 auto; clear:both;}
.map_text li{width:50%; height:100px; line-height:110px; float:left; font-size:18px;}
.map_text li:nth-child(2n){text-align:right;}

.foot_tel{clear:both;width:780px; margin:0 auto; border-radius:10em; font-size:20px; height:46px; line-height:46px; color:#fff; text-align:left; text-indent:90px; background:#15AAFE url(../images/tel22.png) no-repeat 40px center;}
.foot_logo{width:100%; clear:both; padding:55px; text-align:center;}

.foot_nav{width:1200px; margin:0 auto; text-align:center;color:#fff;}
.foot_nav li{width:14.25%; float:left; height:60px; line-height:60px; list-style:none; text-align:center;}
.foot_nav li a{font-size:16px; color: #fff; display:block; text-transform:uppercase;}
.foot_nav li a:hover{color:#40C5EE}
.foot_nav li a:after{content: "|"; float:right; line-height:60px; color:#fff; width:1px;}
.foot_nav li:last-child a:after{content: ""; display:none;}
.copyright{width:100%; text-align:center; line-height:60px; color:#8d8d8d; font-size:16px; clear:both;}
.copyright a{color:#8d8d8d;}

/*分页*/
.pages{text-align:center;clear:both; padding:5px 0px 10px 0px;font-size:14px;width:100%; margin:0 auto;margin:15px 0;}
.pages a{margin:3px;padding:8px 12px;border:1px solid #c1c1c1;color:#A0A0A0;font-size:14px;border-radius: 3px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#F0F0F0));}
.pages span{background:#15181E;color:#fff;margin:3px;padding:8px 12px;border:1px solid #15181E;border-radius: 3px;}

.position{ height:60px; width:1200px; margin:0 auto; clear:both; line-height:60px; background:url(../images/icon_position.jpg) no-repeat 0 center; text-indent:20px; font-size:16px;}
.newslist { width:1200px; margin:0 auto; clear:both;}
.newslist li{ margin:15px 0 20px; width:50%; float:left;}
.newslist .newscon { width:100%; height:90px; float:right; background:#fff;}
.newslist .newscon .newtime{ float:left; color:#fff; height:80px; padding:0 10px; text-align:center; background:#005bb8;}
.newslist .newscon .newtime span{ font-size:14px; color:#fff;height:30px; line-height:20px;}
.newslist .newscon .newtime h3{ font-size:30px; height:50px; line-height:50px; color:#fff;padding:0px 5px; margin:0px;}
.newslist .newscon .newfloat{ background:#fff; width:480px; height:80px; float:right; margin-right:25px; }
.newslist .newscon .newfloat span{ color:#888888; font-size:14px;padding:0; float:right; text-align:left;line-height:25px; overflow:hidden; width:480px;}
.newslist .newscon .newfloat h3{font-size:18px;padding:px 0px 0px; height:30px; line-height:30px; overflow:hidden; color:#000}
.newslist .newfloat a,.hyfocus .newfloat a{ color:#666666;}
.newslist .newfloat a:hover,.hyfocus .newfloat a:hover{ color:#EA1717;}

.content-news-title{font-size:24px; line-height:30px;}
.content-news-des{background:#f0f0f0; padding:20px; line-height:28px; clear:both;}
.pull-right span{ height:20px; line-height:20px; background:#24B8F6; color:#fff; padding:1px 20px; border-radius:10em; margin-left:10px;}
.pull-right span i{font-style:normal;}
.content-news{ line-height:35px; font-size:16px;}

.content-news-page{clear:both; width:100%; background:#f0f0f0; padding:10px ; height:50px;}
.pull-left{float:left; width:50%; height:30px; line-height:30px; font-size:16px; overflow:hidden;}
.pull-right{ width:50%;height:30px; line-height:30px; font-size:16px; overflow:hidden;}

.xg_news{width:100%; clear:both;}
.xg_news li{height:40px; line-height:40px; overflow:hidden; font-size:16px; width:50%; float:left; text-indent:10px;}
.xg_news li span{float:right; width:100px; text-align:center; font-size:14px; color:#989898;}
.view_con{width:100%; padding:15px 0; line-height:28px;}
.view_con strong{font-size:16px; display:block; background:#e2e2e2; height:44px; line-height:44px; text-indent:20px; margin:10px 0; color:#000;}
.view_con p{ font-size:15px;}
.view_con img{max-width:800px; text-align:center;}
.view_con a.neilian{color:#f00;}
.view_desc{padding:15px 25px; background:#f5f5f5; border:1px solid #e2e2e2; font-size:14px;}
.view_title{width:100%; background:#f0f0f0; height:40px; line-height:40px; clear:both; font-size:18px; margin:0px 0;}
.view_title h3{background:#14ADFD; display:block; float:left; color:#fff;padding:0px 30px;height:40px; line-height:40px;text-align:center; font-size:16px;}
.view_title span{float:right; padding-right:20px; padding-left:20px; background:#222;}
.view_title span a{color:#fff; font-size:14px;}

.contact {margin:50px 0}
.contact ul {width:102%;margin:0 0 0 -1%}
.contact li {float:left;width:31.3%;margin:0 1%; height:225px;padding:30px 0 0 0; text-align:center; background:#f7f7f7;}
.contact li.f1 .cons {font-size:18px; line-height:36px;padding:35px 70px 0 70px;}
.contact li.f2 .cons .t {font-size:18px; line-height:28px;color:#333;margin:8px 0 0 0}
.contact li.f2 .cons .c {font-size:18px; line-height:28px;color:#333}
.contact li.f3 .cons {font-size:18px; line-height:28px;color:#333;margin:34px 0 0 0}
.contact li.f4 .cons img {max-width:120px;margin:30px auto 0 auto}

.message-bg{background:#fff; padding:30px 0;}
.form-control{height:40px; line-height:40px;}
.btn{width:150px; background:#1669B4; font-size:16px; margin:20px 0; color:#fff;}


.about { background:#fff text-align:center;padding:20px 0}
.about .subject {font-size:30px; line-height:30px;color:#000;font-weight:300; position:relative}
.about .subject span {color:#f8b500}
.about .subject:before {content:'';width:50px; height:3px; background:#005bac; position:absolute;bottom:-15px;left:50%;margin-left:-25px}
.about .title {color:#000;font-size:18px;margin:25px 0 30px 0}
.about .cons { text-align:left; position:relative}
.about .cons i { position:absolute;}
.about .cons i.left { background:url(../images/29.png) no-repeat center;width:30px; height:27px;left:-100px;top:0}
.about .cons i.right { background:url(../images/30.png) no-repeat center;width:30px; height:27px;right:-100px;bottom:15px}
.vision {margin:20px 0}
.vision .subject {float:left;width:20%;color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; height:546px; text-align:center;padding:9% 20px 0 20px}
.vision .subject .t {font-size:27px; letter-spacing:1px;}
.vision .subject .l {width:40px; height:2px; background:#fff;margin:10px auto 40px auto;}
.vision .subject .ct {font-size:16px; line-height:26px}
.vision ul {float:Left;width:80%}
.vision li {float:left;width:25%; height:546px; position:relative; background:#f9f9f9}
.vision li .pic { position:absolute;left:0;top:0; overflow:hidden;width:100%; height:50%}
.vision li .pic p { background-size:cover; background-position:center; background-repeat:no-repeat}
.vision li .cons { position:absolute;left:0;top:50%;width:100%; height:50%;padding:0 20px; overflow:hidden}
.vision li .cons .t {font-size:18px; line-height:28px;color:#005bac;margin:40px 0 20px 0}
.vision li .cons .ct {line-height:25px;}
.vision li.f2 .pic,.vision li.f4 .pic {top:50%}
.vision li.f2 .cons,.vision li.f4 .cons {top:0}
.vision li .pic:before {content:'▲';color:#f9f9f9;font-size:30px; line-height:20px;position:absolute;left:30px;bottom:0; z-index:100}
.vision li.f2 .pic:before,.vision li.f4 .pic:before { transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);bottom:auto;top:0;}
.vision li:Hover { background:#005bac;}
.vision li:Hover .pic:before {color:#005bac;}
.vision li:Hover .t,.vision li:Hover .ct {color:#fff; line-height:25px;}

.philosophy {padding-bottom:150px; height:680px;}
.philosophy .pic {margin:130px 0 0 	405px}
.philosophy li { position:absolute;max-width:390px; text-align:left;}
.philosophy li .t { font-size:28px;}
.philosophy li p{font-size:16px; line-height:30px; background:#f0f0f0; padding:10px; margin-top:15px;}
.philosophy li.f1 {top:30%;left:0px}
.philosophy li.f2 {top:30%;right:0px;}
.philosophy li.f3 {top:70%;left:0px;}
.philosophy li.f4 {top:70%;right:0px}
/*产品组图*/
.pro_list{padding:0px 0px;}
#imgto{width:540px; height:400px; float:left;}
#imgto .big{width:540px;height:400px;display: table-cell;text-align: center; vertical-align: middle;text-align:center; background:#fff;}
#imgto .big img{max-width:540px;max-height:400px;}
/*#imgto .small{height:100px; margin-top:8px;width:100%; clear:both;}
#imgto .small div{float:left;overflow:hidden;}
#imgto .small div.imgl,#imgto .small div.imgr{width:13px;height:80px; border:1px solid #CCC; background-color:#F6F6F6; text-align:center; line-height:80px; font-weight:bold; color: #999; cursor:pointer;}
#imgto .small div.imgl:hover,#imgto .small div.imgr:hover{ background-color: #E7E7E7; color: #666}
#imgto .small div.imgc{width:480px; position:relative;height:100px;}
#imgto .small div.imgc ul{ position:absolute;width:2200px; height:100px;top:0; left:0;}
#imgto .small div.imgc ul li{ float:left; width:108px; padding-left:10px;cursor:pointer; }
#imgto .small div.imgc ul li img{width:106px; height:80px;border:1px solid #009CD8}
#imgto .small div.imgc ul li.the img {border:1px solid #009CD8}*/

.pro_right{width:620px; float:right;}
.pro_right h1{height:57px; line-height:50px; font-size:26px;}
.pro_right .tel_list{float:left}
.pro_right .pro_sj{	    width: 290px;height: 50px;line-height: 50px;margin-top: 10px;font-size: 27px;background: #D62F43 url(../images/tel1.png) no-repeat 30px 12px;padding: 0px 20px;
 text-indent: 52px;color: #fff;float: left; margin-right: 20px;}	
.pro_right .pro_sj font{font-size:27px}
.pro_right .pro_zx{width: 290px;height: 50px;line-height: 50px;margin-top: 10px;font-size: 27px;background: #D62F43 url(../images/tel22.png) no-repeat 30px 12px;padding: 0px 20px;text-indent: 52px;color: #fff;float: left;margin-right: 20px;}
.pro_right .pro_desc{line-height:28px; line-height:28px; font-size:14px; background:#FCFCFC; padding:12px 15px; border:1px solid #E5E5E5;}
.pro_right .pro_desc strong{color:#f00;}
.pro_right .pro_sx{width:100%; clear:both; margin-top:10px;}
.pro_right .pro_sx li{width:31.3%; float:left; height:40px; line-height:40px; font-size:18px; color:#fff; border-radius:10em; text-align:center; background:#14ADFD; margin:0 1%;}
.pro_desc ul{}
.pro_desc ul span{color:#f00;}
/*.pro_right .pro_zx{width:340px;line-height:36px; margin-top:30px; font-size:22px;color:#f00; float:left;}*/
.pro_wx{ width:200px; float:right; display:block;}
.pro_wx img{width:160px;}