@charset "utf-8";
/* CSS Document */
/* Reset */
* { margin:0; padding:0;transition:all 300ms ease;}
a:link, a:visited, a:hover, a:active {text-decoration:none; cursor:pointer; color:#3d3d3d;}
a:hover, a:active {color:#0773ce;}
body { font:14px "Microsoft Yahei","Thmano", "Arial"; color:#3d3d3d; background:#fff;
max-width:1920px;margin: 0 auto;/* overflow-x: hidden; */position: relative;}
img { border:0px;}
li{ list-style:none; float:left;}
input, textarea, select{ font:14px/1.5 "Microsoft Yahei","Thmano", "Arial"; color:#999; outline:0; }
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.hidden{display: none;}
html {height: 101%;}
.animate {display: none;}
b,
strong {font-weight: bold;}
input {outline: none;}
textarea {resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
td {border: 0px solid #aaa;padding: 2px;}
a {text-decoration: none;color: #666;}
a:hover {text-decoration: none;color: #0773ce;}
i {font-style: normal;}
.clearfix {*zoom: 1;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clear {clear: both;}
.ow {min-width: 1200px;}
.w {width: 1200px;margin: 0 auto;}
.wx {width: 1200px;margin: 0 auto;}
.fr {float: right;}
.fl {float: left;}
.s{background:url(img/tip.png) no-repeat; }

/*top*/
.maiHead{height:124px; width: 100%;border-top: 4px solid #0263af; position: relative;background: #fff; }
.maiHead .w{position: relative;}
.h_leaf,.h_leaf2,.h_leaf3{  position: absolute; top: 0;background: url(../images/leaf.png) no-repeat left -8px;}
.h_leaf3{ left: 705px;background-position: -244px -10px;width: 70px;height: 104px;}
.h_leaf{left: 0;width: 186px;height: 104px; }
.h_leaf2{ right: 0;background-position: right -3px;width: 110px;height: 104px;}
.maiHead .logo{ margin-right: 18px; margin-top: 30px;}
.maiHead .topAdv{ height:52px; font-weight: normal; padding-left: 18px; margin-top: 34px;
background: url(img/liner.png) no-repeat left center;line-height: 1.2;}
.maiHead .topAdv h3{font-size:22px; color:#787777;font-weight: normal; }
.maiHead .topAdv h4{ font-size:24px; color:#005fb4; font-weight: bold; }
.maiHead .topAdv h4 span{color: #161616;}
.topTel{color:#0362b1;   margin-top: 14px;height: 60px;padding-left: 64px;background-position: left top;
margin-left: 36px; position: absolute;right: 0;top: 30px;}
.topTel h6{ font-weight: bold; font-size:30px;  line-height: 50px; }
.t{ width: 252px;height: 20px;line-height: 14px;background-position: left -100px;color: #fff;text-align: center;}
.t a{ color: #fff;padding: 0 5px;font-size: 13px;}
/* banner */
.banner { position:relative; z-index:10;   }
.banner .list { position:relative; overflow:hidden; z-index:1; }
.banner .list li { position:absolute; width:100%; height:100%; overflow:hidden; background:#FFF; display:none; z-index:1;transition: none; }
.banner .list li:first-child { display:block; }
.banner .list li.active { z-index:2; }
.banner .list img { position:relative; display:block; width:1920px; left:50%; margin:0 0 0 -960px; }
.banner .tip { position:absolute; width:1200px;left: 50%;margin-left: -600px; bottom:22px; z-index:5; text-align:center; 
  height: 22px!important;}
.banner .tip li { display:inline-block; float: none;+display:inline; +zoom:1; width:22px; height:22px;  margin:0 5px; 
  cursor:pointer;border-radius: 100%;color: #db2934; background: #b1c3c8;  }
.banner .tip li.active {   background: #0363b2; }
.banner .prev,
.banner .next { width:78px; height:76px; position:absolute; top:50%; margin:-50px 0 0; z-index:9; cursor:pointer; }
.banner .prev { background-position: left -200px; left:60px; }
.banner .next { background-position: right -200px; right:60px; }
.banner .prev:hover {  }
.banner .next:hover {  }
.banner .list,
.banner .list img { height:500px; }

/*搜索*/
.baner_b{background: #0773ce;height: 106px;  color: #fff;}
.baner_b .w{position: relative;background: #ed312f; height: 76px;
padding-top: 22px;}
.baner_b .zi{ background-position: left -230px;padding-left: 58px;font-size: 22px;font-weight: bold;line-height: 1;
padding-top: 10px;}
.baner_b .zi b{ color: #f9fc50;background-position:right -293px;display: inline-block;padding-right:14px ; }

.baner_b .tel{ color: #fff;margin-top: 3px;background-position: left -350px;padding-top: 4px;}
.baner_b .tel h1,.baner_b .tel p{ color: #fff;line-height: 1.4;}
.baner_b .tel .Telephone{font-weight: normal; font-size: 24px;}


.nav{height: 50px;width:100%; background: #0773ce; }
.nav ul{}
.nav li{position: relative;width: 133px;float: left;z-index: 1000; line-height: 50px; 
  background: url(img/nav_li.png) no-repeat right center; }
.nav li a{    font-size: 16px;text-align: center;    color: #fff;    display: block;    height: 50px;    }
.nav li a i{     font-style: normal;    line-height: 50px;   display: block;    width: 100%;}

.nav li a:hover,.nav li .hover{ background: #0363b2; }
.nav li.index:hover a{ background: none;}
.nav .subNav{ display: none;  left:0; position: absolute; top: 50px;
  background: #0363b2;transition:none;
 width: 100%;}
.nav .subNav a{ width: 100%;height: 46px;font-size: 16px;line-height: 46px; display: block;padding-top: 0;margin: 0;
  color: #fff;   }
.nav .subNav a:hover{ background: #0773ce; }

/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:248px; }
.topclass { width:100%; height:137px;   background: #0773ce;
  color:#FFF; text-align: center;position: relative; }
.topclass h2 { font-size:24px;font-weight: bold; text-align: center;left: 0;bottom:-25px;
  background-position: 30px -234px;margin:92px 13px 0 13px;
height: 60px;line-height: 60px;border-bottom: 2px solid #0773ce;position: absolute;z-index: 100;width: 221px;}
.side-menu {      }
.side-menu dd {width: 100%;float: left;background: #0773ce; }
.side-menu dd > a { display:block; height:43px; line-height:43px; text-align: center;/* font-weight: bold; */
  border-bottom: 1px dotted #000C1B;
  color: #fff;font-size: 16px;/* background:url(img/tip.png) no-repeat 10px -384px; */margin: 0 10px; }
.side-menu dd > a:hover {/* background:#ff6b00 url(img/tip.png) no-repeat 20px -333px; */background:#0363b2;margin: 0;
  border:none;color: #fff;font-weight: normal;border-bottom: 1px solid #005ba7;}
.side-menu .drop {  display:none; }
.side-menu .drop li { width:100%; height:41px; line-height:41px;float: none;margin: 8px 0; 
  background:url(../images/ipro_drop.png) no-repeat bottom; }
.side-menu .drop a { display:block;  text-align: center;height: 41px;
  color: #CCE4FF;  }
.side-menu .drop a:hover { background: #0363b2;}
.side-menu dd.current .drop { display:block; }
.side-menu dd.current > a {  background:#0363b2;margin: 0;
  border:none;color: #fff;font-weight: normal;border-bottom: 1px solid #005ba7;}
.side-menu li.current > a { color: #ff9000; background-position: 40px -436px; }

.sidebar .tel1 p{font-size: 21px; line-height:1;font-weight: bold;*margin-top: -20px;}
.side-head { height:34px; line-height:34px; padding:10px 0 10px 30px; font-size:20px; background:#5f412e; color:#FFF; }
.side-pro { position:relative; top:20px; margin-bottom:20px; }
.side-pro .list { border:1px solid #ddd; padding:30px 0 10px; }
.side-pro .list dd { width:166px; margin:0 auto; }
.side-pro .list a { display:block; text-align:center; }
.side-pro .list img { display:block; width:166px; height:124px; background:#f1f1f1; }
.side-pro .list h3 { padding:10px 0; height:24px; line-height:24px; font-weight:400; }
.side-contact { margin-bottom:20px; position:relative; top:20px; }
.side-contact .main { padding:15px 10px; line-height:2; border:1px solid #ddd; }


.tik {overflow:hidden;text-align: left ;height: 67px;width: 420px;*width: 440px;margin: 0 auto;}
.tik b,
.tik i.i {font-size: 40px; color: #2e363c;}
.tik i.i {color: #0773ce;}
.tik em { font-style: normal;font-size: 24px;color: #2a2a2a;background: url(../images/tik.png) no-repeat left center;
  height: 26px;padding-top: 14px;margin-top: 9px;
   margin-left: 10px;padding-left: 16px; 
   text-transform: uppercase;}
.tik b,
.tik em {float: left;}
.more {font-family: arial;color: #6b6b6b;background: url(../images/more.jpg) no-repeat right;margin: 0 auto;margin-top: 10px;
  padding-right: 5px;margin-bottom: 30px;width: 46px;height: 14px;display: block;-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;}
.more:hover {color: #fb6522;padding-right: 10px;}


.ihead{position: relative;border-bottom: 1px solid #076dbf;height: 38px;line-height: 1;  }
.ihead h1{font-size: 35px;color: #076dbf;    font-weight: bold;}
.ihead h1 span{font-size: 38px;color: #076dbf;text-transform: uppercase;font-family: 'BernardMT'; }
.ihead a.mo{ position: absolute;right: 0;top: 10px;font-size: 14px;color: #b2b4b5;display: block; }
.ihead a.mo:hover{color: #0773ce;}

.inews {  padding: 60px 0	; background: #f5f8fa;}
.inews .list2 {   width:600px; }
.inews .list2 dd {   width:438px; height:104px; position:relative; padding: 14px 0 14px 162px;border-bottom: 1px dashed #ccc;   }
.inews .list2 .img { position:absolute; left:0; top:14px; }
.inews .list2 img { display:block; width:140px; height:104px; }
.inews .list2 h3 { font-size:16px; line-height:40px;    font-weight: bold;background: url(img/tip.png) no-repeat left -285px; 
padding-left: 26px;}
.inews .list2 p { height:50px; line-height:25px; overflow:hidden; color:#999; }
.inews .list2 a { }
.inews .list2 dd:hover {   }
.inews .main {   width:560px; overflow:hidden; height:420px; position:relative; }
.inews .list { width:1000%; overflow:hidden; }
.inews .list li { float:left; width:560px;position: relative; }
.inews .list li span{ display: block;width:100%;position: absolute;z-index: 99;bottom: 0;left: 0;height: 38px;line-height: 38px;text-indent: 1em; background: url(img/cover2.png) repeat right;}
.inews .list li span a{color: #dddada;font-size: 14px;display: block;height: 38px;line-height: 38px;text-indent: 1em; }
.inews .list>a { display:block; position:relative; }
.inews .list img { display:block; width:100%; height:420px; transition:all 5s ease-out; }
.inews .list li:hover img { transform:scale(1.2, 1.2); }
.inews .tip { position:absolute;z-index: 99999; bottom:0;* bottom:-10px; right:0; line-height:38px;width: 100%;height: 38px;text-align: right;}
.inews .tip li {float: none; display:inline-block; +display:inline; +zoom:1; width:16px; height:16px; line-height:16px; text-align:center; 
  background:#FFF; font-size:12px; margin:0 4px; cursor:pointer; border-radius: 100%;}
.inews .tip li.active { background:#0776c3; color:#FFF; }
 

.iabout{   padding: 80px 0;   height: 340px;background: url(img/iabout.jpg) no-repeat center;color: #fff;}
.iabout .ihead{border-color: #fff;margin-bottom: 40px;}
.iabout .ihead h1,.iabout .ihead h1 span{color: #fff;}
.iabout .w{   }
.iabout .img{width: 450px;margin-right: 99px;}
.iabout .img img{ }
.iabout .wd{ font-size: 14px;width: 550px;line-height: 1.8;  color: #cadff3;margin-left: 100px; }
.iabout .wd h2{font-weight: bold;font-size: 18px;color: #fff;margin-bottom: 10px;}
.iabout .wd .zi{width: 486px;}
.iabout a.detail{display: block; text-align: center;width: 114px;height: 34px;font-size: 14px;line-height: 34px; 
    color: #c4d7e9; margin-top: 36px;border: 2px solid #fafdff; text-align: center;background:url(about:blank);}
.iabout a.detail:hover{background: #fafdff;-webkit-transform:translateY(4px);color: #0975d0;
   transform:translateY(4px);}

.icase .ihead,.ipro .ihead{text-align: center;border: none;background: url(img/itit.png) no-repeat center 38px;
height: 80px;}
.icase .ihead h1,.ipro .ihead h1{display: block;margin-bottom: 10px;}
.icase .ihead p,.ipro .ihead p{width: 202px;font-size: 16px;color: #fff;text-align: center;background: #0773ce;display: inline-block;
  height: 30px;line-height: 1.6;padding: 0 20px;}
.icase .ihead .mo,.ipro .ihead .mo{ top:86px; right: 568px;}
.icase{ padding: 60px 0;background: #f1f1f1;}
.icase .tod{  overflow: hidden; *position: relative; width: 110%; }
.icase .tod ul{margin-top: 60px;}
.icase .tod li{float: left;position: relative;height: 445px;border-bottom: 4px solid #fff;
width: 380px;margin: 0 24px 30px 0;text-align: center;}
.icase .tod li .img{position: relative;width: 380px;height: 285px;display: block;z-index: 1;}
.icase .tod li img{ height: 285px;width: 380px;position: absolute;top: 0;left: 0;display: block;}

.icase .tod .wd {  line-height: 2;background: #fff;height:  160px;}
.icase .tod .wd span{ padding: 10px 0 6px 0;display: block;}
.icase .tod .wd span a{ color: #353738;font-size: 16px;display: block;font-weight: bold;}
.icase .tod .descrption{line-height: 2;color: #999; font-size: 14px;   word-wrap: break-word;padding: 0 10px;} 
.icase .tod li:hover span a{color: #0362b1;}
.icase .tod li:hover { -webkit-transform:translateY(-10px);
  transform:translateY(-10px);border-color: #0674ce;}

.icase .arrow{ margin: 0 auto;height: 36px;margin-top: 20px; position: relative;top: -200px;}
.icase .arrow_r,.icase .arrow_l{width: 16px;height: 44px; position: absolute;top: 0 ;}
.icase .arrow_r{margin-right: 36px;background-position: left -600px;left: 0;}
.icase .arrow_l{background-position: right -600px;right: 0;}
.icase .detailx{color: #fff;width: 145px;height: 36px;text-align: center;margin: 0 auto;line-height: 36px;display: block;
background: #e00100;margin-top: -27px;}

.ipro{background: #f7f7f7;padding-top: 56px;}
.ipro .main{  overflow: hidden; *position: relative; width: 1200px; }
.ipro ul.list{margin-top: 40px;/* width: 110%; */}
.ipro  .list li{float: left;position: relative;  
width: 380px;margin: 0 20px 30px 0;text-align: center;}
.ipro .list li .img{position: relative;width: 380px;height: 285px;display: block;z-index: 1;}
.ipro .list li img{ height: 285px;width: 380px;position: absolute;top: 0;left: 0;display: block;}

.ipro .wd {  line-height: 2;background: #fff;height:  54px;}
.ipro .wd span{ p