@charset "utf-8";
/* CSS Document */
html,body{ font-family:'微软雅黑';  }
html,body,p,h1,h2,h3,h4,h5,h6,ol,ul,li,input{ margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:100;}
ul,li{ list-style-type:none;}
.clear{ clear:both;} /*清除浮动那堵墙*/
a{ /*你的网页上最多链接颜色*/ text-decoration:none; color:#666;}
.clearfix:after{ content:""; height:0; display:block; visibility:hidden;/*隐藏之后占位置 overflow:hidden超出隐藏之后不占位置*/ line-height:0; clear:both;}
.clearfix{*zoom:1;}
img{ border:none}
i {font-style: normal;font-weight: normal;}
b {font-style: normal;font-weight: normal;}
.wid{ width:1200px; margin:0 auto}
em{ font-style:normal}
ol li{ list-style-type:none;}
/*初始化*/

.t{background:#fff; width:100%; height:100px; position:fixed; z-index:9999; top:0; }
.top{height:96px; }
.top h2 img{ display:block; float:left; margin-top:15px}
.top ul{ float:right}
.top ul li{ width:96px; float:left; text-align:center; height:40px; margin:30px 5px;   position:relative; overflow:hidden}
.top ul li a{ width:96px; height:40px; line-height:40px; display:block; font-size:16px; color:#333; }
.top ul li span{ position:absolute; top:40px; left:0}
.top ul li span a{ color:#fe0000}
.top ul li p{top:0px; left:0; display:block; position:absolute}
.top ul li:hover p{ top:-40px; transition:ease 0.5s}
.top ul li:hover span{ top:0;  transition:ease 0.5s}
.top ul .on p{ top:-40px;}
.top ul .on span{ top:0}


/* banner */
.flexslider{position:relative;height:600px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; position:absolute;width:1920px;left:50%;margin-left:-960px; z-index:99; }
.slides{position:relative;z-index:1;}
.slides li{height:600px;}
.slides li a{ width:1920px; height:600px; display:block}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.bannerbj{ overflow: hidden; position: relative; width: 100%; height: 600px; padding-top:100px;}
.banner_nei{ padding-top:100px;}




#bd { overflow: hidden; position:relative; z-index:99}
.index-row { padding: 25px 0 35px;}
.g-tit1 p{ font-size:38px; color:#ff0000; margin-top:30px; text-align:center}
.g-tit1 span{font-size:22px; color:#333; margin-bottom:44px; text-align:center; display:block}
.m-product { background-color: #dcefeb; }
.ul-list1 { overflow: hidden; }
.ul-list1 li { float: left; width: 25%; text-align: center; background-repeat: no-repeat; background-position: center; }
.ul-list1 .con { display: block; padding: 30px 13%; overflow: hidden; position: relative; background-color: rgba(241,241,241,.95); transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.ul-list1 .con:hover { background-color: rgba(255,0,0,.90); }
.ul-list1 h4 { font-size: 18px; color: #fe0000; font-weight: bold; }
.ul-list1 .ico { height: 80px; display: block; margin-bottom: 10px; background-repeat: no-repeat; background-position: center 0; }
.ul-list1 .con:hover .ico { background-position: center bottom; }
.ul-list1 .txt { margin: 20px 0; font-size: 13px; color: #333; margin-bottom: 35px; line-height: 2; height: 4em; overflow: hidden; }
.ul-list1 .btn { display: inline-block; width: 70px; line-height: 24px; text-align: center; border: 1px solid #999; border-radius: 12px; }
.ul-list1 .con:hover h4 { color: #fff; }
.ul-list1 .con:hover .txt { color: #ecdedb; }
.ul-list1 .con:hover .btn { background-color: #fff; color: #ff4e00; border-color: #fff; }
.ul-list1 .s1 .ico { background-image: url(../images/web-ico1.png); }
.ul-list1 .s2 .ico { background-image: url(../images/web-ico2.png); }
.ul-list1 .s3 .ico { background-image: url(../images/web-ico3.png); }
.ul-list1 .s4 .ico { background-image: url(../images/web-ico4.png); }
.ul-list1 li .btn span{ color:#999;}
.ul-list1 .con:hover .btn span{ color:#fe0000;}


.center2{  background-color: #dcefeb; height:auto; overflow:hidden; position:relative; z-index:99}
.center2 h2{ text-align:center; margin-top:30px; margin-bottom:30px}
.center2 h2 p{ font-size:30px; color:#333}
.center2 h2 span{ font-size:16px; color:#666; margin-top:10px}
.center2 h2 i{ display:block; width:80px; height:1px; background:#999; margin:0 auto; margin-top:10px}
.center2 ul{ width:100%; height:616px}
.center2 ul li{ width:25%; height:313px; overflow:hidden; position:relative; float:left}
.center2 ul li .picture{ position:absolute; top:0; left:0}
.center2 ul li h3{ width:70%; position:absolute; left:15%; text-align:center; top:50%; font-size:16px; color:#fff;}
.center2 ul li .bj{ width:100%; position:absolute; top:0; left:0; background:#000000; opacity:0.6; display:block; height:313px}
.center2 ul li .icon{ position:absolute; left:44%; top:100%; }
.center2 ul li:hover .bj{ opacity:0; transition:all .3s ease-in-out;}
.center2 ul li:hover .icon{ top:40%;}
.center2 ul li:hover .picture{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); transition:all 0.3s linear}
.center2 ul li:hover h3{ top:100%; }
.center2 .gd{  width:190px; height:46px; margin-left:45%; margin-bottom:50px; margin-top:30px; overflow:hidden}
.center2 .more{ width:184px; height:40px; border:3px solid #ff002b; text-align:center; line-height:40px;  display:block; margin-bottom:2px}
.center2 .more a{ color:#ff002b; font-size:16px; font-weight:600px; width:100%; height:46px; display:block}
.center2 .more1{ width:190px; height:46px; background:#ff002b; text-align:center; line-height:46px;  display:block;  }
.center2 .more1 a{ color:#fff; font-size:16px; font-weight:600px; width:100%; height:46px; display:block}
.center2 .gd:hover .more{ margin-top:-46px; transition:all 0.5s}



.center3{ background:url(../images/bj1.png) no-repeat  center; width:100%; height:790px; overflow:hidden; position:relative; z-index:99}
.center3 ul{ width:80%; margin-left:10%; margin-top:220px;}
.center3 ul .on{ background:rgba(240,40,17,0.9); }
.center3 ul li{background:rgba(143,143,143,0.9); float:left; margin:1% 1%;  width:23%;  height:auto;}
.center3 ul li a{ display:block; width:100%; }
.center3 ul li img{ display:block; width:100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);
filter: gray;  }
.center3 ul li img:hover{ cursor:pointer}
.center3 ul .on h2{ margin:10% 0 0 10%}
.center3 ul .on p{ font-size:3em; color:#fff;}
.center3 ul .on span{ font-size:1.6em; color:#fff;}
.center3 ul li:hover img{ filter: grayscale(0%); transition:all 0.3s}

/*网站案例*/
.index-row { overflow:hidden}
.m-news{ padding:0}
.wp{background:url(../images/bg3.png) no-repeat center; width:100%; height:653px; overflow:hidden; padding-top:0; margin-top:0; position:relative; z-index:99}
.wp h2{ text-align:center; margin-top:30px; margin-bottom:30px}
.wp h2 p{ font-size:30px; color:#333}
.wp h2 span{ font-size:16px; color:#666; margin-top:10px}
.wp h2 i{ display:block; width:80px; height:1px; background:#999; margin:0 auto; margin-top:10px}
.ul-tab1 { text-align: center; margin-bottom: 50px; }
.ul-tab1 li { display: inline-block; line-height: 30px; border: 1px solid #d6d6d6; border-radius: 15px; margin: 0 10px; font-size: 15px; }
.ul-tab1 a { color: #666; display: block; padding: 0 35px; }
.ul-tab1 li.on { background-color: #fe0000; color: #fff; border-color: #fe0000; }
.ul-tab1 li.on a { color: #fff; }
.ul-list2 { overflow: hidden; padding: 0 3%; }
.ul-list2 li { float: left; width: 33.333%; margin-bottom: 20px; }
.ul-list2 .con { display: block; margin: 0 13px; background: #fff; border-radius: 3px; padding: 6px; overflow: hidden; }
.ul-list2 .pic { height: 0; padding-top: 71%; position: relative; border-radius: 3px; overflow: hidden; }
.ul-list2 .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 5px; }
.ul-list2 a:hover img { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.ul-list2 .pic em { display: block; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(../images/ico-so.png) no-repeat center center; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 0);
}
.ul-list2 .hide-txt { position: absolute; left: 0; right: 0; bottom: -100px; padding: 15px 20px; background-color: #fe5e16; color: #fff; line-height: 2; font-size: 13px; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }
.ul-list2 .hide-txt p { max-height: 4em; overflow: hidden; }
.ul-list2 h4 { font-size: 17px; color: #333; text-align: center; line-height: 55px; overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; }
.ul-list2 a:hover em { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);
}
.ul-list2 a:hover .hide-txt { bottom: 0; }
.i-row { overflow: hidden; margin-bottom:40px }
.det p{ font-size:14px}
.m-hotNews .det p{ display:block; height:58px; overflow:hidden; line-height:23px}
.i-col-l { width: 31%; float: left; }
.i-col-r { width: 67%; float: right; }
.m-hotNews { color: #666; background-color: #f5f5f5; border-radius: 5px; overflow: hidden; }
.m-hotNews a { color: #444; }
.m-hotNews a:hover { color: #fe0000; }
.m-hotNews .pic { background-repeat: no-repeat; background-position: center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; }
.m-hotNews .pic a { display: block;/*height: 160px;*/ height: 215px; }
.m-hotNews .con { padding: 15px 20px 15px; }
.m-hotNews .time { width: 88px; height: 80px; float: left; font-size: 15px; padding: 10px 5px; background-color: #fe0000; color: #fff; font-family: 'Arial'; text-align: center; margin-right: 20px; }
.m-hotNews .time em { font-size: 30px; display: block; line-height: 40px; margin-top:10px}
.m-hotNews .tit { font-size: 18px; overflow: hidden;  line-height: 25px; text-overflow: ellipsis; height:75px;}
.m-hotNews .info { overflow: hidden; }
.m-hotNews .info * { display: inline-block; padding-left: 25px; background-repeat: no-repeat; background-position: -5px center; }
.m-hotNews .orign { background-image: url(../images/ico-user.png); }
.m-hotNews .visit { background-image: url(../images/ico-eye.png); float: right; }
.m-hotNews .det {/*padding-top: 15px;*/ clear: both; overflow: hidden;/*line-height: 25px;max-height: 90px;*/ padding-top: 10px; line-height: 20px; max-height: 50px; }
.ul-list4 { overflow: hidden; margin: 0 -12px; }
.ul-list4 li { float: left; width: 50%; margin-bottom: 15px; }
.ul-list4 .con { display: block; overflow: hidden; padding: 15px; margin: 0 12px; background-color: #f5f5f5; border-radius: 5px; }
.ul-list4 .time { margin-right: 20px; width: 85px; height: 85px; background-color: #afafaf; color: #fff; font-family: 'Arial'; text-align: center; padding:5px; font-size: 15px; float: left; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.ul-list4 .time em { font-size: 30px; display: block; line-height: 40px; margin-top:10px }
.ul-list4 .tit { font-size: 15px; color: #333; font-weight: bold; line-height: 35px; overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; }
.ul-list4 .det { color: #666; line-height: 22px; height: 44px; overflow: hidden; }
.ul-list4 .con:hover .tit { color: #fe0000; }
.ul-list4 .con:hover .time { background-color: #fe0000; }


.ab{ background:url(../images/bj4.png) no-repeat center; width:100%; height:751px; position:fixed; z-index:1; bottom:-23px}
.about{ width:1200px; height:340px; position:relative; z-index:99}
.about h2{ font-size:30px; color:#fff; margin-top:32px; margin-bottom:63px;}
.about h2 span{ font-size:16px; margin-left:20px}
.about h2 p{ font-size:14px; margin-top:15px}
.about .l h4 img{ display:block; float:left;}
.about .l h4 p{ display:block; float:left; font-size:14px; color:#fff; margin-left:15px}
.about .l h4{display:block; width:372px; height:60px}
.about .l{ float:left}
.about .r input{ width:360px; height:40px; line-height:55px; font-size:14px; color:#d4d4d4; text-indent:1em; border:1px solid #fdfdfd; background:none; display:block; margin-bottom:12px; }
.about .r{ float:right; margin-top:40px}
.about .r p{ display:block; float:left; line-height:42px; color:#E3E3E3; font-weight:100}
#txtContent{width:357px; height:82px; line-height:30px; font-size:14px; color:#d4d4d4; text-indent:1em; border:1px solid #fdfdfd; background:none; display:block; resize:none}
.about .r .tj #btnSubmit{ display:block; width:160px; float:right; height:44px; line-height:44px; text-align:center; font-size:14px; color:#fff; background:#999; margin-top:20px; cursor:pointer}



.f{ width:100%; height:190px; background:#333; position:relative; z-index:99}
.footer{ height:190px;}
.footer .left{ float:left; margin-left:140px}
.footer .left .dh img{ width:239px; height:52px; margin-top:30px; margin-bottom:15px}
.footer .r{ text-align:right; float:right; margin-top:30px}
.footer  .r p{ color:#979797; font-size:14px; line-height:30px;}
.footer .f_logo{ display:block; float:left; margin-top:30px;}
.footer .f_logo p{ margin-top:20px; color:#979797;}
.footer .qq{ }
/*内页服务*/

.service{ margin-top:100px;overflow:hidden;}
.service ul li{ width:100%;}
.service ul li .l{ width:70%; height:590px; overflow:hidden; float:left}
.service ul li .l img{ width:100%;}
.service ul li .r{ width:30%; background:#31c0ce; height:590px; float:left; text-align:center}
.service ul li .r h2{ font-size:40px; color:#fff; margin:137px auto 60px auto}
.service ul li .r p{ padding:0 30px; font-size:20px; color:#fff; line-height:48px; height:182px; overflow:hidden}
.service ul li .r a{ display:block; width:210px; height:50px; color:#fff; font-size:28px; line-height:50px; border:2px solid #cfcfcf; margin:0 auto; margin-top:45px;}
.service ul .two .r{ background:#2aa965;}
.service ul .three .r{ background:#e09400;}
.service ul .four .r{ background:#7cc401;}
.service ul li .l:hover img{ -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); transition:all 0.3s linear}
.service ul li .r a:hover{ border:2px solid #fff;;}


/*服务*/
.banner_nei img{ width:100%; margin:0 auto}
.fw1{ text-align:center;}	
.fw1 h1{ font-size:50px; line-height:95px; color:#30b6c3; padding-top:20px;}
.fw1 h2{ font-size:20px; line-height:36px; color:#666; margin:40px 0 57px;}
.fw2{background:#f1efef; padding:65px 0 76px;}
.fw2 .center{ width:93.75%; margin:auto;}
.fw2 .center .floatl{ width:50%;}
.fw2 .center .floatl div{ width:72.5%; margin-left:7.5%; text-align:center}
.fw2 .center .floatl div img{ width:70%; display:block; margin-left:14%;}
.fw2 .center .floatl div h1{ margin-top:52px; font-size:30px; color:#30b6c3; line-height:40px;}
.fw2 .center .floatl div h2{ margin:18px 0 40px; font-size:25px; line-height:48px; color:#5d5d5d;}
.fw2 .center .floatl div h3{ font-size:20px; line-height:30px; color:#666;}
.fw3{ position:relative;}
.fw3 img{ width:100%;}
.fw3 .center{ width:100%; height:100%; position:absolute; top:0; left:0;}
.fw3 .floatl{ width:50%; height:100%; position:relative;}
.fw3 .floatl div{ padding-left:7.5%; width:60.42%; position:absolute; top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.fw3 .floatl div h1{ font-size:30px; line-height:56px; color:#ffffcc;}
.fw3 .floatl div h2{ font-size:36px; line-height:48px; color:#fff; margin:10px 0 40px;}
.fw3 .floatl div h3{ font-size:20px; line-height:30px; color:#fff;}
.floatl{ float:left}
.floatr{ float:right}
.fw4{ position:relative;}
.fw4 img{ width:100%;}
.fw4 .center{ width:100%; height:100%; position:absolute; top:0; left:0;}
.fw4 .floatr{ width:50%; height:100%; position:relative;}
.fw4 .floatr div{ padding-left:7.5%; width:60.42%; height:280px; position:absolute; top:50%; margin-top:-140px;}
.fw4 .floatr div h1{ font-size:30px; line-height:56px; color:#30b6c3;}
.fw4 .floatr div h2{ font-size:36px; line-height:48px; color:#333; margin:10px 0 40px;}
.fw4 .floatr div h3{ font-size:20px; line-height:30px; color:#666;}

/*=====================案例=====================*/
.gd_box{  width:1200px; margin:0 auto}
#case_list_content{}
#case_list_content ul{ margin:00px -13px; margin-top:10px}
#case_list_content ul li{ position:relative;  background:#e4e4e4; margin:13px; width:382px; float:left; display:block; overflow:hidden; text-align:center}
#case_list_content ul li .box{ display:block;}
#case_list_content ul li .box img{ width:382px; height:249px;}
#case_list_content ul li .box h1 a{ height:50px; line-height:50px; display:block; padding:0 20px; }
#case_list_content ul li .box h1 a strong{ color:#7c7b82; font-size:14px;}
#case_list_content ul li .box h1 a span{ color:#7c7b82; font-size:12px; float:right;}
#case_list_content ul li .hover  a{ opacity:0; display:block; position:absolute; top:0; width:100%; height:249px; z-index:3; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}

#case_list_content ul li .hover img{ display:block; margin:0 auto; padding-top: 110px; }
#case_list_content ul li:hover .hover a{ opacity:1;     transition: all 0.6s ease-in-out;}
#case_list_content ul li:hover{ background:#ff1d00;     transition: all 0.6s ease-in-out;}
#case_list_content ul li:hover span{ color:#fff !important;    transition: all 0.6s ease-in-out;}
#case_list_content ul li:hover strong{ color:#fff !important;    transition: all 0.6s ease-in-out;}
#case_list_content #bnt_more{ background:#fff; height:36px; margin:60px auto 20px auto; width:120px; text-align:center; border-radius:2px; display:block; line-height:36px; text-align:center;  font-size:14px; color:#333;}
#case_list_content #bnt_more:hover{ background:#ff1d00; color:#fff;       transition: all 0.6s ease-in-out;}
.gd_list h2{ text-align:center; font-size:30px; color:#565656; font-weight:600}
.gd_list h2 p{ font-size:16px; color:#999; margin:5px 0}
.gd_list h2 p i{ font-style:normal; color:#e4392a}
.gd_list h3 a{ font-size:16px; color:#333; display:block; float:left; margin-right:25px; margin-left:25px}
.gd_list h3{ margin:20px auto 30px; width:430px;}
.gd_list h3 a i{ width:5px; height:5px;   float:left; margin-top:10px; margin-right:5px}
.gd_list h3 a:hover{ color:#e4392a}
.gd_list h3 a:hover i{background:#e4392a; }
.gd_list h3 .on{color:#e4392a}
.gd_list h3 .on i{background:#e4392a; }
/*分页*/
.tcdPageCode{padding: 15px 20px;text-align: left;color: #ccc;text-align:center; font-size:13px;}
.tcdPageCode a{display: inline-block;color: #fe0000;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #b9b9b9;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #fe0000;}
.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #fe0000;	border: 1px solid #fe0000;border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}



.caseShow{width:1200px;margin:0 auto;}
.caseShow .headerline{font-size:30px;color:#333;font-weight:600; float:left; margin-top:32px;}
.caseShow .alshowtop{ width:1200px; border-bottom:1px dashed #CCCED5; height:83px;}
.caseShow .alshowtop i{ width:5px; height:30px; background:#FF0004; display:block; float:left; margin-top:39px; margin-right:15px;}
.caseShow ul{margin-top:10px;}
.caseShow ul li{overflow:hidden;font-size:16px;line-height:25px;color:#666;margin-top:5px}
.caseShow ul li span{float:left}
.caseShow p b{ font-weight:600; color:#333;}
.caseShow p{ color:#666;}
.caseShow ul li i{float:left;font-style:normal;width:1150px}
.caseShow .img img{margin:70px auto;max-width:100%}
.share{overflow:hidden;border-top:1px dashed #CCCED5;padding-top:15px;padding-bottom:50px; margin-top:20px;}
.share-lt{float:left;width:100%}
.share-lt li{ float:right; max-width:420px; height:42px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis}
.share-lt li:last-child{ float:left}
.share-rt{float:right;width:50%;font-size:14px;color:#333;text-align:right;margin-top:5px}
.share-rt a img{display:inline-block;vertical-align:middle;margin-left:3px}
.share-lt p a{display:block;font-size:14px;color:#666;line-height:30px;}
.share-lt p a:hover{color:#fe0000;}
.share-lt p li{ color:#666; margin-top:5px;}
.share-lt .LinkPrevArticle{ color:#fe0000;}


.nei_right{ width:280px;  float:right; background:#fff;}
.nei_rnews1{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.nei_rnews1 li{ height:33px; line-height:33px; overflow:hidden;}
.nei_rnews1 li a{ font-size:14px; color:#666;}
.nei_rnews1 li span{ float:right; font-size:12px; color:#aaa;}
.nei_rnews1 li i{ width:12px; height:12px; background:#8dbaf5; display:block; float:left; color:#fff; margin-top:11px; line-height:12px; font-size:12px; text-align:center; margin-right:8px;}
.nei_rnews1 li .news1{ background:#f54545}
.nei_rnews1 li .news2{ background:#ff8547}
.nei_rnews1 li .news3{ background:#ffac38}
.nei_rbox2,.nei_rbox3{ margin-top:10px;}
.nei_rnews2{width:100%; height:auto; overflow:hidden; margin-top:10px;}
.nei_rnews2 li{height:33px; line-height:33px; overflow:hidden; background:url(../images/ddd.png) no-repeat left center; padding-left:13px;}
.nei_rnews2 li a{ font-size:14px; color:#666;max-width: 235px;
    display: block;    float: left;}
.nei_rnews2 li span{ float:right; font-size:12px; color:#aaa;}
.nei_rnews3{width:100%; height:auto; overflow:hidden; margin-top:10px;}
.nei_rnews3 li{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #eee; padding:10px 0px;}
.nei_rnews3 li img{ float:left; width:120px; height:85px;}
.nei_rnews3 li p{ width:140px; float:right; height:89px; overflow:hidden; margin-top:-6px;}
.nei_rnews3 li p a{ font-size:13px; color:#666; height:66px; line-height:22px; display:block; overflow:hidden; }
.nei_rnews3 span{ float:right; height:19px; font-size:15px; color:#c92b2f; display:block; margin-top:5px;}
.nei_title{ width:100%; height:35px; line-height:35px; border-bottom:1px solid #ddd;}
.nei_title h2{ float:left;}
.nei_title h2 a{ display:block; border-bottom:1px solid #333; font-size:16px; font-weight:bold; color:#555}
.nei_title span{ float:right;}
.nei_title span a{ font-size:13px; color:#666;}

.case-banner img{width:100%;min-width:1200px;}
.case-banner .text-in{position:absolute;width:1200px;margin:0 auto;left:0;right:0;overflow:hidden;top:50%}
.case-banner .text{width:750px;height:184px;float:right;}
.case-banner .text h1{font-size:36px;color:#fff}
.case-banner .text p{font-size:14px;color:#fff;font-weight:bold;margin-top:10px;}

.case-headline{margin:50px auto;overflow:hidden}
.case-lt{float:left}
.case-rt{float:right;}
.trends-tab{overflow:hidden;width:389px;height:74px;padding:12px 14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../images/img030.png) no-repeat;background-size:cover}
.trends-tab li{float:left;font-size:16px;height:49px;line-height:49px;width:120px;text-align:center;cursor:pointer}
.trends-tab .trends-tabCrt a{ color:#fe0000}
.trends-tab li a{ color:#333;}
.trends-tabCrt{background:#EBEBEB; color:#FF0004}

.case-rt .case-tab{overflow:hidden;width:508px;height:74px;padding:12px 14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background: url(../images/img030.png) no-repeat;background-size:cover}
.case-rt .case-tab li{float:left;font-size:16px;color:#333;height:49px;line-height:49px;width:120px;text-align:center;cursor:pointer}
.case-rt .case-tabCrt{background:#EBEBEB;color:#005CAD !important}
.case-box{width:1200px;margin:0 auto}
.case-content-in{overflow:hidden;min-height:800px;}
.case-content-in dl{float:left;width:363px;margin:18px;}
.case-content-in dl.margin0{margin-left:0}
.case-content-in dl dt img{width:363px;height:230px}
.case-content-in dl dd h1{font-size:18px;font-weight:normal;color:#333;height:23px;overflow:hidden;margin-top:10px;}
.case-content-in dl dd p{font-size:12px;color:#999;height:15px;overflow:hidden;margin-top:10px;}

.case-content-in dl:hover dd{text-shadow:2px 2px 3px #999;}
.case-content-in dl:hover dd h1{font-weight:bold}
.case-content-in dl:hover dd p{font-weight:bold}
.trends-content-in{margin-bottom:50px;min-height:668px}
.trends-content-in dl{overflow:hidden;padding:25px 0;border-bottom:1px dashed #CCCED5;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;}
.trends-content-in dl dt img{width:251px;height:151px}
.trends-content-in dl dt{float:left}
.trends-content-in dl dd{float:right;width:908px}
.trends-content-in dl dd h1{font-size:18px;color:#333;font-weight:normal;margin-top:5px}
.trends-content-in dl dd p{font-size:14px;color:#999;line-height:25px;margin-top:10px;}
.trends-content-in dl dd span{font-size:12px;color:#CCC;display:block;margin-top:10px;}
.trends-content-in dl:hover{box-shadow: 0 6px 16px #ddd, 0 0 2px #ddd, 0 0 2px #ddd;-webkit-box-shadow: 0 6px 16px #ddd, 0 0 2px #ddd, 0 0 2px #ddd;-moz-box-shadow: 0 6px 16px #ddd, 0 0 2px #ddd, 0 0 2px #ddd;}



.zy_top{ width:1200px; height:88px; border-bottom:1px solid #eee; margin:0 auto}
.zy_top_left{ float:left; }
.zy_top_left img{ margin-top:15px;}


.zy_top_left_left03{ width:390x; float:left; font-family:Arial, Helvetica, sans-serif; font-size:48px; color:#2c2c2c;font-weight:bold; }
.zy_top_left_left03 span{ font-size:48px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f3782a;}
.zy_top_left_right_new{ width:210px; float:right;}
.zy_top_right{ width:600px; float:right;}
.zy_top_left_right_01{ width:280px; float:left; margin-left:10px;}
.zy_top_right_01{ width:706px; float:right;}
.wz{ height:35px; line-height:35px; text-align:right; margin-top:32px;color:#686868; }
.wz2{ height:35px; line-height:35px; text-align:right; margin-top:40px;}
.wz a{ color:#686868;}
.wz a:hover{ color:#fe0000;}
.wz2 a{ color:#686868;}
.wz2 a:hover{ color:#fe0000;}
.gy{ width:1200px; margin:0 auto}
.new_show_left{ width:840px; float:left; overflow:hidden;}
.new_show_left_top{ height:70px; border-bottom:1px dashed #eee; text-align:center}
.new_show_left_top .sx02{ width:80px; float:right; padding-top:10px;}
.new_show_left_top img{ margin-left:5px;}
.new_show_left_top h1{ font-size:20px; margin-bottom:10px;}
.new_show_right{ width:270px; float:right; background:url(../images/new_show_bg.jpg) repeat; padding:15px;}
.new_show_right_top{ font-size:20px; font-weight:bold; margin-bottom:15px;}
.new_show_right li{ height:110px; border-bottom:1px dashed #eee; color:#686868; margin-bottom:10px;}
.new_show_right h1{ font-size:16px; color:#333; line-height:30px; height:30px; overflow:hidden;}
.new_show_right h2{ margin-bottom:10px; font-weight:normal; color:#686868;}
.new_show_right p{ height:44px; overflow:hidden;}
.new_show_right a{ font-size:14px; color:#686868;}
.new_show_right a:hover{ text-decoration:none; color:#fe0000;}
.new_show_text{ margin-top:20px;color:#686868; font-size:14px; line-height:22px;}
.new_show_text a{color:#686868; }
.new_show_text p{ margin-bottom:10px; color:#686868; font-size:14px; line-height:22px;}
.new_show_text h1{ line-height:35px; font-size:14px;}
.zy_left_show_sx{ margin-top:20px; border-top:1px solid #eee; padding-top:15px; line-height:40px;}
.fanhui{float:right; width:110px;}
.fanhui_left{ width:32px; float:left}
.fanhui_right{ width:78px; float:left; height:32px; background-color:#e4e2e2; line-height:32px; text-align:center; }
.fanhui_right a{ color:#232323; margin-right:10px;}
.fanhui_right:hover{ background-color:#fe0000; }
.fanhui_right a:hover{ color:#fff;}

.zy_left_show_sx a{  color:#666;}
.zy_left_show_sx .sx{ margin-right:20px;}
.zy_left_show_sx .two{ float:right; margin-right:0}
.zy_left_show_sx .sx:hover{ color:#fe0000;}
.new_show_left_top p{ font-size:12px; color:#666;}
.sx02{ float:right}
.new_show_left_top a{ font-size:12px; color:#666;}
.new_show_left_top h1{ color:#333; font-weight:600; margin:10px 0}
.ysgy{ width:33px; float:left; margin-right:6px; height:33px; text-align:center; background-color:#fe0000;}
.ysgy:hover{ width:33px; float:left; margin-right:6px; height:33px; text-align:center; background-color:#32373d;}
.shang{ padding-top:7px; height:26px;}
 .shang:hover{ padding-top:7px; height:26px;}
.xia{ padding-top:7px; height:26px;}
.xia:hover{ padding-top:7px; height:26px;}


.aboutshow p img{ display:block; margin:0 auto; }





.trends-content-in .jt{ margin-left:194px; margin-bottom:-5px;}
.development_desc{ padding-top:35px; line-height:30px; color:#6d6d6d; font-size:16px; padding-bottom:21px; border-bottom:1px solid #e6e6e6; margin-bottom:55px;}
.development_con{ width:1179px; margin:0 auto; background:url(../images/development_line.jpg) 184px top repeat-y; }
.development_con .dev_head{ width:120px; height:120px; display:block; margin-left:128px; background-color:#cdcdcd; line-height:128px; text-align:center; color:#545454; font-size:30px;border-radius:50%; margin-bottom:82px;}
.development_con  .dev_ul li{ /*height:110px;*/ overflow:hidden; width:100%; margin-bottom:50px; background:url(../images/development_bg.png) 101px 40px no-repeat;transition:all 0.3s;}
.development_con  .dev_ul li .span{ float:left; width:101px; height:101px; display:block;border-radius:50%; line-height:101px; background-color:#fe0000; color:#fff; font-size:20px; text-align:center; font-weight:bold;}
.development_con  .dev_ul li .p{ float:right; width:896px; padding-left:50px;/* height:80px;*/min-height:60px; padding-bottom:13px; padding-top:30px; overflow:hidden;background:url(../images/201603/development_bg3.png) no-repeat; line-height:30px; color:#616060; font-size:18px;}
.development_con  .dev_ul li i{ font-size:0; height:7px; overflow:hidden; background-color:#e6e6e6; display:block; clear:both; float:right; width:932px;}
.development_con  .dev_ul li:hover{background:url(../images/development_bg2.png) 101px 40px no-repeat;}
.development_con  .dev_ul li:hover .p{background:url(../images/development_bg4.png) no-repeat; color:#fff;}
.development_con  .dev_ul li:hover i{ background-color:#de2121;}

.development_con  .dev_ul .two:hover{background:url(../images/development_bg21.png) 101px 40px no-repeat;}
.development_con  .dev_ul .two{ background:url(../images/development_bg1.png) 101px 40px no-repeat;}