﻿/*基本*/

*{ padding:0px; margin:0px }

body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 

legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}

body{color:#666;	margin:0px auto; font-family: Microsoft YaHei; font-size:14px; background:#fff; }

div{ margin:0; padding:0; border:0; }

img{ margin:0; padding:0; border:0; }

p{ margin: 0px; line-height:1.8em}

b,strong {font-weight: bold;}

table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}

li{ list-style: none outside none;}



/*链接*/

a{ text-decoration:none; color:#333; background: transparent;  transition: all 0.3s; outline:none}

a:visited { color:#333; }

a:focus { outline:none; }

a:hover{ color:#e6181a;}

a:active{ outline:none;}



/*标题*/

h1 { font-size: 1.3em;margin:  0;}

h2 {font-size: 1.2em; margin: 0;}

h3 { font-size: 1.17em;margin: 0;}

h4 {font-size: 1em;margin:0;}

h5 {font-size: 0.83em;margin: 0;}

h6 { font-size: 0.67em;margin: 0;}



/*表单*/

form {margin: 0;}

button,input,select,textarea { font-size: 100%;margin: 3px; vertical-align: baseline; *vertical-align: middle; }

button,select { text-transform:none; }

input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:99%;line-height: normal;}

textarea{padding: 2px;color: #000000;background-color: #fff;width:99%;}



/*其它*/

blockquote {margin: 1em 40px;}

dfn {font-style: italic;}

hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}

code, kbd, pre, samp {font-size: 1em;}

pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }

small {font-size: 80%;}

sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

dl{margin: 1em 0;}

dd {margin: 0 0 0 40px;}

/*==========@@HTML默认  结束@@==========*/



/*==========@@元件 开始@@==========*/

/*常用颜色*/

.blue {color: #00F !important;}

.green {color: #0F0 !important;}

.red {color: #F00 !important;}

.black {color: #000000 !important;}

.white {color: #FFFFFF !important;}

.gray { color:gray !important; }

.purple { color:purple !important;}



/*浮动*/

.clear { display:block; clear:both; height:3px; overflow:hidden; line-height:3px; }

.float_left { float:left; }

.float_right { float:right; }



/*对齐方式*/

.left { text-align: left}

.right {text-align: right}

.center{ text-align: center}



/*按钮*/

.btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;

  display: -moz-inline-stack;  display: inline-block;  *display: inline;  vertical-align: middle;  *vertical-align: auto;

  zoom: 1;    height: 32px;  line-height: 32px;  padding: 0px 20px;font-weight: 300;  font-size: 14px; 

  margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;

  border: 1px solid #d4d4d4; color: #666666; }

/*默认样式*/

.btn { background-color:#0450a1; color:#fff; }

.btn:hover { background-color:#4483c6; color:#fff; }

.btn:active { background:#4483c6; color:#fff; }

/*按钮大小*/

.btn-large {font-size: 19px;  height: 38.4px;  line-height: 38.4px;  padding: 0px 26px;}

.btn-small {  font-size: 12px; height: 25.6px; line-height: 25.6px;  padding: 0px 16px;}

.btn-tiny {  font-size: 12px;  height: 22.4px;  line-height: 22.4px; padding: 0px 13px;}

/*块按钮*/

.btn-block {display: block;}



/*其它*/

.hide { display:none; }  /*隐藏*/

.more{ float: right; padding-right:5px; display:none;} /*more链接*/

.code_image{ cursor: pointer; padding-bottom:6px; } /*验证码图片样式*/



.delay1{ -webkit-animation-delay:0.4s; animation-delay:0.4s; }

.delay2{ -webkit-animation-delay:0.6s; animation-delay:0.6s; }

.delay3{ -webkit-animation-delay:0.8s; animation-delay:0.8s; }

.delay4{ -webkit-animation-delay:1s; animation-delay:1s; }

.delay5{ -webkit-animation-delay:1.2s; animation-delay:1.2s; }

.delay6{ -webkit-animation-delay:1.2s; animation-delay:1.4s; }

.delay7{ -webkit-animation-delay:1.2s; animation-delay:1.5s; }

.delay8{ -webkit-animation-delay:1.2s; animation-delay:1.6s; }



.is_animated.is_delay1{ transition-delay:.2s; -webkit-transition-delay:.2s; }

.is_animated.is_delay2{ transition-delay:.4s; -webkit-transition-delay:.4s; }

.is_animated.is_delay3{ transition-delay:.6s; -webkit-transition-delay:.6s; }

.is_animated.is_delay4{ transition-delay:.8s; -webkit-transition-delay:.8s; }

.is_animated.is_delay5{ transition-delay:1s; -webkit-transition-delay:1s; }

.is_animated.is_delay6{ transition-delay:1.2s; -webkit-transition-delay:1.2s; }

.is_animated.is_delay7{ transition-delay:1.4s; -webkit-transition-delay:1.4s; }

.is_animated.is_delay8{ transition-delay:1.6s; -webkit-transition-delay:1.6s; }



.is_animated{ -webkit-transition:all 1.2s ease-in-out; -moz-transition-duration:all 1.2s ease-in-out; -o-transition:all 1.2s ease-in-out; transition:all 1.2s ease-in-out;-webkit-transform:rotatex(-80deg) translateZ(0); -ms-transform:rotatex(-80deg) translateZ(0); transform:rotatex(-80deg) translateZ(0);

-webkit-transform-origin:0 0 0; -ms-transform-origin:0 0 0; transform-origin:0 0 0; opacity:0; }

.is_animated.louverTop{ -webkit-transform:rotatex(0) translateZ(0); -ms-transform:rotatex(0) translateZ(0); transform:rotatex(0) translateZ(0); opacity:1; }

/*频道*/

.ChannelContent{ line-height:2.0em; font-size:16px;}

.ChannelSContent, .ChannelSContent p{ line-height:1.8em}

.ChannelContent a{ color: #ff9d02}

.ChannelSContent{ color:#FFF; line-height:25px; overflow:hidden; }

.ChannelSContent a{ color:#fc872a; }

.ChannelSContent img, .InfoContent img{ max-width:100% }



/*==========@@元件 结束@@==========*/



/*==========@@模块  开始@@==========*/

/*左侧*/

/*主体左侧样式*/

.left_title { height:39px; line-height:39px; border-bottom:1px solid #0450a1; }

.left_title h2 { font-size:16px;  color:#0450a1; }

.left_body { overflow:hidden; zoom:1; color:#0450a1;  padding:10px 10px 5px; border-top:0; border-bottom: 0px}

.left_bottom { height:15px; margin-bottom:5px;}



/*样式1*/

.left_title1{ line-height:40px; text-align:center; }

.left_title1 a{ }

.left_title1 .ChannelSContent{ display:block; color:#1e1e1e; font-size:24px; margin-bottom:20px; }

.left_title1 p{ color:#1e1e1e; font-size:14px; padding: 0px 200px; margin-bottom: 20px; }

.left_body1{ overflow:hidden; zoom:1; color:#000; padding:30px 0px 0; }

.left_bottom1 { height:15px; margin-bottom:5px;}

/*样式2*/

.left_title2{ }

.left_title2 h2 a{ font-size:24px; font-weight:normal; color:#555; line-height:50px; }

.left_title2 h2 a:hover{ color:#00706c; }

.left_title2 h2 span{ font-weight:normal; color: #ccc; font-size: 14px;}

.left_body2{ overflow:hidden; zoom:1; color:#000; padding:35px 0px 0; }

.left_bottom2{ padding-top:20px; color:#555; line-height:25px; color: #333; font-size: 14px; }

.left_bottom2 p{ text-indent:2em;}

/*样式3*/

.left_title3{ height:188px; line-height:60px; position:relative; overflow:hidden; }

.left_title3 h2{ width:100%; font-size:36px; color:#FFF; position:absolute; top:40px; text-align:center; z-index:10; }

.left_title3 a{ display:block; height:188px; }

.left_title3 img{ width:100%; vertical-align:middle; position:absolute; z-index:1; }

.left_title3 p{ width:100%; position:absolute; bottom:50px; text-align:center; font-size:15px; color:#FFF; z-index:10; }

.left_body3{ padding:15px 0 0; overflow:hidden; zoom:1; border-top:0; border-bottom:0; }

.left_bottom3 .prevnext{ display:block; width:51px; height:51px; background:url(../images/prevnext.png) no-repeat; position:absolute; top:50%; z-index: 5;

transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; }

.left_bottom3 .prev{ left:-60px; background-position:left bottom; }

.left_bottom3 .next{ right:-60px; background-position:right bottom; }

.left_bottom3 .prev:hover{ background-position: left top; }

.left_bottom3 .next:hover{ background-position: right top; }

/*主体右侧*/

/*样式1*/

.right_title {}

.right_title h2 { font-size:28px; font-weight:normal; text-align:center; padding:15px 0; color:#555; }

.right_title h2 a{ color:#555; }

.right_body { padding:5px 0px; padding-bottom: 30px; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }

.right_bottom {}

/*样式2*/

.right_title1 { }

.right_title1 h2{ font-size:28px; font-weight:normal; text-align:center; padding:15px 0; color:#555; }

.right_title1 h2 a{ color:#555; }

.right_body1 { padding:5px 0; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }

.right_bottom1{ height:5px; line-height:5; overflow:hidden; font-size:0px; margin-bottom:5px; }

/*样式3*/

.right_title2{ height:60px; line-height:60px;  }

.right_title2 h2{ font-size:20px; font-weight:normal;  text-indent:40px; color:#FFF;}

.right_body2{ padding:5px; overflow:hidden; zoom:1; border-top:0; border-bottom:0}

.right_bottom2{ }

/*==========@@模块  结束@@==========*/



/*==========@@频道布局  开始@@==========*/

/*模型body*/

.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}

.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1200px; margin:5px auto; }

#top, #logo, #banner, #announcement, #link, #copyright,#floor_1,#floor_2,#floor_3,#floor_4,#floor_5,#floor_6,#floor_7,#floor_8,#floor_9

,#floor_10,#floor_12,#floor_13,#floor_14 { width:1200px;  margin:0 auto; overflow:hidden; border:0px dashed red;}

#left { float:left; width:250px; }

#right { float:left; width:1200px;border-left:0px solid #E5E5E5; padding-left:0px; }



/*==========@@公共板块  开始@@==========*/

/* 顶部 */

#top_main { height:38px; background-color: #000; min-width: 1200px; }

#top { height:328px; line-height:38px; text-align:right; font-size: 12px; color:#ccc;}

#top_1 { float:left;  text-align:left; }

#top_2 { float:right; text-align:right; }

.t_ul{ display:inline-block; }

.t_ul li{display:inline-block;padding: 0px 12px 0px 12px; border-left: 1px solid #535353;}

.t_ul li:first-child{ border-left:none; }

.t_ul li:first-child a{padding-left: 27px;}

.t_ul li:last-child{ padding-right:0px;}

.t_ul li a{display:inline-block; }

#top .MobileEdition{ font-weight: bold; color:red; }

#top a { color:#ccc; }

#top a:hover { color:#fff; text-decoration:none; }



/*Logo*/

#logo_main{ width:100%; height: 98px; position:relative; z-index:102; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }

#logo_main.fixed{ position:fixed; top:0px; box-shadow:0px 2px 4px #ccc; background:#fff; }

#logo{ overflow:hidden; }

#logo .WebLogo{ float:left; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }

#logo .WebLogo img{   padding-top:20px;  transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }

#logo .Language{width:500px;float:right; padding:10px;}

#logo .Language .MobileEdition{ font-weight: bold; color:red;}

#logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; }

#logo .Member .MemberName, #logo_main .Member .MemberGroupName{ color:#F30; }

/*导航*/

#navigation_main { background:#2466ad; }

#navigation{ float:right; height: 98px; }

#navigation ul.navigationlist li { float:left; line-height:58px; text-align:center; }

#navigation ul.navigationlist li .ChannelName{ display:block; padding:0px 28px 0px 28px; line-height: 95px; font-size:17px; font-weight: bold!important;color:#000; font-weight:normal; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }

#navigation ul.navigationlist li a:hover { text-decoration:none; color:#000; }

#navigation ul.navigationlist  .current{ color:#494949 !important; }

/*导航栏下拉*/

#navigation .info_wrap_main{ width:100%; overflow:hidden; display:none; background-color:rgba(255,255,255,0.9); position:absolute; left:0; z-index:100;  color:#666; text-align:left; }

#navigation .info_wrap{ width:1200px; margin:0 auto; padding:35px 0px; overflow:hidden; }



#navigation .line{ position:absolute; z-index:-1; bottom:25px; width:0px; height:3px; font-size:3px; background:#e6181a; display:none; }

#navigation .Channel_wrap{ float:left; width:30%; margin-right:5%; margin-left:3%; }

#navigation .Channel_wrap .ChannelName1{ display:block; font-size:24px; margin-bottom:12px; color:#4e4e4e; font-weight:bold; }

#navigation .Channel_wrap p{ color:#666; }

#navigation .Channel_wrap .more{ display:inline-block; padding:9px 18px 0 0; float:none; color:#666; background:url(../images/nav_li_ico.png) no-repeat right 17px; text-align:left;

font-size:14px; line-height:22px; }

#navigation .Channel_wrap .more:hover{ color:#00706a; }

#navigation .subnavigationlist{ float:left; width:110px;  padding-left:40px; padding-right: 40px; border-right: 1px dotted #ccc;}

#navigation ul.subnavigationlist li{ float:none; padding:0px; line-height:28px; display:inline; }

#navigation ul.subnavigationlist li a{ display:block; white-space:nowrap;  font-weight:normal; color:#333; font-size:16px; padding:0px 10px 10px; text-align:left; }

#navigation ul.subnavigationlist li a:hover{ color:#e6181a;}



#navigation ul.subservice li a{ font-size:12px; padding: 0px 0px 0px 10px;}

#navigation ul.subservice .subservice1 a{ font-size:16px; margin-bottom: 10px;}



#navigation .right_info{ float:left; width:30%; }

#navigation .right_info p{ color:#bccbe0; }

/*公告*/

#announcement { margin-top:5px;  height:35px; line-height:35px;background-color:#f0f0f0; color:#0B3B7D;}

#announcement .announcement_title{ float:left;font-weight:bold; text-indent:35px; background:url(../images/announcement_title.gif) no-repeat 8px center; width:150px;}

#announcement .announcement_body{float:left; width:750px;}

#announcement .announcement_bottom{float:right; width:100px; }

.announcementlist{ }

.announcementlist li { line-height:35px; }



/*Js幻灯片样式*/

.banner { position: relative; height: 600px; margin:0 auto;  width:1920; min-width: 1200px; overflow: hidden;background-color: #fff;}

.banner_a{ display: block;width:100%; height:600px;}

.swiper-button-next:hover,.swiper-button-prev:hover{opacity: 0.5;}





.i_service{position:relative; width: 1200px; margin: 0px auto;}

.is_left{ position:relative; width: 259px; margin-top: -99px; z-index: 999999;}

.is_left_ul{display:block;border:3px solid #ea0000; margin-top:-4px; padding-top:10px; padding-bottom: 15px;}

.is_left_ul li{ display:block;height: 46px; line-height: 46px; padding-left: 44px; background: url(../images/inav_ico.png) 20px 16px no-repeat;}

.is_left_ul li a{font-size:16px; color:#000; }

.is_left_ul li a:hover{ color:#ea0000;}

.is_left_ulactive{color:#ea0000!important;}

.is_left_bottom{position:relative; padding-left: 70px; padding-top: 15px; background: url(../images/pro_phone.png) 20px 25px no-repeat; background-color: #ea0000; height: 79px; color:#fff;}

.is_left_bottom p{ font-size:18px;}

.is_left_bottom p span{font-size:24px;}



.is_right{float:right; width: 910px; padding-top: 99px;}

.is_right_top{ margin-top: 40px; margin-bottom: 40px;}

.is_right_more{float:right;line-height: 24px; color:#ccc;}

.is_right_more:hover{color:#ea0000;}

.is_right_top h2{display:inline-block; padding-left: 34px; font-size: 24px; background: url(../images/it_ico.png) 0px 4px no-repeat; font-weight: bold; color:#000;}

.is_right_top h2 span{ font-size:14px; color:#666; margin-left: 20px; font-weight: normal; line-height: 24px;}



.jx_ul{display:block; margin-left: -20px;}

.jx_ul li{display:block; width:212px; height: 210px; float: left; margin-left: 20px; margin-bottom: 20px;}

.jx_ul li a{display:block; width: 212px; height: 158px; overflow: hidden;}

.jx_ul li a img{width:100%; height: 100%; transition: all 0.8s;}

.jx_ul li a:hover img{transform:scale(1.1);}

.jx_ul li p{text-align:center; line-height:50px; font-size: 15px;}

.jx_ul li p a{display:inline;}







.iabout{position:relative; width: 100%; min-width: 1200px; height: 495px; background: url(../images/about_bg.jpg) top center no-repeat; margin-top: 30px;}

.iabout_box{position:relative; width: 1200px; margin: 0px auto; padding-top: 40px; }

.iabout_info{width:510px; }

.iabout_top{ }

.iabout_top p{ font-size: 52px; color:#fff;}

.iabout_top h2{ font-size:30px; font-weight: normal; color:#fff;}

.iabout_line{position:relative; width: 54px;border-top: 1px solid #ea0000; margin-top: 26px; margin-bottom: 30px;}

.iabout_con{color:#fff; font-size: 14px; line-height:2em;}



.i_botton{ margin-top:30px;}



.iabout_img{float:right;display: block; width: 603px; height: 337px; overflow: hidden;margin-top:45px;}

.iabout_img img{transition:all 0.8s;}

.iabout_img:hover img{transform:scale(1.1);}





.i_case{position:relative;padding-bottom: 50px; min-width: 1200px;}

.icase_nav{ width:1100px; margin: 0px auto; margin-top: 30px; text-align: center;}

.icase_nav a{ display:inline-block; height: 40px; line-height: 40px; font-size: 16px; color:#333;border: 1px solid #dcdcdc; padding: 0em 2em; margin-left: 10px; margin-bottom:10px;}

.icase_nav a:hover{background-color: #ea0000;border: 1px solid #ea0000; color:#fff;}

.icase_navactive{background-color: #ea0000;border: 1px solid #ea0000!important; color:#fff!important;}

.icase_div{display:block; width: 1200px; margin: 0px auto;}

.icase_ul{display:block; width: 1220px;  height: 540px; margin-left: -20px;}

.icase_ul li{display:block; width: 284px;height: 254px; float: left; margin-left: 20px; overflow: hidden; margin-top: 26px;}

.icase_ul li a{display:block; width: 284px; height: 213px; overflow: hidden;}

.icase_ul li a img{transition:all 0.8s; width: 100%; height: 100%;}

.icase_ul li a:hover img{transform:scale(1.1);}

.icase_ul li p{display:block;}

.icase_ul li p a{display:block; width: 270px; height: 42px; color:#333; line-height: 42px; background: url(../images/i_botton3.png) 250px 12px no-repeat; background-color: #eee; padding-left: 14px; transition:all 0.3s;}

.icase_ul li p a:hover{color:#ea0000; font-weight: bold;}





.i_ad{position:relative;width: 100%; min-width: 1200px; height: 190px; background: url(../images/indexqa_20.jpg) top center no-repeat;}





.bottom_box{position:relative; width: 100%; min-width: 1200px; background-color: #f5f5f5;}

.bottom{position:relative; width: 1200px; margin: 0px auto;  padding-top: 40px;}

.b_left{position:relative; width: 305px; float: left;}

.b_left h3{ font-size:26px; color:#ea0000; margin-bottom: 20px;}

.b_left p{ display:inline-block; padding-left: 42px; line-height:58px; font-size: 14px; color:#333;}



.b_service{float:left; width: 370px; margin-left: 80px;}

.b_service h3{font-size:18px; margin-bottom: 30px;}

.b_service_con a{display:inline-block; width: 180px; line-height: 32px;font-size: 14px; color:#333;}

.b_service_con a:hover{color:#ea0000;}

.flink{ font-size:14px; color:#666; padding: 20px 0px 20px 0px;}

.flink a{display:inline-block; padding: 0px 10px 0px 10px; height: 14px;line-height: 14px; border-right: 1px solid #ccc;}



.b_bq{ position:relative; width: 100%; min-width: 1200px; height: 90px; background-color: #333; font-size: 12px;}

.bq_box{position:relative; width: 1200px; margin: 0px auto; color:#ccc; padding-top: 20px; }

.bq_box p{line-height: 2em;}

.bq_box a{color:#ccc;}

.bq_box a:hover{color:#fff;}













.ip_title{ text-align: center; padding-top: 20px;}

.ip_title h2{ font-size: 34px; color: #333; line-height: 2em;}

.ip_title p{display:inline-block; width: 70%; line-height: 1.5em; font-size: 16px;}







/*通用按钮*/

.i_botton{position: relative;display:inline-block; width: 245px; color:#fff!important;border: 1px solid #fff; transition: all 0.3s;}

.i_botton:hover{border:1px solid #ea0000;background-color: #ea0000; color:#333!important;}

.i_botton:hover .ib_con:after{background-image: url(../images/i_botton2.png);}

.ib_con{ position: relative;display: inline-block; padding-left: 75px; line-height: 44px; height: 44px;}

.ib_con:after{ content: ''; display: block;position: absolute;top: 50%;right: 0;margin-right: -35px;margin-top: -6px;width: 20px; height: 12px;background-image: url(../images/i_botton1.png);background-position: 0 0;background-repeat: no-repeat;}



.i_botton2{position: relative;display:inline-block; width: 245px; color:#333!important;border: 1px solid #333; transition: all 0.3s; left: 50%; margin-left: -122px; margin-top: 30px; margin-bottom: 30px;}

.i_botton2:hover{border:1px solid #ffe825;background-color: #ffe825; color:#333!important;}

.i_botton2:hover .ib_con:after{background-image: url(../images/i_botton1.png);}

.ib_con2{ position: relative;display: inline-block; padding-left: 75px; line-height: 44px; height: 44px;}

.ib_con2:after{ content: ''; display: block;position: absolute;top: 50%;right: 0;margin-right: -35px;margin-top: -6px;width: 20px; height: 12px;background-image: url(../images/i_botton2.png);background-position: 0 0;background-repeat: no-repeat;}













.ic_con{position: relative; width: 1200px; margin: 0px auto; }

.ic_list{position: relative; width: 1200px; height: 350px; overflow: hidden;}

.icl_li{ width: 386px; float: left;}

.icl_li_imga{ width: 386px; height: 264px;display: block; overflow: hidden;}

.icl_li_imga img{width:100%; height: 100%; transition: all 0.8s;}

.icl_li_imga:hover img{transform: scale(1.1);}

.icl_li_title{display:block; width: 100%; height: 56px; background-color:rgb(255,255,255,0.8);}

.icl_li_title span{position: relative;display:inline-block; padding-left: 56px; font-size: 18px; color:#333; line-height: 56px; width: 100%; box-sizing:border-box;}

.icl_li_title span:before{content: ''; width: 20px; display: block; position: absolute; left: 20px; top: 50%; margin-top: -6px; line-height: 56px; height: 56px; background: url(../images/i_botton2.png) 0px 0px no-repeat;}

.icl_li_title:hover span{color:#e6181a!important; background-color:rgb(255,255,255,1); }

.icl_li_title:hover span:before{background: url(../images/i_botton3.png) 0px 0px no-repeat;}







.i_news{ padding-bottom: 10px;}

.in_con{position:relative; width: 1200px; margin: 0px auto;}

.in_con .ip_title{}



.inews1{ float: left; margin-right: 12px; width:500px;  background-color: #f2f2f2;}

.inews_imga{display:block; width: 100%;height:320px; overflow: hidden;}

.inews_imga img{ transition: all 0.8s; width: 100%; height: 100%;}

.inews_imga:hover img{transform:scale(1.1);}

.inews_h a{font-size:18px;}

.inews_h a:hover{color:#e6181a;}

.inews_span{font-size:12px; color: #999;}

.inews1_con{padding: 20px 20px 20px 20px; height: 104px; overflow: hidden; text-overflow:ellipsis;}

.inews_p{  margin-top:0.5em;}

.i_news .icase_nav{ margin-bottom:30px;}











.inews_ul{display:block; width: 660px; float: right;}

.inews_ul li{ display:block; clear: both; padding: 15px 0px 15px 30px; margin-bottom:10px;border-bottom: 1px dotted #ccc;}

.inews_ul li:last-child{border-bottom:none;}

.inews_date{display:block; float: left; margin-right: 30px; width:90px; color: #999; text-align: right; font-size: 16px;}

.inews_date span{ font-size:32px; line-height: 45px;}

.inews_ul li h3{ font-size:18px; line-height: 30px;}

.inews_ul li h3 a{ color: #333; }

.inews_ul li h3 a:hover{ color:#e6181a;}

.i_news_info{ font-size:14px; color: #999;}





.partner_box{position: relative;width:1200px; margin: 0px auto; margin-bottom: 40px;}

.partner_box h3{font-size:34px; color:#333;}

.partner_box h3 span{font-size:14px; color: #ccc;font-weight: normal; margin-left: 20px;}

.partner_ul{display:block; margin-top:40px;}

.partner_ul li{float:left; width: 198px; border: 1px solid #dcdcdc; margin-top: -1px; margin-left: -1px;overflow: hidden;}

.partner_ul li img{width:100%; height: 100%; transition: all 0.8s;}

.partner_ul li img:hover{transform:scale(1.1);}













.i_about{position:relative; width: 100%; height:250px; padding-top: 50px; background: url(../images/iabout_bg.jpg) top center;}

.ia_con{position:relative; width: 1200px; margin: 0px auto;}

.ia_con_left{ float: left;width: 410px; color:#fff; margin-right: 20px;}

.ia_con_left h3{font-size:30px; line-height:2em;}

.ia_con_left p{font-size:14px; margin-bottom: 1.5em;}



.ia_con_li{float: left;width: 190px; padding-bottom: 20px; color:#fff; text-align: center; margin-left: 60px; cursor: pointer;}

.ia_con_li i{display:block; width: 100%; height: 75px; transition: all 0.8s;}

.ia_con_li:hover i{transform: rotateY(360deg);}

.ia_ico1{background: url(../images/time.png) bottom center no-repeat;}

.ia_ico2{background: url(../images/zgzz.png) bottom center no-repeat;}

.ia_ico3{background: url(../images/zzry.png) bottom center no-repeat;}

.ia_con_li h3{font-size:18px; line-height: 3em;}

.ia_con_li p{ }





.a_banner{ position:relative; width: 100%; height:280px;overflow: hidden;}

.nbanner_img{ position:absolute; top: 0px; left: 50%; margin-left: -960px;}



.ab_con{position:relative; z-index: 99; color:#fff;width: 1200px; margin: 0px auto; padding-top: 130px;}

.ab_con h2{font-size:36px; line-height: 2em;}

.position{color:#fff; }

.ab_con a{ color:#fff;}

.ab_con a:hover{ color:#e6181a;}





.sec_nav{position:relative;height:70px; border-bottom: 1px solid #ccc;  margin-bottom: 30px;}

.sec_wrap{ width:1200px; margin: 0px auto;}

.sec_nav img{width:1920px; max-width:none; position:absolute; left:50%; margin-left:-960px; top:0;}

.channel_content{min-height:150px; padding:70px 0 120px;}

.sec_nav{line-height:70px; border-bottom:1px solid #ededed;}

.sec_nav .secnav_list li{float:left; margin-right:50px; font-size:15px; color:#464646; position:relative;}

.sec_nav .secnav_list li a{display:inline-block;}

.sec_nav .secnav_list li .cur:after{content:''!important; position:absolute!important; left:0!important; width:100%!important; bottom:0px!important; height:3px!important; background:#ea0000!important; }

.sec_nav .bread{color:#a2a2a2;}





.about_con{ position:relative; width: 1200px; font-size: 15px; line-height: 1.8em; color:#333; margin: 0px auto; margin-bottom: 30px; padding-bottom: 30px;}

.about_con p{ margin-top:1em; margin-bottom: 1em;}







.product_con{ position:relative; width: 1200px; margin: 0px auto; padding-top: 10px; padding-bottom: 30px;}

.pl_con{ margin-left:-20px;}

.icl_li_title{ background-color:#f2f2f2;}

.pl_con_li{ float:left; margin-left: 20px; margin-bottom:30px;}





.p_view{ margin-top:20px;}

.p_img{ position:relative; width: 580px; padding: 20px 20px 20px 0px; height: 386px;}

.p_img img{ width: 100%; height: 100%;}

.p_info{ float:right; width:580px; padding-left: 20px;}

.p_info h2{ font-size:32px; color:#333; line-height:3em; display: inline-block; width: 100%; border-bottom: 1px dotted #ccc;}

.p_info_con {font-size:16px; padding-top: 20px;}

.p_info_con p{ line-height: 2em;}





.product_botton{ display:inline-block; width: 200px; height: 38px; background-color: #e6181a;  color:#fff!important; font-weight: bold; line-height: 38px; text-align: center; margin-top: 1em;}

.product_tel{ display:inline-block; font-size: 20px; line-height: 38px; padding-left: 35px; background: url(../images/product_tel.png) 0px 7px no-repeat;font-weight: bold; color:#e6181a; margin-left: 1em;}

.product_botton:hover{ opacity: 0.8;}

.product_tel span{ color:#ccc;}



.pc_title{ font-size:20px; font-weight: bold; color:#333; margin-bottom:30px; margin-top:20px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; line-height: 3em;}

.pc_con{ padding-bottom:30px; font-size: 16px;line-height: 1.8em; color:#333;}







/*文字列表*/

.news_list{ position:relative; width: 1200px; margin: 0px auto;}

.textlist{}

.textlist li{ width:100%; overflow:hidden; padding:15px 0; }

.textlist li p{ height:44px; line-height:22px; color:#555; padding-right:10px; overflow:hidden; }

.textlist li .InfoTitle{ display:inline-block; font-size:16px; color:#000; line-height:28px; padding-top: 0px; white-space:nowrap; text-overflow:ellipsis; font-weight: bold;overflow:hidden; }

.textlist li .time{ float:left; width:124px; height:80px; overflow:hidden; text-align:right; margin-right:30px; }

.textlist li .time .day{ display:block; font-size:40px; color:#999; line-height:22px; padding:10px 0 18px 0; }

.textlist li .time .year{ display:block; font-size:12px; color:#999; text-align:right; line-height:16px; padding-top:10px; }

.textlist li:hover{ background:#f4f4f4; }

.textlist li:hover .InfoTitle{ color:#e6181a; font-weight:bold; }

.textlist li:hover .time .day,.textlist li:hover .time .year{ color:#df071f; }







.ar_title{font-size:26px; line-height: 1.8em; }

.ar_info{font-size:12px; color:#999; }

.news_view_con{text-align:left; margin-top: 1em; font-size: 16px;  padding-top: 2em; border-top: 1px dotted #ccc; padding-bottom: 2em; border-bottom: 1px dotted #ccc;}











.n_case_con {}

.n_case_title{ text-align:center;font-size: 24px; color:#333; line-height: 2em;}

.n_case_img{ text-align:center; margin-top: 30px; margin-bottom: 30px;}

.n_case_img img{max-width:800px;}

.n_case_info{ color:#333; line-height: 2em; margin-top: 20px; margin-bottom: 20px; font-size: 16px;}
.n_case_info img{max-width:900px; height: auto!important;}



.case_con{ margin-top: 20px; }



.case_con .n_case_img img{ max-width:880px;}



.flink_ul{display:inline-block;}

.flink_ul li{float:left;}




/*分页样式*/
.pglist {
	padding: 30px 0 15px;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
	color: #333;
	padding: 0 15px;
	margin: 0 4px;
	background: #fff;
	border: 1px solid #edebeb;
}
.pglist * {
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
	padding-bottom: 1px;
}
.pglist a:hover, .pglist .hover {
	display: inline-block;
	color: #fff;
	background: #ea0000;
	border-color: #ea0000;
}
.pglist .page-num-current {
	display: inline-block;
	color: #fff;
	background: #ea0000;
	border-color: #ea0000;
}
.pglist .thisclass a{background-color:#ea0000; color:#fff;}
.pglist .thisclass a:hover{}






/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:50%;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}



