@import url(https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,100);
body {color: #444;	font-size: 14px;	line-height: 1.75em;	background: #fff;	font: 14px/24px 'Open Sans', Arial, Helvetica, Verdana, sans-serif; font-weight:400;	-webkit-font-smoothing: antialiased; }
.fl{ float: left; } .fr{ float: right;} 
.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0} .cl{zoom:1} 
body .bodybox{ }
h1,h2,h3,h4,h5,h6 {font-family:"Open Sans";letter-spacing:0px;}
.shenglue1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.shenglue3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:1.75;max-height:5.25em}


/***************
"宋体","SimSun","黑体","SimHei","微软雅黑","Microsoft YaHei","微软正黑体","Microsoft JhengHei","新宋体","NSimSun","楷体","KaiTi","
深黑 重要文字和标题  #222  
中灰色 普通文字信息及引导 #666
#浅灰  辅助信息 次要文字 按钮苗边 #999
#淡淡灰  分割线 标签描边 #d7d7d7 
#暗白  内容背景 #f3f5f7 
背景 #f8f8f8

**************/
.w120{ width:1200px; clear:both; margin:0 auto;   }
.w100{ width:100%; min-width:1200px;  clear:both; margin:0 auto;   }

.shenglue1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.shenglue3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:1.75;max-height:5.25em}

