@charset "UTF-8";
* { margin: 0; padding: 0; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { color: #474747; margin: 0 auto; font-size: 12px; line-height: 24px; font-family: "Microsoft YaHei",Arial,sans-serif; -webkit-text-size-adjust: none; background: #fff; }

ol, ul, li { list-style: none; }

img { border: none; vertical-align: top; }

a { color: #474747; text-decoration: none; outline: none; }

a:hover { color: #a37e61; outline: 0; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; border: none; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summar { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.clearfix:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

em, i { font-style: normal; }

b { font-weight: normal; }

.w_1130 { width: 1130px; margin: 0 auto; }


/*footer*/
.footer{ width: 100%; padding: 20px 0; background: #fff; border-top: 1px solid #d2d2d2;}
.footer .left{  float: left; font-size: 12px;color: #666666;}
.footer .left p{ line-height: 18px;}
.footer .left p a{color: #666666;}
.footer .left p a:hover{ color: #2d59a2;}
.footer .left ul{ line-height: 28px; margin-bottom: 5px;}
.footer .left ul li{ float: left;font-size: 12px;color: #d4d4d4;text-transform: uppercase; }
.footer .left ul li a{color: #333333;   }
.footer .left ul li a:hover{ color: #2d59a2;}
.footer .left ul li i{ padding: 0 10px;}
.footer .right{float: right; margin-top: 42px; }
.footer select{ width: 210px;height: 28px;border:1px solid #d8d8d8;font-size: 12px;color: #333333; }
.footer .left ul li a,.footer .left p a{transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }


.inner_banner{ width: 100%; height: 122px; padding-top: 70px; overflow: hidden; }
.inner_banner .title{  line-height: 45px;  height: 45px;overflow: hidden;}
.inner_banner .title b{ font-size: 30px;color: #fff; font-weight: bold;}
.inner_banner .title i{ padding-left: 8px;font-size: 18px;color: #d2d2d2;  text-transform: uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}

.inner_cont{ background: url(../images/ruler_bg.jpg) repeat-x; padding-bottom: 45px;}
.left_side{ float: left; width: 211px; margin-bottom: 50px;}
.right_side{float: right;width: 883px; margin-top: 38px;}
.location{ }
.menu{}
.menu .title{ padding-top: 16px;height: 56px;padding-left: 21px;  background: #5e5e5e url(../images/menu_bg.jpg) no-repeat right bottom;}
.menu .title b{ display: block;line-height: 23px;overflow: hidden;height: 23px;font-size: 16px;color: #fff;}
.menu .title i{ display: block;line-height: 20px;overflow: hidden;height: 20px;font-size: 14px;color: #999999;text-transform: uppercase;}
.menu ul{}
.menu ul li{ margin-bottom: 5px;}
.menu ul li a{ display: block; position: relative; line-height: 32px; height: 32px; padding-left: 25px;background: #dadada;
    overflow: hidden; color: #333333;font-size: 14px;}
.menu ul li a:after{position: absolute; left: 0;top: 0;width: 2px; height: 32px;  content: "";  }
.menu ul li.on a,.menu ul li:hover a{ color: #fff; background: #2d59a2;}
.menu ul li.on a:after,.menu ul li:hover a:after{ background: #c20c23;}

.left_contact{  margin-bottom: 5px;  }
.left_contact a{  display: block; overflow: hidden;height: 71px;  border:3px solid #e5e5e5; }
.left_contact dt{  float: left;width: 81px; height: 71px;  }
.left_contact dt img{width: 73px;  }
.left_contact dd{  float: left; width: 124px; height: 64px;padding-top: 7px;}
.left_contact dd h3{ line-height: 21px;  height: 21px;overflow: hidden; font-size: 14px;color: #323433;  }
.left_contact dd h4{ line-height: 21px;  height: 21px;overflow: hidden; font-size: 14px;color: #323232;  }
.left_contact dd h5{ line-height: 21px;  height: 21px;overflow: hidden; font-size: 14px;color: #999997;  }
.menu ul li a,.menu ul li a:after{ transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.location{ border-bottom: 1px solid #5e5e5e; margin-bottom: 33px; }
.location em{ padding-left: 20px;float: left; height: 34px; line-height: 34px; font-size: 14px;color: #000000;}
.location span{ float: right; padding-left: 22px;background: url(../images/location_icon.jpg) no-repeat left center; font-size: 13px;color: #737373;font-family: "SimSun";}
.location a{  padding: 0 6px;}
.location i{ padding-left: 6px;}

.list_aboutpage{font-size: 14px;color: #292929; line-height: 1.79; }
.list_aboutpage img{ max-width: 100%;}
.list_aboutpage .about_dl{ }
.list_aboutpage .about_dl dt{ float: right; margin-left: 20px;}
.list_aboutpage .about_dl dt img{width: 383px; }
.list_aboutpage .about_dl dd{ }

/*list_newspage*/
.list_newspage{}
.list_newspage .list_news{ padding-bottom: 27px;}
.list_newspage .list_news dl{}
.list_newspage .list_news dl a{ display: block;  height: 56px;padding-bottom: 25px; border-bottom: 1px dashed #cbcbcb; margin-bottom: 18px; }
.list_newspage .list_news dl a dt{ float: left; width: 65px;height: 56px;  padding-top: 9px;background: #e6e6e6;text-align: center;-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.list_newspage .list_news dl a dt b{ display: block; line-height: 29px; height: 29px;font-size: 24px;color: #656764;-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.list_newspage .list_news dl a dt i{display: block; line-height: 20px; height: 20px; font-size: 12px;color: #656462;-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.list_newspage .list_news dl a dd{  float: left;  width: 735px;
    margin-left: 25px;}
.list_newspage .list_news dl a dd h3{ height: 25px;overflow: hidden; margin-bottom: 3px; margin-top: 2px; line-height: 25px;font-size: 16px;color: #343031;}
.list_newspage .list_news dl a dd h4{ line-height: 17px;font-size: 12px;color: #9a9a9a;}
.list_newspage .list_news dl a dd h3{-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.list_newspage .list_news dl a:hover dd h3{ color: #2d59a2;}
.list_newspage .list_news dl a:hover dt b,
.list_newspage .list_news dl a:hover dt i{ color: #fff;}
.list_newspage .list_news dl a:hover dt{ background: #2d59a2;}

.page { text-align: center; font-size: 0; }
.page a { height: 30px; line-height: 30px; display: inline-block; margin: 0 5px 5px; border: 1px solid #cccccc; padding: 0 10px; font-size: 14px; color: #4c4c4c; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.page a.prev, .page a.next { padding: 0 12px; }
.page a.on, .page a:hover { background: #2d59a2; color: #fff; border-color: #2d59a2; }

/*list_productpage*/
.list_productpage{ }
.list_product{}
.list_product h3.title{ margin-bottom: 12px;height: 30px; line-height: 30px; background: #dadada; padding-left: 15px; font-size: 14px;color: #343237;}
.list_product dl{ margin-bottom: 25px;}
.list_product dl dt{ float: right; width: 225px;height: 135px; position: relative; overflow: hidden;}
.list_product dl dt img{ width: 100%;height: 100%;}
.list_product dl dd{float: left;}
.list_product dl dd a{ display: block; line-height: 20px; margin-bottom: 9px;font-size: 14px;color: #333333;-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;  }
.list_product dl dd a:hover{color: #2d59a2;}


.header{  width: 100%;height: 121px; background: url(../images/header_bg.jpg) no-repeat center top;}
.logo{ display: block;float: left; margin-top: 35px;}
.logo img{}
.header_right{float: right; }
.header_topright{}
.iconlist{float: right;}
.iconlist li{ float: left; margin-right: 11px; position: relative; z-index: 999;}
.iconlist li a{ display: block; width: 25px;height: 25px; background: url(../images/header_topicon.jpg) no-repeat;}
.iconlist li .sina_icon{ background-position: -37px center;}
.iconlist li .wx_icon{ background-position: -73px center;}

.hidden_ewm{ display: none; position: absolute; right: 0;top: 32px;}
.hidden_ewm img{ width: 120px;height: 120px; border:1px solid #ddd;}
.iconlist li:hover .hidden_ewm{ display: block;}

.header_topright{  height: 25px; line-height: 25px; padding: 7.5px 0;}
.header_topright .txtlist{ float: right; padding-left: 6px;}
.header_topright .txtlist li{ float: left; font-size: 12px;color: #979797;}
.header_topright .txtlist li a{color: #979797; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.header_topright .txtlist li i{ padding: 0 8px;}
.header_topright .txtlist li a:hover{color: #025ca2;}

.nav{ }
.nav ul{ }
.nav ul li{ float: left; background: url(../images/nav_line.png) no-repeat left 32px; position: relative;}
.nav ul li>a{ display: block; padding: 0 30px 0 30px;
 height: 80px;text-align: center;}
.nav ul li>a span{display: block; line-height: 20px;height: 20px;font-size: 15px;color: #060606; padding-top: 27px; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;  }
.nav ul li>a i{display: block;line-height: 14px;height: 14px;font-size: 9px;color: #979797; text-transform: uppercase; -webkit-transform:scale(0.75); 
     }
.nav ul li>a:hover span{ color: #025ca2;}
.nav ul li.li7>a{padding-right: 0; }
.nav ul li.li1{ background: none;}

.nav > ul > li.on > a { background: #b80909; color: #fff; }

.nav li dl { z-index: 999; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); opacity: 0; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); visibility: hidden; position: absolute; right: 0; top: 80px; width: 170px; background: #fff; border-radius: 0 0 2px 2px; border-top: 2px solid #025ca2; }

.nav li dl dd a { display: block; height: 46px; line-height: 46px; overflow: hidden;  padding-left: 12px; border-bottom: 1px solid #e5e5e5; color: #333; font-size: 13px; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; background: url(../images/nav_arrow2.png) no-repeat 150px center; }

.nav li dl dd a:hover { background-image: url(../images/nav_arrow.png);  background-color: #f7f7f7; }

.nav li:hover dl { opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); visibility: visible; }





/*banner*/
.banner { -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; width: 100%; position: relative; height: 514px; overflow: hidden;  min-width: 1002px; }

.banner .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }

.banner .bd ul { width: 100% !important; }

.banner .bd li { width: 100% !important; height: 514px; overflow: hidden; text-align: center; }

.banner .bd li a { display: block; height: 514px; }

.banner .prev, .banner .next { display: block; position: absolute; top: 50%; right: 0; margin-top: -13.6px; width: 34px; height: 34px; background: url(../images/banner_icon.png) no-repeat; opacity: 0; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }

.banner .prev { left: 0; right: auto; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }

.banner .next { background-position: left bottom; -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }

.banner:hover .prev, .banner:hover .next { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

.banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0; height: 30px; line-height: 30px; text-align: center; }

.banner .hd ul { text-align: center; width: 1200px; margin: 0 auto; }

.banner .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 10px; height: 10px; margin: 0 8px; overflow: hidden; background: #fff; border-radius: 100%; -webkit-transform: all 1000ms ease 0s; -ms-transform: all 1000ms ease 0s; transform: all 1000ms ease 0s; }

.banner .hd ul li.on { background: #025ca2; }


.section_notice{  border-bottom: 1px solid #d6d6d6; margin-bottom: 27px; padding: 17px 0 13px; }
.section_notice h3.title{ font-size: 12px;color: #000000; background: url(../images/notice_icon.jpg) no-repeat left center; padding-left: 27px; float: left; margin-right: 27px;}
.section_notice .js_notice{ float: left; }
.section_notice .js_notice ul{ }
.section_notice .js_notice ul li{  }
.m_wnews div a{font-size: 12px;color: #717171;-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;  }
.m_wnews div a span{ margin-right: 15px;}
.section_notice .more{ float: right;padding-right: 19px;font-size: 12px;color: #000000; background: url(../images/more_icon.jpg) no-repeat right center;-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }
.section_notice .more:hover{ color: #025ca2;}
.m_wnews div a:hover{color: #025ca2;}

/* 本例子css */
.m_wnews { width:900px;  line-height:150%;  position: relative;zoom: 1; height: 24px; overflow: hidden;  }
.m_wnews div { padding: 0; line-height: 2em; }
.m_wnews .pagesize { display: none; }




.section_point{ padding-bottom: 27px;}
.w_1150{ width: 1150px; margin: 0 auto;}
.sec_left{ float: left;width: 377px;}
.sec_left .list{ }
.sec_left .list li{float: left;width: 188px;height: 249px; overflow: hidden; }
.sec_left .list li a{ display: block; height: 249px; position: relative; }
.sec_left .list li .img{ width: 188px;height: 249px; overflow: hidden; position: relative;  }
.sec_left .list li .img img{ position: absolute; left: 0;top: 0;width: 100%;height: 100%; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }
.sec_left .list li a:hover .img img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.sec_left .list li .txt{  position: absolute; width: 71px; height: 21px; line-height: 21px; padding: 25px 0;
 color: #fff;font-size: 14px; background: rgba(0,205,250,0.74); text-align: center;}

.sec_left .list li.li1 .txt{ right: 0;bottom: 0;}
.sec_left .list li.li2 .txt{left: 0;bottom: 0;}
.sec_left .list li.li3 .txt{right: 0;top: 0;}
.sec_left .list li.li4 .txt{left: 0;top: 0;}


.sec_center{ float: left; width: 377px;margin-left: 10px; }
.sec_right{ float: right; width: 377px;}


.sec_center{}
.sec_case{height: 333px;border:1px solid #ebebeb; position: relative;  }
.sec_case .title a{ position: absolute; left: 25px; top: 23px; font-size: 16px;color: #454545; }
.js_case{}
.js_case ul{}
.js_case ul li{}
.js_case ul li a{ background: #f6f7fb; display: block; position: relative; height: 333px;}
.js_case ul li .img{}
.js_case ul li .img img{}
.js_case ul li .txt{ position: absolute; left: 25px; bottom: 27px; font-size: 16px;color: #0f0f0f;right: 25px;}

.sec_bot{margin-top: 12px; height: 150px;border:1px solid #ebebeb; padding-left: 24px; padding-right: 24px;}
.sec_bot .title{ margin-bottom: 11px; padding-top: 19px;}
.sec_bot .title a{ font-size: 16px;color: #454545;}
.sec_bot ul{ margin-bottom: 15px; height: 42px; overflow: hidden; width: 235px;}
.sec_bot ul li{ line-height: 21px;font-size: 12px;color: #6b6b6b; }
.sec_bot ul li a{ display: block;font-size: 12px;color: #6b6b6b; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;  }
.sec_bot ul li a:hover{color: #025ca2; transform:translateX(5px); -webkit-transform:translateX(5px);}
.sec_bot .more a{font-size: 12px;color: #6b6b6b; height: 22px; overflow: hidden; line-height: 22px; }
.sec_bot .more a i{ background: url(../images/more_icon2.png) no-repeat left center; display: inline-block; width: 22px;height: 22px; vertical-align: middle; float: left; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }
.sec_bot .more a span{ font-size: 12px;color: #6b6b6b; display: inline-block;float: left;  margin-left: 7px;  -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.sec_bot .more a:hover i{transform:translateX(5px); -webkit-transform:translateX(5px); }
.sec_bot .more a:hover span{color: #025ca2;}
.sec_news{ background: #fff;height: 333px;border:1px solid #ebebeb; position: relative;  padding: 0 25px 0 24px; }
.sec_news .title{ padding-top: 23px; margin-bottom: 22px;}
.sec_news .title a{font-size: 16px;color: #454545; }
.js_news{}
.js_news ul{}
.js_news ul li{}
.js_news ul li a{}
.js_news ul li .img{ margin-bottom: 14px;}
.js_news ul li .img em{}
.js_news ul li .txt{}
.js_news ul li .txt h4{ line-height: 27px; height: 27px;overflow: hidden; font-size: 14px;color: #313131;}
.js_news ul li .txt h5{ margin-bottom: 13px; line-height: 24px; height: 24px;overflow: hidden; font-size: 12px;color: #b9b9b9; }
.js_news ul li .txt .detail{ font-size: 12px;color: #6b6b6b; line-height: 21px; height: 63px; overflow: hidden;}







/* 本例子css */
.js_case { position: relative; overflow: hidden; }
.js_case .pic{ position:relative; z-index:0; }
.js_case ul li .img{ overflow: hidden;  width: 375px;height: 333px; }
.js_case .pic img {  display: block;  width: 100%; height: 100%; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;  }
.js_case ul li a:hover .img img{ transform:scale(1.05);  -webkit-transform:scale(1.05); }
.js_case .prev {  }
.js_case .next { background-position: right center;  }
.js_case .playState{}


.js_case .btn{ position: absolute;right: 22px; top: 28px; }
.js_case .btn a{ display: block;float: left;background: url(../images/arrow.jpg) no-repeat;width: 13px; height: 15px; display: inline-block; }
.js_case .btn a.playState{}
.js_case .btn a.pauseState{ background-position: -13.5px center;}
.js_case .btn a.prev{ background-position: -27px center;}
.js_case .btn a.next{ background-position: right center; }



/* 本例子css */
.js_news { position: relative; overflow: hidden; }
.js_news .pic{ position:relative; z-index:0; }
.js_news ul li .img{width:326px; height:106px; overflow: hidden; position: relative; }
.js_news .pic img {  display: block;  width: 100%; height: 100%; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }
.js_news .prev {  }
.js_news .next { background-position: right center;  }
.js_news .playState{}
.js_news ul li a:hover .img img{ transform:scale(1.05);  -webkit-transform:scale(1.05); }

.js_news .btn{ position: absolute;right: 22px; top: 28px; }
.js_news .btn a{ display: block;float: left;background: url(../images/arrow2.jpg) no-repeat;width: 13px; height: 15px; display: inline-block; }
.js_news .btn a.playState{}
.js_news .btn a.pauseState{ background-position: -13.5px center;}
.js_news .btn a.prev{ background-position: -27px center;}
.js_news .btn a.next{ background-position: right center; }




/*list_contactpage*/
.list_contactpage .contact_img { height: 358px; border: 1px solid #e0e0e0; margin-bottom: 25px; }

.list_contactpage .contact_txt h4 { font-size: 16px; color: #3b3834; font-weight: bold; margin-top: 38px; margin-bottom: 17px; }

.list_contactpage .contact_txt p { color: #3b3834; font-size: 14px; line-height: 30px; }

#allmap { width: 100%; height: 358px; }

/*list_honorpage*/
.list_honorpage .honor_list { position: relative; margin-right: -25px; padding-bottom: 17px; }

.list_honorpage .honor_list li { float: left; /*width: 270px; margin-right: 32px; margin-bottom: 31px; */    width: 188px;
    margin: 0 18px 31px; }

.list_honorpage .honor_list li a { display: block; position: relative; }

.list_honorpage .honor_list li a::after { position: absolute; left: 50%; height: 2px; width: 40px; background: #28b8ff; content: ""; margin-left: -20px; }

/*.list_honorpage .honor_list li em { display: block;height: 0; padding-bottom: 357px; overflow: hidden;   position: relative; border: 1px solid #e6e6e6;}

.list_honorpage .honor_list li img { width: 100%; height: 100%;  position: absolute; left: 0;top: 0; bottom: 0;right: 0; 
    display: block;}*/

.list_honorpage .honor_list li span { display: block; color: #333333; font-size: 14px; text-align: center; line-height: 40px; height: 40px; overflow: hidden; }

.list_honorpage .honor_list li  em{display:table-cell;     width: 186px;
    font-size: 218px;
    height: 249px; text-align:center; vertical-align:middle; overflow: hidden; position: relative; border: 1px solid #e6e6e6; background: #fff;}
.list_honorpage .honor_list li  em img{vertical-align:middle; max-width: 100%;}

/*.list_honorpage .honor_list li  em{ height: 276px; font-size: 242px;}*/

/*list_honorpage*/
.list_casepage .case_list { position: relative; margin-right: -18px; padding-bottom: 17px; }

.list_casepage .case_list li { float: left;     width: 188px;
    margin: 0 18px 31px;}


.list_casepage .case_list li a { display: block; position: relative; }

.list_casepage .case_list li a::after { position: absolute; left: 50%; height: 2px; width: 40px; background: #28b8ff; content: ""; margin-left: -20px; }

.list_casepage .case_list li em { display: block; width: 100%; height: 0;    padding-bottom: 249px; overflow: hidden; border: 1px solid #e6e6e6;  position: relative; }

.list_casepage .case_list li img { width: 100%; height: 100%;  position: absolute; left: 0;top: 0; bottom: 0;right: 0; 
    display: block;   transition:all 0.3s ease 0s;  -webkit-transition:all 0.3s ease 0s;  }

.list_casepage .case_list li span { display: block; color: #333333; font-size: 14px; text-align: center; line-height: 40px; height: 40px; overflow: hidden; }
.list_casepage .case_list li a:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);}


.list_casepage2 .case_list li { float: left; width: 206px; margin: 0 18px 31px 0;  }
.list_casepage2 .case_list li em { display: block; width: 100%; height: 0; padding-bottom: 183px; overflow: hidden; border: 1px solid #e6e6e6;  position: relative; }


.search{ float: right;    margin-right: 11px;}
.search .text{ float: left; width: 180px; height: 25px;  }
.search .btn{ float: left;    display: block;
    width: 25px;
    height: 25px; text-indent: -999em;
    background: url(../images/header_topicon.jpg) no-repeat; }

/*list_messagepage*/
.list_messagepage { position: relative; width: 800px; margin: 0 auto; }

.list_messagepage ul { margin-right: -40px; position: relative; }

.list_messagepage h3 { text-align: center; font-size: 18px; color: #333333; padding-bottom: 29px; background: url(../images/message_icon.png) no-repeat center bottom; margin-bottom: 40px; }

.list_messagepage ul li { float: left; width: 378px; height: 40px; border: 1px solid #dbdbdb; margin-right: 40px; margin-bottom: 30px; }

.list_messagepage ul li label { display: block; float: left; width: 56px; text-align: right; color: #333333; font-size: 14px; line-height: 40px; height: 40px; overflow: hidden; }

.list_messagepage ul li .text { width: 302px; padding: 10px; height: 20px; line-height: 20px; }

.list_messagepage ul li textarea { font-size: 14px; color: #808080; width: 778px; padding: 10px; height: 140px; resize: none; }

.list_messagepage ul li .btn { background: #b80909; color: #fff; font-size: 16px; display: block; border-radius: 4px; width: 280px; height: 38px; }

.list_messagepage ul li.li1 { width: 798px; height: 160px; margin-right: 0; }

.list_messagepage ul li.li2 { position: relative; width: 500px; margin-right: 20px; }

.list_messagepage ul li.li2 label { width: 160px; text-align: center; background: #e6e6e6; }

.list_messagepage ul li.li2 .text { width: 220px; }

.list_messagepage ul li.li2 img { position: absolute; right: 0; top: 1px; width: 100px; height: 38px; }

.list_messagepage ul li.li3 { width: 280px; border: none; margin-right: 0; }






/*cont_infopage*/
.cont_infopage { padding-top: 34px; padding-bottom: 100px; }

.entry_title { color: #222222; font-size: 16px; font-weight: bold; text-align: center; line-height: 28px; margin-bottom: 16px; }

.entry_meta { font-size: 12px; color: #999999; text-align: center; border-bottom: 1px  dotted #dadada; line-height: 16px; padding: 21px 0; margin-bottom: 29px; }

.entry_meta span { margin: 0 26px; }

.entry_content { font-size: 15px; color: #444444; line-height: 31px; padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-bottom: 30px; }



.cont_infobot .left { float: left; width: 530px; }

.cont_infobot .left .turnpage li { font-size: 15px; line-height: 42px; height: 42px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.cont_infobot .left .turnpage li a { color: #444444; transition: color 0.3s ease 0s; -webkit-transition: color 0.3s ease 0s; }

.cont_infobot .left .turnpage li a span { font-weight: bold; color: #111111; transition: color 0.3s ease 0s; -webkit-transition: color 0.3s ease 0s; }

.cont_infobot .left .turnpage li a:hover span { color: #2d59a2; }

.cont_infobot .backprev { color: #666; font-size: 13px; text-align: center; width: 173px; height: 46px; line-height: 46px; display: block; float: right; border: 1px solid #666; float: right; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; margin-top: 19px; }

.cont_infobot .backprev:hover { color: #2d59a2; border-color: #2d59a2; }


.trans300, .right_side .location span a, .index_cont .left .txt h3, .index_cont .news ul li em, .left_side .menue ul li a, .list_picpage dl a, .list_picpage dl dd h5,.search .text { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.search .text{ border-bottom: 1px solid #fff;}
.search:hover .text{ border-color: #ebebeb;}