﻿@charset "utf-8";     

/* reset */  

*{ box-sizing: border-box; margin:0; padding:0; font-weight: normal;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,

blockquote,th,td,input,select,textarea,button {margin:0;padding:0;

font-size: 14px; }  /* 初始化标签在所有浏览器中的margin、padding值 */  

fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/  

dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */  

blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */  

blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/  

input,select,textarea,button {vertical-align:middle; border:none; background:none;}  /* 重置表单控件垂直居中*/  

button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */  

body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;font-family:"微软雅黑", "黑体","宋体"; color:#666} /* 重置页面文字属性 */  

a {color:#666;text-decoration:none}  /* 重置链接a标签 */  

a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */  

address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */  

caption {display:none;}    /* 重置表格标题为隐藏 */  

table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */  

img{ max-width: 100%;}  /* 图片在当前行内的垂直位置 */  

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

textarea {  -webkit-appearance: none;}  

input:focus{ outline: none;

-webkit-tap-highlight-color:rgba(0,0,0,0);

-webkit-user-modify:read-write-plaintext-only;}

figure{ padding: 0; margin: 0;}





.fl{ float:left;}

.fr{ float:right;}

.clear { clear: both; }

.clearfix{*zoom:1;} 

.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}

.clearfix:after{clear:both;}

.pt70{ padding-top: 70px;}

.mt70{ margin-top: 70px;}

.w1200 { width: 1200px; margin: 0 auto; zoom: 1; }

.w1200:before,.w1200:after { display: table; line-height: 0; content: ""; }

.w1200:after { clear: both; }

.mw1200 { min-width: 1200px; }

.ft0{font-size: 0px;}

.w1400 { width: 1400px; margin: 0 auto; zoom: 1; }

.w1400:before,.w1400:after { display: table; line-height: 0; content: ""; }

.w1400:after { clear: both; }



.head{background: #ffffff; padding: 30px 0; height:160px;}

.I_nav{height: 60px; line-height: 60px; background: #172a7e;}

.I_nav ul li{float: left; font-size: 17px; width: 150px; text-align: center;  position: relative;display: inline;}

.I_nav ul li a{color: #ffffff; display: block; font-size: 17px;}

.I_nav ul li.on{background: #fc7b1f;  }

.nLi .sub{left: 0;top: 60px; position: absolute; background: #4E4E4E;line-height: 40px; display: none; z-index: 99;}

.nLi .sub a:hover{background: #797979; }



.banner{ overflow: hidden; width: 100%; position: relative;  height: 680px;  }

.banner .prev{ display: block; position: absolute; left: 20px; top: 45%; font-size: 0; background:rgba(255,255,255,0.6) url(../img/prev.png) no-repeat center; 

z-index: 333; cursor: pointer; font-family: arial; width:50px; height: 100px;}

.banner .next{ display: block; position: absolute; right: 20px; top: 45%; font-size: 0; background:rgba(255,255,255,0.6) url(../img/next.png) no-repeat center; 

z-index: 333; cursor: pointer; font-family: arial; width:50px; height: 100px; cursor: pointer; font-family: arial;}

.banner .bd{ width: 100%; height: 680px;}

.banner .bd li img,.banner .bd li{ display: block; width: 100%; height: 680px;  }

.banner .hd{ position: absolute; left: 48%; bottom: 5%; z-index: 9999; }

.banner .hd li{ border:2px solid transparent;height:8px; width: 8px;  border-radius: 50%;  text-align: center; display: block; float: left;

margin:0 5px; transition: all 0.8s; cursor: pointer;  background: #fff; }

.banner .hd li.on{ background: #172a7e; width: 70px; height: 8px; border-radius: 25px;  }



.nbanner{ overflow: hidden; width: 100%; position: relative;  height: 400px;  }

.nbanner .prev{ display: block; position: absolute; left: 20px; top: 30%; font-size: 0; background:rgba(255,255,255,0.6) url(../img/prev.png) no-repeat center; 

z-index: 333; cursor: pointer; font-family: arial; width:50px; height: 100px;}

.nbanner .next{ display: block; position: absolute; right: 20px; top: 30%; font-size: 0; background:rgba(255,255,255,0.6) url(../img/next.png) no-repeat center; 

z-index: 333; cursor: pointer; font-family: arial; width:50px; height: 100px; cursor: pointer; font-family: arial;}

.nbanner .bd{ width: 100%; height: 400px;}

.nbanner .bd li img,.nbanner .bd li{ display: block; width: 100%; height: 400px;  }

.nbanner .hd{ position: absolute; left: 48%; bottom: 5%; z-index: 9999; }

.nbanner .hd li{ border:2px solid transparent;height:8px; width: 8px;  border-radius: 50%;  text-align: center; display: block; float: left;

margin:0 5px; transition: all 0.8s; cursor: pointer;  background: #fff; }

.nbanner .hd li.on{ background: #172a7e; width: 70px; height: 8px; border-radius: 25px;  }





.I_sousuo{}

.I_sousuo_color{background: #172a7e; height: 80px; line-height: 80px; top: -20px; position: relative; width: 81.55%;}

.I_sousuo_info{position: absolute; z-index: 3; right: 0;}



.I_sousuo_hot{width: 55%; overflow: hidden;}

.I_sousuo_hot h1{color: #ffffff; font-size: 18px; font-weight: bold;}

.I_sousuo_hot h1 a{color: #d1d1d1; display: inline-block; margin-left: 15px; font-size: 14px; }

.I_sousuo_form .tex{ width: 400px; border-bottom: 1px solid #6f7baf;padding: 12px 0; font-size: 15px; color: #d1d1d1;}

.I_sousuo_form .sub{background: url(../img/sousuo.jpg) no-repeat right center; width: 95px; line-height: 80px; overflow: hidden;}

.I_procuct{background: url(../img/p_bg.jpg);}

.I_title{margin: 30px auto 40px; text-align: center; position: relative;}

.I_title h1{color: #ffffff; font-weight: bold; font-size: 80px; font-family: arial;}

.I_title div {position: absolute; top: 33px; width: 100%;}

.I_title div h3{font-size: 24px; color: #000000; margin-bottom: 20px;font-weight: bold;}

.I_title div p{font-size: 14px; color: #666666; }

.I_title2{margin: 55px auto 30px}

.I_title2 h1{color: #eef1f6;}



.I_procuct_son{margin: 0 auto; padding-top: 20px;}

.I_procuct_left{width: 300px;}

.I_procuct_left .top{background: url(../img/p_top.jpg)no-repeat; width: 100%; height: 88px; padding-left: 35px; box-sizing: border-box;}

.I_procuct_left .top h1{font-size: 24px;font-weight: bold;  color: #ffffff; height: 88px; line-height: 88px; background: url(../img/p_top_ico.png)no-repeat center left; text-indent: 50px;}

.I_procuct_nav{padding-right: 5px;}

.I_procuct_nav li{padding: 0 0 0 25px; box-sizing: border-box; width: 98%; height: 58px; border-bottom: 1px solid #d8d8d8; line-height: 58px; background: url(../img/jiantou.png) no-repeat right center;}

.I_procuct_nav li a{display: block; width: 90%; color: #000000;}

.I_procuct_nav li.on a{color: #172a7e; font-weight: bold;}

.I_procuct_nav li a:hover{color: #172a7e; font-weight: bold;}

.I_procuct_left .bottom{background: url(../img/p_bottom.png) no-repeat left bottom; height: 147px; color: #ffffff; text-align: center;}

.I_procuct_left .bottom h1{font-size: 28px; font-weight: bold; height: 100px; line-height: 100px; overflow: hidden; width: 100%;}

.I_procuct_left .bottom p{line-height: 35px; font-size: 16px;margin-bottom:20px; }

.I_procuct_left .bottom .tel{text-align: center; margin: 0 auto; padding-top: 20px; border-top: 1px solid #fecaa5; width: 80%;}

.I_procuct_left .bottom .tel img{margin: 0 auto;}

.I_procuct_left .bottom .tel h2{font-size: 22px; }

.I_procuct_left .bottom .tel p{margin-bottom: 8px; margin-top: 8px;}

.I_procuct_right{background: #ffffff; width: 900px; padding: 1px 40px;}

.I_procuct_right_son .top{position: relative;}

.I_procuct_right_son .top .img{width: 820px; height: 840px; overflow: hidden;}

.I_procuct_right_son .top .img img{width: 820px; height:840px;}

.I_procuct_right_son_text{ width:100%; height: 115px; background-color: rgba(0,0,0,0.3); position: absolute; bottom: 0;  z-index: 1;}

.I_procuct_right_son_text .fl{width: 85%; padding:10px 20px; box-sizing: border-box; color: #ffffff;}

.I_procuct_right_son_text .fr{width: 15%; background: #fc7b1f; height: 100%; padding:30px 20px; box-sizing: border-box;}

.I_procuct_right_son_text h1{color: #ffffff; font-size: 18px; font-weight: bold; height: 35px; line-height: 35px; overflow: hidden; margin-bottom: 5px;}

.I_procuct_right_son_text p{color: #ffffff; font-size: 14px;  height: 50px; line-height: 25px; overflow: hidden}

.I_procuct_right_son_text .fr p{color: #ffffff; text-align: center; height: auto; margin-bottom: 10px;}

.I_procuct_right_son_text .fr img{margin: 0 auto;}

.I_procuct_right_son .bottom{margin-top: 28px;}

.I_procuct_right_son .bottom li{float: left; margin-right: 20px; width: 252px; height: 220px; margin-bottom:20px; overflow: hidden;}

.I_procuct_right_son .bottom li:first-of-type{margin-left: 0;}
.I_procuct_right_son .bottom li:nth-of-type(4){margin-left:0;}
.I_procuct_right_son .bottom li img{width: 252px; height: 220px;}

.I_procuct_right_son .bottom li:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);}

.I_procuct_right_son .bottom li img{

    -webkit-transition: all .4s ease;

    -moz-transition: all .4s ease;

    -ms-transition: all .4s ease;

    transition: all .4s ease;

    }

    

.I_procuct_right_son .top .img:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);}

.I_procuct_right_son .top .img img{

    -webkit-transition: all .4s ease;

    -moz-transition: all .4s ease;

    -ms-transition: all .4s ease;

    transition: all .4s ease;

    }

    

.I_case{margin: 0 auto 20px;}

.I_case_list li{float: left; margin-top: 30px; width: 388px; margin-left: 18px;  -webkit-box-shadow:0 0 5px 1px #dddddd;  

  -moz-box-shadow:0 0 5px 1px #dddddd;  

  box-shadow:0 0 5px 1px #dddddd}

.I_case_list li img{width: 388px; height: 295px; overflow: hidden;}

.I_case_list li img .img{width: 388px; height: 295px; overflow: hidden;}

.I_case_list li p{height: 65px; line-height: 65px; text-align: center; padding: 0 5px; font-size: 16px; color: #333333; overflow: hidden;}

.I_case_list li:nth-child(3n+1){margin-left: 0;}

.I_case_list li a{display: block; transition: all 0.6s;}

.I_case_list li a:hover p{color: #172a7e ;font-weight: bold; }



.I_title3{text-align: center; margin: 30px auto;}

.I_title3 h1{font-size: 38px; color: #000000; font-weight: bold; }

.I_title3 h1 b{color: #fc7b1f; font-weight: bold;}

.I_title3 p{font-size: 20px; color: #000000; margin-top: 15px;}



.I_advantage_son{background: #eef1f6;}

.I_advantage_son .one{position: relative; padding-bottom: 30px;}

.I_advantage_son .one .fr{background:#ffffff url(../img/01.jpg) no-repeat left top; width: 700px; height: 350px; padding: 45px 45px 45px 140px; position: absolute; right: 18%;margin-top: 50px; z-index:3; }

.I_advantage_son .one .fr h1{color: #000000; font-size: 18px;font-weight: bold; line-height: 32px; margin-bottom: 45px;}

.I_advantage_son .one .fr b{display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #767676; margin-right: 12px;}

.I_advantage_son .one .fr p{color: #767676; font-size: 14px; line-height: 30px; margin-bottom:10px; margin-left: 7px;}

.I_advantage_son .two{background: url(../img/bg2.jpg) no-repeat top center; padding-bottom: 50px; }

.I_advantage_son .two .w1200{background: url(../img/02.png) no-repeat top center; height: 313px;  margin-top: 330px; padding: 100px 30px 30px 30px; box-sizing: border-box;}

.I_advantage_son .two .w1200 h1{color: #ffffff; font-size: 20px;font-weight: bold; line-height: 32px; margin-bottom: 25px;}

.I_advantage_son .two .w1200 .fl{width: 48%;}

.I_advantage_son .two .w1200 .fr{width: 48%;}

.I_advantage_son .two .w1200 p{color: #ffffff; font-size: 14px; line-height: 30px; margin-bottom:10px;}

.I_advantage_son .two .w1200 b{display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #ffffff; margin-right: 12px;}

.I_advantage_son .three{ padding-bottom: 50px; }

.I_advantage_son .three .w1200 .fl{ background: url(../img/03.png) no-repeat; height:684px; width: 580px; padding: 100px 40px 40px 120px;}

.I_advantage_son .three .w1200 .fr{ background: url(../img/04.jpg) no-repeat; height:684px; width: 580px; padding: 390px 50px 0;}

.I_advantage_son .three .w1200 h1{color: #000000; font-size: 18px;font-weight: bold; line-height: 32px; margin-bottom: 30px;}

.I_advantage_son .three .w1200 b{display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #767676; margin-right: 12px;}

.I_advantage_son .three .w1200 p{color: #767676; font-size: 14px; line-height: 30px; margin-bottom:10px; margin-left: 7px;}



.I_cooperation{margin: 0 auto 70px;}

.I_cooperation_list{margin-top: 45px;}

.I_cooperation_list li{margin-top:15px; float: left; width: 225px; height: 104px;  text-align: center; border: 1px solid #d8d8d8; margin-left: 18px;}

.I_cooperation_list li img{margin: 0 auto;}

.I_cooperation_list li:first-of-type{margin-left: 0;}

.I_cooperation_list li:nth-child(6){margin-left: 0;}



.I_column{height: 330px;}

.I_column_bg{background:#eef1f6 url() no-repeat left top; height: 300px;}

.I_column_nav{height: 220px; float: right; }

.I_column_nav li{float: left; width: 170px;height: 220px;  text-align: center; cursor: pointer; border-bottom: 5px solid #eef1f6; border-top: 5px solid #eef1f6;}

.I_column_nav li span{display: block;  background: url(../img/c_ico1.png) no-repeat center center;background-position-y: 0;

 height: 44px; margin-top: 65px;  }

.I_column_nav li p{ font-size: 18px; color: #272636; margin-top:20px;}

.I_column_nav li:nth-child(2) span{background: url(../img/c_ico2.png) no-repeat center center;background-position-y: 0;

 height: 44px; margin-top: 65px; }

.I_column_nav li:nth-child(3) span{background: url(../img/c_ico3.png) no-repeat center center;background-position-y: 0;

 height: 44px; margin-top: 65px; }

.I_column_nav li:nth-child(4) span{background: url(../img/c_ico4.png) no-repeat center center;background-position-y: 0;

 height: 44px; margin-top: 65px; }

 .I_column_nav li:nth-child(5) span{background: url(../img/c_ico5.png) no-repeat center center;background-position-y: 0;

 height: 44px; margin-top: 65px; }

.I_column_nav li.on{border-bottom: 5px solid #fc7b1f; border-top: 5px solid #fc7b1f;}

.I_column_nav li.on p{color: #fc7b1f;}

.I_column_nav li.on span{background-position-y: -44px;}





.picMarquee-left{margin: 40px auto;}

.picMarquee-left .prev{  position: absolute;  left: -2%;  top: 50%;    display: block;  width: auto;  height: 34px; margin-top: -25px;}

.picMarquee-left .next {   position: absolute ;  right: -2%; top: 50%;    display: block;  width: auto;  height: 34px; margin-top: -25px;} 

.picMarquee-left .bd{height: 220px !important;}



.picMarquee-honor{margin: 40px auto;}

.picMarquee-honor .prev{  position: absolute;  left: -2%;  top: 50%;    display: block;  width: auto;  height: 34px; margin-top: -25px;}

.picMarquee-honor .next {   position: absolute ;  right: -2%; top: 50%;    display: block;  width: auto;  height: 34px; margin-top: -25px;} 

.picMarquee-honor .bd{height: 220px !important;}





.picList {height: 220px; overflow: hidden;  display: block !important;}

.picList li{float: left; margin-left: 15px; height: 220px; width:285px ;}

.picList li img{ width: 285px; height: 220px; overflow: hidden;}



.I_news{width: 48%;}

.I_news2{width: 47%;}

.I_news h1{color: #000000; font-size: 32px;}

.I_news h1 a{color: #000000;}

.I_news img{display: block; text-align: right;margin-top: 25px;}

.I_news_list li{ width: 100%; padding: 25px 0 ; box-sizing: border-box; border-bottom: 1px solid #d8d8d8;}

.I_news_list li .title{ height: 45px; line-height: 45px; overflow: hidden; color: #000000; font-size: 16px; font-weight: bold; }

.I_news_list li .title span{color: #fc7b1f; font-family: arial;margin-right: 20px;font-weight: bold; }

.I_news_list li p{color: #666666; font-size: 14px; height: 45px; line-height: 45px; overflow: hidden;}

.I_news_list2 li{width: 45%;}

.I_news_list2 li{border-bottom: none;}

.I_news_list2 li p{color: #666666; font-size: 12px; height: 80px; line-height:25px; overflow: hidden; margin-top: 10px;}

.I_news_list2 li i{color: #666666; font-size: 12px; margin-top: 10px;display: block; font-style: inherit;}



.I_about{background: url(../img/about_bg.jpg) no-repeat center top; height: 610px; margin-top: 40px; position: relative;}

.I_about_son{height: 400px; overflow: hidden;}

.I_about_son .fr{width: 50%; background: #eef1f6; height: 400px; overflow: hidden; padding: 45px 35px; box-sizing: border-box;}

.I_about_son .fr h1{color: #000000; font-size: 22px; font-weight: bold; height: 30px; overflow: hidden; line-height:30px; margin-bottom: 25px; }

.I_about_son .fr p{color: #666666; font-size: 14px; height: 200px; line-height:30px; overflow: hidden; margin-top: 20px;}

.I_about_son .fr a{display: block; background: #fc7b1f; margin-top: 10px; color: #FFFFFF; font-weight: bold; border-radius: 25px; font-size: 16px; width: 145px; height: 45px; text-align: center; line-height: 45px;} 

.I_contact{height: 70px; line-height: 70px; background-color:rgba(0,0,0,0.5) ;color: #ffffff; position: absolute; bottom: 0; width: 100%; margin: 0 auto;}

.I_contact .span1{ font-size: 16px; background: url(../img/dizhi.png) no-repeat left center; text-indent: 25px; padding: 0 35px 0 0; margin-left: 10px; display: inline-block;}

.I_contact .span2{ font-size: 16px; background: url(../img/tel_f.png) no-repeat left center; text-indent: 25px; padding: 0 78px 0 0; margin-left: 78px; display: inline-block;}

.I_contact .span3{ font-size: 16px; background: url(../img/qq.png) no-repeat left center; text-indent: 25px; padding: 0 78px 0 0; margin-left: 78px; display: inline-block;}

.I_contact .span4{ font-size: 16px; background: url(../img/dianhua.png) no-repeat left center; text-indent: 25px;  margin-left: 70px;  display: inline-block;}



.I_footer{background: url(../img/foot_bg.jpg) no-repeat center top; height:318px; padding: 55px 0; }

.I_footer .left{width: 33%; border-right: 1px solid #545d84;}

.I_footer .left h1{font-size: 18px; font-weight: bold; color: #FFFFFF; margin-bottom: 30px;}

.I_footer .left p{line-height: 25px; color: #d9d9d9;  font-size: 14px;}

.I_footer .left a{color: #FFFFFF; margin-top: 30px; display: block;}



.I_footer .center{width: 40%; border-right: 1px solid #545d84;padding: 0 80px; box-sizing: border-box;}

.I_footer .center h1{font-size: 18px; font-weight: bold; color: #FFFFFF; margin-bottom: 30px; margin-left: 50px; }

.I_footer_nav{}

.I_footer_nav li{float: left; width: 50%;font-size: 15px; text-align: center; height: 30px; line-height: 30px;}

.I_footer_nav li a{color: #ffffff;}

.I_footer .right{width: 24%;padding: 0 65px; box-sizing: border-box; }

.I_footer .right p{text-align: center; color: #ffffff;  font-size: 14px; margin-top: 15px;}

.I_link{height: 78px; line-height: 78px; background: #ffffff;}

.I_link .fl{width: 80%; overflow: hidden;height: 78px;}

.I_link .fl h1{font-size: 18px; color: #333333; }

.I_link .fl a{font-size: 14px; color: #333333; padding: 0 10px;}

.I_link .fr a{color: #ffffff; display: inline-block; width: 125px; height: 35px; line-height: 35px; text-align: center; background: #172a7e; border-radius: 25px;}







.z_main {background: #f5f5f5;}

.z_main_son{ margin: 2em auto;}

.z_main_left{width: 288px; margin-bottom: 2em; }

.sidebar{ width:288px; margin-right:30px;  margin-bottom: 2em;}

.sidebar_title{ width:100%; height:95px; padding-top:25px; background:#f38321; text-align:center; color:#ffffff; border-bottom:1px solid #ffffff;}

.sidebar_title h2{ font-size:30px; font-weight:normal; margin-bottom:6px;}

.i-menu li a{display:block; height:50px; overflow:hidden; line-height:50px; font-size:15px; background:url(../img/i-menu.jpg) no-repeat 0 -51px; padding-left:85px; margin-bottom:1px;}

.i-menu .li-light a{font-weight:bold; color:#ffffff; background:url(../img/i-menu.jpg) no-repeat 0 0px;}

.i-menu .li-light a:hover{text-decoration:none; }





.z_main_left_case{width: 288px;  background: #ffffff;  margin-bottom: 2em; }

.P_parent{margin: 10px auto 20px;}

.P_parent_newest{width: 100%;  overflow: hidden;}

.P_parent_newest_list{width: 100%; padding: 3px; box-sizing: border-box;}

.P_parent_newest_list li{float: left; line-height: 35px; height:35px; overflow: hidden; width: 100%; font-size: 13px;  margin-left: 5px;}

.P_parent_newest_list li a{color: #666666;  display: block;}

.P_parent_newest_list:last-of-type{margin-top: 5px;}

.P_parent_newest_list li a:hover{font-size: 16px; font-weight:bold}

.P_parent_newest_img{width: 288px; height: 170px; overflow: hidden; position: relative;}

.P_parent_newest_img img{width: 288px; height: 170px;}

.P_parent_newest_img P{position: absolute; bottom: 0; height: 35PX; line-height: 35px; background-color: rgba(0,0,0,0.4); 

font-size: 14px; text-align: center; width: 100%; padding: 0 5px; box-sizing: border-box;}

.P_parent_newest_img a{color: #FFFFFF;}





.N_title{height: 50px; line-height: 50px; border-bottom: 3px solid #f38321;padding: 0 5px; box-sizing: border-box;}

.N_title h3{font-size: 16px; color: #141418; font-weight: normal; float: left; display: inline-block;}

.N_title a{float: right;}

.z_main_right{ width:76%; background:#ffffff; margin-bottom: 50px;}

.z_main_title{ height:60px; line-height:60px; border-bottom:1px solid #E6E6E6;}

.z_main_title h2{ padding:0 20px; font-size:20px; color:#666666; font-weight:normal; border-bottom:3px solid #f38321;}

.z_main_title .location{ margin-right:15px;}

.z_main_title .location a{ font-size:15px; margin:0 5px;}

.z_content{ padding:0 30px ;}



.z_content .z_about{color:#666666; font-size:15px; line-height:30px;}

.z_display{padding-top: 10px;}



/*图片列表*/

.z_photo ul{margin-top: 10px;}

.z_photo ul li{ width:33.3333%;  text-align:center; padding: 10px; text-align: center; margin-bottom: 10px;}

.z_photo ul li .img{ margin: 0 auto; width: 325px; height: 248px; overflow: hidden;}

.z_photo ul li img{ margin: 0 auto; width: 325px; height: 248px; overflow: hidden;}

.z_photo ul li a h3{ color:#141418; font-size:16px; padding:20px 0 0 13px; text-align:center; font-weight: normal;}

.z_photo ul li a:hover h3{color: #fc7b1f}

.z_photo ul li :hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);}

.z_photo ul li  img{

    -webkit-transition: all .4s ease;

    -moz-transition: all .4s ease;

    -ms-transition: all .4s ease;

    transition: all .4s ease;

    }



/*分页*/

.i-page{height:41px; overflow:hidden; text-align:center; margin-top:25px; margin-bottom: 55px;}

.i-page a{display:inline-block; height:26px; overflow:hidden; line-height:26px; font-size:14px; color:#666666; border:1px solid #bebebe; padding:0 15px; margin-right:-1px;}

.i-page .a1 a{ background:#fc7b1f; color:#ffffff; display:inline-block; height:26px; overflow:hidden; line-height:26px; font-size:14px; border:1px solid #bebebe; padding:0 15px; margin-right:-1px;}

.i-page a:hover{text-decoration:none; background:#fc7b1f; color:#ffffff;}

.i-page .cur{color:#ffffff; background:#fc7b1f; }



/*新闻列表*/

.z_news_son_left{width:30%; height:175px; overflow:hidden;}

.z_news_son_right{width:65%; overflow:hidden; margin-top:10px;}

.z_news_son li{float:left; margin:2em auto; border-bottom:1px dashed #d8d8d8; height:225px;}

.z_news_son_left img{width:295px; height:175px;}

.z_news_son_right p{line-height:28px; font-size:14px; margin-top:15px; height:120px ; overflow:hidden; width:100%;}

.shijian{width:100%;}

.shijian h3{font-size:20px; width:75%; float:left; font-weight:normal; color:#141418}

.shijian span{font-size:13px; width:15%; float:right; text-align:right; color:#888888;}

.z_news_son li a{display: block; transition:all 0.6s;}

.z_news_son li a:hover{transform: translateX(10px);}

.z_news_son li a:hover h3{color: #f38321;}







/*点击页面*/

.displayTitle {margin: 20px auto;}

.displayTitle h2{ font-size:23px; font-weight:normal; color:#333333; text-align: center;}

.dianji_num{ font-size:15px; color:#666666; margin:23px auto; text-align: center; height: 33px; line-height: 33px;}

.dianji_num .clearfix{text-align: center; margin: 0 auto 0 100px;}

.dianji_num span{display: inline-block; margin-right: 20px; }

.displayMain{  margin-top:35px; padding:10px 20px 30px; line-height:30px; overflow:hidden;}

.displayMain p{ font-size:15px; color:#666666; text-align:left;}

.displayMain img{ margin:20px 0;}

.share{ border-top:1px dotted #cccccc; margin-top:40px; margin-bottom:20px; padding-top:25px;}

.share_l{ width:560px; color:#666666;}

.share_l li{ height:35px; line-height:35px; overflow:hidden; margin-right: 1em;}

.share_l li a{ color:#666666; font-size:16px;}

.share_l li a:hover{ color:#172a7e;}

.share_r{ margin-top:10px;}

.share_r span a{ background:#EDEDED; width:100px; height:45px; color:#666666; display:block; text-align:center; line-height:45px; font-size:16px;}



.I_tuijian .N_title{border-top:none; border-bottom: 3px solid #f38321;}

.I_tuijian .N_title h3{font-size: 20px;color: #141418; font-weight: bold;}

.Contact_tel{text-align: center; padding: 10px; box-sizing: border-box;}

.Contact_tel h1{line-height: 33px;}

.Contact_tel h1 b{font-size: 26px;color: #f38321; font-weight: bold; font-family: arial;}

.Contact_tel p{line-height: 40px; border-bottom: 1px dashed #d8d8d8; padding: 5px 0;}

.Contact_tel p:last-child{border-bottom: none;}



.shang-info{width: 100%; padding: 25px 0; box-sizing: border-box;}

.shang-info-img{width: 500px; height: 400px;}

.shang-info-text{width: 45%; margin-left: 45px;}

.shang-info-text h1{font-size: 24px;border-bottom: 1px #e0e0e0 solid; color: #141418;  padding: 20px 0;}

.shang-info-text p{ font-size: 14px; color: #666666; line-height: 32px; margin-top: 10px;}

.shang-info-text dl{width: 100%;display: block;margin-top: 20px;}

.shang-info-text dl dd {   display: inline-block;   float: left;   margin-right: 15px;}

.shang-info-text dl dd a {   display: block;    font-size: 16px;   color: #fff;   padding: 0 40px;   line-height: 40px;   background: #1ca45d;}

.shang-info-text dl dt{position: relative;}

.shang-info-text dl dt em {   display: none;   position: absolute;   bottom: 6px;   width: 160px; left: 159px;}

.shang-info-text dl dt a.weixin {  position: relative;   border: none;    display: block;    display: inline-block;    float: left;    padding: 0 40px;    line-height: 40px;    background: #172a7e; 

  font-size: 16px;   color: #fff;    cursor: pointer}

.shang-info-tel{font-size: 18px; margin: 30px auto;}

.shang-info-tel b{color: #f38321; font-size: 26px; font-weight: bold;  font-family: arial; }

.shang-info-form .tex{width: 350px; height: 45px; line-height: 45px; background: #f5f5f5; text-indent: 20px;}

.shang-info-form .sub{background: #fc7b1f; color: #ffffff;  height: 45px; line-height: 45px;  width: 100px; cursor: pointer;}



.shang-info-bottom{width: 100%; margin: 0 auto 50px;}

.shang-info-bottom .bati{background: #f9f9f9; height: 45px; line-height: 45px; margin-bottom: 20px;}

.shang-info-bottom .bati i{display: block; background: #172a7e; width: 140px; text-align: center; color: #ffffff; font-style: normal; font-size:16px;}





.I_contact_form { width: 100%;padding-left: 20px; box-sizing: border-box; padding-bottom: 3px; font-size:15px;}

.I_contact_form .text{border: 1px solid #d8d8d8; width: 100%;  font-size:15px; height: 45px; line-height: 45px; text-indent: 5px;  color: #666666; margin-bottom: 22px;}

.I_contact_form .form1{width: 40%; }

.I_contact_form .form2{width: 58%; height: 178px; border: 1px dashed #d8d8d8; text-indent: 5px;padding-top: 10px;}

.I_contact_form .form2 textarea{ width: 98%; font-size:15px; height: 160px;}

.I_contact_form .form3 .text{margin-bottom: 0px; transition: all 0.6s; background: #f38321;color: #ffffff; cursor: pointer;}

.I_contact_form h2{color: #141418; font-size: 20px; font-weight: bold; margin-bottom: 30px;}



.tuijian_photo ul{margin-top: 10px;}

.tuijian_photo ul li{ width:100%;  text-align:center; padding: 10px; text-align: center; margin-bottom: 10px;}

.tuijian_photo ul li .img{ margin: 0 auto;  height: 200px; overflow: hidden;}

.tuijian_photo ul li img{ margin: 0 auto;  height: 200px; width: 100%; overflow: hidden;}

.tuijian_photo ul li a h3{ color:#141418; font-size:16px; padding:20px 0 0 13px; text-align:center; font-weight: normal;}

.tuijian_photo ul li a:hover h3{color: #fc7b1f}

.tuijian_photo ul li :hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);}

.tuijian_photo ul li  img{

    -webkit-transition: all .4s ease;

    -moz-transition: all .4s ease;

    -ms-transition: all .4s ease;

    transition: all .4s ease;

    }

	

/* kefu */

.mainKefu {top:50%; position:fixed; right:0;z-index:999; margin-top:-160px;}

.mainKefu a {display:block; cursor:pointer; width:70px; height:70px; padding:0; border-radius:4px; overflow: hidden;  background:#21282e; position: relative; text-align: center; margin:1px 0; }

.mainKefu a span {line-height:20px; width:100%; font-size:14px; color:#fff; padding-top:40px; float:left;}

.mainKefu p { display: block; position:absolute; z-index:1; left:0; top:0; height:70px; width:70px; background:url(../img/icon_kefu.png); margin:0 0; }

.mainKefu .mainKefu1{ background-color:#f38321;}

.mainKefu .mainKefu1:hover{ background-color:#f39622;}

.mainKefu .mainKefu2{ background-color:#67abe8;}

.mainKefu .mainKefu2:hover{ background-color:#8ac1f2;}

.mainKefu .mainKefu3{ background-color:#86c610;}

.mainKefu .mainKefu3:hover{ background-color:#97df13;}

.mainKefu .mainKefu4{ background-color:#333;}

.mainKefu .mainKefu4:hover{ background-color:#222;}

.mainKefu .mainKefu1 p{ background-position: 0px 0px; }

.mainKefu .mainKefu2 p{ background-position: -70px 0px;}

.mainKefu .mainKefu3 p{ background-position: -140px 0px;}

.mainKefu .mainKefu4 p{ background-position: -210px 0px;}

/*weix*/

.modal{position: fixed;top:0;bottom:0;left:0;right:0;display:none;z-index:10000; overflow:auto; background:rgba(0,0,0, .5);}

.zxdg{ width:400px; background:#fff; padding:30px; overflow:hidden; margin:0 auto;}

.zxdg h1{ font-weight:bold; height:30px; color:#222; font-size:22px; border-bottom:1px #e0e0e0 solid; font-family:"Microsoft JhengHei"; padding-bottom:20px;}

.zxdg h1 span.modal-close{ display:block; width:30px; height:30px; float:right; font-size:40px; font-weight:bold; text-align:right; cursor:pointer;}

.modal-close:hover{color:#797979;}

.zxdg .luul{ width:100%; overflow:hidden; position:relative; margin-top:30px;}

.zxdg .luul .mai{ width:100%; overflow:hidden;}

.zxdg .luul .mai li{ width:100%; overflow:hidden; margin-bottom:15px;}

.zxdg .luul .mai li input.text{ border:1px #e0e0e0 solid; width:100%; padding:10px 10px 10px 8px; box-sizing:border-box; line-height:20px; display:block; color:#333;}

.zxdg .luul .mai li input.sub{ background:#797979; border:none; display:block; width:100%; height:42x; line-height:42px; box-sizing:border-box; border-radius:3px; text-align:center; font-size:16px; color:#fff; cursor:pointer;}

.zxdg .luul .mai em{ display:block; overflow:hidden;}

.zxdg .luul .mai em img{ display:block; width:220px; height:220px; margin:0 auto;}

.zxdg .luul .mai p{ text-align:center; margin-top:15px; color:#555;}

.zxdg .luul .line{ position:absolute; right:45%; top:0; height:100%; width:1px; background:#eeecec;}

.zxdg .luul .line span{ height:46px; line-height:46px; background:#fff; width:34px; position:absolute; left:50%; margin-left:-17px; top:50%; margin-top:-23px; color:#999;}

.modal2{position: fixed;top:0;bottom:0;left:0;right:0;display:none;z-index:10000; overflow:auto; background:rgba(0,0,0, .5);}



/*人才招聘*/

.rencai {width: 100%;overflow: hidden;margin-top: 30px;}

.rencai li {width: 410px;margin-left: 33px;float: left;background: #fff;border-radius: 5px;border-bottom: 5px #f38321 solid;}

.rencai li a {display: block;padding: 35px 34px;overflow: hidden;}

.rencai li h1 {line-height: 42px;font-size: 24px;}

.rencai li p {line-height: 35px;color: #999;overflow: hidden;}

.rencai li p span {background: url(../img/ico_1.png) left center no-repeat;text-indent: 22px;width: 158px;display: block;float: left;}

.rencai li h2 {display: block;line-height: 24px;color: #999;height: 42px;overflow: hidden;}

.rencai li h3 {display: inline-block;width: 52px;height: 31px;background: url(../img/rencai_more.png) left center no-repeat;margin-top: 24px;}

.rencai li:hover {background: #f38321;}

.rencai li:hover h1, .rencai li:hover h2, .rencai li:hover h3, .rencai li:hover p {color: #fff;}

.rencai li:hover p span {background: url(../img/ico_1_hover.png) left center no-repeat;}

.rencai li:hover h3 {background: url(../img/rencai_more_hover.png) left center no-repeat;}

.apply {padding:30px 0;}

.apply .apply_tou {border-bottom: 1px solid #e5e5e5;height: 50px;overflow: hidden;}

.apply .apply_tou h2 {color: #333;float: left;display: block;font-size: 30px;line-height: 40px;}

.apply .apply_tou p {display: block;float: right;height: 39px;line-height: 39px;}

.apply .apply_tou p span {background: url(../img/ico_1.png) left center no-repeat;text-indent: 22px;width: 138px;display: block;float: left;}

.apply .gang {width: 100%;overflow: hidden;padding-bottom: 30px;border-bottom: 1px #e5e5e5 solid;margin-top: 25px;line-height: 24px;}

.apply .gang h1 {font-size: 16px;margin-bottom: 10px;display: block;color: #000;}

.apply .gang h2 {display: block;color: #000;font-size: 14px;}

.apply .gang h3 {display: block;color: #000;font-size: 14px;margin-top: 20px;}

.apply .gang p {display: block;color: #666;}

.apply .youx {height: 45px;width: 100%;line-height: 45px;overflow: hidden;}

.apply .youx a {display: block;float: left;height: 45px;background: #ffd900;font-size: 18px;padding: 0 20px;border-radius: 6px;}

.apply .youx p {color: #666;float: right;overflow: hidden;}



	