a { color:#444;}
a:hover{ color:#147;}
/********* top *****************/
header .logo{ padding:10px  ; }
header .logo .tel{  background:url(img/tel.png) left center no-repeat; padding-left:80px; height:80px; }
header .logo .tel p{ line-height:1.75em;  font-weight:500; }
header .logo .tel p strong { color:#147; font-size:16px;
            background: linear-gradient(to right,#0C4B7C,#008BE0, #6C306A,#001D5C); /* 从左到右渐变 */
            -webkit-background-clip: text; /* Safari/Chrome */
            -webkit-text-fill-color: transparent; /* Safari/Chrome */
            color: transparent; /* Firefox/Opera */        }



header .daohang{ height:45px; background:#147 linear-gradient(to right ,#0C4B7C,#008BE0, #6C306A,#001D5C); color:#fff;}
/* 本例子css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
header .daohang .navBar{  position:relative; z-index:1;    }
header .daohang  ul.nav{ position:relative;  color:#fff; text-align: center; padding:0 10px;}
header .daohang ul.nav li.m{ display:inline-block; position:relative; z-index:1; }
header .daohang ul.nav li.m h3{  font-weight:normal;   }
header .daohang ul.nav li.m h3  a{   display:block; padding:0 45px; line-height:45px; font-size:18px; font-weight:lighter;  color:#fff;   }





/*************/
.focusBox { position: relative; width:100%; height:400px;  overflow: hidden; }
.focusBox ul.pic{ position:relative; z-index:0;  }
.focusBox ul.pic img { width:100%; height:400px;  display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(img/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
display:inline-block; *display:inline; zoom:1;  _background: url(img/dot8.png) no-repeat 0 -16px;
}
.focusBox .hd .on{ background-position:0 0; }

.titindex{font-size:36px; line-height:1.5; font-weight:700; color:#111; text-align:center; margin:30px auto;

            background: linear-gradient(to right,#0C4B7C,#008BE0, #6C306A,#001D5C); /* 从左到右渐变 */
            -webkit-background-clip: text; /* Safari/Chrome */
            -webkit-text-fill-color: transparent; /* Safari/Chrome */
            color: transparent; /* Firefox/Opera */     
			
}
.titindex p{ width:150px; margin:0 auto; border-top:1px solid #58f; height:25px;  }
.titindex p span{ display:block; background:#fff; width:50px; height:26px; margin:-1px auto; overflow:hidden}
.titindex p i{ display:block; background: url(img/24gl-gear4-b.png) center center no-repeat; margin:0 auto; width:50px; height:50px; margin-top:-25px; }



@keyframes rotate {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

.rotating-icon {  animation: rotate 2s linear infinite;
}

/*****************/
ul.xm4-wedo li{ float:left; width:280px; margin-left:26.66px; margin-bottom:20px;}
ul.xm4-wedo li:nth-child(4n+1){ margin-left:0;}
ul.xm4-wedo li .tu img{ display:block; width:100%; height:auto}
ul.xm4-wedo li p{ line-height:3em; height:3em; text-align:center; font-size:18px;}
ul.xm4-wedo li:hover{ box-shadow:0 3px 5px rgba(0,0,0,.5); -webkit-transform: translate(0,-10px); transform: translate(0,-10px); -webkit-transform: all .5s ease 0s;transition: all .5s ease 0s;}

/*****************/



ul.number_list li.xm{  margin:40px auto; overflow:hidden; position:relative}

ul.number_list li.xm .tu{ width:550px; height:auto; overflow:hidden; float:left; border-radius:15px; box-shadow:0 5px 8px rgba(0,0,0,.5); margin:10px; border:1px solid #fff; }
ul.number_list li.xm0 .tu{ float:right}
ul.number_list li.xm .tu img{ display:block; width:550px; height:auto;}

ul.number_list li.xm .wen{ width:530px; height:auto; overflow:hidden; float: right; padding-top:50px;  }
ul.number_list li.xm0 .wen{ float:left; margin-left:0}
ul.number_list li.xm .bt{ color:#222; font-size:30px; line-height:1.5em; margin:15px auto ; font-weight:500}
ul.number_list li.xm .nr{ font-size:16px; line-height:2em; text-align: left;}
ul.number_list li.xm .nr img{ max-width:100%; vertical-align:bottom}

ul.number_list.about_list li.xm .wen{  padding-top:0px; width:590px;   }

ul.number_list.m_list li.xm .tu{ box-shadow: none;border-radius:0; margin:0; }
ul.number_list.m_list  li.xm .wen{  padding-top:0px; width:590px;   }


/*************/
footer{}
footer .foot{ width:100%;  background:#5D5D5D  linear-gradient(to right ,#0C4B7C,#008BE0, #6C306A,#001D5C); ; color:#fff; }

footer .foot a{ color:#147;}
footer .foot .copyright{ padding:15px 30px; overflow: hidden; text-align: center ; background:url(img/003.png);}

/***********分页*******************/

.pagination{list-style:none;margin:20px auto; text-align:center; display:inline-block; width:100%;}
.pagination li{display:inline-block; margin:2px; text-align:center;}
.pagination a{color:#999;padding:4px 8px;line-height:18px;display:block;border:solid 1px #ddd;}
.pagination a:hover ,.pagination li.thisclass a{ background:#b22; color:#fff;border:solid 1px #b22;}


/********cp**************/

.banner { overflow:hidden}
.banner img{ display:block; width:100%; height:auto;}

.main{ min-height:150px;}
.main .lianxi{ padding:30px 0;}
.main .lianxi .lianxitu{ width:450px; overflow:hidden;}
.main .lianxi .lianxitu img{ display:block; width:100%; height:auto;  }
.main .lianxi .lianxiwen{ width:680px; overflow:hidden;  color:#333; line-height:1.75em; font-size:16px; }

.main .lianxi.lianxi-gc .lianxitu{ width:680px; }
.main .lianxi.lianxi-gc .lianxiwen{ width:450px; }



table{ border-collapse:collapse; width:100%;}

.main .pt50{ padding:50px;}
.main .title{ font-size:36px; line-height:1.5; font-weight:300; color:#333; text-align:center}
.main .xiangxineirong{ width:1000px; margin:30px auto; font-size:16px; line-height:2em;overflow:hidden}
.main .xiangxineirong img{ max-width:1000px; vertical-align:bottom; height:auto;}


.main .xiangxineirong strong{ font-weight:800;}


/***********/
ul.xm2-gc{ padding: 0;}
ul.xm2-gc li{ float:left; width:370px; margin-left:45px; margin-bottom:25px;}
ul.xm2-gc li:nth-child(3n+1){ margin-left:0;}
ul.xm2-gc li .tu img{ display:block; width:100%; height:auto}
ul.xm2-gc li p{ line-height:3em; height:3em; text-align:center; font-size:18px;}
ul.xm2-gc li:hover{ box-shadow:0 3px 5px rgba(0,0,0,.5); -webkit-transform: translate(0,-10px); transform: translate(0,-10px); -webkit-transform: all .5s ease 0s;transition: all .5s ease 0s;}


/*****************/
.mainpt30{ padding:30px 0;}
.lefts { width:250px; background:#fff; overflow:hidden; box-shadow:0 3px 5px #999;}
.lefts .cpfl{width:250px; }
.lefts .cpfl .tit{ height:40px; background:#183884 linear-gradient(to right ,#0C4B7C,#008BE0, #6C306A); padding:10px 15px; }
.lefts .cpfl .tit i{ display:block; float:left; width:40px; height:40px; background:url(img/citie01.png) center center no-repeat ; margin-right:5px; }
.lefts .cpfl .tit p{ color:#fff; line-height:40px; font-size:30px;}
.lefts .cpfl .tit p span{ display:block; font-size:12px; line-height:20px;}
.lefts .cpfl ul li{ padding:0 20px;}
.lefts .cpfl ul li a{ display:block; line-height:1.2em; padding:15px 0 15px 30px;; font-size:16px; border-top:1px solid #ddd; background: url(img/listdot.jpg)  left center no-repeat;  }

.lefts .cpfl ul li a.on{ color:#183884; font-weight:bold;}

.lefts .cpfl ul  li.fl_xlb a{ background:url(img/fl_xlb.png) 10px center no-repeat; font-size:14px; padding:5px 0;  padding-left:30px; line-height:22px; border-top:1px  dotted  #ddd;  }
.lefts .cpfl ul  li.fl_xlb a.on{ color:#183884; font-weight:bold;}
/***********************/


.main .rights{ width:925px; overflow:hidden; }
/*
.main .rights .tit{ height:50px;  padding:25px; border-bottom:1px solid #ddd; }
.main .rights  .tit i{ display:block; float:left; width:50px; height:50px; background:url(img/citie2.png) center center no-repeat ; margin-right:10px; }
.main .rights  .tit p{ color:#183884; line-height:50px; font-size:28px;}
.main .rights  .tit p span{ color:#666;;float:right; line-height:50px; font-size:14px; }
.main .rights  .tit A{ color:#666; padding:0 10px; }
.main .rights  .tit A.links{ border-left:1px solid #999; font-size:18px; }
.main .rights  .tit A.links:first-child{ border:none;}
.main .rights  .tit A.on{ color:#999;}
.main .rights  .tit A:hover{ color:#183884;}*/



.main .rights  ul.cplist li{ float:left; width:210px; margin:10px 0 15px 15px; overflow:hidden; text-align:center; padding:2px; border:1px solid #def; position:relative;}
.main .rights  ul.cplist li .tu{ width:210px ; height:168px; overflow:hidden;}
.main .rights  ul.cplist li .tu img{ width:210px; height:auto; display:block;}
.main .rights  ul.cplist li:hover .tu img {transform: scale(1.1); -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;}

.main .rights  ul.cplist li p.wen{ line-height:20px; padding:8px 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:none}
.main .rights  ul.cplist li:hover p{ background:#def;}

.main .rights  ul.cplist li::before{ position:absolute; top:0; left:0; content:""; width:0; height:1px; background:#147 linear-gradient(to right ,#0C4B7C,#008BE0, #6C306A,#001D5C);}
.main .rights  ul.cplist li .tu::before{ position:absolute; bottom:0; left:0; content:""; width:1px; height:0; background:#147 linear-gradient(to bottom ,#0C4B7C,#008BE0, #6C306A,#001D5C);}

.main .rights  ul.cplist li:after{ position:absolute; bottom:0;  right:0; content:""; width:0; height:1px; background:#147 linear-gradient(to right ,#0C4B7C,#008BE0, #6C306A,#001D5C);}
.main .rights  ul.cplist li .tu::after{ position:absolute; z-index:9; top:0; right:0; content:""; width:1px; height:0; background:#147 linear-gradient(to bottom ,#0C4B7C,#008BE0, #6C306A,#001D5C);}



.main .rights  ul.cplist li:hover::before{ width:100%; -webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;}
.main .rights  ul.cplist li:hover .tu::before{height:100%;-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;}
.main .rights  ul.cplist li:hover:after{width:100%;-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;}
.main .rights  ul.cplist li:hover .tu::after{ height:100%;-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;}



/**********/
.xiangxineirong{ margin:10px auto; overflow:hidden; line-height:2em; font-size:16px; }
.xiangxineirong img{ max-width:1200px; vertical-align:bottom; outline:none}
* table{ width:100%; border-collapse:collapse; margin:10px auto}